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

*{ padding: 0 0; margin: 0 0;}

body{ background: #f1f2f2 url(../images/bg.jpg) repeat-x; font: normal normal 14px/18px "Trebuchet MS", Arial}


/*main block*/
#wrapper{ width: 940px; height: auto; padding: 0 0; margin: 0 auto;}
#inner-wrapper{  width: 940px; height: auto; padding: 0 0; margin: 0 auto; float: left;}
#header{ width: 940px; height: 283px; padding: 0 0; margin: 0 auto; float: left;}
	
#content{ width: 940px; height: auto; padding: 0 0; margin: 0 auto; float: left;}
#footer{ width: 940px; height: auto; padding: 0 0; margin: 10px auto; float: left; text-align: center;}


/*properties*/

/*header*/
.header-left{width: 183px; height:275px; padding: 5px 0 0 0; margin: 0 0; float: left; text-align: center;}
	.header-left h3{ margin: 10px 0; color: #fff;}

.header-left-account{width: 183px; height:169px; padding: 5px 0 0 0; margin: 0 0; float: left; text-align: center;}


.header-right{width: 757px; height:auto; padding: 0 0; margin: 0 0; float: left; }
	.hright-top{width: 757px; height: 97px; padding: 0 0; margin: 0 0; float: left; text-align: right;}
		.hright-top h3{margin: 70px 0 0 0; color: #fff;}
	.hright-bottom{width: 757px; height: 120px; padding: 160px 0 0 0; margin: 0 0; float: left; text-align: center}
	
	


/*end header*/

/*content*/
.main-content{ background: #fff; width: 920px; height: auto; padding: 10px; margin: 0 0; float: left;}
	.mcontent-left-gray{ background: #eae9ee; width: 580px; height: auto; padding: 10px; margin: 0 0; float: left;}
		.mcontent-left-gray h4{ margin: 0 0 10px 0; float: left;}
		.mcontent-left-gray img{ float: left; margin: 0 10px 10px 0;}
		.mc-leftwelcome{ width: 580px; height: auto; padding: 0px 0; margin: 0 0; float: left;}
		
			.mc-leftwelcome h1{margin: 10px 0;}
			.mc-leftwelcome p { width: 357px; float: left}
			.mc-leftwelcome img { float: left; margin: 10px 0 0 0; padding-left: 6px;}
		.mc-leftwelcome-bg{ background:url(../images/cell.png) no-repeat; width: 580px; height: 261px; padding: 0px 0; margin: 0 0; float: left;}
		.mc-leftwelcome-bg p{width: 359px; float: left}
	.mcontent-left-white{ background: #f5f4f7; width: 580px; height: auto; padding: 10px; margin: 0 0; float: left;}
		.mcontent-left-white h4{ margin: 0 0 10px 0; float: left;}
		.mcontent-left-white img{ float: left; margin: 0 10px 10px 0;}
		
	.mcontent-right{ background: #eae9ee; width: 280px; height: auto; padding: 10px 10px 0 10px; margin:0 0 0 20px; float: left}
		.mcright-signup{ background: url(../images/sign-upwlogo.png) no-repeat; width: 250px; height: 205px; float: left; padding: 15px; margin: 0 0 15px 0; text-align: center;}
			.mcright-signup h5{ margin: 108px 0 10px;}
				.mcright-signup a img { float: none;}
		
		.mcright-signin{ background: url(../images/sign-in-bg.png) no-repeat; width: 270px; height: auto; padding: 10px; float:left;}
			.mcright-signin h1{ font: bold 17px/18px "Trebuchet MS",Georgia, Times New Roman, Times, serif; color: #626365; margin-bottom: 20px;}
				.mcright-signin h1.no-margin{ margin: 0 0; float:left}
				.mcright-signin h4{ font: bold 14px/18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin-top: 20px; color: #626365;}
				.mcright-signin h5{ font: bold 10px/18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin-top: 20px; color: #626365;}
				.mcright-signin h5.right-aligned{ text-align:right; margin: 0 0; float: right}
				.mcright-signin h5 a{ font: italic normal 10px/18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin-top: 20px; color: #609f43; text-decoration: none; }
				.mcright-signin ul{ display: block; float:left}
				.mcright-signin li{ background-image:url(../images/bullet.png); background-position:3px 16px; background-repeat:no-repeat; list-style-position:outside ;
									list-style-type:none; margin:0; padding:15px 0 0 28px;}
				.mcright-signin li a{ font: bold 14px/18px "Trebuchet MS",Georgia, Times New Roman, Times, serif; color: #626365; }
				.mcright-signin li a:hover{ color: #609f43; }
			.mcright-signin a{ font: italic normal 14px/18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin-top: 20px; color: #609f43; text-decoration: none; }
			.mcright-signin a:hover{color:#626365;}
			
		.mcright-comment{width: 280px; height: auto; padding: 10px 0; float: left}
			.mcright-comment h5{ font-size: 13px;}

		.mcontent-right img{ float: left;}


/*logged*/
.account-bg{background: #f1f2f2 url(../images/bg-account.jpg) repeat-x; font: normal normal 14px/18px "Trebuchet MS", Arial}
.header-account{ width: 940px; height: 169px; padding: 0 0; margin: 0 auto; float: left;}
.header-right-account{width: 757px; height:auto; padding: 0 0; margin: 0 0; float: left; }

/*endlogged*/

/*schedule inspection*/
.inspection-left{ background: #eae9ee; width: 600px; height: auto; margin: 0 0; float: left;}
.inspection-header{ background: #3c3c3c; width: 580px; height: auto; padding: 10px;  float: left;}
.inspection-header a{ color: #fff;}
.inspection-body{ width: 580px; height: auto; padding: 10px; float: left;}


.inspection-left h5{color: #fff;}
	.inspection-left h5.margin-logo{padding-bottom: 10px;}
.inspection-left p span{color: #2d2d2f; font-weight: bold;}
.inspection-left p{ margin: 0 0; padding: 0 0; line-height: 24px; float: left}
.inspection-left img.calendar{ float:right; margin-bottom: 30px}


.inspection-right{ width: 280px; height: auto; padding: 0px 0 0 0; float: left}
.inspection-right .logosb { margin-top: 3px;}
.inspection-right .lfont-indent{ margin-right:28px;}
.inspection-right a{ font-style: italic; font-weight: normal; color: #609F43;}
.inspection-right a:hover{ color: #626365;}

.inspection-table{ width: 920px; height: auto; padding: 0 0; margin: 0 auto; float: left;}
.inspection-table h4{color:#3e7c1c;}
.inspection-table table td{text-align: center; border-right: 1px solid #84b260; padding: 5px;}

.inspection-table table tr.green{ background: #a3cf8d; height: 30px; text-align: center; border: none; border-width: 0px 1px 0 0;
}
.inspection-table table tr.white{ background: #fff; height: 30px; text-align: center; border: none; border-width: 0px 1px 0 0;
}

table{  border-left: 1px solid #84b260;  border-bottom: 1px solid #84b260;}

/*end schedule inspection*/

/* new inspection*/
.ib-new-inspection{ width: 580px; height: auto; text-align: center;}
.inspection-body form{ width: 270px; height: auto; float:left;
font: normal 14px/18px "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
color: #626365; margin: 0 0 0 155px;}


.ni-header{ background: #d2d2d2; width: 560px; height: auto; float: left; margin: 20px 0 0 0; padding: 10px ;}
.inspection-body table{ float: left;  border: none}
.inspection-body h5 {color: #626365;}

/*end new inspection*/

/*end content*/


/*footer*/
#footer h5{ font-size: 12px;}



/*default*/
h1, h2, h3, h4, h5{ font-weight: normal; }
h1{ font-size: 42px;}
h2{ font-size: 26px;}
h3{ font-size: 24px;}
h4{ font-size: 18px;}
h5{ font-size: 14px;}
p{ color: #2d2d2f; line-height: 18px; margin: 10px 0;}

a { color: #f8a900; text-decoration: none; }
a:hover{ color: #82ae4b;}

a img{text-decoration: none; border: none;}
hr.line{ border: 0 0 1px 0 solid #ccc; border-width: 1px; margin: 10px 0;}

/*extras*/
.box01{width: 600px; height: auto; padding: 0 0; margin: 0 0 0 0; float: left;} /*for left content*/
.box02{width: 270px; height: auto; float: left;} /*for right content*/
.box03{width: 260px; height: auto; float: left; border-bottom: 1px solid #ccc; padding-bottom: 5px;} /*for right content*/
.box04{width: 260px; height: auto; float: left; padding-bottom: 5px;} /*for right content*/
.box05{width: 270px; height: auto; float: left;} /*for right content*/
.box06{ width: 99%; height: auto; float:left; padding: 1%;}
	.box06 img{ margin: 0 10px 0 0;}



/*labels*/
label {
padding-top:0.2em;
text-align:left;
float:left;
width:83px; 
font: normal 14px/18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #626365;
  }
  
.textinput{ border:1px solid #989898;
float:left;
height:auto;
padding:3px;
width:167px;
margin-bottom:5px;
font: normal 14px/18px "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
color: #626365;}

.submit{ background:url(../images/sign-in-button.png) no-repeat; width: 103px; height: 29px; text-indent: 999px;}

form{ width: 270px; height: auto; float:left;
font: normal 14px/18px "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
color: #626365;
}