﻿body 
{
	margin:0px;
	color:#333;
	font-family:Arial;
	font-size:12px;
	background-color:#999;
}

a:link, a:active, a:visited
{
	color:#0000FF;
}

/* Header */
.header 
{
	height:56px;
	width:100%;
	background-color:#000099;
	background-image:url(../images/header_bg.jpg);
}

.clientName 
{
	position:relative;
	top:-18px;
}

.userName
{
	color:White;
	position:absolute;
	right:10px;
	top:20px;
}
/* End Header

Tab Bar */
.tabContainer 
{
	height:73px;
	padding-left:10px;
	padding-right:10px;
	margin:10px auto;
	margin-top:15px;
	margin-bottom:0px;
	width:96%;
	min-width:620px;
}

.tab
{
	position:relative;
	margin-right:5px;
	height:40px;
	left:-10px;
	float:left;
	background-image:url(../images/tab_offbg.png);
	text-align:center;
	cursor:pointer;
}

.tabOn
{
	font-weight:bold;
	background-image:url(../images/tab_onbg.png) !important;
	cursor:default !important;
}

.tabInternal
{
	padding-top:12px;
	padding-left:6px;
	padding-right:8px;
	min-width:60px;
	height:28px;
}

.tab2Container 
{
	position:absolute;
	top:111px;
	margin-left:-10px;
	padding-right:20px;
	height:33px;
	width:96%;
	background-color:#EEE;
}

.tab2
{
	position:relative;
	top:5px;
	left:5px;
	margin-right:5px;
	float:left;
	font-size:11px;
	background-color:#EEE;
	border:solid 1px #CCC;
	cursor:pointer;
}

.tab2On
{
	font-weight:bold;
	background-color:#E9EFFF !important;
	border:solid 1px #99CCFF !important;
	cursor:default !important;
}

.tab2Internal
{
	padding-top:3px;
	padding-left:4px;
	padding-right:6px;
	min-width:50px;
	height:18px;
}
/* End Tab Bar

Main Content */
.main 
{
	min-height:500px;
	padding:10px;
	margin:20px auto;
	margin-top:0px;
	width:96%;
	background-color:#FFF;
	min-width:620px;
}

.subtitle 
{
    font-size:14px;
    font-weight:bold;
}

.title 
{
    font-size:18px;
}

.helpText 
{
    line-height:18px;
    margin-bottom:2px;
    padding-bottom:5px;
}

.helpBox
{
    padding:5px; 
    border:3px #c2dbff solid; 
    background-color:#eef4ff; 
    text-align:left; 
    margin-bottom:15px;
}

.yellowBox 
{
	padding:5px;
	position:relative;
	width:250px;
	border:3px #e9e4b9 solid;
	background-color:#fcf9dd;
	text-align:center;
	margin-bottom:10px;
}

.blueBox 
{
	padding:5px;
	position:relative;
	width:250px;
	border:3px #c2dbff solid;
	background-color:#eef4ff;
	text-align:center;
	margin-bottom:10px;
}

.greyBox 
{
	padding:5px;
	position:relative;
	width:250px;
	border:3px #dddddd solid;
	background-color:#eeeeee;
	text-align:center;
}

.greenBox 
{
	padding:5px;
	position:relative;
	width:350px;
	border:3px #dddddd solid;
	background-color:#66FF33;
	text-align:left;
}
.redBox
{
    padding:5px; 
    border:3px #fca0a0 solid; 
    background-color:#ffd0d0; 
    text-align:left; 
    margin-bottom:10px;
}

.calendar 
{
	position:absolute;
	width:205px;
	z-index:9;
}

.textBoxError
{
	border:red;
	background-color:#FFCECE;
}

.printOnly
{
	display:none;
}

.preferencesBox
{
	background-color:#f2f2f2;
	padding:10px;
	margin-right:10px;
}

.hide
{
	display:none;
}

.show
{
	display:block;
}
/* End Main 

Tables */
.dualColumnLeft
{
	width:275px;
}

.recordsTitle
{
	padding-left:5px;
	padding-right:5px;
	padding-top:3px;
	font-size:14px;
	font-weight:bold;
	color:#888;
	background-color:#DDD;
	position:relative;
}

.tableTitle
{
	padding-left:2px;
	background-image:url(../images/table_title.png);
	background-repeat:no-repeat;
}

th
{
	text-align:left;
}

.trHeader
{
	font-weight:bold;
	background-color:#DDD;
}

.trFooter
{
	font-weight:bold;
	background-color:#EDEDED;
}

.trNormal
{
	background-color:#F9F9F9;
}

.trAlternate 
{
	background-color:#F3F3F3;
}

.trNotVerifiedNormal
{
	background-color:#FFCCCC;
}

.trNotVerifiedAlternate
{
	background-color:#FFBBBB;
}

.trNotVerifiedManualNormal
{
	background-color:#9999FF;
}

.trNotVerifiedManualAlternate
{
	background-color:#8888FF;
}
/* End Tables

Buttons */
.smallButton
{
	margin-right:6px;
}

.userChooserBox
{
	position:relative;
	display:inline-block;
	width:172px;
	height:17px;
	padding-left:4px;
	padding-top:1px;
	background-color:White;
	border:1px solid #DDD;
	text-align:left;
}
	

.userChooserList
{
	position:absolute;
	z-index:1 !important;
	width:176px;
	max-height:170px;
    min-height:100px;
    margin-top:-1px;
    left:40px;
    overflow:auto;
    background-color:White;
    border:1px solid #DDD;
    border-top:0px;
    text-align:left;
    background-image:url(../images/userlist_bg.png);    
}

.userChooserRBs
{
	position:relative;
	left:3px;
}

/* Timesheet DIV Table */

.timeTable
{
	margin:0 auto 0 auto;
	color:#000;
	width:100%;
	min-width:520px;
}

.timeTR
{
	margin:0;
	padding:0;
	color:#000;
	width:100%;
	z-index:0;
}

.timeDate, .timeStart, .timeEnd, .timeDurationNoButtons, .timeDurationWithButtons, .timeButtons
{
	position:relative;
	font-size:12px;
	height:16px;
	text-align:left;
	margin-top:0px;
	padding-top:2px;
	padding-bottom:2px;
	float:left;
	overflow:visible;
	z-index:0;
}

.timeDate 
{
	width:25%;
}

.timeStart
{
	width:25%;
}

.timeEnd
{
	width:30%;
}

.timeDurationNoButtons
{
	width:19%;
}

.timeDurationWithButtons
{
	width:18%;
}

.timeButtons
{
	text-align:right;
	width:2%;
}

.timeClear
{
	clear:both;
}

/* Schedule DIV Table */

.schTable
{
	margin:0 auto 0 auto;
	color:#000;
	width:100%;
}

.schTR
{
	margin:0;
	padding:0;
	color:#000;
	width:100%;
}

.schSelected
{
	border-bottom:solid 1px white;
	background-color:#FAFAD2;
}

.schSaved
{
	border-bottom:solid 1px white;
	background-color:#90EE90;
}

.schHeader
{
	max-height:36px;
}

.schUser, .schSun, .schMon, .schTue, .schWed, .schThu, .schFri, .schSat, .schTotals, .schButtons, .schNoneFiller
{
	position:relative;
	font-size:11px;
	height:33px;
	text-align:center;
	margin-top:3px;
	padding:0;
	float:left;
	overflow:visible;
}

.schUser
{
	width:12%;
	padding-left:5px;
	text-align:left;
}

.schSun
{
	width:12%;
}

.schMon
{
	width:12%;
}

.schTue
{
	width:12%;
}

.schWed
{
	width:12%;
}

.schThu
{
	width:12%;
}

.schFri
{
	width:12%;
}

.schSat
{
	width:12%;
}

.schNoneFiller
{
	width:84%;
}

.schButtons
{
	width:3%;
}

.schClear
{
	clear:both;
}

/* BoxOver custom stuff */

.boHeader 
{
	font-weight:bold;
	width:150px;
	border:1px solid #A5CFE9;
	padding:3;
	font-size:11px;
	color:#4B7A98;
	background:#D5EBF9;
}

.boBody
{
	border-bottom:1px solid #A5CFE9;
	border-left:1px solid #A5CFE9;
	border-right:1px solid #A5CFE9;
	width:150px;
	font-family:arial;
	font-size:11px;
	padding:3;
	color:#1B4966;
	background:#FFFFFF;
}

.bo200pxWide 
{
	width:200px !important;
}
.trNormal td, .trAlternate td, .trHeader th
{
    border: none;
    border-width: 0px;
}
.trPager td
{
    border: none;
    border-width: 0px;
}
