@charset "utf-8";
/* CSS Document */

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;text-align:left;}

#wrap {min-height: 100%; width:100%;}

#main {overflow:auto;  width:100%;
	padding-bottom: 30px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -30px; /* negative value of footer height */
	height: 30px;
	clear:both;
	background:#585858;
	color:#FFFFFF; text-align:center; line-height:30px;} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}



body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; background:#fff url(../images/header.jpg) top left repeat-x;}
a,a:link{ color:#000000; text-decoration:none; outline:none;}
a:hover{ text-decoration:underline;}

/* 3 colmns */
.fieldWrap3Coulmn{width:313px; height:auto; float:left; margin:0 10px; overflow:hidden;}
.fieldWrap3Coulmn input,.fieldWrap3Coulmn textarea{ width:192px!important;}
.fieldWrap3Coulmn select{ width:203px!important;}
.fieldWrap3Coulmn label.smallLabel{ width:100px!important; text-align:right;}
/* 3 colmns */

/* Form filters */
.formFilters{width:100%; height:auto; float:left; padding:10px 0px;}
.formFilters div b{ color:#FF0000;}
.smallinput{ width:165px; height:20px; padding:0px; margin:0px; outline:none; border:1px solid #d5d5d5; font-size:12px; color:#333333; line-height:18px; margin-left:5px; margin-right:15px;}
.smallButton{border:2px solid #CCC;
	padding:1px 4px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	font-size:12px;
	font-weight:bold;
	color: #333;
	cursor:pointer;
	margin:0px 2px;}
/* Form filters */	

/* Site Contractor Mapping display */
.sitecont{width:313px; height:auto; float:left; margin:0 20px; overflow:hidden; background-color:Red;}
/* Site Contractor Mapping display */

.appWrapper{width:1090px; margin:0 auto; overflow:hidden;}
.appMain{width:100%; float:left; overflow:hidden;}

.header{width:100%; height:46px; float:left; overflow:hidden; line-height:46px; padding-top:10px;}
.logo{float:left; width:auto; padding-top:5px;}
.headerLinks{float:right; width:auto;}
.container{width:100%; height:auto; float:left; overflow:hidden; padding:20px 0px;}

.breadcrumbs{width:100%; float:left; font-size:11px; color:#333333; text-transform:capitalize; padding:5px 0px; margin:10px 0px;}

.titleMain{width:100%; float:left; font-size:11px; color:#333333; text-transform:capitalize; border-bottom:1px solid #d5d5d5; padding:5px 0px; margin:10px 0px;}
.titleTxt{width:auto; float:left; font-size:18px;}
.titleLinks{width:auto; float:right;}
.titleLinks a,.titleLinks a:link{ width:auto; float:left; height:auto; padding:2px 4px; margin:2px; text-decoration:none; background:#f6f6f6; border:1px solid #cccccc; line-height:16px; border-radius:3px; overflow:hidden; -moz-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; }
.titleLinks a:hover{ background:#333333; border:1px solid #000000; color:#FFFFFF}


.error_wrap{width:99.5%; background:#fff096 url(../images/error.jpg) 10px 5px no-repeat;; border:1px solid #d19d0a; border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -moz-border-radius:3px;-khtml-border-radius:3px; line-height:29px; color:#721313; font-size:14px; margin-bottom:10px; float:left; text-indent:40px;}

.success_wrap{width:99.5%; background:#AFE2F8 url(../images/tick.png) 10px 5px no-repeat;; border:1px solid #4d9dc0; border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -moz-border-radius:3px;-khtml-border-radius:3px; line-height:29px; color:#000000; font-size:14px; margin-bottom:10px; float:left; text-indent:40px;}


.grid{width:100%; height:auto; margin:10px 0px; overflow:hidden; float:left;}
.grid table{ width:100%!important;} 
.grid table tr th{ background:#5599da;border-top:1px solid #2a6eac; border-bottom:1px solid #2a6eac; color:#fff; font-size:12px; font-weight:bold; -webkit-text-shadow:1px 1px #46729c;  text-shadow:1px 1px #46729c; -moz-text-shadow:1px 1px #46729c; -o-text-shadow:1px 1px #46729c; -ms-text-shadow:1px 1px #46729c; -khtml-text-shadow:1px 1px #46729c; padding:5px;}
.grid table tr th:first-child{border-left:1px solid #2a6eac;}
.grid table tr th:last-child{border-right:1px solid #2a6eac;}
.grid table tr td{ border-bottom:1px dashed #bcbcbc; color:#4d4d4d; font-size:12px; background:#ffffff; padding:4px;text-align:left;}
.grid table tr.odd td{ background:#f1f1f1!important;}
.grid table tr td.action{ font-size:10px;}


.loginWrap{width:328px; margin:50px auto 0 auto;}
.loginInner{width:100%; float:left;}
.loginInner h1{font-size:16px; font-weight:normal; padding:10px 0px; border-bottom:1px solid #e0e1e1; margin-bottom:10px; text-indent:10px; float:left; width:100%;}
.formOuter{width:308px; height:auto; float:left; padding:5px 10px;}
.formOuter form{width:100%; height:auto; float:left; margin:0; padding:0;}
.formInputMain{width:100%; height:auto; float:left;}
.formLabel{width:100px; height:auto; float:left; line-height:30px;}
.formInput{width:190px; height:20px; float:right; padding:5px; border:1px solid #e0e1e1; background:#fff;}
.formInput input{ width:190px; height:20px; float:left; border:0; outline:none; background:#fff;}

.formInputInner{width:280px; height:20px; float:right; padding:5px; border:1px solid #e0e1e1; background:#fff;}
.formInputInner input{ width:280px; height:20px; float:left; border:0; outline:none; background:#fff;}
.formInputInner select{ width:280px; height:20px; float:left; border:0; outline:none; background:#fff;}
.formInputInnerTextarea{width:280px; height:80px; float:right; padding:5px; border:1px solid #e0e1e1; background:#fff;}
.formInputInnerTextarea textarea{width:280px; height:80px; float:left; border:0; outline:none; background:#fff; resize:none;}
.resizeText {width:50px;
}
.resizeDate {width:76px;
}
/*/*td:nth-of-type(2) {
   padding-right: 4px;
}*/
td:nth-of-type(4) {
   padding-right: 4px;
}
td:nth-of-type(6) {
   padding-right: 5px;
}
td:nth-of-type(7) {
   padding-right: 6px;
}
td:nth-of-type(8) {
   padding-right: 6px;
}
.loginError{width:190px; height:25px; float:left; padding-left:110px; line-height:25px; overflow:hidden; font-size:10px; color:#ff0000;}
.formError{width:280px; height:25px; float:left; padding-left:110px; line-height:25px; overflow:hidden; font-size:10px; color:#ff0000;}
.loginSubmit{width:190px; height:auto; float:left; overflow:hidden; padding-left:110px;}
.loginSubmit input{background: url(../images/submit.jpg) top left repeat; height:33px; border:none; outline:none; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; cursor:pointer; width:100px}


.suckertreemenu{ width:100%; height:auto; float:left; background:#585858; border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -moz-border-radius:3px;-khtml-border-radius:3px;}
.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
 
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
background-color:; /*overall menu background color*/
z-index:9999999999999998;
}

#AdjustmentBox{z-index:9999999999999999;}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: auto; /*Width of top level menu link items*/
padding: 10px 8px;
margin:0px 5px;
border: 0;
text-decoration: none;
color: #fff;
border:1px solid #585858;
overflow:hidden;

border-bottom:0;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;

}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 160px; /*width of sub menu levels*/
color: #000000;
text-decoration: none;
padding: 5px 5px;
border: 1px solid #ccc;
background:#ffffff;
border-top:0px;
}
.suckertreemenu ul li ul li ul a:first-child{border-top: 1px solid #ccc;}
.suckertreemenu ul li ul li a:hover{ background:#585858; color:#FFFFFF}

.suckertreemenu ul li a:hover{
background-color: #ffffff;;
color: #000000;
}

.suckertreemenu ul li:hover a{
background-color: #ffffff;;
color: #000000;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{

}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{

}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */






/* Form */
.formMain{width:100%; height:auto; float:left; margin:10px 0px;}
.formWrap{width:100%; height:auto; float:left; margin-bottom:10px;}
.formWrap1{width:100%; height:auto; float:left; margin-bottom:10px;}
.ButtonWrap{width:100%; height:auto; float:left; margin-bottom:10px; text-align: center; border-top:1px solid #d5d5d5; padding-top:10px; margin-top:10px;}
.ButtonWrap input, .ButtonWrap button{
	border:2px solid #CCC;
	padding:3px 9px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	font-size:15px;
	font-weight:bold;
	color: #333;
	cursor:pointer;
	margin:0px 2px;
	}
.fieldWrap{width:480px; height:auto; float:left; margin:0 10px;}

.fieldWrap01{width:980px; height:auto; float:left; margin:0 10px;}

.fieldWrap02{width:325px; height:auto; float:left; margin:0px;}

.formWrap label{ width:150px; float:left; line-height:20px; padding-right:5px; font-size:13px;}
.formWrap label b{ color:#FF0000;}
.formWrap input{ width:310px; float:left; border:1px solid #d5d5d5; height:20px; padding:5px; outline:none; margin:0;}
 
.formWrap textarea{ width:310px; float:left; border:1px solid #d5d5d5; height:80px; padding:5px; outline:none; margin:0; resize: none;}
.formWrap select{ width:320px; float:left; border:1px solid #d5d5d5; height:30px; padding:5px; outline:none; margin:0;}
.formWrap input:focus,.formWrap textarea:focus,.formWrap select:focus{ background:#fbf3c2}

.formWrap input[type=radio],.formWrap input[type=checkbox]{ width:20px!important}
.formWrap span{ float:left; margin-right:10px; line-height:20px;}


/* Dashboard */

.dashboard_pie{width:351px; height:350px; margin:50px auto 0px auto; background:url(../images/pie.jpg) top left no-repeat; overflow:hidden; clear:both;}	
.dashboard_pie .sites{width:174px; height:115px; float:left; text-align:center; padding-top:60px; line-height:25px; font-size:16px; color:#FFFFFF; text-decoration:none;}
.dashboard_pie .contractors{width:165px; height:115px; float:left; text-align:center; padding-top:60px; line-height:25px; font-size:16px; color:#FFFFFF; text-decoration:none;}
.dashboard_pie .employees{width:174px; height:158px; float:left; text-align:center; padding-top:15px; line-height:25px; font-size:16px; color:#FFFFFF; text-decoration:none;}
.dashboard_pie .present{width:165px; height:158px; float:left; text-align:center; padding-top:15px; line-height:25px; font-size:16px; color:#FFFFFF; text-decoration:none;}
.input-validation-error{ border:1px solid #ff0000!important;}
 
/* Profile */
.profileMn{width:100%; float:left; margin-bottom:20px; margin-top:20px;}
.profiledetails01{width:83%; float:right;}
.proImg{width:14%; height:auto; float:left; border:1px solid #d5d5d5; background:#fafafa; overflow:hidden; border-radius:5px; -moz-border-radius:5px;-o-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; -ms-border-radius:5px; text-align:center;}
.proImg img{ max-width:95%;}

.profleTitle{width:100%; float:left; border-bottom:1px solid #d5d5d5; padding:10px 0px;}
.profleTitle .name{width:auto; float:left; color:#4e85b8; font-weight:bold; font-size:16px;}
.profleTitle .status{width:auto; float:right; color:#787878; font-weight:bold;}
.profleTitle .status input{ float:left; padding:0px; margin:0px;}
.profleTitle .status span{ float:left; padding:0px 10px 0px 5px}

.profileDetailsMain{width:100%; height:auto; float:left; padding-top:20px;}
.prodtls{width:32%; height:auto; float:left; line-height:18px; font-size:12px; color:#5e5e5e; overflow:hidden; padding-left:1%;}
 
.prodtls strong{font-size:14px; color:#4e85b8;}
.profileTabs{width:100%; height:auto; float:left; font-size:14px; font-weight:bold; border-bottom:1px solid #d5d5d5; line-height:20px; padding-top:20px;}
.profileTabs a,.profileTabs a:link{ float:left; width:auto; border-bottom:3px solid #fff; color:#b5b5b5; text-decoration:none; text-transform:uppercase; margin-right:10px; padding:5px 10px;}
.profileTabs a:hover,.profileTabs a.active{  border-bottom:3px solid #4684bd; color:#4684bd; background:#f0f0f0; }
.profileTabsData{width:100%; height:auto; float:left; padding-top:10px; display:none;}