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


*{padding:0px ; margin:0px;}
img{padding:0px ; margin:0px;  border:none;}
.clear{clear:both;}

a{text-decoration:none;}

body{ background:url(images/total-bg.jpg) repeat-x;}

p{font-size:14px; color:#717477; font-weight:normal; font-family:Arial; padding:10px 20px; line-height:26px;}

h1{font-size:17px; color:#fff; font-weight:bold; font-family:Arial; padding:13px 0px 13px 80px;}

h2{margin:20px 0px 20px 20px;}
h3{ font-size:24px; text-shadow:0px 0px 5px #000; padding:40px 0px 10px 90px;}


#container{width:1000px; height:auto; margin:0px auto;}

#header{width:100%; height:auto;}
#logo{ width:500px;float:left; padding:42px 0px;}
#call{float:right; padding:25px 30px;}
#mail{float:right;padding:25px 10px;}
#call1{float:right; color:#FFFFFF; margin:100px -160px 0px 0px;}

.line{border:1px solid #999;}


#menu{width:100%; height:70px; }
#menu ul{list-style:none; }
#menu ul li{float:left; margin-top:25px;}
#menu ul li a{text-decoration:none; font-family:Arial; font-size:14px; font-weight:bold; color:#fff; padding:27px 25px; border-left:1px solid #999;}
#menu ul li a:hover{border-bottom:4px solid #35f121;}

#menu ul li .submenu{ display:none; position:relative;}
#menu ul li:hover .submenu{ display: block; position: absolute; background-color:#000; margin-top: 26px; z-index:999999999999;}
#menu ul li .submenu li{ list-style:none; float:none; margin-top: 0px;}
#menu ul li .submenu li a{ display: block; text-decoration: none; font-family: Arial; font-size: 14px; font-weight: bold; color: #fff; padding: 20px 43px; border: 0px;}
#menu ul li .submenu li a:hover{ border:0px; background-color:#444;}

#bannersection{width:1000px; height:auto;}
#banner{width:680px;float:left; border:2px solid #666;margin-top:3px;}
#bannerright{width:300px; height:249px; float:left; background:url(images/bannerleft.jpg) no-repeat; margin:3px 0px 0px 16px;}
#bannerright p{width:180px; text-align:center; padding-left:50px; color:#333; line-height:19px;}
#bannerright input{width:200px; height:42px; margin:0px 0px 20px 20px; font-size:16px; color:#222; }


#quote{width:100%; height:auto; border-bottom:1px solid #999; box-shadow:0px 1px 10px #999;} 

#quote p{width:650px; margin:0px auto;text-align:center; font-size:20px; color:#9696a7; font-weight:normal; font-family:Arial; font-style:italic; }


#content{width:1000px; height:auto; margin: 20px 0px 20px 0px;}
#heading{ width:1000px; background:url(images/welcm-bg.jpg) repeat-x;}
#contentbox{width:998px; border:1px solid #999; box-shadow:0px 1px 10px #999;padding:20px 0px;}
#contentbox ul{margin-left:60px;}
#contentbox li{ list-style-image:url(images/list.jpg); font-size:14px; color:#717477; font-weight:normal; font-family:Arial; padding:10px 20px; line-height:25px;}


#footer{ width:100%; height:150px; margin-bottom:0px; background:url(images/head-bg.png) repeat-x; border-top:4px solid #00ff30;}
#footer table{ padding:70px 0px 0px 20px; margin:0px auto;}
#footer td{font-family:Arial; color:#fff; font-size:14px; font-weight:normal;}



/* admin.php starts here */

.home_center{ width:98%; height:auto; border:1px solid #eee; border-radius:5px; background-color: #fafafa; }
.home_left{ width:48%; height:auto; float:left; margin:20px 0px 20px 15px; border:1px solid #eee; padding: 20px 0px;}
.home_right{ width:48%; height:auto; float:left; margin:20px 0px 20px 10px; border:1px solid #eee; padding: 40px 0px;}
.home_left_a{ cursor:pointer;}
.home_left_icon{ width:100px; height: auto; background: -webkit-linear-gradient(top,#fff 0%,#eee 10%,#ddd 50%,#eee 90%,#fff 100%); background: -moz-linear-gradient(top,#fff 0%,#eee 10%,#ddd 50%,#eee 90%,#fff 100%);  background: -o-linear-gradient(top,#fff 0%,#eee 10%,#ddd 50%,#eee 90%,#fff 100%); border: 1px solid #ddd; box-shadow: -2px 4px 5px #eee; background-color: #eee; float: left; margin:20px 0px 20px 31px;}
.home_left_icon:hover{border-radius: 5px; border:1px solid #ccc; background:none; box-shadow: inset 0px 0px 16px #ddd; background-color: #fff;}
.home_left_img{ margin:10px;}
.home_left_p{ color:#888; font-size:12px; font-weight:bold; line-height: 17px; height: 40px; text-shadow: 0px 2px 0px #fff;}
.title{ padding:10px 0px 20px 0px; font-size:18px; text-align: left; margin-left: 15px; color: #999;}
.title_icon{ background:url(title_arrow_1.png) no-repeat left; padding:10px 0px 10px 35px;}

/* admin.php ends here */






/* booking */

#book_box {color: #0B55C4; width:100%; margin-bottom: 9px; height: 31px; }
#book_box span{background-color: #f0f0f0; width:78px; float:left; text-align:center; font-size:11px; padding:8px 0px ; border-left: 1px #fff solid; border-right: 1px #ccc solid; border-bottom: 1px solid #aaa; }
#book_box .big{ width:110px; float:left; text-align:center; border-left: 1px #fff solid; border-right: 1px #ccc solid; border-bottom: 1px solid #aaa; font-size:11px; padding:8px 0px ; }
#book_box .book_span{padding: 0px; height: 30px; width: 55px; border-left: none;}
#book_box .book_span .in_invoice{ height: 20px; padding: 0px 5px; margin-top: 5px;}

#book_box1 { width:100%; padding:0; margin:0; height:31px; }
#book_box1 span {width: 78px; float: left; text-align: center; border-left: 1px #fff solid; font-size: 11px; padding: 8px 0px; border-right: 1px #aaa solid; font-weight: normal; border-bottom: 1px solid #aaa; }
#book_box1 .book_span1{padding: 10px 0px 0px 0px; height: 20px; border-left: none; width: 55px;}
#book_box1 .big{ width:110px; float:left; text-align:center; font-size:11px; padding:8px 0px ; font-weight:normal; }
#book_box1 input,#book_box input{ font-size:11px; height:14px; padding:0; margin:0; }
#book_box1 span a{ font-size:11px; color:#000; font-weight:normal;}
#book_box1 span a:hover{ font-size:11px; color:#609; text-decoration:none; cursor:pointer; font-weight:normal;}
#book_box1 .book_span_input{ width:110px; float:left; text-align:center; font-size:11px; font-weight:normal; padding: 4px 0px 0px 0px; height: 26px;}
#book_box1 .book_span_input1{ width:78px; float:left; text-align:center; font-size:11px; font-weight:normal; padding: 4px 0px 0px 0px;
height: 26px;}
#book_box1 span .book_input{width: 70px; padding: 2px; height: 22px; color:#555;}
#book_box1 span .book_input1{width: 103px; padding: 2px; height: 22px; color:#555;}

.book_left{width:100%; height:auto;}
.book_search{ width:290px; font-size:11px; color:#000; font-family:Arial, Helvetica, sans-serif; float: left; margin-left:5px;}
/*.book_search .in{ width:150px; padding:2px; border:1px solid #aaa; border-radius:5px; color: #555; font-size: 12px;}
.book_search .book_sub{ padding:1px 5px; border:1px solid #999; background-color:#eee; border-radius:5px; cursor:pointer; font-size: 11px; margin-top:1px;}
*/.book_right{ width:49%; height:auto; float:right;}
.book_list{ background:url(list-jobs.png) no-repeat left; padding:20px 0px 20px 50px;}
.book_title_table{padding: 20px ; background-color: #fbfbfb; border: 1px solid #ccc; border-radius: 7px;}
.date{ font-size:12px;
font-family: Arial, Helvetica, sans-serif;
color: #555;}
.tab_book_in { width:200px; padding:6px; border:none; box-shadow: inset 0px 0px 12px 0px #aaa; margin:4px 0px 10px 0px; font-size: 11px; color: #555;}
.label { font-size:11px; padding:3px; }
.tab_book_sel { width:200px; padding:4px 6px; border: 1px #ccc solid; margin:4px 0px 10px 0px; font-size: 11px; color: #555; }
.book_search .tab_td{ font-size:12px; font-family: Arial, Helvetica, sans-serif; color: #555;}
.tab_submit{padding: 5px 10px; box-shadow: inset 0px 0px 11px 0px #aaa; margin: 0px 0px; border-radius: 5px; background-color: #eee; border: 1px solid #aaa; color: #333; cursor:pointer;}

/* booking */

/*brought starts here*/

.tab_brought_in { width:200px; padding:6px; border:none; box-shadow: inset 0px 0px 12px 0px #aaa; margin:4px 0px 10px 0px; font-size: 11px; color: #555;}

/*brought ends here*/

/* body starts here */

#orm_container {  width:1100px; height:auto; margin:0 auto;}
#orm_center {  width:1100px; height:auto; min-height:400px; background:#FFF; margin:5px 0px 0px 0px; padding: 10px 0px 30px 0px;}

		fieldset {
padding: 10px 0px; background-color: #fbfbfb; border: 1px solid #ccc; border-radius: 0 7px 7px 7px;  height:30px; margin:5px 5px; text-align:left; margin-top:40px;
/*padding: 10px;
border: 1px solid #CCCCCC;
background: #FFFFFF;
font-size: 12px;
margin:0px auto;
width:97%;
font-family:Tahoma, Geneva, sans-serif;
*/
}



fieldset .tab_book_in {
width:150px;
padding:6px;
border:none;
box-shadow: inset 0px 0px 12px 0px #aaa;
margin: 10px 0px;
}

fieldset .label {
font-size:11px;
padding:3px;


}

fieldset .tab_book_sel {
width:150px;
padding:6px;
border: 1px #ccc solid;
margin: 10px 0px;
color: #777;
}


legend {
margin: 0;
padding: 3px;
position:absolute;
border-top:1px solid #CCCCCC;
border-bottom:0px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-radius: 6px 6px 0 0;
background: #E4E4E4;
font-weight: bold;
text-align: left;
font-size:11px;
margin-top:-30px;
margin-left:-1px;
}



.tab_td{
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
color: #555;
}

/* body ends here */


/* engineer.php starts here */

#body1{}
#body2{}

/* engineer.php ends here */

/* admin.php starts here */

.home_center{ width:98%; height:auto; border:1px solid #eee; border-radius:5px; background-color: #fafafa; }
.home_left{ width:48%; height:auto; float:left; margin:20px 0px 20px 15px; border:1px solid #eee; padding: 20px 0px;}
.home_right{ width:48%; height:auto; float:left; margin:20px 0px 20px 10px; border:1px solid #eee; padding: 40px 0px;}
.home_left_a{ cursor:pointer;}
.home_left_icon{ width:100px; height: auto; background: -webkit-linear-gradient(top,#fff 0%,#eee 10%,#ddd 50%,#eee 90%,#fff 100%); background: -moz-linear-gradient(top,#fff 0%,#eee 10%,#ddd 50%,#eee 90%,#fff 100%);  background: -o-linear-gradient(top,#fff 0%,#eee 10%,#ddd 50%,#eee 90%,#fff 100%); border: 1px solid #ddd; box-shadow: -2px 4px 5px #eee; background-color: #eee; float: left; margin:20px 0px 20px 31px;}
.home_left_icon:hover{border-radius: 5px; border:1px solid #ccc; background:none; box-shadow: inset 0px 0px 16px #ddd; background-color: #fff;}
.home_left_img{ margin:10px;}
.home_left_p{ color:#888; font-size:12px; font-weight:bold; line-height: 17px; height: 40px; text-shadow: 0px 2px 0px #fff;}
.title{ padding:10px 0px 20px 0px; font-size:18px; text-align: left; margin-left: 15px; color: #999;}
.title_icon{ background:url(title_arrow_1.png) no-repeat left; padding:10px 0px 10px 35px;}

/* admin.php ends here */

.login-body{
	
	 background:#444444;
	 
	
	}


.login-box_out { width:400px; height:350px;   margin: 10% 35% }
.login-box { width:240px; height:250px; border-radius:10px;  background:#333333; padding:40px 80px; }

.login-box label { padding:5px; color:#83B3F3; font-size:12px; font-family:Verdana, Geneva, sans-serif;}
.login-box input,.login-box select{ padding:5px; margin:5px; font-size:12px; font-family:Verdana, Geneva, sans-serif; height:30px; border-radius:5px; width:240px;}
.logo-display { width:400px; height:150px; text-align:center;}

.error-red { font-size:14px; color:#900; font-weight:bold; background:#CCCCCC; padding:5px;}.input_search{ font-size:11px; color:#000; font-family:Arial, Helvetica, sans-serif; float: left; width: 230px; margin: 5px 0px 5px 5px;}



/*        Customer   */
#customer_search {  padding: 10px 0px; background-color: #fbfbfb; border: 1px solid #ccc; border-radius: 7px; height:30px; margin:5px 5px; text-align:left;}
#customer_search { padding: 10px 0px; background-color: #fbfbfb; border: 1px solid #ccc; border-radius: 7px; height:30px; margin:5px 5px; text-align:left;}


#customer_search .inp-form { width:100px; box-shadow: inset 0px 0px 8px #ccc; border: 1px solid #bbb; padding: 1px 0px;}



#customer_list { width:1040px; border: thin #CCC solid; border-radius:10px; padding:25px; text-align:left;}

#customer_head { width:1040px; padding:0; margin:0; height:30px; color: #0B55C4;  	font-family: Arial,Helvetica,sans-serif; }
#customer_head span { width:133px; float:left; background-color: #f0f0f0;  text-align:center; border-left: 1px #fff solid; border-right: 1px #ccc solid; border-bottom: 1px solid #aaa;  font-size:11px; padding:7px 2px ; height:18px; font-weight:bold; }

#customer_head .small { width:70px; float:left; background-color: #f0f0f0;  text-align:center; border-left: 1px #fff solid; border-right: 1px #ccc solid; border-bottom: 1px solid #aaa;  font-size:11px; padding:7px 2px ; height:18px;  font-weight:bold; }


#customer_box { width:1140px; padding:0; margin:0;  height:32px;  }
#customer_box_total { width:1143px; padding:0; margin:0; height:30px;  color:#fff;}
#customer_box span { width:133px; float:left; text-align:center; border:1px #CCCCCC solid; font-size:11px; padding:7px 2px ;  font-weight:normal; height:16px; }
#customer_box input { width:100px; font-size:11px;  }
#customer_box .small { width:70px; float:left; text-align:center; border:1px #CCCCCC solid; font-size:11px; padding:7px 2px ; height:16px;  font-weight:normal; }
#customer_outer { width:1160px; overflow:auto; height:350px;}
/*#customer_head span { width:133px; float:left; text-align:center; border:1px #CCCCCC solid; font-size:11px; padding:7px 2px ; height:20px;  background:#E1E1E1; font-weight:normal; }
#customer_head .small{ width:70px; float:left; text-align:center; border:1px #CCCCCC solid; font-size:11px; padding:7px 2px ;  height:20px; background:#E1E1E1; font-weight:normal; } */
/*        Customer   */

/*        Brought   */
#customer_search {  padding: 10px 0px; background-color: #fbfbfb; border: 1px solid #ccc; border-radius: 7px; height:30px; margin:5px 5px; text-align:left;}
#customer_search .inp-form {   width:100px;}



#brought_list { width:1140px; border: thin #CCC solid; border-radius:10px; padding:25px; text-align:left;}

#brought_head { width:1140px; padding:0; margin:0; height:30px;  }
#brought_box { width:1140px; padding:0; margin:0;  height:26px;  }
#brought_box_total { width:1143px; padding:0; margin:0; height:30px;  color:#fff;}
#brought_box span { width:97px; float:left; text-align:center; border:1px #CCCCCC solid; font-size:11px; padding:7px 2px ; height:16px;  font-weight:normal; }
#brought_box input { width:80px; font-size:11px;  }
#brought_box .small { width:70px; float:left; text-align:center; border:1px #CCCCCC solid; font-size:11px; padding:7px 2px ; height:16px;  font-weight:normal; }
#brought_outer { width:1160px; overflow:auto; height:350px;}
#brought_head span { width:97px; float:left; text-align:center; border:1px #CCCCCC solid; font-size:11px; padding:7px 2px ; height:20px;  background:#E1E1E1; font-weight:normal; }
#brought_head .small{ width:70px; float:left; text-align:center; border:1px #CCCCCC solid; font-size:11px; padding:7px 2px ;  height:20px; background:#E1E1E1; font-weight:normal; }
/*        Brought   */









.login_button { padding: 5px;
width: 80px;
display: block;
border-radius: 4px;
background: #07E23C;
color: #000;
float: left;
margin: 0 5px;
text-decoration: none;
font-size: 12px;
border: 0;
cursor: pointer;
font-weight: bolder; }


.reset_button { padding: 5px;
width: 80px;
display: block;
border-radius: 4px;
background:#F0B7C0;
color:#000;
float: left;
margin: 0 5px;
text-decoration: none;
font-size: 12px;
border: 0;
cursor: pointer;
font-weight: bolder; }





.leftnormal {font-family: Arial;
font-size: 12px;
color: #000000;
font-weight: normal;
text-decoration: none;}










#bottom_menu{width:1000px;  margin:0 auto;}
#bottom_menu .ul{ width:500px; margin:0px auto; list-style:none; text-align:center;}
#bottom_menu .ul li{ float:left; margin-top:11px;}
#bottom_menu .ul li a{text-decoration: none;
color: #fff;
font-family: Calibri;
font-size: 14px;
font-weight: normal;
font-style: smooth;
padding: 1px 5px;
border-right: 1px solid #1659AD; }
#bottom_menu .ul li a:hover{background-color:#4DE712; color:#fff;}