/* Default CSS Stylesheet for a new Web Application project */
BODY
{
    BACKGROUND-COLOR: white;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
    margin:0;
    padding:0;
}

P
{
	margin:0;
	padding:0;
}

/*use this guy to set the page width easily*/
FORM
{
	margin:0;
	/*width:760px;*/
}

.HeaderLinkBar
{
	width:100%;
	background-color:rgb(247, 243, 247);
	height:15px;
	border-bottom:solid 1px rgb(210, 210, 210);
}


#HeaderTitle {
   width: 281px;
   height: 72px;
   background: #fff url(Images/header1.gif) top left no-repeat;
   }

#HeaderTitle2 {
   width: 162px;
   height: 46px;
   background: #fff url(Images/header2.gif) top left no-repeat;
   }
.MainWindow
{
	padding: 0 5px;
	text-align:center;
}

.MainWindow650PX
{
	width:650px;
	margin:auto;
}

.MainWindowFullWidth
{
	width:auto;
	_width:100%;
	margin:0 5%;
}

.MainWindow-Header
{
	color: rgb(210, 210, 210);
	font-weight:bold;
	text-align:center;
	font-weight:bold;
	font-size:19px;
	margin: 30px 0;
	text-align:center;
}




/*********************************************/
/* Validation summary error messages		 */
/*********************************************/
.VAMValSummaryErrors
{
	color: Red;
	margin-top: 6px;
	margin-left: 10px;
}
.VAMValSummaryHeader
{
	color: Red;
	font-family: Tahoma;
	font-size: 8pt;
	font-weight: bold;
}




/************************************/
/******    HoverBox Overrides *******/
/************************************/
.HoverBoxHeader
{
	background-color:rgb(247, 243, 247);
	background-image:none;
	font-weight: bold;
	font-size: 8pt;
	color: black;
}

div.HoverBoxCloseImage
{
	top:3px;
}


/* Main page box */
.NavBoxHeaderFullLength, .NavBoxHeaderLeft, .NavBoxHeaderRight
{
	background-color:rgb(247, 243, 247);
	padding:2px 5px;
	border:solid 1px rgb(210, 210, 210);
	font-weight:bold;
	width:100%;
	margin-bottom:5px;
	text-align:left;
}

.NavBoxHeaderFullLength
{
	clear:both;
}

.NavBoxHeaderLeft, .NavBoxHeaderRight
{
	width:45%;
	clear:left;
	float:left;
}
.NavBoxHeaderRight
{
	clear:right;
	float:right;
}

.NavBoxFullLength, .NavBoxLeft, .NavBoxRight
{
	border-width:1px;
	border-style:solid;
	border-color:rgb(210, 210, 210);
	width:100%;
	margin-bottom:20px;
	padding:5px;
	text-align:left;
}

.NavBoxFullLength
{
	clear:both;
}

.NavBoxLeft, .NavBoxRight
{
	
	clear:left;
	float:left;
	width:45%;
}
.NavBoxRight
{
	clear:right;
	float:right;
}


/************************************/
/******    Tabbed Table  ************/
/************************************/

.TabbedTableLink, .TabbedTableLinkSelect
{
	padding:5px;
	font-size:12pt;
}

.TabbedTableLinkSelect
{
	border:solid 1px black;
	background-color:rgb(255, 227, 148);
}

.TabbedTableLink:hover
{
	border:solid 1px black;
	background-color:rgb(200, 200, 255);
	text-decoration:none;
	color:	#333399;
}

.TabbedTableCellRight, .TabbedTableCellLeft
{
	
	border-style:solid; 
	border-width: 1px 1px 0px 0;
	border-color: rgb(210, 210, 210);
	padding:10px;
}

.TabbedTableCellLeft
{
	background-color:#eff7ff;
}

.TabbedTableCellRight
{
	border-right:none;
}

/************************************/
/******    TABS   *******************/
/************************************/
#HeaderTabs {
	position: relative;
	width: 100%;
	height: 3em;
	border-width:0 0 2px 0;
	border-style:solid;
	border-color:rgb(180, 180, 180);
	clear:both;
}

#HeaderTabs ul#primary {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0px;
	width: 100%; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#HeaderTabs ul#primary li  {
	display: inline;
	list-style: none;
}

#HeaderTabs ul#primary a,#HeaderTabs ul#primary span,#HeaderTabs ul#primary a.current {
	display: block;
	float: left;
	padding: 2px 10px;
	margin: 1px 0px 0 0;
	text-align: center;
	font-family: tahoma, verdana, sans-serif;
	font-size: 10pt;
	text-decoration: none;
	color:rgb(0, 48, 99);
}

#HeaderTabs ul#primary span,#HeaderTabs ul#primary a.current,#HeaderTabs ul#primary a.current:hover {
	border: 1px solid #666;
	border-bottom: none;
	background: rgb(206, 207, 206);
	padding-bottom: 4px;
	margin-top: 0;
	font-weight:bold;
}

#HeaderTabs ul#primary a {
	background: rgb(247, 243, 247);
	border: 1px solid #AAA;
	border-bottom: none;
}

#HeaderTabs ul#primary a:hover {
	border-color: #666;
	background: rgb(247, 243, 247);
	color:Red;
	text-decoration:underline;
}

#HeaderTabs ul#secondary {
	position: absolute;
	margin: 0;
	padding: 0;
	bottom: -18px;
	left: 1px;
	width: 700px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#HeaderTabs ul#secondary li a,#HeaderTabs ul#secondary li span {
	width: auto;
	display: block;
	float: left;
	padding: 0 10px;
	margin: 0;
	text-align: auto;
	border: none;
	border-right: 1px dotted #AAA;
	background: none;

}

#HeaderTabs ul#secondary li a {
	color: #06C;
	text-decoration: underline;
	
}

#HeaderTabs ul#secondary li a:hover {
	color: #333;
	background: transparent;
	padding: 0 10px;
	border: none;
	border-right: 1px dotted #AAA;
}

#HeaderTabs ul#secondary li a:active {
	color: #000;
	background: transparent;
}

#HeaderTabs ul#secondary li:last-child a 
{ 
	border: none; 
}

.currentTab
{
	background-color:Black;
	color:red;
}






/************************************/
/******    Random Stuff *************/
/************************************/
TD, SELECT
{
	font-size:8pt;
	font-family:Verdana;
}

FIELDSET
{
	padding:10px;
	margin:0;
}


.Legend-Header
{
	font-family: verdana;
	font-weight:bold;
}

INPUT
{
	font-size:8pt;
}

.TextBox
{
	border-style:solid;
	border-width:1px;
	border-color:rgb(200, 200, 200);
}

.Button
{
	font-size:8pt;
	border-color:rgb(70, 70, 70);
	border-width:1px;
}

.HighlightedBox
{
	width:100%;
	background-color:rgb(132, 125, 165);
	height:25px;
	padding:0 10px;
}

UL
{
	margin:0 ;
	margin-top:5px;
	padding:0;
}

UL LI
{
	padding:0 0 0 10px;
	list-style-position:inside;
	list-style-type: square;
}
UL LI.links
{
	color:rgb(255, 207, 49);
}

.ArrowedList-Item
{
	list-style-image:url(Images/arrow_r.gif);
}

UL LI A, UL LI A:visited, UL LI A:link
{
	color:rgb(0, 0, 90);
}

UL LI A:hover
{
	color:red;
}

.header, .LoginName
{
	font-weight: bold;
	padding:0;
	background-color: rgb(0, 0, 90);
	list-style-image: none;
	list-style-type:none;
	color:White;
}

.header
{
	font-weight: bold;
	padding-left: 10px;
	background-color: rgb(0, 0, 90);
	color:White;
}

.LoginName
{
	background-color: White;
	color:rgb(0, 0, 90);
}

.ClientPanel 
{
	border:solid, 1px, rgb(210, 210, 210);
}

.ErrorText
{
	color:Red;
}
.ErrorText-Details
{
	color:Red;
	font-weight:bold;
}

.SuccessText
{
	color:Green;
}
.SuccessText-Details
{
	color:Green;
	font-weight:bold;
}

.CalendarTextBox
{
	border-style:solid;
	border-width:1px;
	border-color:rgb(200, 200, 200);
}







/************************************/
/******  Blog Stuff *****************/
/************************************/
.BlogFooter
{
	color: Black;
	font-size: 7pt;
	width:100%;
	font-weight:normal;
}

.BlogTitle
{
	font-size:18px;
	font-weight:bold;
}

.BlogCommentTitle
{
	font-size:9px;
}

.BlogCommentHeader
{
	font-size:12px;
	font-weight:bold;
}

.BlogUnderline
{
	width:100%;
	font-size:2px;
	height:2px;
	background: rgb(222, 223, 222);		
}
/*End of Blog Entry Stuff*/





/************************************/
/******  Datagrid Stuff *************/
/************************************/
.Grid, .Grid td, .Grid a, .Grid a:link, 
.Grid a:visited, .Grid a:hover
{
	background-color:white;
	color:rgb(210, 210, 210);
	padding:2px 6px;
	border-bottom: solid 1px rgb(210, 210, 210);
}

.gridborder
{
	border-style:solid;
	border-color:rgb(210, 210, 210);
	border-width: 1px;
}

.List-Item, .List-SelectedItem, .List-AlternatingItem
{
	padding:2px 6px;
}

.List-AlternatingItem, .GridLinkRow-Alternating
{
	background-color: #eff7ff;
}

.List-SelectedItem
{
	background-color: rgb(255, 227, 148);
}

.GridLinkRow, .GridLinkRow-Alternating
{
	cursor:pointer;
}

.GridNormalRow
{
	cursor:default;
}

.BiosTable, .BiosTable td 
{
	font-size:10pt;
}


.ReportTable
{
	width:100%;
	margin:0;
	padding:0;
	border:solid 1px rgb(210, 210, 210);
	border-width: 1px 0 0 1px;
}

.ReportTable TD
{
	padding:0 5px;
	margin:0;
	font-family:Arial;
	border-right:solid 1px rgb(210, 210, 210);
	border-bottom:solid 1px rgb(210, 210, 210);
}

.ReportTable TD HR
{
	display:none;
}

.ReportTable TR
{
	border-bottom:solid 1px black;
	padding:0;
	margin:0;
}

.ReportTableHeader
{
	background-color:#101077;
	color:White;
	font-weight:bold;
	font-style:italic;
	font-size:10pt;
}

.ReportTableSubHeader
{
	color:Red;
	font-size:8pt;
}

.ReportFreshnessDate
{
	color:Red;
	font-style:italic;
	font-size:7pt;
}
/*End datagrid stuff */




A:link	{	
	text-decoration:	none;
	color:	#3333cc;
	}	
		
A:visited	{	
	text-decoration:	none;
	color:	#333399;
	}	
		
A:active	{	
	text-decoration:	none;
	color:	#333399;
	}	
		
A:hover	{	
	text-decoration:	underline;
	color:	red;
	}
	
	
.PunchClock	
{
	font-size:18pt;
}
.PunchClock-SubText
{
	font-size:7pt;
	font-style:italic;
}

.TimeCardStatus-LabelText
{
	font-size: 11pt;
	font-weight: bold;
}
.TimeCardStatus
{
	font-size: 11pt;
	font-weight: bold;
	color: Red;
}

