/* Verve Master Stylesheet */
/************************************************************************

	Listing Order:
	==============

	1 - Universal
	2 - Header Css & Navigations
	3 - Content Area Css
	4 - Footer Tags
	5 - Form Tags
	5 - Join Pages Tags	

************************************************************************/

/***********************************************************************
	1 - UNIVERSAL STYLES
************************************************************************/
* { margin:0; padding:0; }
html {height:100%}
body { min-height:101%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #FFFFFF; text-align:center; }

h1, h2, h3, h4, h5, h6, form, label, input, legend, textarea, select, ul, ol, li, dl, dt, dd, p, div {
	margin:0px;
	padding:0px;
}
img {
	border:none;
	margin: 0px;
	padding: 0px;
}
a { text-decoration:underline; color:#000000; }
a:hover { text-decoration:none; }
.clearfix { clear: both; }

#container { width: 932px; margin:0px auto;text-align:left;}

h1 { font-family: Arial, Helvetica, sans-serif; color: #008c9a; margin-bottom: 10px; margin-top: 10px; font-size: 17px; }
h2 { font-size: 13px; margin-top:6px; margin-bottom:8px;  }
h3 { font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#028592; padding-bottom:10px;}
.f-left{float:left;}
.f-right{float:right;}
.blue-text, a.blue-link{
color:#008c9a;
text-decoration:none;
}
a.blue-link:hover{
color:#036670;
}
.red-text{
color:#e20202;
}
.tahoma10{
font:12px normal Tahoma;
color:#a0a0a0;
}

/***********************************************************************
	2 - Header Css & Navigation
************************************************************************/
#header { font-size: 11px; background-image: url(../images/topbar_plain.gif); background-repeat: no-repeat; height: 39px; }
#header_contact { float: left; padding-top: 17px; padding-left: 40px; color:#FFFFFF; }
#header_contact a { color:#FFFFFF; padding-left: 10px; text-decoration:none; }
#header_nav { float: right; }
#header_nav ul { padding-top:17px; padding-right: 26px; }
#header_nav ul li { list-style-type:none; display:inline; color:#FFFFFF; font-weight: bold; margin-right:18px; }
#header_nav ul li a { color:#FFFFFF; text-decoration:none; }

#logo { float:left; }
#branding { height: 108px; }
#branding ul { list-style-type: none; font-size:12px; font-weight: bold; margin-left: 130px; padding-top:24px; font-family:Arial, Helvetica, sans-serif; }
#branding ul li { display: inline; text-align:center; float:left; margin:19px;  }
#branding ul li a { font-weight: bold; display:block; float:left; color: #999999; text-decoration:none;  }

#branding ul li a:hover { border-bottom: 2px solid #008c9a; padding-bottom:5px; color:#000000; }
#branding ul li.active a { border-bottom: 2px solid #008c9a; padding-bottom:5px; color:#000000;  }

/***********************************************************************
	3 - Content Area Css
************************************************************************/
#content-area{
float:left;
padding:10px 0 0 0;
width:932px;
min-height:350px;
height:auto !important;
height:350px;
position:relative;
}
.dashed-border{
border:1px dashed #00b1b0;
float:left;
width:47%;
padding:3px;
margin-top:15px;
}
.dashed-border-full{
border:1px dashed #00b1b0;
float:left;
width:99%;
padding:3px;
margin-top:15px;
}
.odd{
background:#f1f1f1;
padding:6px 0 6px 0px;
float:left;
width:100%;
}
.even{
background:#f5f5f5;
padding:6px 0 6px 0px;
float:left;
width:100%;
}
.lebel{
float:left;
width:150px;
padding:0 0 0 10px;
}
.lebel2{
float:left;
width:130px;
padding:0 0 0 0px;
}
.lebel3{
float:left;
width:112px;
padding:0 0 0 0px;
}
.lebel4{
float:left;
width:180px;
padding:0 0 0 0px;
}
.lebel5{
float:right;
width:70px;
padding:0 0 0 0px;
}
.lebel6{
float:left;
width:102px;
padding:0 0 0 10px;
}
.lebel7{
float:left;
width:190px;
padding:0 0 0 10px;
}
.lebel8{
float:right;
width:440px;
padding:0 5px 5px 5px;
line-height:17px;
}
.lebel9{
float:right;
width:440px;
text-align:right;
padding:0 6px 2px 0px;
color:#6f7070;
}
/*label for add time sheet*/
.addlebel1{
float:left;
width:102px;
padding:0 0 0 10px;
}
.addlebel2{
float:left;
width:112px;
padding:0 0 0 0px;
text-align:center;
}
.addlebel3{
float:left;
width:108px;
padding:0 0 0 0px;
text-align:center;
}
.addlebel4{
float:left;
width:170px;
padding:0 0 0 0px;
text-align:center;
}
.addlebel5{
float:left;
width:70px;
padding:0 0 0 0px;
text-align:center;
}
.fields{
float:left;
width:230px;
}
.fields2{
float:right;
width:200px;
text-align:right;
padding-right:15px;
}
.fields3{
float:left;
width:160px;
padding:3px 0 0 10px;  
}
.fields4{
float:right;
width:250px;
text-align:left;
}
.singbutton{
float:left;
width:100%;
padding:10px 0 0 0;
}
#detailed-timesheet{
width:864px;
margin:0px auto;
padding:10px 0 0 0;
position:relative;
}
.graybar{
float:left;
width:864px;
height:23px;
background:url(../images/gray-repeater.gif) top left repeat-x;
}
.graybar-left{
float:left;
width:855px;
height:18px;
text-align:center;
color:#FFFFFF;
padding:5px 0 0 0;
background:url(../images/gray-leftcurve.gif) top left no-repeat;
}
.graybar-left a{
color:#FFFFFF;
text-decoration:none;
}
.graybar-left a.prev{
padding:0 20px 0 0; 
}
.graybar-left a.prev:hover{
color:#333333;
}
.graybar-left a.next{
padding:0  0 0 20px; 
}
.graybar-left a.next:hover{
color:#333333;
}
.graybar-right{
float:right;
width:9px;
background:url(../images/gray-rightcurve.gif) top right no-repeat;
height:23px;
}
.detail-list-inner{
float:left;
width:864px;
padding:9px 0px 0 4px;
}
.monthbox{
width:130px;
float:left;
border:1px dashed #00b1b0;
padding:3px;
margin-right:6px;
text-align:center;
font-weight:bold;
}
.monthname{
float:left;
width:130px;
height:20px;
color:#FFFFFF;
padding:6px 0 0 0;
background:url(../images/blue-repeater.gif) top left repeat-x;
}
.monthdetail{
width:130px;
float:left;
background:#f1f1f1;
border-top:2px solid #ffffff;
padding:4px 0 3px 0;
height:60px;
}
.monthdetail img{
padding-bottom:0px;
} 

/***********************************************************************
	4 - Footer Tags
************************************************************************/
#footer { clear: both; margin-top:30px; }
#footer { font-size: 9px; color: #666666; padding-top: 20px; }

.companydetails { float:left; }
.footerblue { color: #00B1B0; padding-left: 15px; }
.footeremail { padding-left: 15px; }

#footernav { float: right; }
#footernav ul { padding-right: 5px; }
#footernav ul li { list-style-type:none; display:inline; color:#FFFFFF; font-weight: bold; padding-left:20px; }
#footernav ul li a, a:visited { color: #666666; }
#footernav a:hover { text-decoration:underline; }

/* Dev signature */
#devsig { float:left; text-align:left; clear:both; margin-top:20px; color:#B7B7B7; }
#devsig a { color:#B7B7B7; }

/***********************************************************************
	5 - Form Tags
************************************************************************/
.textbox{
border:1px solid #00b1b0;
height:16px;
width:182px;
padding:1px 0 0 3px;
background-color:#FFFFFF;
}
.textbox2{
border:1px solid #00b1b0;
height:16px;
width:45px;
padding:1px 0 0 3px;
background-color:#FFFFFF;
}
.textbox3{
border:1px solid #00b1b0;
height:16px;
width:110px;
padding:1px 0 0 3px;
background-color:#FFFFFF;
}
.textbox4{
	border:1px solid #00b1b0;
	height:16px;
	width:65px;
	padding:1px 0 0 3px;
	background-color:#FFFFFF;	
}
.textbox5{
border:1px solid #00b1b0;
height:16px;
width:140px;
padding:1px 0 0 3px;
background-color:#FFFFFF;
}
.textbox6{
border:1px solid #00b1b0;
height:16px;
width:220px;
padding:1px 0 0 3px;
background-color:#FFFFFF;
}
.textarea{
border:1px solid #00b1b0;
height:68px;
width:430px;
padding:1px 0 0 3px;
margin-bottom:4px;
background-color:#FFFFFF;
}
.select-box{
width:223px;
}
.file{
border:1px solid #00b1b0;
}
.button{
padding:4px 18px;
_padding:4px 12px;
border:1px solid #00b1b0;
background:#FFFFFF;
color:#008c9a;
cursor:pointer;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
}
.button2{
border:1px solid #00b1b0;
background:#FFFFFF;
color:#008c9a;
width:225px;
padding:4px 0;
margin-right:5px;
cursor:pointer;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
}
.legend{
padding:6px 50px 6px 13px;
text-align:left;
margin-left:15px;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
color:#008c9a;
text-decoration:none;
border:1px solid #008c9a;
background:#FFFFFF;
		}
.fieldset1{border:1px dashed #00b1b0;
width:447px;
float:left;
margin:0px 0 17px 0px;
padding:0px 3px 3px 3px;
}
/***********************************************************************
	5 - Join Pages Tags
************************************************************************/
#page-content{
float:left;
padding:10px 0 0 0;
width:932px;
position:relative;
}
.left-panel{
float:left;
width:455px;
position:relative;
padding:0 20px 0 0; 
}
.right-panel{
float:right;
width:455px;
padding:0 2px 0 0; 
}
.whitebg{
background:#FFFFFF;
border-left:5px solid #f1f1f1;
border-right:5px solid #f1f1f1;
}
.innerborder{
border:1px solid #dfdfdf;
text-align:right;
}
.blue-color{
	color:##008c9a;
}