﻿
body{
    margin:0px;	
    font: 12px arial, helvetica, sans-serif;
	color: #414141;
	background-color: #fafafa; 
	padding: 20px 0 50px 20px;
	
}
.content {
    width:1030px;
}

a:hover { color: #000; }

a { color: #414141;
	text-decoration: underline; }

a.inactive, a.on { color: #333; 
	text-decoration: none;
	cursor: default; }

a.on {
	background-color: #dde0e1;
}
#menu{
	height:71px;
	background-color:white;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;	
}
#topMenu{
margin-left:20px;
position:fixed;
top:50px;
left:0px;
height:43px;
width:100%;	
background-color:white;
width:1030px;	
z-index: 20000;
}
.weekdays {
    border-bottom:solid 1px #333;
    border-left:solid 1px #333;
    text-align:center;
    padding:4px;
    height:20px;
}

.noborder {
    border-left:none;
    border-bottom:solid 1px #333;
}
.totalshead {
    text-align:right;
    margin-top:5px;
}
.weekdays, .dockets{
width:75px;	
display:inline-block;
float:left;
}

.weekdays.header {
        font-weight:bold;
        border-bottom:solid 1px #333;
        border-top:solid 1px #333;
        background-color:#000;
        color:white;
        height:15px;
    }

.weekdays.header.last, .weekdays.last {
        border-right:solid 1px #333;
       
    }
.lastRow {
    /*border-bottom:solid 1px #333;*/
}
.dockets {
    width:115px;
    margin-top:7px;
}

    .dockets.floatright {
        display:inline; float:right;
        margin-right:20px;
    }
.docket_totals {
    margin-top:5px;
    font-weight:bold;

}
#grid{
margin-top:71px;	
}
#totalhours {
    display:inline;
}

#timesheetscontainer {
    margin-top:74px;

}
.currentWeek {
    float:right;
    display:inline;
    margin-left:10px;
    margin-right:59px;
}

.dockets.spacer {
    width:185px;
}
#dataSaved {
     float:right;
    display:inline;

    font-weight:bold;
    font-size:14px;
}

#docketNum,#docketNum1 {
    width:110px;
    clear:both;
    color: #333;
    font: 12px arial,helvetica,sans-serif;
    text-align: left;
}

.Clear {
    clear:both;
}

.dayfield {
    width:65px;
    font-size:10px;
    color:#333;
    font: 12px arial, helvetica, sans-serif;
    font-weight:bold;
    text-align:center;
}

.overlay {outline:none; }
.overlay strong {line-height:30px;} 
.overlay  {
    z-index:10;
    display:block; 
    padding:5px;
    margin-top:0px; 
    margin-left:-50px;
    line-height:16px;
    position:absolute; 
    color:#111;
    border:1px solid #333; 
    background:#f9faf8;
    display:none;
    height:105px;
    width:200px

}

.saveandclose {
    width:50px;
    text-align:right;
    font-size:9px;
    font: 9px arial, helvetica, sans-serif;
    margin-bottom:5px;
    display:inline;
    float:right;
}

.commentTitle {
     display:inline;
     font-size:9px;
     line-height:0px;
     float:left;
     margin-left:5px;
     margin-bottom:3px
}

.saveandclose a {

    font: 9px arial, helvetica, sans-serif;
}
    .saveandclose textarea {
         font: 9px arial, helvetica, sans-serif;
    }


textarea {
   font-size: 9pt;
   font-family: arial, helvetica, sans-serif;
} 
/*.overlay {z-index:20;position:absolute;height:150px;width:150px;top:10px;border:0;left:0px;display:block;}
    
CSS3 extras*/
.overlay 
{
    border-radius:4px;
    box-shadow: 2px 2px 2px #c1c3c1;
}

.docketContainer {
    margin-left:5px;
    margin-top:10px;
    height:15px;
}

a.tooltip1 {
    text-decoration:none;
}
 a.tooltip {outline:none;}
a.tooltip1 strong,a.tooltip strong {line-height:30px;}
a.tooltip1:hover,a.tooltip:hover {text-decoration:none;}
a.tooltip1 span {
    display: none;
}
a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-15px; margin-left:15px;
    width:auto; line-height:16px;
}
a.tooltip1:hover span {
    display:none;
}
a.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #333; background:#f9faf8;}
.callout {z-index:20;position:absolute;top:10px;border:0;left:-12px;}
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:4px;
    box-shadow: 5px 5px 8px #c1c3c1;
}
.timerow {
    clear: left;
    width:100%;
}

.dataSaved {
    margin-left:5px;
}

#sideMenu,#sidebardockets {
    position:fixed;
    top:0px;
    left:-510px;
    height:100%;
    width:480px;
    background-color:white;

     border-right:1px solid #333; background:#f9faf8;
    box-shadow: 3px 3px 10px #333;
    padding:15px;
    z-index: 20001;
}

.sidebarcontent {
    margin-bottom:5px;
    margin-top:10px;
    font-weight:bold;
}

#adddocketbutton {
    visibility:hidden;
    background-color:lightgrey;
}
.error {
    color:red;
}
.uname {
    width:65px;
    display:inline;
    margin-top:10px;
    float:left;
     
}
.upassfield {
    display:inline;
     width:150px;
     margin-top:10px;
    float:left;
}