/* CSS Document */
body {
	margin: 0px; padding: 0px; background:#e4e7ec url(images/bg.gif) repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#151515;
	}
div, p, h1, h2, h3, ul, img { 	padding:0; margin:0; }	

h1 {font-family:"Lucida Sans", "Century Gothic"; font-size:13px; color:#423f3f; }
h2 {font-family:"Lucida Sans", "Century Gothic"; font-size:13px; color:#163d66; }
h3 {font-family:"Lucida Sans", "Century Gothic"; font-size:11px; color:#163d66; }

/*--------------------------------------------Header------------------------------------------------------*/

#main_header {
	width:977px; background:url(images/header_Title.gif) no-repeat; margin:0 auto; padding-top:142px; 
	padding-left:10px; height:27px;
	}
#main_header #logout {
	width:132px; background:url(images/header_logout.gif) no-repeat; position:absolute;  height:27px;
	top:0px; left:864px; text-align:center; padding-top:5px;
	}

/*--------------------------------------------body------------------------------------------------------*/

#body {
	width:987px; margin:0 auto 0 auto;
	}
#body form {
	width:278px;
	}
#body form p {
	padding: 7px 0 5px 0; margin: 0; color: #000;	
	}
#body form label {
	font:13px Verdana, Arial, Helvetica, sans-serif; color: #0e4688;	
	}
#body form input, select, textarea { 
	margin: 5px; padding: 5px; color: #000; border-right: 1px #c3c3c3 solid; border-bottom: 1px #dddddd solid; 
	border-left: 1px #c3c3c3 solid; border-top: 1px #7c7c7c solid; background:url(images/field_bg.gif) repeat-x;
	font: 11px 'Lucida Grande', Verdana, Helvetica, sans-serif;	
	}
#body form input:focus, select:focus, textarea:focus {
	margin: 5px;
	}
#name, #username, #password, #usertype, #messagem, #Contract Name, #Contractor Name, #Principal Name, #Project Name, {
	width: 130px; 
	}
#body form input.button { 
	background: url(images/btn.gif) no-repeat; border:none; width:68px; height:24px; 
	display:block; margin:2px 0 0 0; padding:0 0 0 5px; text-decoration:none; color:#7c7c7c; 
	font:12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold;  text-align:center;
	}
	
/* Central */
#body form.central_form {
	width:100%;
	}
#body form.central_form  p {
	padding: 7px 0 5px 0; margin: 0; color: #000;	
	}
#body form.central_form  label {
	font:13px Verdana, Arial, Helvetica, sans-serif; color: #0e4688;	
	}
#body form.central_form  input, select, textarea { 
	margin: 5px; padding: 5px; color: #000; border-right: 1px #c3c3c3 solid; border-bottom: 1px #dddddd solid; 
	border-left: 1px #c3c3c3 solid; border-top: 1px #7c7c7c solid; background:url(images/field_bg.gif) repeat-x #FFFFFF;
	font: 11px 'Lucida Grande', Verdana, Helvetica, sans-serif;	
	}
#body form.central_form  input:focus, select:focus, textarea:focus {
	margin: 5px;
	}
#ContractID, #ContractDate, #Document, #Refcode, #Salutation, #Signature {
	width: 130px; 
	}
#Contractor, #Principals, #Enquiries {
	width: 250px; 
	}
#body form.central_form  input.button { 
	background: url(images/btn.gif) no-repeat; border:none; width:68px; height:24px; 
	display:block; margin:2px 0 0 0; padding:0 0 0 5px; text-decoration:none; color:#7c7c7c; 
	font:12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold;  text-align:center;
	}	


/* Contract Details */
#body form.contract_form {
	width:100%;
	}
#body form.contract_form  p {
	padding: 7px 0 5px 0; margin: 0; color: #000;	
	}
#body form.contract_form  label {
	font:13px Verdana, Arial, Helvetica, sans-serif; color: #0e4688;	
	}
#body form.contract_form  input, select, textarea { 
	margin: 5px; padding: 5px; color: #000; border-right: 1px #c3c3c3 solid; border-bottom: 1px #dddddd solid; 
	border-left: 1px #c3c3c3 solid; border-top: 1px #7c7c7c solid; background:url(images/field_bg.gif) repeat-x #FFFFFF;
	font: 11px 'Lucida Grande', Verdana, Helvetica, sans-serif;	
	}
#body form.contract_form  input:focus, select:focus, textarea:focus {
	margin: 5px;
	}
#Our_Ref {
	width: 50px; 
	}
#txt_field{
	width: 75px; 
	}
#project, #construction_works {
	width:440px;
	}
#state {
	width:350px;
	}
#body form.contract_form input.button { 
	background: url(images/btn.gif) no-repeat; border:none; width:68px; height:24px; 
	display:block; margin:2px 0 0 0; padding:0 0 0 5px; text-decoration:none; color:#7c7c7c; 
	font:12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold;  text-align:center;
	}
#body form.contract_form input.button1 { 
	background: url(images/btn_rename.gif) no-repeat; border:none; width:128px; height:24px; 
	display:block; margin:2px 0 0 0; padding:0 0 0 5px; text-decoration:none; color:#7c7c7c; 
	font:12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold;  text-align:center;
	}	
#body form.contract_form p {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#151515;
	}
#body form.contract_form span {
	color:#0b39a0; font-weight:bold; font-size:13px;
	}
#body form.contract_form span.bt_ash {
	color:#8b118b; font-weight:bold;
	}
#body form.contract_form span.que_mark {
	color:#068587; font-weight:bold;
	}	

/* Claims */
#body form.claims_form {
	width:100%;
	}
#body form.claims_form  p {
	padding: 7px 0 5px 0; margin: 0; color: #000;	
	}
#body form.claims_form  label {
	font:13px Verdana, Arial, Helvetica, sans-serif; color: #0e4688;	
	}
#body form.claims_form  input, select, textarea { 
	margin: 5px; padding: 5px; color: #000; border-right: 1px #c3c3c3 solid; border-bottom: 1px #dddddd solid; 
	border-left: 1px #c3c3c3 solid; border-top: 1px #7c7c7c solid; background:url(images/field_bg.gif) repeat-x #FFFFFF;
	font: 11px 'Lucida Grande', Verdana, Helvetica, sans-serif;	
	}
#body form.claims_form  input:focus, select:focus, textarea:focus {
	margin: 5px;
	}
#name, #Claim_type, {
	width: 150px; 
	}
#Claim_Name {
	width: 250px; 
	}
#Claim_date {
	width: 130px; 
	}
#body form.claims_form  input.button { 
	background: url(images/btn.gif) no-repeat; border:none; width:68px; height:24px; 
	display:block; margin:2px 0 0 0; padding:0 0 0 5px; text-decoration:none; color:#7c7c7c; 
	font:12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold;  text-align:center;
	}	

/* Document List */
#body form.document_form {
	width:100%;
	}
#body form.document_form  p {
	padding: 7px 0 5px 0; margin: 0; color: #000;	
	}
#body form.document_form  label {
	font:13px Verdana, Arial, Helvetica, sans-serif; color: #0e4688;	
	}
#body form.document_form  input, select, textarea { 
	margin: 5px; padding: 5px; color: #000; border-right: 1px #c3c3c3 solid; border-bottom: 1px #dddddd solid; 
	border-left: 1px #c3c3c3 solid; border-top: 1px #7c7c7c solid; background:url(images/field_bg.gif) repeat-x #FFFFFF;
	font: 11px 'Lucida Grande', Verdana, Helvetica, sans-serif;	
	}
#body form.document_form  input:focus, select:focus, textarea:focus {
	margin: 5px;
	}
#Author, #priv{
	width: 30px; 
	}
#Doc_name {
	width: 60px; 
	}
#dd {
	width: 120px; 
	}
#Doc, #Date {
	width: 45px; 
	}
#body form.document_form  input.button { 
    font:11px Arial, Sans-serif; width:45px; height: 26px; margin: 0; padding: 2px 1px;  color: #FFF; font-weight:bold;
	background:#57b2e8; border-width: 1px; border-style: solid; border-color: #85d0fd #1e74a8 #417ea2 #84b5d3;
	}	
	
#tab {
	float: left;
}

#tab ul {
	margin: 0;
	padding: 0px 0px 0 0;
	list-style: none;
}

#tab li {
	display:block; float:left;
	}
#tab a {
	 background:url(images/tab_normal.gif) no-repeat right;  padding:13px 0px 0px 0px;
	 display:block; float:left; width: 220px; height:29px; text-align:center; text-decoration:none;
	 font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#151515; font-weight:normal;
	}
#tab a:hover {
	 background:url(images/tab_over.gif) no-repeat right;  padding:13px 0px 0px 0px;
	 display:block; float:left; width: 220px; height:29px; text-decoration:none; font-weight:normal;
	 font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#151515;
	}


/* Assign_Contracts */

.btable {
	width: 410px;
	border-collapse:collapse;
}
caption {
	font: 1.8em/1.8em Arial, Helvetica, sans-serif;
	text-align: left;
	text-indent: 10px;
	background: url(bg_caption.jpg) right top;
	height: 45px;
	color: #FFAA00;
	}
.bthead th {
	background: url(images/bg_th.gif) right; height: 36px; color: #093a7d; font-size: 0.8em; font-weight: bold; 
	padding: 0px 0 0 20px; border-right: 1px solid #c0c0c0; text-align:left; font-family:"Lucida Sans", "Century Gothic";
	font-size:13px;
	}
	
.btbody tr {
	background: #fff;
	}
.btbody tr.odd {
	background: #ededed;
	}
.btbody .bth,.btd {
	font-size:11px; line-height: 1.4em; font-family: Tahoma; font-weight:normal; color: #151515; 
	padding: 10px 20px; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; text-align: left;
	}


/* Contrac_List */

.ctable {
	width: 700px; border-bottom:2px #1975d7 solid; border-left:1px #50adea solid; border-right:1px #50adea solid;
	border-collapse:collapse;
	}
caption {
	font: 1.8em/1.8em Arial, Helvetica, sans-serif;
	text-align: left;
	text-indent: 10px;
	background: url(bg_caption.jpg) right top;
	height: 45px;
	color: #FFAA00;
	}
.cthead th {
	background: url(images/con_bg_th.gif) right; height: 36px; color: #093a7d; font-size: 0.8em; font-weight: bold; 
	padding: 0px 0 0 20px; text-align:left; font-family:"Lucida Sans", "Century Gothic"; color:#FFFFFF; font-size:18px;
	}
.cthead1 th {
	background: url(images/con_bg_th.gif) right; height: 36px; color: #093a7d; font-size: 0.8em; font-weight: bold; 
	padding: 0px 0 0 20px; text-align:left; font-family:"Lucida Sans", "Century Gothic"; color:#FFFFFF; font-size:10px;
	}
.ctbody tr {
	background: url(images/con_bg_tr.gif) repeat-x; height:51px;
	}
.ctbody tr.odd {
	background: url(images/con_bg_tr_odd.gif) repeat-x; height:51px;
	}
.ctbody .cth,.ctd {
	font-size:12px; line-height: 1.4em; font-family: Tahoma; font-weight:normal; color: #163d66; 
	padding: 0px 10px; border-bottom: 1px solid #32aff0; text-align: center; border-right:1px #e7e7e7 solid;
	}
#rgt_border {
	font-size:12px; line-height: 1.4em; font-family: Tahoma; font-weight:normal; color: #163d66; 
	padding: 0px 10px; border-bottom: 1px solid #32aff0; text-align: center; border-right:1px #32aff0 solid;
	}

/* Document_Upload */

.dtable {
	width: 922px; border-bottom:2px #1975d7 solid; border-left:1px #50adea solid; border-right:1px #50adea solid;
	border-collapse:collapse;
	}
caption {
	font: 1.8em/1.8em Arial, Helvetica, sans-serif;
	text-align: left;
	text-indent: 10px;
	background: url(bg_caption.jpg) right top;
	height: 45px;
	color: #000;
	}
.dthead th {
	background: url(images/con_bg_th.gif) right; height: 36px; color: #093a7d; font-size: 0.8em; font-weight: bold; 
	padding: 0px 0 0 20px; text-align:left; font-family:"Lucida Sans", "Century Gothic"; color:#FFFFFF; font-size:18px;
	}
	
.dtbody tr {
	background: url(images/con_bg_tr.gif) repeat-x; height:51px;
	}
.dtbody tr.odd {
	background: url(images/con_bg_tr_odd.gif) repeat-x; height:51px;
	}
.dtbody .dth,.dtd {
	font-size:12px; line-height: 1.4em; font-family: Tahoma; font-weight:normal; color: #163d66; 
	padding: 0px 0px; border-bottom: 1px solid #32aff0; text-align: center; border-right:1px #e7e7e7 solid;
	}
.dtbody span {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#151515;
	}
#rgt_border {
	font-size:12px; line-height: 1.4em; font-family: Tahoma; font-weight:normal; color: #163d66; 
	padding: 0px 0px; border-bottom: 1px solid #32aff0; text-align: center; border-right:1px #32aff0 solid;
	}


/*--------left menu---------*/
ul.left_menu{
width:196px;
padding:0px;
margin:0px;
list-style:none;
}
ul.left_menu li{
margin:0px;
list-style:none;
}
ul.left_menu li.odd a{
width:156px;height:28px;display:block;background:left #0072bc; background-position:5px 5px;
text-decoration:none;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF;padding:0px 0 0px 30px; line-height:25px; margin:10px 0 0 0px;
}
ul.left_menu li.even a{
width:230px;height:28px;display:block;background:left #0072bc; background-position:5px 5px;
text-decoration:none;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF;padding:0px 0 0px 30px; line-height:25px; margin:10px 0 0 0px;
}
ul.left_menu li.odd a:hover{
background:left #363636; color:#FFFFFF;background-position:5px 5px;
}



/* Fonts */
.legend { font-family:"Lucida Sans", "Century Gothic"; font-size:13px; color:#163d66; font-weight:bold;}
.fnt {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#151515;
}

/* details */
#body form.details_form {
 width:100%;
 }
#body form.details_form  p {
 padding: 7px 0 5px 0; margin: 0; color: #000; 
 }
#body form.details_form  label {
 font:13px Verdana, Arial, Helvetica, sans-serif; color: #0e4688; 
 }
#body form.details_form  input, select, textarea { 
 margin: 5px; padding: 5px; color: #000; border-right: 1px #c3c3c3 solid; border-bottom: 1px #dddddd solid; 
 border-left: 1px #c3c3c3 solid; border-top: 1px #7c7c7c solid; background:url(images/field_bg.gif) repeat-x #FFFFFF;
 font: 11px 'Lucida Grande', Verdana, Helvetica, sans-serif; 
 }
#body form.details_form  input:focus, select:focus, textarea:focus {
 margin: 5px;
 }
#file_name {
 width: 250px; 
 }
#dd_date {
 width: 50px; 
 }