body{ font-family: Arial, Helvetica, sans-serif; color: Black; background-color: White; font-size: 9pt; background-image: url(../images/bg_body.gif); background-repeat: repeat-x; margin: 0;  padding: 0;  }
p{	font-size : 9pt; }
a{	font-family : Arial, Helvetica, sans-serif;	font-size : 9pt;}
a:hover{	text-decoration : underline;  color: #FF2424; }
form{	margin: 0px;}
input{ font-family: Tahoma;  font-size: 12px;  }


/* NAV LINE
--------------------------------------------------------------------------*/
#PATH{ display: block; height:48px;  padding-left: 45px; margin:0; position:absolute;top:80px;left:0;width:80%}
	#PATH p{ padding: 0; margin: 0; font-size: 8pt; color: #B90000; font-weight: bold; }
	#PATH a{ text-decoration: none; color: Black; font-size: 8pt;  font-weight: normal;  }
	#PATH a:hover{ text-decoration: none; position: relative; top: -1px; }
	#PATH .Arrow{ color: Black; position: relative; top: -1px;  margin: 0 2px 0 2px;  }
	#PATH .WhoAmI{ color: Black; float: right;  }
	
/* CONTENT
--------------------------------------------------------------------------*/
#CONTENT,
#CONTENT_EMP
{ 
	display: block;
	margin: 27px 27px 27px 27px;  
	/*margin: 27px 27px 27px 200px;*/
	min-width:400px;
}
	#CONTENT H1,
	#CONTENT_EMP H1
	{ 
		margin:0 0 1em 0; padding:0; line-height: 14pt; font-family: Arial, Helvetica, sans-serif;  font-weight: normal;  font-size: 14pt;  color: #225680;    
	}
	#CONTENT H2,
	#CONTENT_EMP H2
	{ 
		margin:1em 0 0.5em 0; padding:0; line-height: 12pt; font-family: Arial, Helvetica, sans-serif;  font-weight: normal;  font-size: 13pt;  color: #225680;    
	}
	#CONTENT P,
	#CONTENT_EMP P
	{ 
		text-align: justify; text-indent: 25px;  margin: 0 0 10px 0;  padding: 0;  
	}
#CONTENT_EMP
{ 
	display: block; 
	margin: 27px 27px 27px 27px; 
}


#SIDEBAR{ width:151px; display: table-cell; margin-top: 27px; padding: 0px 15px 0 10px;  background-image: url(../images/bg_vline.gif);  background-repeat: repeat-y;  background-position: right;  float: left;  margin-bottom: 20px;     }
	#SIDEBAR h1{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: White;  background-color: #004278;  text-align: center;  font-weight: bold;  padding: 3px 0 3px 0;  margin: 0 0 17px 0;         }
	#SIDEBAR p{ text-align: justify;  margin: 0;  font-family: Arial, Helvetica, sans-serif;  font-size: 9pt;  padding-bottom: 3px;     }
	#SIDEBAR p.Date{ text-align: left;  font-size: 8pt; color: #B90000;  font-weight: bold;  line-height: 8pt;  margin: 0 0 3px 0;       }
	#SIDEBAR p.More{ text-align:right;  margin-top: 3px;  margin-bottom: 18px;   }
	#SIDEBAR p.More a{font-size: 8pt; color: #B90000;  text-decoration: none;  font-weight: bold;     }
	#SIDEBAR p.More a:hover{ text-decoration: underline; }
	#SIDEBAR ul{ list-style: none; padding-left : 5px; margin-left:0px;}
	#SIDEBAR li{ padding-left : 5px;}

/* FOOTER
--------------------------------------------------------------------------*/
#FOOTER{ display: block; margin: 27px 27px 0 27px; padding: 0 0 20px 0; clear: both;  background-image: url(../images/bg_footer.gif);  background-repeat: no-repeat;  background-position: right bottom;             }
	#FOOTER ul{  background-image: url(../images/bg_hline.gif);  background-repeat: repeat-x;  list-style: none; margin: 0; padding: 5px 0 0 0;   display: block;              }
	#FOOTER li{  margin: 0;  padding: 0; list-style: none;  display: inline;                  }
	#FOOTER li a{ color: #004278; text-decoration: none; font-size: 9pt; font-family: "MS Sans Serif", Geneva, sans-serif;  margin-left: 6px;  margin-right: 6px;   }
	#FOOTER li a.First{ margin-left:0;}
	#FOOTER li a:hover{ text-decoration: underline; }
	#FOOTER p{ margin: 5px 0 0 0; font-family: "MS Sans Serif", Geneva, sans-serif; font-size: 9pt; }
	#FOOTER a{font-family: "MS Sans Serif", Geneva, sans-serif;  font-size: 9pt; 		color: Black;  text-decoration: none; 	 }
	#FOOTER a:hover{ text-decoration: underline; }
	#FOOTER #subFOOTER{  background-image: url(../images/bg_hline.gif);  background-repeat: repeat-x; padding: 5px 0 0 0;   display: block;   }
/*
TABLE, 
TH, 
TD
{
	border-collapse 	: collapse;
	border-spacing : 0;
	border				: 1px solid blue;
}

TD
{
	padding 			: 3px;
}

TH
{
	background-color 	: #9f9f9f;
}
*/
PRE
{
	margin 				: 0;
}

/*
INPUT,
SELECT,
TEXTAREA
{
	color		: #781351;
	background	: #fee3ad;
	border		: 1px solid #781351;
}

INPUT[type="button"],
INPUT[type="submit"]
{
	color		: #000;
	background	: #ffa20f;
	border		: 2px outset #d7b9c9;
}
*/

.AddBlock
{
	padding-bottom 	: 8px;
}

.AddEditTable TH
{
	vertical-align 	: top;
	text-align 	: right;
	padding-top 	: 4px;
}

#SIDEBAR LI,
TABLE TH,
TABLE TD,
.nowrap
{
	white-space: nowrap;
}

.dev 
{ 	
	font-style:italic;
	color:#0033CC;
	font-size:14px;
}


.top
{
	vertical-align 	: top;
}
.left
{
	text-align 		: left;
}
.center
{
	text-align 		: center;
}
.right
{
	text-align 		: right;
}

.bold
{
	font-weight 	: bold;
}

.nopadding
{
	padding 		: 0;
}

.fullwidth
{
	width : 100%;
}

.fullheight
{
	height : 100%;
}

TABLE.SummarySheetHeader
{
	margin-bottom	: 12px;
	margin-left	: 300px;
}

TABLE.SummarySheetHeader,
TABLE.SummarySheetHeader TR,
TABLE.SummarySheetHeader TD,
TABLE.SummarySheetHeader TH
{
	border : 0;
	padding-right : 6px;
}

TABLE.SummarySheetHeader TR
{
	border-bottom : 1px solid black;
}

TABLE.SummarySheetHeader TH
{
	background-color: white;
	text-align	: right;
}

#frmAddAltRate_output
{
	display : none;
	width : 500px;
}

.error 
{ 
	float			: left; 
	color			: red; 
	padding-left	: .5em; 
	vertical-align	: top; 
}


.ErrorAJAX
{
	background-color : red;
	font-weight  : bold;
}

.hidden
{
	display			: none;
}

.editLink
{
	padding-left 	: 15px;
}

.Hours_Notice
{
	background-color : #FF4B4B;
}

TABLE.noborder,
TABLE.noborder TR,
TABLE.noborder TD,
TABLE.noborder TH
{
	border : 0;
}

.altColor1
{
	background-color: #FFEFBF;
}

		.head1 {
			font-family: Arial;
			/*font-size: 16pt;*/
			font-size : 24px;
			font-weight: bold;
			font-style: normal;
			color: #000000;
			text-align: left;
			border-bottom: thin solid Black;
		}
		.head2 {
			font-family: Arial;
			/*font-size: 8pt;*/
			font-size : 12px;
			font-style: normal;
			color: #000000;
			vertical-align: top;
		}


.bold12px {
	font-family		: Arial;
	font-size 		: 12px;
	font-weight		: bold;
}

.bold14px {
	font-family		: Arial;
	font-size 		: 14px;
	font-weight		: bold;
}

.bold16px {
	font-family		: Arial;
	font-size 		: 16px;
	font-weight		: bold;
}


.tableClassForPDF
{
	width				: 100%;
	border				: 0;
	border				: none;
	border-collapse		: collapse;
	border-spacing		: 0;
	border-width		: 0;
}
.tableClassForPDF TR
{
	border				: 0;
	border				: none;
	border-collapse		: collapse;
	border-spacing		: 0;
	border-width		: 0;
}
.tableClassForPDF TH
{
	background-color	: #CCCCCC;
	border				: 0;
	border				: none;
	padding				: 2pt;
}
.tableClassForPDF TD,
.tableClassForPDF TH
{
	border-collapse		: collapse;
	border-spacing		: 0;
	border-width		: 0;
	border-top			: 0;
	border-right		: 0;
	border-left			: 1pt solid #CCCCCC;
	border-bottom		: 1pt solid #CCCCCC;
	padding				: 2pt;
}
.tableClassForPDF .tableTop
{
	border-top			: 2pt solid #CCCCCC;
}
.tableClassForPDF TD.tdLeft,
.tableClassForPDF TH.tdLeft
{
	border-left			: 2pt solid #CCCCCC;
}
.tableClassForPDF TD.tdRight,
.tableClassForPDF TH.tdRight
{
	border-right		: 2pt solid #CCCCCC;
}
.tableClassForPDF TD.tdRightRight,
.tableClassForPDF TH.tdRightRight
{
	text-align			: left;
	border-right		: 2pt solid #CCCCCC;
}

/*
.tableClassForPDF td.tdLeft
{
	border-left			: 1pt solid #CCCCCC;
	border-bottom		: 1pt solid #CCCCCC;
	padding				: 2pt;
}
.tableClassForPDF td.tdRight
{
	text-align			: right;
	border-right		: 1pt solid #CCCCCC;
	border-left			: 1pt solid #CCCCCC;
	border-bottom		: 1pt solid #CCCCCC;
	padding				: 2pt;
}
*/



/* HEADER
-------------------------------------------------------------------------*/
#HEADER
{
	/* */
}
#HEADER H1
{
	width : 100%;
	margin-top : 5px;
	margin-bottom : 55px;
}
#HEADER H1 A
{
	margin-left : 20px;
	font-family : "Times New Roman", Times, Georgia, serif;
	font-size : 35pt;
	text-decoration : none;
	color : black;
}


/* Calendar widget for showing time and expense for the billing period
-------------------------------------------------------------------------*/

#TimeEntryViewByCalendar
{
	margin-top : 10px;
	border : 1px solid blue;
	width : 854px;
}
#TimeEntryViewByCalendar .clear
{
	clear : both;
}
#TimeEntryViewByCalendar .CalendarWeekBox
{
	
}
#TimeEntryViewByCalendar .CalendarDayBox
{
	border : 1px solid blue;
	display : block;
	float : left;
	width  : 120px;
	height : 145px;
	position : relative;
}
#TimeEntryViewByCalendar .CalendarDayBox .CalendarDayBox_DayOfMonth
{
	border-bottom 	: 1px solid blue;
	border-right 	: 1px solid blue;
	padding-top 	: 2px;
	padding-left 	: 2px;
	display 	: block;
	float 		: left;
	width  		: 18px;
	height 		: 16px;
}
#TimeEntryViewByCalendar .CalendarDayBox .CalendarDayBox_DayOfWeek
{
	padding-top 	:  2px;
	display 	: block;
	height 		: 16px;
	width		: 100%;
	font-style 	: italic;
	text-align 	: center;
}
#TimeEntryViewByCalendar .CalendarDayBox .CalendarDayBox_Total
{
/*	border-top 	: 1px dashed blue;*/
	padding-top 	: 2px;
	padding-left 	: 2px;
	position 	: absolute;
	width  		: 100%;
	height 		: 16px;
	bottom : 0px;
}

.CalendarAddEntry
{
	border-bottom 	: 1px dashed blue;
	padding-top 	: 2px;
	padding-left 	: 3px;
	position 	: absolute;
	width  		: 100%;
	height 		: 16px;
	bottom : 20px;
}

TABLE TR.title1 TH
{
	font-weight 	: bold;
	text-align 		: center;
	padding-left 	: 3px;
	padding-right 	: 3px;
}


/* 
	Chrome de la chrome table styles
	written by Chris Heilmann http://wait-till-i.com
*/

table.chrome,
table.chrome th,
table.chrome td
{
	border:1px solid #666;
	border-collapse:collapse;
}
table.chrome 
{
	border:none;
	border-top:1px solid #000;
}
table.chrome thead th,
table.chrome tfoot th
{
	background:url("../images/bluechrome.gif") top left repeat-x #fff;
	padding:5px 10px;
	/*font-size:90%;*/
	text-transform:uppercase;
	font-weight : bolder;
	color:#333;
}
table.chrome tbody td,
table.chrome tbody th,
table.chrome tfoot td,
table.chrome tfoot th
{
	/*font-size:85%;*/
	padding:5px 5px;
	background:#eee;
}
table.chrome tfoot th
{
	font-weight :bolder;
	color:black;
}
table.chrome tbody th
{
	background:url("../images/bluechrome.gif") top left repeat-x #fff;
	color:#333;
}
table.chrome tbody tr.odd td
{
	background:#ddd;
}
table.chrome tbody tr.odd th
{
	background:url("../images/greenchrome.gif") top left repeat-x #fff;
	color:#333;
}
/*
table.chrome tfoot td,
table.chrome tfoot th
{
	border:none;
	padding-top:10px;
}
*/
table.chrome caption
{
	font-family: Arial, Helvetica, sans-serif; 
	text-align:left;
	/*text-transform:uppercase;*/
	font-size:13pt;
	padding:10px 0;
	color:#225680;
}
table.chrome a:link
{
/*	color:#FF2424; *//*369*/ 
}
table.chrome a:visited
{
	color:#FF2424; /*036*/
}
table.chrome a:hover
{
	color:#000;
	text-decoration:none;
}
table.chrome a:active
{
	color:#000;
}


.yellow
{
	background-color : #F3FF35;
}