@charset "utf-8";
/* CSS Document */
body {font-family:Arial, Helvetica, sans-serif;background-color:#FFF;width:100%;height:100%;overflow:hidden;}
#page	{position:absolute;width:100%;height:100%;top:0px;left:0px;}
#topbar	{position:absolute;width:100%;height:80px;top:0px;left:0px;background-image:url(../media/topbar.png);}
#iDM	{position:absolute;width:100%;height:80px;top:0px;left:100%;margin-left:-227px;}
#content{position:absolute;
    width: -moz-calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px);
	height: -moz-calc(100% - 220px);
    height: -webkit-calc(100% - 220px);
    height: calc(100% - 220px);
	top:100px;left:0px;border:0px #FF0000 solid;background-color:#FFF;padding:30px;overflow:auto;}
#footer	{position:absolute;width:100%;height:63px;top:100%;margin-top:-63px;left:0px;background-image:url(../media/footer.png);}
#navbar	{position:absolute;width:100%;height:20px;top:80px;left:0px;padding-left:30px;padding-top:2px;background-color:#666;}
#maintext{position:absolute;top:20px;left:30px;height:70%;width:400px;font-size:14px;overflow:auto;}
#mainimage{position:absolute;top:0px;left:719px;height:100%;background-color:#aca9a2;}
#footer_text{position:absolute;width:480px;height:30px;top:40px;left:100%;margin-left:-490px;color:#FFF;font-size:10px;text-align:right;}
#contacttext{position:absolute;top:20px;left:30px;height:70%;width:400px;}
#contactimage{position:absolute;top:0px;left:565px;height:100%;background-color:#aca9a2;}

#img1{position:absolute;top:0px;left:-271px;}
#img2{position:absolute;top:0px;left:-271px;}
#img3{position:absolute;top:0px;left:-271px;}
#img4{position:absolute;top:0px;left:-271px;}
#img5{position:absolute;top:0px;left:-271px;}

div.nav_text{font-size:14px;color:#111;float:left;}
div.nav_spacer{float:left;padding-left:10px;padding-right:10px;color:#999;}
div.clearfloat{clear:both;}

h1{font-size:20px;color:#036;}
h2{font-size:16px;color:#F90;line-height:10px;}

a.wht{text-decoration:none;color:#FFF;font-weight:bold;}
a.blk{text-decoration:none;color:#000;font-weight:bold;}
a{text-decoration:none;color:#000;}

div.loading{position:fixed;top:50%;left:50%;width:120px;height:30px;margin-left:-70px;margin-top:-20px;background-color:#CCC;border:solid 1px #000;padding:10px;color:#FFF;font-weight:bold;border-radius:5px;}

div.left{width:200px;float:left;}
div.right{width:200px;float:right;}
div.clearFloat{clear:both;}

#parts{height:100px;	background-color:#ddd;	overflow:auto;	border:#FFF1F9 solid 1px;	width:780px;	padding:10px;	border-top-left-radius:5px;	border-bottom-right-radius:5px;}
#form1{width:800px;}
input{background-color:#E2E6FE;
border:1px solid #999;
border-top-left-radius:5px;
border-bottom-right-radius:5px;}

input.reg{background-color:#FF6;border-radius:5px;
border:2px solid #111;
	text-align: center;
	text-transform: uppercase;
	font-family: "Trebuchet MS", Trebuchet, "Verdana CE", Verdana, "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif;
	font-size:14px;
	font-weight:bold;
}
select.title{background-color:#E2E6FE;
border:1px solid #999;
border-top-left-radius:5px;
border-bottom-right-radius:5px;}
select.status{background-color:#933;
border:1px solid #999;
border-top-left-radius:5px;
border-bottom-right-radius:5px;
color:#FFF;
}
#customer{
	border:#333 solid 1px;
	width:890px;
	padding:10px;
	border-top-left-radius:25px;
	border-bottom-right-radius:5px;
	background-color:#ddd;
}
#jobdetail{
	border:#333 solid 1px;
	width:780px;
	padding:10px;
	border-top-left-radius:5px;
	border-bottom-right-radius:5px;
	background-color:#ddd;
}


#add_job{ font-size:12px;padding-bottom:10px;border-bottom:1px #999 solid; }
#add_job_plate_input{ font-size:12px;padding:0px; }

#add_job_feedback{ position:fixed;left:0px;top:0px;font-size:12px;padding:0px;width:100%;height:100%;line-height:10px;display:none;}
#add_job_feedbackBG{position:absolute;left:0px;top:0px;width:100%;height:100%;opacity:0.8;background-color:#000;}
#add_job_feedbackText{position:absolute;left:0px;top:0px;width:600px;height:100%;color:#000;background-color:#ddd;border:2px solid #666;border-radius:0px;text-align:left;padding:20px;}

	
div.job_list_line{float:left;width:100%;border-bottom:#999 solid 1px;height:auto;padding-top:5px;background-color:#EEE;}
div.job_list_line2{float:left;width:100%;border-bottom:#999 solid 1px;height:auto;padding-top:5px;background-color:#CCC;}

div.job_list_spacer{float:left;width:20px;}
	
div.cust_list_line{float:left;width:100%;border-bottom:#999 solid 1px;height:35px;padding-top:5px;background-color:#EEE;}
div.cust_list_line2{float:left;width:100%;border-bottom:#999 solid 1px;height:35px;padding-top:5px;background-color:#CCC;}
div.cust_list_spacer{float:left;width:20px;}

div.rec_status{float:left;width:20%;background-color:#933;color:#FFF;font-size:12px;padding:6px;border:2px solid #444;border-radius:6px;}
div.sel_status{padding:10px;border-radius:5px;width:170px;background-color:#933;color:#FFF;font-size:12px;}

div.rec_cid{float:left;width:15%;background-color:#FF6;;border:2px solid #111;padding:3px;border-radius:6px;;text-align: center;text-transform: uppercase;	font-family: "Trebuchet MS", Trebuchet, "Verdana CE", Verdana, "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif;	font-size:14px;font-weight:bold;color:#111;}
div.rec_cat{float:left;width:15%;color:#000;font-size:12px;height:30px;overflow:hidden;}

div.rec_subcat{float:left;width:15%;background-color:#EEE;color:#333;font-family:"Courier New", Courier, monospace;font-size:12px;padding:2px;height:30px;overflow:hidden;}
div.rec_work{float:left;width:15%;background-color:#F8F8F8;color:#333;font-family:"Courier New", Courier, monospace;font-size:12px;padding:2px;height:30px;overflow:hidden;}
div.rec_CNAME{float:left;width:10%;color:#000;font-size:10px;height:30px;overflow:hidden;}
div.rec_CDATE{float:left;width:7%;color:#000;font-size:10px;height:30px;overflow:hidden;}


#StatusChanger{position: fixed;left:0px;top:0px;width:100%;height:100%;display:none;}
#StatusChangerBG{position:absolute;left:0px;top:0px;width:100%;height:100%;opacity:0.8;background-color:#000;}
#StatusChangerText{position:absolute;left:0px;top:0px;width:190px;height:100%;background-color:#ddd;border:2px solid #999;border-radius:0px;text-align:center;padding:20px;}
div.StatusChangerSpacer{height:4px;}


#formHolder{position:fixed;left:0px;top:0px;width:100%;height:100%;display:none;}
#formHolderBG{position:absolute;left:0px;top:0px;width:100%;height:100%;opacity:0.8;background-color:#000;z-index:100;}
#formHolderText{position:absolute;left:0px;top:0px;width:800px;height:100%;background-color:#eee;border:2px solid #666;border-radius:0px;text-align:center;padding:20px;color:#000;z-index:200;}

#queryLoader{position:absolute;left:10px;top:10px;width:200px;height:30px;display:block;}
#job_list{position:absolute;top:80px;left:0px;width:100%;}

@media print {}
	#invoice{position:absolute;left:0px;top:0px;width:600px;height:900px;display:block;background-color:#FFF;background-image:url(assets/media/topbar.png);background-repeat:no-repeat;padding:10px;display:none;}