/*this gets applied in menu.css so it might as well be universal for TCO for common look and feel*/
* 
{
	margin: 0;
	padding: 0;
}

body, input, select, textarea
{
     font-size: 9pt;  
     font-family: Arial;
     color: #756a64;
}

img
{
	border: 0;
}

/*use this class on a frame body to ensure it has a white background*/
.iFrameWindowBackground 
{
	background-color:#FFFFFF;
}

.alignLeft
{
	text-align:left
}

/***********
<Form Styles>
************/

/*for normal tchekonline windows*/
/*for big popups with a with of 1000px*/
.mainFormWidth, .bigPopupFormWidth, .logoLayoutPopup, .logoLayout
{
	width: 100%;
}

.linksLayout
{
    background-image: url("../images/backgrounds/bg-top-links.png");
    background-repeat: repeat-x;
    height: 33px;
}

.linksLayoutBigger
{
    background-image: url("../images/backgrounds/bg-top-links-bigger.png");
    background-repeat: repeat-x;
    height: 59px;
}

.footerMainMaster, .header, .contentMainMaster
{
      /* Hard coded causes issues in 1024x768 */
    width: 995px;
    margin-right: auto;
	margin-left: auto;
	vertical-align: middle;
}

.footerPopupMaster 
{
    width: 100%;
    margin-right: auto;
	margin-left: auto;
}

.reportViewer
{
    overflow: hidden !important;
}

/*
{
    width: 98%;
    margin-right: auto;
	margin-left: auto;
}

.contentHelpLinkMaster
{
    width: 94%;
    margin-right: auto;
	margin-left: auto;
}
*/

/* Rounded Corners */
.roundedOuter
{
    background-color:White; 
    padding: 20px;
}

.roundedInner
{
    background-color:#e7ecf2; 
    padding: 20px;
}

/*for normal popups with a width of 802px*/
.popupFormWidth
{
	width: 100%;
}

/*class that all forms use*/
.formStyle
{
	margin-right: auto;
	margin-left: auto;
	display: block;
}

.formStyle2
{
    position: absolute;
    min-height: 100%;
 	min-height: 100%;
 	margin-right: 0;
	margin-left: 0;
}

	/*sets the color for the background in the content and footer*/
	.content, .footer
	{
		background-color: #E2E1E6;
	}
	
	/*sets the hard margins the header, content and footer*/
	.header, .content, .footer, .popupHeader
	{
		position: relative;	
	}
	
	/*Allows for content to be absolutly positioned within the header, content in footer
	and still lie against the margins defined above properly*/
	.innerHeader, .innerContent, .innerFooter
	{
		position: relative;
	}	
		.header, .popupHeader
		{
			height:100px;
			background-color: #FFFFFF;
			 /*z-index: 1000;required for tabs to be "on top" correctly in IE7*/
		}
			.tchekHeaderLogo
			{
				position: absolute;
				left: 0px;
				top: 20px;
			}
			.absoluteTopRight
			{
				position: absolute;
				right: 0;
				top: -25px;
			}
			
		.content
		{
			background-image: url("../images/wave-bg-top.jpg");
		    background-repeat: no-repeat;
			padding-top: 30px;
			min-height: 300px;
			z-index: 1;
		}
		
		/*causes the footer to "float" at the bottom regaurdless of size, the apparent visible size is changed by the .content padding*/
		.footer, .footerMainMaster, .footerPopupMaster
		{
			color: #756a64;
			font-size: 9pt;
			height: 30px;
			vertical-align: middle;
		}
		

/********************
<Other Global Styles>
*********************/

/* All hyperlinks*/
a 
{
	outline: 0;
	color: #4891dc; /* Blue */
	text-decoration:none;
	font-weight: bold;
}
	/* only visited hyperlinks that haven't been overridden*/
	a:visited
	{
		color: #642566; /* Purple */
	}	
	
	a:hover
	{
		text-decoration: underline;
	}	
	
	/*more specific definition for certain hyperlinks*/
	.linkNotVisited:link, .linkNotVisited:visited, .linkNotVisited:focus, .linkNotVisited:active
	{
		color: #003479; /* Blue */
		font-size :9pt;
	}


.absoluteTopRight a:link
{
    color: #728574;
}

.footerMainMaster a:link
{
    color: #728574;
}


select, .dateChooser, input[type='text'], input[type='password']
{
	font-size:8pt;
}

/* padding for footer between | */
.footerSpacing
{
    margin-left: 5px;
    margin-right: 5px;
}

/* adds 3d look to screen elements that don't natively support it */
.dateChooser, .scrollingCheckboxList
{
	background-color: #FFFFFF;
	border-width: 1px;
	border-style: solid;
	border-top-color: #abadb3;
	border-bottom-color: #e3e9ef;
	border-left-color: #e2e3ea;
	border-right-color: #e2e3ea;	
}

	/*For level control checkbox list panel and other similar checkbox lists*/
	.scrollingCheckboxList
	{
		padding: 4px 0px 4px 5px;
		overflow-y: scroll;
	}
	
	/*Add spacing on labels on the right of a textbox and line it up with the text better
	only within a scrolling checkbox list*/
	.scrollingCheckboxList label
	{
		margin-left: 4px;
		vertical-align:5%;
		cursor: pointer;
	}	

/* for clearing when floating was used */
.clear
{
	clear:both;
}

/*centers an element within its parent block*/
.center
{
	margin-left: auto;
	margin-right: auto;
	display: block;
}

/*used to override the default images on the ReportViewer control*/
.forcedAutoHeightWidth
{
	height: auto !important;
	width: auto !important;
}

/*FONT SIZES, we need to define classes for them and what they are */
.small
{
	font-size:8pt;
}

/********
<Buttons> 
*********/
/*These button classes are not .NET default but rendered by using TChek.TChekOnline.ControlAdapters.ButtonAdapter*/

/*sets up the button wrapper*/
.buttonWrapper
{
	display: inline-block;
	vertical-align: middle;
	margin: 0px 2px 0px 2px;
}
/*all elements within a button have this style*/
.buttonWrapper span, .buttonWrapper input
{
	border: 0;
	height: 28px;
	float: left;
}  
    /*the actual "input" for the button */
    .buttonWrapper input
    {
    	color: White;
		font-weight: bold;
		font-size: 8pt;
		padding-left: 5px;
		padding-right: 5px;
		cursor: pointer;
		outline: 0;
		min-width: 40px;
    }
	/* adds button hover affect   
    .buttonWrapper input:hover
    {
		color: #642566;
    }*/  
      
    /*images for input whether its enabled or disabled*/
    .buttonWrapper.enabled input
    {
    	background-image: url(../images/buttons/orange-bttn-middle.png);
    }
    .buttonWrapper.disabled input
    {
    	background-image: url(../images/buttons/inactive-bttn-middle.png);
    }    	
    
    /*Left and right elements of a button are the same except the image*/
    .buttonWrapper span
    {
        width: 6px;
    }  
    	/*enabled left/right images*/
        .buttonWrapper.enabled .buttonLeft
        {
        	background-image: url(../images/buttons/orange-bttn-left.png);
        }
        .buttonWrapper.enabled .buttonRight
        {
        	background-image: url(../images/buttons/orange-bttn-right.png);
        }      
        /*disabled left/right images*/
        .buttonWrapper.disabled .buttonLeft
        {
        	background-image: url(../images/buttons/inactive-bttn-left.png);
        }
        .buttonWrapper.disabled .buttonRight
        {
        	background-image: url(../images/buttons/inactive-bttn-right.png);
        }

/*****************************************************
******************* COMMON ***************************
*****************************************************/
/* TODO: Replace all tool titles with Subtitle class */
.SubTitle
{
	padding: 10px 10px 10px 0px;
    font-weight:bold;
    font-size:11pt;
}

.SubTitle.purple
{
    color: #163e70; /*EFS dark blue*/
}
.SubTitle.gray
{
    color:#756a64; /* gray */
}

.floatLeft
{
    float: left;
}

.floatRight
{
    float: right;
}

/* User Message User Control */
.UserMsg
{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:80px;
}

/*****************************************************
******************* TOOLS ****************************
*****************************************************/
.toolsTitle
{	
	font-size:13pt;
	color: #163e70; /*EFS dark blue*/
	font-weight:bold;
}
.toolsSubTitles
{	
	font-size:11pt;
	color:#756a64; /* gray */
	font-weight: bold;
}

.toolsSubTitleLabel
{	
	font-size:10pt;
	padding-left:30px;
	text-align:left;
}

.toolsLabelRequired
{	 
	font-size:10pt;
	color: #756a64; /* Gray */
	font-weight:bold;
}

.toolsLabelRequiredBlack
{
    font-size:10pt;
	color: #000000; /* Black */
	font-weight:bold;
}

.toolsModifyLabels
{
	width:200px;
	text-align:right;
	font-weight:bold;
}

.toolsTranLabels
{
	text-align:right;
	font-weight:bold;
}

.toolsLabel
{
	font-size:10pt;
}

.toolsLabelBlack
{
	font-size:10pt;
	color: #000000; /* Black */
}

/*****************************************************
******************* ADMINISTRATION *******************
*****************************************************/
.messageAdmin
{
	padding-left:80px;
}

.messageAdmin .messageAdminField
{
	width:150px;
	float:left;
}

/* Admin Search */
.searchCriteria
{
	padding-left:80px;
	padding-top:2px;
	padding-bottom:2px;
	clear:both;
	text-align:left;
}

.searchCriteria .textbox
{
	width:385px;
	height:12px;
}

.searchCriteria .dropdown
{
	width:140px;
	height:auto;
}

.searchCriteriaCol
{
	float:left;
}


/*****************************************************
******************* HELP PAGE ************************
*****************************************************/

.helpPageTitle
{
	font-size:12pt;
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	color:#756a64;
	text-align:left;
	font-weight:bold;	
}

.helpSectionTitle
{	
	font-weight:bold;
	font-size:11pt;
	color: #756a64;
	padding-bottom:10px;
	padding-top:10px;
	text-align:left;
	padding-left:20px;
	padding-right:20px;
}

.helpSectionBody
{	
	font-size:10pt;
	color: #756a64;
	padding-bottom:10px;
	padding-top:10px;
	text-align:left;
	padding-left:20px;
	padding-right:20px;
}

.helpSectionBodyBullets
{	 
	font-size:10pt;
	color: #756a64;
	padding-bottom:10px;
	padding-top:10px;
	text-align:left;
	padding-left:35px;
	padding-right:20px;
}

.divHelpLabel
{
	padding-right:120px;
	padding-top:5px;
	padding-bottom:5px;
	width:550px;
}

.divPnlHelp
{
	padding-bottom:5px; 
	padding-left:20px;
}


/*****************************************************
******************* APP OFFLINE **********************
*****************************************************/

.appOfflineDivBrands
{
	display:none; 
	height:450px; 
	width:1016px;
}
.appOfflineImg
{
	text-align:left; 
	padding-left:30px;
}

.offline_header
{
	width:100%;	
	background-image:url("images/headerbar_slice.jpg");	
	height:134px;
	
}
.offline_message
{	
	padding-left:100px;
	padding-bottom:0px;
	clear:both;
	text-align:left;
}

.offline_table
{
	width:800px;
	height:136px;
	background-image: url("images/infoBox.jpg");
}

/*****************************************************************
**PopupContainer**
for the CSS only modal popup (used in "Processing... for example)
******************************************************************/

.PopupContainer /*popup scrolls with the screen*/
{
	position: fixed;
}

.PopupContainerFixed /*popup stays fixed on the screen, you could scroll the popup off the screen*/
{
	position: absolute;
}

	.PopupBackground /*use with the PopupContainer of the same type*/
	{
		position: absolute;
	}
	.PopupBackgroundFixed /*use with the PopupContainer of the same type*/
	{
		position: fixed;
	}

.PopupContainer, .PopupContainerFixed /*hides the whole popup unless it is made visible in the style*/
{
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10001;
	display: none;
}
	.PopupBackground, .PopupBackgroundFixed /*fills the screen with translucent gray*/
	{
		height: 100%;
		width: 100%;
		left: 0px;
		top: 0px;
		z-index: 10002;
		background-color:Gray;
		filter:alpha(opacity=70); /*IE */
		opacity:0.7;/*Firefox */	
	}
	/*Below are two options for how you want the content of the popup to appear (the white area)*/
	.PopupContent /*Option 1: You choose the horizontal screen position and dont have to specify a width for the element.
					This is nice because the box "automatically" resizes to the content*/
	{
		padding: 20px 30px 20px 30px;
		background-color: White;
		border-width:1px;
		border-style:solid;
		border-color:Gray;
		position:absolute;
		z-index: 10003;	
		/* actual position of popup content on the screen is to be customized in the elements style tag using below CSS
			per how you want it to look on a given page. Note px could also be used instead of %.
		left:XX%
		top:XX%;
		*/
	}
	.PopupContentCentered /*Option 2: You must specify the width of the element but it will be centered on the page automatically
							This is nice because you dont have to specify where the element should go, but content will NOT automically
							be padded*/
	{
		display:block;
		padding: 20px 0px 20px 0px;
		background-color: White;
		border-width:1px;
		border-style:solid;
		border-color:Gray;
		position:relative;
		z-index: 10003;
		margin-left: auto;
		margin-right: auto;
		/* you must specify a width for the popup in the style tag in order for it to center, you must also specify a top for the elements vertical position
		width:XXpx;
		top:XX%;
		*/
	}


.modalBackground
{
	background-color:Gray;
	filter:alpha(opacity=70); /*IE */
	opacity:0.7;/*Firefox */	
}

/********
 MESSAGES
********/
.ViewMessagePanel
{
	width:500px;
    background-color: #E2E1E6;
	z-index :5;
}
.ViewMessagePanelPadding
{
	padding:10px;	
}		


.updateProgressImage
{
 background-image:url("../images/icons/loading.gif");
 height: 16px;
 width: 16px;
 text-align: left;
 z-index:0;
 overflow:hidden;
}

.updateProgress {
	background-color:#f2fafd;
	border-width:1px;
	border-style:solid;
	border-color:Gray;
	width:180px;
	height:65px;
	vertical-align:middle;	
	
	}
	
.updateProgressImageLoc {
	position:relative;
	margin-top:20px;
	text-align:center;	
	vertical-align:middle;	
}

/*****************************************************
******************* LOADING POP UP *******************
*****************************************************/
.PrProgress
{
    display: block;
    position: absolute;
    padding: 2px 3px;
}
.PrContainer
{
    border: solid 1px #808080;
    border-width: 1px 0px;
}
.PrHeader
{
    background: url(../Images/sprite.png) repeat-x 0px 0px;
    border-color: #808080 #808080 #ccc;
    border-style: solid;
    border-width: 0px 1px 1px;
    padding: 0px 10px;
    color: #000000;
    line-height: 1.9;  
    white-space:nowrap;
    font-weight:bold;
}
.PrBody
{
    background-color: #f2f2f2;
    border-color: #808080;
    border-style: solid;
    border-width: 0px 1px;
    padding: 10px;
}


/*********** 
infoMessage Box
***********/
.infoMessageHeader
{
	color: #ECAC00;
	font-size: 10pt;
	font-weight: bold;
}

.divInfoBox
{
	width: 100%;				/* default to 100% of container when spanContainer = true in SetUpInfoBox(), otherwise override specify pixel size */
	margin: 0px auto 10px auto;	/* center align default unless overridden in SetUpInfoBox() call */
	background:#f9f9f9 url(../images/message_box/left-side.png) repeat-y left top;
	font-size: 12pt;	 /*over-ridden later but needs to be here for compatiablity with EM sizing (which is relative to font size) that was used on SetInfoboxWidth() */
}

	.divInfoBox .top 
	{
		width:100%;
		height:11px;
		background:url(../images/message_box/top.png) no-repeat left top;
	}

	.divInfoBox .top span 
	{					/* right end image */
		display:block;
		position:relative;
		height:11px;
		background:url(../images/message_box/top-right.png) no-repeat right top;
	}

	.divInfoBox .center-content		/* message box text */
	{			
		position:relative;
		background:url(../images/message_box/right-side.png) repeat-y right top;
		padding:8px 15px 8px 30px;	/* padding around textbox text */
		text-align:left;
		font-size:8pt;
	}

	.divInfoBox .bottom 
	{
		width:100%;
		height:11px;
		background:url(../images/message_box/bottom.png) no-repeat left bottom;
	}

	.divInfoBox .bottom span		/* right end image */
	{				
		display:block;
		position:relative;
		height:11px;
		background:url(../images/message_box/bottom-right.png) no-repeat right top;
	}

/*********** 
infoMessage Box White BG 
***********/
.infoMessageHeaderWhiteBG
{
	color: #ECAC00;
	font-size: 10pt;
	font-weight: bold;
}

.divInfoBoxWhiteBG
{
	width: 100%;				/* default to 100% of container when spanContainer = true in SetUpInfoBox(), otherwise override specify pixel size */
	margin: 0px auto 10px auto;	/* center align default unless overridden in SetUpInfoBox() call */
	background:#f9f9f9 url(../images/message_box_white/left-side.png) repeat-y left top;
	font-size: 12pt;	 /*over-ridden later but needs to be here for compatiablity with EM sizing (which is relative to font size) that was used on SetInfoboxWidth() */
}

	.divInfoBoxWhiteBG .top 
	{
		width:100%;
		height:11px;
		background:url(../images/message_box_white/top.png) no-repeat left top;
	}

	.divInfoBoxWhiteBG .top span 
	{					/* right end image */
		display:block;
		position:relative;
		height:11px;
		background:url(../images/message_box_white/top-right.png) no-repeat right top;
	}

	.divInfoBoxWhiteBG .center-content		/* message box text */
	{			
		position:relative;
		background:url(../images/message_box_white/right-side.png) repeat-y right top;
		padding:8px 15px 8px 30px;	/* padding around textbox text */
		text-align:left;
		font-size:8pt;
	}

	.divInfoBoxWhiteBG .bottom 
	{
		width:100%;
		height:11px;
		background:url(../images/message_box_white/bottom.png) no-repeat left bottom;
	}

	.divInfoBoxWhiteBG .bottom span		/* right end image */
	{				
		display:block;
		position:relative;
		height:11px;
		background:url(../images/message_box_white/bottom-right.png) no-repeat right top;
	}



/************************************************************************
**************LEVEL 1 AND LEVEL 2 TAB MENU DEFINITION *******************
*************************************************************************/
/*The CSS in this section drives the main tab navigation, the tab naviation
is generated dynamically from the sitemap file */

/* The floating container that ALL tabs are contained in */
.headerTabContainer
{
	position: absolute;
	font-size: 10pt;
	left: 0;
	top: 83px; /*required for correct positioning in IE7*/
}
	/*Defines common style for both Level1 and Leve2 navs*/
	.headerTabContainer div
	{
		display: block;
		position:relative;
		float:left;
		left:0px;
		width: auto;
		clear: left;
	}
		/*a ulcontainer for level1 (top) tabs*/
		.Level1Nav
		{
			top:0px;
		}		
			/*a ul that contains EACH top level tab (that is in a li)*/
			.Level1Nav .AspNet-Menu-Leaf
			{
				position: relative;
				list-style: none;
				float: left;
				margin-right: 6px;
			}					
				/*The spans that define the left and right edges of ANY TOP LEVEL TAB */
				.Level1Nav .AspNet-Menu-Leaf span
				{
					float: left;
					height: 44px;
					width: 9px; /*width of the tab edge image*/
				}
					/**********FOR SELECTED/ACTIVE TAB**********/
					/* Left tab specifically */
					.Level1Nav span.AspNet-Menu-Link-Parent.AspNet-Menu-Selected.leftTabEdge
					{ 
					    background-image : url("../images/nav_tabs/background_images/level1-nav-on-left.png");
					}

					/* Right tab specifically */
					.Level1Nav span.AspNet-Menu-Link-Parent.AspNet-Menu-Selected.rightTabEdge
					{
					    background-image : url("../images/nav_tabs/background_images/level1-nav-on-right.png");
					}
					
					/******FOR UN-SELECTED/NOT ACTIVE TAB********/
					/* Left tab specifically */
					.Level1Nav span.AspNet-Menu-Link-Parent.leftTabEdge
					{ 
					    background-image : url("../images/nav_tabs/background_images/level1-nav-off-left.png");
					}

					/* Right tab specifically */
					.Level1Nav span.AspNet-Menu-Link-Parent.rightTabEdge
					{
					    background-image : url("../images/nav_tabs/background_images/level1-nav-off-right.png");
					}
										
				/*an "a href" that defines the middle link style of ANY TOP LEVEL TAB */
				.Level1Nav a.AspNet-Menu-Link-Parent.tabLabel
				{
					display: block;
					float: left;
					height: 31px; /*this number + the padding top below on an active tab must equal the height of the tab image*/
					padding-left: 9px;
					padding-right: 8px;
					text-decoration: none;
					color: #84888B;
					background-repeat: repeat-x;
				}			
					/**********FOR SELECTED/ACTIVE TAB**********/
					/*Defines the tiled background tab image that is used for the middle of the tab*/
					.Level1Nav a.AspNet-Menu-Link-Parent.AspNet-Menu-Selected.tabLabel
					{
						background-image : url("../images/nav_tabs/background_images/level1-nav-on-middle.png");
						font-weight: bold;
						color: #163e70;
						/*padding-top: 5px; this number + the height above must equal the height of the tab image*/
						height: 39px
					}
								
					/******FOR UN-SELECTED/NOT ACTIVE TAB********/
					/*Defines the tiled background tab image that is used for the middle of the tab*/
					.Level1Nav a.AspNet-Menu-Link-Parent.tabLabel
					{
						background-image : url("../images/nav_tabs/background_images/level1-nav-off-middle.png");
						font-weight: normal;
						padding-top: 5px;
						height: 35px
					}

					/*Selects the image and text within the "a href" of a tab to affect their positioning*/
					.Level1Nav a.AspNet-Menu-Link-Parent.tabLabel *
					{
						vertical-align: -37%;
					}
					
					/*Gives the image within a tab some padding to keep the text away from it*/
					.Level1Nav a.tabLabel img
					{
						position: relative;
						padding-right: 5px;	
					}						


		/*an ul that contains EACH sub level tab (that is in a li)*/
		.Level2Nav
		{
			top: 3px;
		}	
			/*an ul that contains EACH sub level tab (that is in a li)*/
			.Level2Nav .AspNet-Menu-Leaf
			{
				float:left;
				list-style: none;
				text-align:center;
				margin-right: 15px;
			}
				/*The spans that define the left and right edges of EACH sub level TAB */
				.Level2Nav .AspNet-Menu-Leaf span
				{
					float: left;
					height: 28px;
					width: 7px;
				}
					/*NOTE: Currently the images for selected and un-selected tab are the same for the sub-nav*/
					/**********FOR SELECTED/ACTIVE TAB**********/
					/* Left tab specifically */
					.Level2Nav span.AspNet-Menu-Link-Parent.AspNet-Menu-Selected.leftTabEdge
					{ 
					    background-image : url("../images/nav_tabs/background_images/level2-nav-left.png");
					}

					/* Right tab specifically */
					.Level2Nav span.AspNet-Menu-Link-Parent.AspNet-Menu-Selected.rightTabEdge
					{
					    background-image : url("../images/nav_tabs/background_images/level2-nav-right.png");
					}
					
					/******FOR UN-SELECTED/NOT ACTIVE TAB********/
					/* Left tab specifically */
					.Level2Nav span.AspNet-Menu-Link-Parent.leftTabEdge
					{ 
					    background-image : url("../images/nav_tabs/background_images/level2-nav-left.png");
					}

					/* Right tab specifically */
					.Level2Nav span.AspNet-Menu-Link-Parent.rightTabEdge
					{
					    background-image : url("../images/nav_tabs/background_images/level2-nav-right.png");
					}
					
				/*NOTE: Currently the images for selected and un-selected tab are the same for the sub-nav*/
				/*an "a href" that defines the middle link style of ANY SUB LEVEL TAB*/
				.Level2Nav a.AspNet-Menu-Link-Parent.tabLabel
				{
					display: block;
					float: left;
					height: 28px;
					padding-left: 10px;
					padding-right: 10px;
					padding-top: 6px;
					text-decoration: none;
					background-repeat: repeat-x;
				}			
					/**********FOR SELECTED/ACTIVE TAB**********/
					/*Defines the tiled background tab image that is used for the middle of the tab*/
					.Level2Nav a.AspNet-Menu-Link-Parent.AspNet-Menu-Selected.tabLabel
					{
						background-image : url("../images/nav_tabs/background_images/level2-nav-middle.png");
						color: #ECAC00; /* Gold */
						font-weight: bold;
					}
					/******FOR UN-SELECTED/NOT ACTIVE TAB********/
					/*Defines the tiled background tab image that is used for the middle of the tab*/
					.Level2Nav a.AspNet-Menu-Link-Parent.tabLabel
					{
						background-image : url("../images/nav_tabs/background_images/level2-nav-middle.png");
						color: #642566;
						font-weight: normal;
					}
/*!!!!!!!!!!!!!NOTE!!!!!!!!!!!!!!
John C - CSS that doesn't follow the new pattern and may be used to drive menus past two levels was moved to OldMenu.css. You may use
parts of OldMenu.css for reference if needed, but I wouldn't suggest directly putting it in this file but rather matching the new style
of defining menus
*/
		
/*****************************************************
**************AJAX TABS DEFINITION *******************
******************************************************/
/*The horizontal container for all the AJAX tabs */
.ajax__tab_header 
{
	font-size: 12px;
	font-weight: bold;
	margin-left: 15px;
}

	/* Targets each tab individually (unfortuantley they don't have a class name)
	but this type of selector is NOT compatiable with IE6*/
	.ajax__tab_header > span {}
	
	/*Set all nested child spans (the structure of an individual tab) to use the same common attributes
	(like the height so the image works)*/
	.ajax__tab_header span
	{
		height: 31px;
	}	

		/*The right tab edge*/
		.ajax__tab_outer
		{
			padding-right: 3px; /*for some reason this needs to be 3px, not sure why...*/
			margin-right: 5px; /*spacing between the tabs, occurs on the right*/
		}
			/*Unselected/Unactive tab */
			.ajax__tab_outer 
			{	
				background:url("../images/nav_tabs/background_images/ajax-tab-off-right.png") no-repeat right;
			}
			.ajax__tab_active .ajax__tab_outer 
			{
				background:url("../images/nav_tabs/background_images/ajax-tab-on-right.png") no-repeat right;
			}
			
		/*The left tab edge*/
		.ajax__tab_inner 
		{
			padding-left:7px; /*must be set as the exact width of the left tab edge image!*/
		}
			/*Unselected/Unactive tab */
			.ajax__tab_inner
			{
				background:url("../images/nav_tabs/background_images/ajax-tab-off-left.png") no-repeat;
			}
			/*Selected/Active Tab*/
			.ajax__tab_active .ajax__tab_inner 
			{
				background:url("../images/nav_tabs/background_images/ajax-tab-on-left.png")  no-repeat;
			}
		
		/*The middle of the tab and it's text*/
		.ajax__tab_tab
		{
			min-width: 125px;
			color: #756a64;
			text-align:center;
			padding-top: 5px;
			
		}
			/*Unselected/Unactive tab */
			.ajax__tab_tab
			{
				background:url("../images/nav_tabs/background_images/ajax-tab-off-middle.png") repeat-x;
			}
			/*Selected/Active Tab*/
			.ajax__tab_active .ajax__tab_tab 
			{
				background:url("../images/nav_tabs/background_images/ajax-tab-on-middle.png") repeat-x;
				color: #163e70;  /*EFS dark blue for selected tab's text*/
			}
	
		
/* the content of the tab, (where the actual data etc. is for the tab) */
.ajax__tab_body 
{
	background-color:White;
}

/*Header Styles*/
/* the top level header for a page that should likely be the name of the page */
h1
{
	color: #163e70;
	font-size: 12pt;
	margin-bottom: 10px;
}


/*****************************************************
**************MESSAGE BOXES DEFINITION ***************
*****************************************************/
.topMessageBox
{
    height: 10px;
	background-image:url('../images/alerts/alert-top.png'); 
    background-repeat:no-repeat;
}
.bottomMessageBox
{
    height: 15px;
	background-image:url('../images/alerts/alert-bottom.png'); 
    background-repeat:no-repeat;
}
.middleMessageBox
{
    width: 487px;
    background-image:url('../images/alerts/alert-middle.png'); 
    background-repeat:repeat-y;
}
.middleMessageBox span
{
    max-width: 480px;
    display:block;
    padding-top: 3px;
    padding-left: 35px;
}

/* Error message color */
.errorMessage
{
    color: #cd181f;
}

/* Success message color */
.successMessage
{
    color: #8dc63f;  
}

/* TODO: This can moved to the big Bold section later when the CSS is cleaned up */
.successMessage, .errorMessage
{
     font-weight: bold;
}

.imageMessageBox
{
    padding: 0px 0px 0px 10px;
    position: absolute;
}

/* Needs to be moved to a common class */
.messagePanel
{
    margin: 10px;
}


/*****************************************************
**************CONTENT TABS ***************************
*****************************************************/
/* Entire content including tabs */
.tabsContent
{
    width: 100%; 
    clear:both; 
    display:block;
}


/************************************************************************
***** For "Label: |Field|" table replacement rendering for forms ********
*************************************************************************/
/*defines the container for the the fields */
fieldset.form
{
	border-style: none;
}

/*YOU HAVE TWO OPTIONS BELOW*/

	/*Specify the fieldset as class="form inline" this causes the label and field to show up on the same line right aligned, this is good when there are alot of fields
	!!NOTE!!
	You must define a width for "fieldset.form.inline div label" in a <style></style> on a per page basis based on the width
	of the text that could be in the labels*/
	fieldset.form.inline div
	{
		clear: left;
		margin-bottom: 5px;
	}
		fieldset.form.inline div label
		{
			float: left;
			display: block;
			text-align: right;
			margin-right: 3px;
		}
	
	/*Specify the fieldset as class="form top" this causes the label to show up on the line above the field
	left aligned, this is good when there aren't many fields*/
	fieldset.form.top div
	{
		margin-bottom: 8px;
	}
		fieldset.form.top div label
		{
			margin-bottom: 2px;
			display: block;
		}

/*bold font for required fields*/
fieldset.form div.required label
{
	font-weight: bold;
}

/*****************************************************
**************ADVANCED FEATURES **********************
*****************************************************/
.advancedFeatures
{
    padding-top: 10px;
    background-color: #F9F9F9;
    width: 30em;
}

.advancedFeatures div
{
    margin: 5px;
}

/*****************************************************
*********Styles only used once ***********************
*****************************************************/

.InitialSetupProgressBar
{	
	text-align:left;
	padding-left:70px;
	padding-bottom:10px;
	padding-top:20px;
}

/* System Message User control CSS*/
.System 
{ 
color: Black; 
background-color: #FFE0C0; 
border-color:Red;
margin: 10px 0px; 
padding: 20px 10px 20px 50px; 
background-repeat: no-repeat; 
background-position: 10px center; 
border-bottom: 1PX solid;
border-top: 1px solid;
width:700px;
}

.LegendTitles
{
	font-family:Verdana;
	font-size:10pt;
	font-weight:bold;
	color: #756a64;
}

.SecurityQuestionTextBox
{
	width:230px;
	text-align:left;
}

.CenterTable
{
    position:absolute; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0;
    width: 50%;  
    height: 50%;  
    margin-left:auto; 
    margin-right:auto;
}

fieldset
{
	  padding: 1em;
	  width:600px;	
}

.FieldLabel
{
    text-align:right;  
}

.FieldValueControl
{
    text-align:left;  
}


legend 
{
  
}