#Header {
position: relative;
	width: 750px;
	height: 152px;
}

#Clock {
position: absolute; 
top: 10px;
left: 449px;
height: 142px;
width: 142px;
}

#HeaderLogo {
top: 10px;
left: 0px;
position: absolute;
height: 142px;
width: 561px;
}

#Logout {
top: 10px;
left: 591px;
position: absolute;
height: 142px;
width: 169px;
}


body {
	margin-top: 0px; 
	margin-left: 0px; 
	margin-right: 0px; 
	text-align: center;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff    
}

a {
    color: #337ab7;
    text-decoration: none;
}

.ImportantNote {
	color: red;
	font-weight: bold; 
}


label:first-line{
	font-weight: 700;
	
}
label{
	font-weight: 100;
	
}

table {
	margin-left: auto;
    margin-right: auto;
    table-layout: fixed; 
    word-wrap:break-word; 
}

td.label {
	text-align:right;
}

td.input {
	text-align:left;
}


#headgradient{
	 background: linear-gradient(to bottom, rgba(232,232,232,1), rgba(255,255,255,1));
	 height: 160px;	 
}

#container {
	margin: auto;
	height: 155px; 
	max-width: width:100%;
}

#timesheetText {
height: 142px;
width: 561px;
}

#footer {
	clear: both;
/*	width: 750px;*/
	padding-top: 35px;
	padding-bottom: 15px;
	color: #D6D4D1;
	text-align: center;
}

#logo {
	float: left;
	height: 150px;
}

#logout {
	float: right;
	height: 70px;
	padding-top: 40px;
}

#content {
	float: center;
	/*min-width: 750px;*/
}

#nav {
	float: left;
	width: 750px;
	background-image: url(../images/nav_back.png);
}

#navEndLeft {
	float: left;
}

#navEndRight {
	float: right;
}

#navItems {
	float: left;
	width: 700px;
	color: #d4ceca;
	padding-top: 5px;
}

#navItems a:active, #navItems a:visited, #navItems a {
	color: #d4ceca;
	text-decoration: none;
}

#navItems ul {
	margin: 0px;
	padding: 0px;
}

#navItems li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin-left: 16px;
}

input[type=number]{
    width: 80px;
} 

.highlight_row {
       background: linear-gradient(to top, rgba(0,0,0,0.05) 100%,rgba(0,0,0,0.05) 100%)
}

div.tableheader {font-weight: bold;text-align:center}

th.TimeSheetCSSTableProject{background: linear-gradient(to bottom, rgba(0,202,0,0.1), rgba(195,242,195,1))}
td.TimeSheetCSSTableProject{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;align:center;background:linear-gradient(to top, rgba(0,202,0,0.1) 100%,rgba(0,0,0,0.1) 100%)}
th.TimeSheetCSSTableBusinessUnit{background: linear-gradient(to bottom, rgba(222,0,0,0.1), rgba(242,169,169,1))}
td.TimeSheetCSSTableBusinessUnit{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;align:center;background:linear-gradient(to top, rgba(202,0,0,0.1) 100%,rgba(0,0,0,0.1) 100%)}





td.TimeSheetCSSTableProjectTotal{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;align:center;background:linear-gradient(to top, rgba(0,202,0,0.1) 100%,rgba(0,0,0,0.1) 100%);font-weight:bold;}
.tg th.TimeSheetCSSTableProjectTotal{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;align:center;background:linear-gradient(to top, rgba(0,202,0,0.1) 100%,rgba(0,0,0,0.1) 100%);font-weight:bold;background: linear-gradient(to bottom, rgba(0,202,0,0.1), rgba(195,242,195,1));}
td.TimeSheetCSSTableBusinessUnitTotal{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;align:center;background:linear-gradient(to top, rgba(202,0,0,0.1) 100%,rgba(0,0,0,0.1) 100%);font-weight:bold;}
.tg th.TimeSheetCSSTableBusinessUnitTotal{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;align:center;background:linear-gradient(to top, rgba(202,0,0,0.1) 100%,rgba(0,0,0,0.1) 100%);font-weight:bold;background: linear-gradient(to bottom, rgba(222,0,0,0.1), rgba(242,169,169,1));}



table.timesheetHRMenu {border-collapse:collapse;border-spacing:0;border-color:#aaa;}
.timesheetHRMenu td{width:180px;font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#aaa;color:#333;background-color:#fff;}
.timesheetHRMenu td.HR-TOIL-OVER  {width:120px;font-family:Arial, sans-serif;font-weight: bold;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#aaa;color:#333;background: radial-gradient(rgba(255,255,255,0), rgba(255,0,0,0.4), rgba(255,0,0,0.8), rgba(255,255,255,0))}
.timesheetHRMenu td.HR-TOIL-lower36  {width:120px;font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#aaa;color:#333;background: radial-gradient(rgba(255,255,255,0), rgba(255,255,255,0), rgba(255,69,0,0.4), rgba(255,255,255,0))}
.timesheetHRMenu td.HR-TOIL-lower30  {width:120px;font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#aaa;color:#333;background: radial-gradient(rgba(255,255,255,0), rgba(255,255,255,0), rgba(255,255,0,0.4), rgba(255,255,255,0))}
.timesheetHRMenu td.HR-TOIL-lower25  {width:120px;font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#aaa;color:#333;background: radial-gradient(rgba(255,255,255,0), rgba(255,255,255,0), rgba(0,255,0,0.2), rgba(255,255,255,0))}

div.HR-TOIL-OVER  {width:40px;height:40px;border:none;background: radial-gradient(rgba(255,255,255,0), rgba(255,0,0,0.4), rgba(255,0,0,0.8), rgba(255,255,255,0))}
div.HR-TOIL-lower36  {width:40px;height:40px;border:none;background: radial-gradient(rgba(255,255,255,0), rgba(255,255,255,0), rgba(255,69,0,0.4), rgba(255,255,255,0))}
div.HR-TOIL-lower30  {width:40px;height:40px;border:none;background: radial-gradient(rgba(255,255,255,0), rgba(255,255,255,0), rgba(255,255,0,0.4), rgba(255,255,255,0))}
div.HR-TOIL-lower25  {width:40px;height:40px;border:none;background: radial-gradient(rgba(255,255,255,0), rgba(255,255,255,0), rgba(0,255,0,0.2), rgba(255,255,255,0))}




.RowTitle {background: linear-gradient(to bottom, rgba(0,117,170,0.1), rgba(255,255,255,1))}
.Saturday {background-color: rgba(128,128,128,.25);}
.Sunday {background-color: rgba(128,128,128,.25);}
.Monday {background-color: rgba(128,128,128,.1);}
.Tuesday {background-color: rgba(128,128,128,.1);}
.Wednesday {background-color: rgba(128,128,128,.1);}
.Thursday {background-color: rgba(128,128,128,.1);}
.Friday {background-color: rgba(128,128,128,.1);}
.Blah {background: linear-gradient(to bottom, rgba(132,132,132,1), rgba(255,255,255,1))}

.timesheetlist  {border-collapse:collapse;border-spacing:0;border-color:#aaa;}
.timesheetlist td{width:120px;font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#aaa;color:#333;background-color:#fff;}
.timesheetlist th{width:120px;font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#aaa;color:#fff;background-color:#f38630;}
.timesheetlist .timesheetlist-title{background-color:#cbcefb;color:#000000;text-align:center;vertical-align:top}
.timesheetlist .timesheetlist-text{text-align:center;vertical-align:center}
.timesheetlist .timesheetlist-text-date{width:180px;text-align:right;vertical-align:top}

.timesheetlist .timesheetlist-header{vertical-align:top}







.timesheetlist-addon  {border-collapse:collapse;border-spacing:0;border-color:#aaa;}
.timesheetlist-addon td{width:120px;font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#aaa;color:#333;background-color:#fff;}
.timesheetlist-addon th{width:120px;font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#aaa;color:#fff;background-color:#f38630;}
.timesheetlist-addon .timesheetlist-title{background-color:#cbcefb;color:#000000;text-align:center;vertical-align:top}
.timesheetlist-addon .timesheetlist-text{text-align:center;vertical-align:center}
.timesheetlist-addon .timesheetlist-header{vertical-align:top}
.timesheetlist-addon-total td{width:120px;font-family:Arial, sans-serif;font-size:14px;font-weight:bold;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#aaa;color:#000;background-color:#ddd;}


tbody.TimesheetProject1  {border-collapse:collapse;border-spacing:0;border-color:#aaa;}
tbody.TimesheetProject1 td{width:120px;font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#aaa;color:#333;background-color:#fff;}
tbody.TimesheetProject1 th{width:120px;font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#aaa;color:#fff;background-color:#f38630;}
tbody.TimesheetProject1 .timesheetlist-title{background-color:#cbcefb;color:#000000;text-align:center;vertical-align:top}
tbody.TimesheetProject1 .timesheetlist-text{text-align:center;vertical-align:center}
tbody.TimesheetProject1 .timesheetlist-text-date{width:180px;text-align:right;vertical-align:top}
tbody.TimesheetProject1 .RowTitle {background: linear-gradient(to bottom, rgba(111,0,0,0.1), rgba(255,255,255,1))}
tbody.TimesheetProject1 .timesheetlist-header{vertical-align:top}


.timesheetlist-Manager  {border-collapse:collapse;border-spacing:0;border-color:#aaa;}
.timesheetlist-Manager td{width:150px;font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#aaa;color:#333;background-color:#fff;}
.timesheetlist-Manager th{width:150px;font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#aaa;background-color:#e8e9fd;color:#000000;}
.timesheetlist-Manager .timesheetlist-Manager-title{background-color:#cbcefb;color:#000000;text-align:center;vertical-align:top}
.timesheetlist-Manager .timesheetlist-Manager-text{text-align:center;vertical-align:top}
.timesheetlist-Manager .timesheetlist-Manager-header{text-align:center;vertical-align:top}

.timesheetlist-IT  {border-collapse:collapse;border-spacing:0;border-color:#aaa;}
.timesheetlist-IT td{width:150px;font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#aaa;color:#333;background-color:#fff;}
.timesheetlist-IT th{width:150px;font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#aaa;background-color:#e8e9fd;color:#000000;}
.timesheetlist-IT .timesheetlist-IT-title{background-color:#cbcefb;color:#000000;text-align:center;vertical-align:top}
.timesheetlist-IT .timesheetlist-IT-text{text-align:center;vertical-align:top}
.timesheetlist-IT .timesheetlist-IT-header{text-align:center;vertical-align:top}

.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;align:center}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;align:center}
.tg .tg-yw4l{text-align:center;vertical-align:top}