/* Default CSS Stylesheet for a new Web Application project */
/* 	background-color: #e3f1ff; */
/* 	background-image: url(Images/bg.gif); */

BODY
{
	font-weight: normal;
	font-size: 0.7em;
	margin: 0px 1px 1px;
	word-spacing: normal;
	text-transform: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: normal;
}

H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
    COLOR: #003366;
}
H1	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	2em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H2	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.75em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H3	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.58em;
	font-weight:	500;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H4	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.33em;
	font-weight:	500;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H5, DT	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H6	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	.8em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
TFOOT, THEAD	{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	
		
TH	{	
	vertical-align:	baseline;
	font-size:	.8em;
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	


A:link	{	
	text-decoration:	underline;
	color:	#3333cc;
	}	
		
A:visited	{	
	text-decoration:	underline;
	color:	#333399;
	}	
		
A:active	{	
	text-decoration:	underline;
	color:	#333399;
	}	
		
A:hover	{	
	text-decoration:	underline;
	color:	#3333cc;
	}
	
SMALL	{	
	font-size:	.7em;
	}	

BIG	{	
	font-size:	1.1em;
	}	

BLOCKQUOTE, PRE	{	
	font-family:	Courier New, monospace;
	}	
	

UL LI	{	
	list-style-type:	square ;
	}	

UL LI LI	{	
	list-style-type:	disc;
	}	

UL LI LI LI	{	
	list-style-type:	circle;
	}	
	
OL LI	{	
	list-style-type:	decimal;
	}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
	}	

IMG 	{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}
	
/* custom styles ------------------------------ */
	
.MainDiv
{
	width: auto;
}

.AppTitle
{
	font-weight: bold;
	font-size: 20pt;
	color: navy;
	font-style: italic;
	font-family: Verdana, Arial;
}
.MainTable
{
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
}
.BannerArea
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	border-bottom: black 1px solid;
	background-color: #4F8CB7;
}
.Banner
{
	padding-right: 4px;
	padding-left: 4px;
	font-weight: bold;
	font-size: larger;
	background-image: url(Images/banner_grad.gif);
	padding-bottom: 0px;
	color: white;
	padding-top: 0px;
	background-repeat: repeat-y;
	font-style: italic;
	text-align: right;
}
.BannerBar
{
	background-image: url(Images/banner_bar.gif);
}
.BannerMenu
{
	font-size: 0.8em;
	font-family: Arial;
	background-color: transparent;
}
.MenuArea
{
	vertical-align: top;
	width: 120px;
	background-color: #8BB8E2;
	border-left: black 1px solid;
	font-size: 0.8em;
	padding-top: 4px;
	padding-right: 0px;
	padding-left: 4px;
	padding-bottom: 0px;
	border-bottom: #8BB8E2 6px solid;
	border-top: #8BB8E2 4px solid;
}
.FooterArea
{
	background-color: #8BB8E2;
	border-left: black 1px solid;
	border-right: black 1px solid;
	border-bottom: black 1px solid;
	font-size: 0.7em;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	padding-top: 4px;
}
.FooterContent
{
	background-color: #8BB8E2;
	font-size: 0.7em;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	padding-top: 4px;
}
.ContentArea
{
	border-right: black 1px solid;
	padding-right: 4px;
	padding-left: 8px;
	font-size: 10pt;
	padding-bottom: 8px;
	vertical-align: top;
	width: 100pc;
	padding-top: 8px;
	background-color: #f8f8ff;
}
.Content
{
	padding-right: 4px;
	padding-left: 4px;
	font-size: 10pt;
	padding-bottom: 4px;
	padding-top: 4px;
}
.Toolbar
{
	border-right: darkgray 1px groove;
	padding-right: 6px;
	border-top: gainsboro 2px solid;
	padding-left: 6px;
	font-size: 9pt;
	background-image: url(Images/toolbar_grad.gif);
	padding-bottom: 1px;
	border-left: gainsboro 1px solid;
	padding-top: 2px;
	border-bottom: gainsboro 1px solid;
	background-repeat: repeat-x;
	background-color: whitesmoke;
}

/* Data Grid styles ------------------------------ */
.DataGrid
{
	border-right: #cccccc 1px;
	border-top: #cccccc 1px;
	border-left: #cccccc 1px;
	border-bottom: #cccccc 1px;
	font-family: Arial, Verdana;
	background-color: white;
}
.DataGridTableHeader
{
	color: white;
	font-family: Arial;
	background-color: #006699;
}
.DataGridFooterStyle
{
	 Color: #000066;
	 background-color: White;
	 font-size: 10pt;
}
.DataGridSelectedItemStyle
{
	font-size: 10pt;
	color: black;
	background-color: gainsboro;
}
.DataGridAlternatingItemStyle
{
	color: black;
	background-color: #e3f1ff;
	font-size: 10pt;
}
.DataGridEditItemStyle
{
	background-color: gainsboro;
	font-size: 10pt;
}
.DataGridItemStyle
{
	Color: #000066;
	background-color: White;
	font-size: 10pt;
}
.DataGridHeaderStyle
{
	font-weight: bold;
	font-size: 9pt;
	color: white;
	background-color: #006699;
}
.DataGridHeaderStyle A:link     {       
        text-decoration:        underline; 
        cursor: hand; 
        color: White; 
        }       
                
.DataGridHeaderStyle A:visited  {       
        text-decoration:        underline; 
        cursor: hand; 
        color:  White; 
        }       
                
.DataGridHeaderStyle A:active 
{ 
        cursor: hand; 
        color: White; 
        text-decoration: underline; 
}       
                
.DataGridHeaderStyle A:hover    {       
        text-decoration:        underline; 
        cursor: hand; 
        color:  White; 
        } 

.DataGridPagerStyle
{
	color: navy;
	font-family: Arial;
	background-color: whitesmoke;
}

/* Menu  styles ------------------------------ */
.MenuTable
{
	border-right: 0px solid;
	padding-right: 0px;
	border-top: 0px solid;
	padding-left: 0px;
	padding-bottom: 0px;
	border-left: 0px solid;
	width: 100%;
	padding-top: 0px;
	border-bottom: 0px solid;
	text-align: left;
	background-color: #8BB8E2;
}
.MenuRow
{
}
.MenuRowOver
{
}
.MenuCell
{
	font-size: 0.8em;
	font-family: Arial, Verdana;
	background-color: #8BB8E2;
}
.MenuItemTable
{
	border-right: black 0px solid;
	padding-right: 0px;
	border-top: black 0px solid;
	padding-left: 0px;
	padding-bottom: 0px;
	border-left: black 0px solid;
	width: 100%;
	padding-top: 0px;
	border-bottom: black 0px solid;
	text-align: left;
	background-color: #8BB8E2;
}
.MenuItemRow
{
}
.MenuItemCell
{
	padding-right: 2px;
	padding-left: 2px;
	font-weight: bold;
	font-size: 0.8em;
	padding-bottom: 2px;
	padding-top: 2px;
	font-family: Arial, Verdana;
	background-color: #8BB8E2;
	height: 20px;
}
.MenuItemCellOver
{
	padding-right: 2px;
	padding-left: 2px;
	font-weight: bold;
	font-size: 0.8em;
	padding-bottom: 2px;
	padding-top: 2px;
	font-family: Arial, Verdana;
	height: 20px;
	background-color: #e3f1ff;
}
.MenuItemCellLevel1
{
	padding-right: 2px;
	padding-left: 2px;
	font-weight: bold;
	font-size: 0.8em;
	padding-bottom: 2px;
	padding-top: 2px;
	font-family: Arial, Verdana;
	background-color: #8BB8E2;
	height: 25px;
}
.MenuItemCellLevel1Over
{
	padding-right: 2px;
	padding-left: 2px;
	font-weight: bold;
	font-size: 0.8em;
	padding-bottom: 2px;
	padding-top: 2px;
	font-family: Arial, Verdana;
	background-color: #e3f1ff;
	height: 25px;
}
.MenuItemCellLevel1Selected
{
	padding-right: 2px;
	padding-left: 2px;
	font-weight: bold;
	font-size: 0.8em;
	padding-bottom: 2px;
	padding-top: 2px;
	font-family: Arial, Verdana;
	background-color: #e3f1ff;
	height: 25px;
}
.MenuItemCellLevel2
{
	padding-right: 2px;
	padding-left: 8px;
	font-size: 0.8em;
	padding-bottom: 2px;
	padding-top: 2px;
	font-family: Arial, Verdana;
	background-color: #8BB8E2;
	height: 20px;
}
.MenuItemCellLevel2Over
{
	padding-right: 2px;
	padding-left: 8px;
	font-size: 0.8em;
	padding-bottom: 2px;
	padding-top: 2px;
	font-family: Arial, Verdana;
	background-color: #e3f1ff;
	height: 20px;
}
.MenuItemCellLevel2Selected
{
	padding-right: 2px;
	padding-left: 8px;
	font-size: 0.8em;
	padding-bottom: 2px;
	padding-top: 2px;
	font-family: Arial, Verdana;
	background-color: #e3f1ff;
	height: 20px;
}

A.MenuLink:link
{
	cursor: hand;
	color: black;
	text-decoration: none;
}	
		
A.MenuLink:visited	{	
	text-decoration:	none;
	cursor: hand;
	color:	black;
	}	
		
A.MenuLink:active
{
	cursor: hand;
	color: black;
	text-decoration: none;
}	
		
A.MenuLink:hover	{	
	text-decoration:	underline;
	cursor: hand;
	color:	black;
	}

A.CustomLink:link
{
	cursor: hand;
	color: #3333cc;
	text-decoration: underline;
}		
A.CustomLink:visited	{	
	text-decoration:	underline;
	cursor: hand;
	color:	#3333cc;
	}			
A.CustomLink:active
{
	cursor: hand;
	color: #3333cc;
	text-decoration: underline;
}		
A.CustomLink:hover	{	
	text-decoration:	underline;
	cursor: hand;
	color:	#3333cc;
	}
.CustomMenuItemCell
{
	border-right: gray 2px groove;
	padding-right: 4px;
	padding-left: 4px;
	font-size: 0.8em;
	padding-bottom: 2px;
	padding-top: 2px;
	font-family: Arial, Verdana;
	height: 20px;
}
.CustomMenuItemCellOver
{
	border-right: gray 2px groove;
	padding-right: 4px;
	padding-left: 4px;
	font-size: 0.8em;
	padding-bottom: 2px;
	padding-top: 2px;
	font-family: Arial, Verdana;
	height: 20px;
	background-color: #e3f1ff;
}
	
/* Status table styles ------------------------------ */
.StatusTableDiv
{
	width: auto;
	height: 550px;
	overflow: scroll;
}
.StatusTable
{
	font-family: Arial, Verdana;
	width: 100%;
}
.StatusTableRow
{

}
.StatusTableCell
{

}

/* Status table header styles ------------------------------ */
.StatusHeaderTable
{
	font-weight: bold;
	font-size: 10pt;
	color: white;
	background-color: #006699;
	
}
.StatusHeaderRow
{
}
.StatusHeaderCell
{
}
.HeaderFacilityCell
{
	border-right: white 1px solid;
	padding-right: 2px;
	border-top: white 1px solid;
	padding-left: 2px;
	padding-bottom: 2px;
	border-left: white 1px solid;
	width: 40%;
	padding-top: 2px;
	border-bottom: white 1px solid;
}
.HeaderStatusCell
{
	border-right: white 1px solid;
	padding-right: 2px;
	border-top: white 1px solid;
	padding-left: 2px;
	padding-bottom: 2px;
	border-left: white 1px solid;
	padding-top: 2px;
	border-bottom: white 1px solid;
	width: 30%;
}
.HeaderChangeTimeCell
{
	border-right: white 1px solid;
	padding-right: 2px;
	border-top: white 1px solid;
	padding-left: 2px;
	padding-bottom: 2px;
	border-left: white 1px solid;
	padding-top: 2px;
	border-bottom: white 1px solid;
	width: 500px;
}
.HeaderExpireTimeCell
{
	border-right: white 1px solid;
	padding-right: 2px;
	border-top: white 1px solid;
	padding-left: 2px;
	padding-bottom: 2px;
	border-left: white 1px solid;
	padding-top: 2px;
	border-bottom: white 1px solid;
	width: 500px;
}

/* Status table region styles ------------------------------ */
.StatusRegionTable
{
	font-weight: bold;
	font-size: 10pt;
	width: 100%;
	color: black;
}
.StatusRegionRow
{
}
.StatusRegionCell
{
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	background-color: #8BB8E2;
	border-top: White 1px solid;
}

/* Status table facility styles ------------------------------ */
.StatusFacilityTable
{
	border-right: #8BB8E2 1px solid;
	padding-right: 2px;
	border-top: #8BB8E2 1px solid;
	padding-left: 2px;
	font-weight: normal;
	font-size: 10pt;
	padding-bottom: 2px;
	border-left: #8BB8E2 1px solid;
	color: black;
	padding-top: 2px;
	border-bottom: #8BB8E2 1px solid;
	font-family: Verdana, Tahoma;
}
.StatusFacilityRow
{

}
.FacilityCell
{
	border-top: #8BB8E2 1px solid;
	width: 40%;
	border-bottom: #8BB8E2 1px solid;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
}
.StatusCell
{
	border-top: #8BB8E2 1px solid;
	width: 30%;
	border-bottom: #8BB8E2 1px solid;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
}
A.StatusCellLink:link	{	
	text-decoration: underline;
	cursor: hand;
	color: Navy;
	}	
A.StatusCellLink:hover	{	
	text-decoration: underline;
	cursor: hand;
	color: Navy;
	}	
A.StatusCellLink:visited	{	
	text-decoration: underline;
	cursor: hand;
	color: Navy;
	}
A.StatusCellLink:active	{	
	text-decoration: underline;
	cursor: hand;
	color: Navy;
	}
		
.ChangeTimeCell
{
	border-top: #8BB8E2 1px solid;
	width: 500px;
	border-bottom: #8BB8E2 1px solid;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
}
.ExpireTimeCell
{
	border-top: #8BB8E2 1px solid;
	width: 500px;
	border-bottom: #8BB8E2 1px solid;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
}

.InfoIconOver
{
	cursor:hand;
}
.InfoIconOut
{
	cursor:auto;
}


/* Capacity table styles ------------------------------ */
.CapacityTableDiv
{
	width: auto;
	height: 400px;
	overflow: scroll;
}

.CapacityTable
{
	font-family: Arial, Verdana;
}
.CapacityTableRow
{

}
.CapacityTableCell
{

}

.CapacityHeaderRow
{
	font-weight: bold;
	font-size: 10pt;
	color: white;
	background-color: #006699;
}
.CapacityHeaderCell
{
	border-right: white 1px solid;
	padding-right: 2px;
	border-top: white 1px solid;
	padding-left: 2px;
	padding-bottom: 2px;
	border-left: white 1px solid;
	padding-top: 2px;
	border-bottom: white 1px solid;
}

.CapacityRegionRow
{
}
.CapacityRegionCell
{
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	background-color: #8BB8E2;
	border-top: White 1px solid;
	font-weight: bold;
	font-size: 10pt;
	color: black;
}
.CapacityFacilityRow
{

}
.CapacityCell
{
	border-top: #8BB8E2 1px solid;
	border-bottom: #8BB8E2 1px solid;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
}



/* NOT USED ------------------------------ */

.MenuCellSub
{
	font-size: .9em;
	list-style-image: url(Images/right.GIF);
	text-indent: 10px;
	font-family: Arial, Verdana;
	height: 25px;
	background-color: #b9aa93;
}
.MenuCellSubOver
{
	font-size: .9em;
	list-style-image: url(Images/right.GIF);
	text-indent: 10px;
	font-family: Arial, Verdana;
	height: 25px;
	background-color: #DCD6C6;
}
.MenuCellSubSelected
{
	font-size: .9em;
	list-style-image: url(Images/right.GIF);
	text-indent: 10px;
	font-family: Arial, Verdana;
	height: 25px;
	background-color: #DCD6C6;
}
.MenuCellSubUnselected
{
	font-size: .9em;
	list-style-image: url(Images/right.GIF);
	text-indent: 10px;
	font-family: Arial, Verdana;
	height: 25px;
	background-color: #B9AA93;
}
.MenuCellSelected
{
	font-size: .9em;
	text-indent: 4px;
	font-family: Arial, Verdana;
	height: 30px;
	background-color: #DCD6C6;
}
.MenuCellUnselected
{
	font-size: .9em;
	text-indent: 4px;
	font-family: Arial, Verdana;
	height: 30px;
	background-color: #B9AA93;
}
.AlertMarquee
{
	font-weight: bold;
	font-size: 11pt;
	color: yellow;
	font-style: italic;
	font-family: Arial, Verdana;
	background-color: black;
}