body 
{
	font-family: Tahoma, Arial; 
	font-size: 10pt; 
	background-color: white; 
	color: black; 
	margin-left: 0px; 
}

.formlabel
{
	float:left;
	margin:0px;
	width: 120px;
	padding:1px 15px 2px 0px;
	text-align:right;
	font-weight:bold;
	height: 22px;
	bottom:2;
	/*line-height:20px;*/
}

.formelement
{
	float:left;
	margin:0px;
	padding:1px 15px 2px 0px;
	text-align:left;
	font-weight:bold;
	height: 22px;
	bottom:2;
	line-height:20px;
}

#CustomHeaderDiv
{
	LEFT: 8px; 
	WIDTH: 311px; 
	POSITION: absolute; 
	TOP: 45px; 
	HEIGHT: 94px
}

#footer
{
	left: 267px; 
	top: 64px;
	width:400px; 
	position: relative;
}

#BodyDiv
{
	margin-right:10px; 
	margin-left:50px;
	margin-bottom:10px;
	margin-top:10px;
	TEXT-ALIGN: left;
}

#IndexHeaderDiv
{
	
	BACKGROUND-IMAGE: url(../images/ts_banner.jpg); 
	WIDTH: 900px; 
	BACKGROUND-REPEAT: no-repeat; 
	HEIGHT: 170px
}

#LoginHeaderDiv
{
	
	BACKGROUND-IMAGE: url(../images/ts_banner.jpg); 
	WIDTH: 900px; 
	BACKGROUND-REPEAT: no-repeat; 
	HEIGHT: 170px
}

#loginButton 
{
	position: absolute;
	LEFT: 50px; 
	TOP: 140px;
	font-family: Tahoma, Arial;
	color: White;
	font-size: 8pt;
	text-align:center;
	padding-top: 7px; 
	line-height: 12px;
}

/* -- RoundPanel -- */
.dxrpControl_Blue 
{	
}
.dxrpControl_Blue td.dxrp
{
	font-size: 13px;
	font-family: Tahoma, Verdana, Arial;
	color: #838383;	
}
/* Header */
.dxrpHeader_Blue td.dxrp
{
    font-size: 13pt;
	font-family: Tahoma, Verdana, Arial;    
	color: #ffffff;
}
/*-- END OF RoundPanel -- */

/*#fakeLoginButton 
{
	position: relative; 
	left: 20px; 
	top: -25px;
	width: 181px; 
	height: 36px;
}*/

#loginButton a 
{
	color: White;
}

a { color: #0759A0; text-decoration: none; }

a:hover { text-decoration: underline; }

table { font-size: 10pt; }
.instructions { font-size: 10pt; font-family: Tahoma, Arial; }
.logo {
	font-size: 45pt;
	font-weight: bold;
	font-style: italic;
	color: #0759A0;
	padding-left: .25in;
	padding-bottom: .125in;
}
.titlebar { background-color: #0759A0; color: white; }

.titlebar-text {
	padding-left: .125in;
	font-size: 12pt;
	font-weight: bold;
	font-style: italic;
	border-top: 2px solid #0759A0;
	border-bottom: 2px solid #0759A0;
}

.titlebar-subtext {
	font-size: 10pt;
	font-weight: bold;
	padding-left: .125in;
	background-color: white;
	color: black;
	border-top: 2px solid #0759A0;
}

.logout { font-size: 8pt; font-weight: normal; }

.panel { margin-top: 15px; margin-left: .25in; font-size: 10pt; }

.panel-text {
	background-color: #0759A0;
	text-transform:uppercase;
	font-family: Tahoma, Arial;
	color: white;
	padding-right: 10px;
	padding-left: 20px; 
	padding-bottom: 2px;
	padding-top: 10px;
	font-size: 10pt;
	font-weight: normal;
	text-align: right;
	border-bottom: 1px solid #ffffff;
	width:100%;
}

.panel-subtext { width:0px; }

.panel-body {
	border: 2px solid #7C7A7A;
	padding: .12in;
	margin-top: 3px;
}

#timeModifiedMessage {
	LEFT: 616px; 
	POSITION: absolute; 
	TOP: 54px;
	color:red;
	width:242px;
	text-align:left;
	background-color: #E1EDF9;
	padding:12px;
	border:2px solid red;
}


/*.timesheetHeaderTable    { border: 1px solid #999999; }*/
.timesheetHeaderTable td { padding-right: 5px; padding-left: 5px; }
.TimeUnitDiv             { margin:12px 0px -20px 100px; font-weight:bold; color:Red; }

td.InquiryCheckboxes span     { display:block; }
.timesheetInquiryGrid         { border: 1px solid #999999; }
.timesheetInquiryGrid td      { padding: 2px; }
.timesheetInquiryGrid .head a { color: #000000; }

.readOnly
{
	BORDER-RIGHT: 0px; 
	BORDER-TOP: 0px; 
	FONT-WEIGHT: bold; 
	BORDER-LEFT: 0px; 
	BORDER-BOTTOM: 0px; 
	BACKGROUND-COLOR: #86B9E8;
}
.shiftCodeSetupTable
{
	border: 1px solid #999999;
	
}
.shiftCodeSetupTable .alt
{
	background: #E1EDF9;
	
}
.menu-item { margin-top: .06in; padding-right: 25px; }
.panel-body .indent { padding-left: 25px; }
.job { font-weight: bold; margin-top: .06in; }
.ts { padding-left: .2in; }
.field-head { font-weight: bold; color: #0759A0; padding-right: 6px; white-space: nowrap; vertical-align: top;}
.field-main {  background: #86B9E8; font-weight: bold; color: #000000; text-align: center; font-size: 10.5pt;}
.assignmentList div.item { margin-bottom:4px; }
.assignmentList div.sub { font-size:8pt; margin:2px 0px 2px 24px; }
.calendarTitle { color: White; background-color:#0759A0; }
.calendarNextPrev { color:White; }
.day { color: #0759A0 }
.selectedDay { color: #FFFFFF; background-color: #E1EDF9; font-weight: bold; }
.today { background-color: #E1EDF9;}

#timesheetEditorDiv { margin:0.25in; }
#approvalDetailPanel #timesheetEditorDiv { margin:0.25in 0 0 .12in; }

/*.head { font-weight: bold; color: #000000; padding-right: 6px; background-color: #86B9E8; vertical-align: bottom;}*/
/*.timesheetLineTable { border:solid 1px #999999; }*/
.timesheetLineTable td { vertical-align: top; border-top: 1px solid #fff; }
#headerPanel td { font-size:8pt }
tr.approvalHead { font-weight: bold; color: #000000; padding-right: 6px; background-color: #E1EDF9; }
#SetUpDefaultPayType { margin: 12px; }
.odd {}
.even { background-color: #E1EDF9; }
.pending { background-color: #E1EDF9; }
.approved { background-color: #77FF97; }
.rejected { background-color: #FCD2CC; }
.hours { font-family: Tahoma, Arial; font-size: 8pt; text-align: right; }
.expense { font-family: Tahoma, Arial; font-size: 8pt; text-align: right; }
.inTime { font-family: Tahoma, Arial; font-size: 8pt; text-align: right; }
.outTime { font-family: Tahoma, Arial; font-size: 8pt; text-align: right; }
.lunch { font-family: Tahoma, Arial; font-size: 8pt; text-align: right; }
.inTime2 { font-family: Tahoma, Arial; font-size: 8pt; text-align: right; }
.outTime2 { font-family: Tahoma, Arial; font-size: 8pt; text-align: right; }
.daysWorked { font-family: Tahoma, Arial; font-size: 8pt; text-align: right; }
.expense { font-family: Tahoma, Arial; font-size: 8pt; text-align: right; }
.numberColumn { font-family: Tahoma, Arial; font-size: 8pt; text-align: right; }
.udfTextBox {font-family: Tahoma, Arial; font-size: 8pt; text-align: left;}

td.comment       { position:relative; padding-right:16px; }
div.comment      { position:relative; padding-right:16px; }
input.comment    { font-family:Tahoma,Arial; font-size:8pt; width:98%; }
textarea.comment { font-family:Tahoma,Arial; font-size:8pt; width:98%; height:19px; text-align:left }
#CommentButtonPanel {
	position:absolute; top:-54px; right:15px; width:120px; height:50px;
	color:White; font-family:Tahoma,Arial; font-size:8pt; padding:4px;
	background-color:#0759A0; border:solid 1px #999999;	text-align:center;
}
#CommentButtonPanel input { font-family: Tahoma, Arial; font-size: 8pt; }

.dateDDL { font-family: Tahoma, Arial; font-size: 8pt; }
.paytypeDDL { font-family: Tahoma, Arial; font-size: 8pt; }
.tstypeDDL { font-family: Tahoma, Arial; font-size: 8pt; }
.searchTB { font-family: Tahoma, Arial; font-size: 8pt; }
.error { font-weight: bold; color: red; }
.indent1 { padding-left: .25in; }
.message { padding-left:25px; font-weight:bold; color:Red; }

.pushButton 
{
   font-size :13px;
   font-family:Verdana,sans-serif;
   color:#284E98;
   background-color:#FFFFFF;
   border-top-style:solid;
   border-top-color:#507CD1;
   border-top-width:1px;
   border-bottom-style:solid;
   border-bottom-color:#507CD1;
   border-bottom-width:1px;
   border-left-style:solid;
   border-left-color:#507CD1;
   border-left-width:1px;
   border-right-style:solid;
   border-right-color:#507CD1;
   border-right-width:1px;
}
.textBox { font-family: Tahoma, Arial; font-size: 8pt; }
.DDL { font-family: Tahoma, Arial; font-size: 8pt; }
.checkBox { }

/* User-defined fields in ts editor */
.udfDiv1 { position:relative; }
.udfDiv2 { position:relative; top:0px; left:0px; width:100%; }
.udfDiv3 { position:relative; }
.udfEditor { font-family: Tahoma, Arial; font-size: 8pt; }
.udfEditor div { float:left; width:285px;}
.udfEditor div span { display:block; float:left; padding: 3px 0px 0px 4px; }
.udfEditor input, .udfEditor select { display:block; float:right; width:190px; text-align:left; }

/* User-defined fields in ts inquiry */
td.udf { padding-left:50px; }
div.udf { font-family:Tahoma, Arial; font-size:8pt; }
div.udf div.udfLine { float:left; width: 350px; }
div.udf div .udfLabel { float: left; padding-left:4px; color:#555555; min-width:95px; }
.udf span.udfValue { width:190px; }
.udf input.udfValue, .udf select.udfValue { font-family:Arial; font-size:8pt; width:190px; }
.udfButtonPanel { }
.udfButtonPanel input { font-size:8pt; width:50px; }
.udfSaveConfirm { font-style:italic; background-color:#ffc591; border:1px solid #ffa24f; }

/*#approvalDetailPanel { border:1px solid black; width:475px; }
#approvalDetailPanel table.timesheetLineTable { width:435px; }
#approvalDetailPanel .head { font-size: 8pt; font-weight:normal; }
#approvalDetailPanel td { font-size:8pt; }
*/

.NotificationEditor div { margin-top:6px; }
#NotificationSetupEditor table.Detail { margin-left:40px; }
.NotificationEditor #NotificationSetupEditor .field-head { color:Black; font-weight:normal; }
.NotificationEditor #NotificationSetupEditor .Main { display:none; }

ul.statusKey { margin: 5px; list-style: none; font-size: 0.9em; }
ul.statusKey li { float: left; margin-right: 25px; }
ul.statusKey div { float: left; height: 15px; width: 15px; }

td.rejectReasonCell { border: 1px solid #aaa; font-weight: bold; }

div#BodyDiv { display: none; }