/*-------------------------------------------------------------------------------------------
	
	CSS FOR DISPLAYING ON MONITOR

-------------------------------------------------------------------------------------------*/	

@media screen
{	/* DISPLAY CSS - START */	

/* General Definitions
---------------------------------------------------------------------------------*/

html                    { overflow-y: scroll; }

body					{	margin:0;
							padding:0;
							background-color:#B7B5B2;
							font:normal 10pt/1.1 Arial,Verdana,san serif;
						}
						
/* Machine ID hidden at lower right bottom of page needs to match the 
background color selected above.
-------------------------------------------------*/	
#MachineID					{	color:#B7B5B2;
								font-size:8px;
								float:right;
							}										


/* Global Classes
---------------------------------------------------------------------------------*/						

.errorMessage			{	color:red;
						}


.clear					{	clear:both;}

div.Centered 
                        {
                            margin:0 auto;
                            width:790px;
                            position:relative;
                        }
.error					{	color: #FF0000; }

input.error, select.error {	font-size: 10pt;
							border: dashed 1px #FF0033;
						}
label.error				{
							font-size: .8em;
							font-weight: bold;
							padding-left: 4px;
						}						
						
/* Overall Containers - Holds main div width, alignment and background
---------------------------------------------------------------------------------*/				
#mainContainer, .main-container				{	width:790px;
								text-align: left;
								padding:0 0 4px 0;
							}
							
#mainContainerAndSkyscraper
{
    width: 960px;
}
						
#whiteAreaContainer, .white-area-container			{	width:inherit;
								background-color:white;
								padding:4px 0px 5px 0;
							}
						
						
#headerContainer			{	width:793px; /*  Width is wider than mainContainer to fix IE 6 */
								padding:0 0 0 5px;
								margin:0;
							}
							

#contentContainer			{	width:778px;
								margin:0 0 0 5px;
							}

#contentContainerMargin		{	margin:10px 10px 20px 10px;
								padding:0 0 0 0;
								line-height:1.2;
							}
								
#footerContainer			{	width:inherit;
								margin:10px 0 0 0;
								color:white;
								font:10px Arial, Verdana;
							}

	/* Logo Area
	-------------------------------------------------*/					
	#logoArea				{	width:177px;
								float:left;
								display:block;

							}
							
	/* Menu Area
	-------------------------------------------------*/				
	#menuArea				{	/* Don't define width, let it default */
								float:left;
								margin:0 0 0 0;
								background-color:white;
								display:block;
							}
							
							
							
	/* Page Titles - Black Area Under Logo
	-------------------------------------------------*/				
	#PageTitleHeader, .page-title-header		{	float:left;
								width:177px;
								height:24px;	
								background-color:black;
								color:white;
								font:italic bold 16px Arial;
								margin:1px 1px 1px 0;
								padding:0;
							}

	#PageTitleHeader span, .page-title-header span	{	padding:0;
								margin:3px 0 0 6px;
								display:block;
							}						


	/* Page Titles - Blue Bar Area Under the Menu
	-------------------------------------------------*/		
	#PageTitleBlueBar, .page-title-blue-bar			{	float:left;
									width:600px;
									height:24px;
									line-height:24px;
									/*background-color:#17439C;*/
									background-color:#0058ad;
									color:white;
									font-family:Verdana;
									font-size:11px;
									margin:1px 0 1px 0;
									
								}

	#PageTitleBlueBar a, .page-title-blue-bar a		{	color:white;}
	
	#PageTitleBlueBar form, .page-title-blue-bar form		{	margin:0;
								}
								
	#PageTitleBlueBar span, .page-title-blue-bar span		{	margin:0 10px 0 10px;
									font:9px Arial;
								}
								
	#PageTitleBlueBar select, .page-title-blue-bar select	{	font:9px Arial;
									background-color:#BBD7F3;
								}

	
	
	/* Page Titles - Information Bar
	-------------------------------------------------*/								
	
	#PageTitleInfoBar			{	width:778px;
									height:24px;
									line-height:24px;
									background-color:#2C74D8;
									color:white;
								}
								
	#PageTitleInfoBar form		{	margin:0;
								}
								
	#PageTitleInfoBar span		{	margin:0 10px 0 10px;
									font:9px Arial;
								}
								
	#PageTitleInfoBar select	{	font:9px Arial;
									background-color:#BBD7F3;
								}
								
	#PageTitleInfoBar input		{	font:9px Arial;
								}
								
							
	/* Footer
	-------------------------------------------------*/	

												
	#footerContainer a					{	float:left;
											color:white;
											text-decoration:none;
										}
							
	#footerContainer div.textLinkDiv	{	float:left;
											width:18px;
											text-align:center;
											margin:0;
										}

					
	#footerContainer .bottomLinks		{	padding-left:5px;
											line-height:1.6;
										}
	#footerContainer .bottomLinks H1    {	font-family:arial;
											font-size:10px;
											font-weight:normal;
											display:inline;
											color:white;
										}
									
/*-------------------------------------------------------------------------------------------
	CONTENT AREA
-------------------------------------------------------------------------------------------*/	


/* Table MainContent Classes
		Used by Information.aspx, Login.aspx, Any pages that has multiple columns
---------------------------------------------------------------------------------*/		
.MainContent						{	width:778px;display:table;}

.LeftBorderContent					{	width:177px;
										vertical-align:top;
										background-color:#0058ad;
										color:white;
									}
									
.LeftBorderContent div.margin		{	margin:10px 0 0 5px;
										width:172px; /* Keeps the left margin width from collapsing in Firefox */
									}									
									
.LeftBorderContent div.margin a		{	color:white;
										margin-top:0px;
									}



.CenterContent						{	padding:5px 5px 5px 5px;vertical-align:top;}

.RightBorderContent					{	width:178px;
										background-color:#cfd4e0;
										vertical-align:top;
									}


.RightBorderContent div.margin		{	margin:5px 0 0 5px;
										width:178px; /* Keeps the right margin width from collapsing in Firefox */
									}
						


/*-------------------------------------------------------------------------------------------
	ASP Page - Old Styles and Fixes to accomodate ASP pages
-------------------------------------------------------------------------------------------*/								
						
#OldASPTemplateFix			{	margin:0;
							}
						
.minimumHeightPlaceHolder	{	height:500px;
								width:1px;
								float:right;
							}

				
/* Positioning Over Header Bar */
#overHeaderBarArea			{position:relative;top:0;left:0;
								width:778px;
								height:48px;
								font:10px Verdana;
								color:white;
								}

			
#headerBarMenuRow			{	margin-left:178px;
								width:593px;
								height:24px;
								color:White;
								/*background-color:#17439C;*/}
							
#headerBarMenuRow a			{color:#6AA8E5}

#headerBarSubRow			{width:778px;
								height:23px;
								background-color:#2C74D8;
								margin:1px 0 0 0;
								color:White;
								display:block;}
								
#headerBarSubRow a			{color:white;}
								
#headerBarSubRow b			{font:14px Arial,Verdana,san serif;font-weight:bold;margin-left:20px;}
#headerBarSubRow form		{margin:0;padding:0;}

#PageSubTitle			{	background-color:#0058ad;
								width:778px;
							}
					

}	/* DISPLAY CSS - END */






/*-------------------------------------------------------------------------------------------
	
	CSS FOR PRINTING WEB PAGE

--------------------------------------------------------------------------------------------*/	

@media print
{	/* PRINT CSS - START */	


#headerContainer	{visibility:visible;position:absolute;height:1px;width:1px;overflow:hidden;}
#footerContainer	{visibility:visible;position:absolute;height:1px;width:1px;overflow:hidden;}



}	/* PRINT CSS - END */	



.GenericPageHeight
{
	min-height: 400px;
	_height: 400px;  /* IE Hack */
}

.TVGContent
{
    font:12px Arial,Verdana,san serif;
}


/*********** Global Grid / DetailsView Styles **********/
.GridRow, .AltGridRow, .GridHeader, .GridButton, .GridLink, .GridHoveringDiv, .GridValidationErr, .GridEmptyText,
.DetailsViewLabel, .DetailsViewData
{
    font: 12px Arial;
	vertical-align: top;			
}

.DetailsViewLabel, .DetailsViewData
{
    vertical-align: middle;
}

.GridEmptyText
{
    color:#0058ad;
    text-align: center;
    font-size: 14px;
}

.GridValidationErr
{
    font-weight: bold;
    color: Red;
}

.GridRow, .AltGridRow
{
    text-align: left;
}

.ExpDateTxt
{
    width: 40px;
    text-align: right;
}

.GridRow
{
    background-color:#E1EDFA;
}

.AltGridRow, .GridHoveringDiv
{
    background-color:#F0F6FC;
}

.DetailsViewLabel
{
    background-color: #0e2662;
    text-align: left;
    font-weight: bold;
    color: White;
    padding: 3px 6px 3px 3px;
}

.DetailsViewTbl
{
    border: 1px solid gray;
}

.DetailsViewData
{
    background-color:#E1EDFA;
    color: Black;
    padding: 3px 3px 3px 6px;
}

.GridHeader
{
	background-color: #0e2662;
	color: White;
	text-align: center;
}

.GridButton
{
    border: 1px solid black;
    width: 50px;
}

.GridLink
{
    color: #1C9352;
}

.GridHoveringDiv
{
    padding: 2px 2px 2px 2px;
    position: absolute;
    width: 180px;
    border: 1px solid black;
    text-align: left;
    display: none;
}

.GridFloatingDivHeader, .GridFloatingDivFooter
{
    color: #0e2662; 
    text-decoration: underline; 
    font-weight: bold;
    text-align: center;
}

.GridFloatingDivFooter
{
    text-align: right; 
    cursor: pointer;
}