/* 
Site Name : ValuationsUk 
Site URL : http://www.valuationsuk.co.uk
Designed and Developed by : Benjamin Ayres, Cutpastecreate : http://www.cutpastecreate.com
------------------------------------ */

@import url("report.css"); /* This is for the report pages, http://www.valuationsuk.co.uk/cutpastecreate/reports/index.html */
/* @import url("control.css"); This is for the control panel pages for all useres.. currently, http://www.valuationsuk.co.uk/cutpastecreate/flow/index.html */
@import url("chat.css");
/* @import url("temp.css"); This can be deleted is just for the wireframing Cutpastecreate notes */

/* 

			Master Resets 

*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;} 
table {border-collapse:collapse;border-spacing:0;} 
fieldset,img {border:0;outline:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;} 
ol,ul {list-style:none;} 
caption,th {text-align:left;} 
h1,h2,h3,h4,h5,h6 {font-size:100%;} 
abbr,acronym {border:0;} 
a {outline: none;}

/* 

			Font and Styles 

*/

h1, h2, p, p a, ol li, ul li, a {font-family: , "Lucida Grande", Verdana, Arial; color: #172322;}

h1 {color: #113768; font-style: normal; line-height: 36px; font-size: 20px; margin: 0 0 5px 0;}
	h2, h2 a {font-size: 16px; text-decoration: none; line-height: 28px;}
h3 {font-size: 17px; font-weight: bold; color: #203d6d;}
h1, h2, h3 { letter-spacing: 1px;}

p, p a, li {line-height: 18px; font-size: 12px;}
small {clear: both}

p em {background-color: #FCFFD1;}

/*

		 Main Structure 

*/

body { font-family: Helvetica, Verdana, Arial, sans-serif; text-align: center; min-width: 1100px; background-image: url(../images/body_bg.png); background-repeat: repeat-x; background-color: #222e2f;}

div#wrap {margin:0 auto; padding: 0; width:1100px; text-align: left;}

div#head {margin:0 0 20px 0; width:1100px; height: 50px; background: #84bcdd; overflow: auto;}
	div#head img.brand { margin: 10px; float: left;} /*Control panel logo */
    
div#main_top { padding-top: 15px; margin: 0; background-image: url(../images/main_corner.png); background-position: center top; background-repeat: no-repeat; clear: both;}
	div#main { padding: 0px 15px 5px 15px; background: #fff center top; margin: 0; }
		div#content {position: relative; min-height: 150px; padding: 0px 20px 20px 20px; clear: both;}

div#footer { clear: both;}
    div#footer ul { background: #eaf2f5; margin: 4px 0; padding: 5px; }
    	div#footer ul li { display: inline; font-size: 12px;}
    		div#footer ul li a, div#footer ul li a:link{ text-decoration: none; color: #5f99d2; font-weight: bold;}
    		div#footer ul li a:hover, div#footer ul li a:visited { color: #203d6d;}
				strong.version {color: #1b3d6e;}
/*

			User info

*/

div#user { padding:  0px 35px 0px 35px;  margin: 0 0 10px 0; overflow: hidden;}

   div#user img.company-brand {  border: 2px solid #e7f1fe; float: right; width: 129px; height: 50px;}
   div#user img.instructor-avatar {float: left; border: 2px solid #4f6d71; width: 50px; height: 50px;}

 		div#user ul {margin: 0 0 0 15px; float: left;}
 		div#user ul li { list-style: none; margin: 0; padding: 0; color: #f3f3f3;}
   		div#user ul li a { color: #ccc;}
    		div#user ul li a:hover {color: #adc2d9;}
   		div#user ul li.welcome { font-size: 18px; font-weight: bold; line-height: 18px; margin: 4px 0 4px 0; letter-spacing: 1px;}
 		div#user ul li.you-are {font-size: 15px; font-weight: normal; line-height: 15px; letter-spacing: 0;}
 			div#user ul li.you-are strong {}
 		div#user ul li.logout { line-height: 14px; color: #ccc;}
   
   div#user small {line-height: 15px;}
   	div#user small a { text-decoration: none;border-bottom: 1px solid #a1cfd4; color: #006699; text-decoration: none;}
   		div#user small a:hover {color: #adc2d9;}
   
 	/* Special p style for the Urgent notification for Profesional Indemnity */
   p.alert { border: 1px solid red; padding: 5px 15px; background: #ffbfc1; margin: 0 0 10px 0;}
   p.alert strong { font-size: 14px; margin: 0 10px 0 0;}
    		
/*
			Surveyor information when their account has not been activated by vals
*/
div.info-panel {border: 1px solid #008040; padding: 5px 15px; background: #9fe27e; margin: 10px 0;}
	div.info-panel h3 { color: black; margin: 10px 0;}
		div.info-panel p { margin: 5px 0 5px 0;}

/*

			Status

*/

.hidden {display: none;}

#shadowbox_content div.confirm {padding: 10px;}

div#status { border-top: 4px solid #c4e3ff; border-bottom: 2px solid #c4e3ff; margin: 0 -30px 0 -30px; padding: 0px 10px 0px 20px; background-color: #e1f1ff; background-image: url(../images/bg-listbox.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: left top; color: #4d5762; overflow: hidden; z-index: 0; clear: both; font-size: 16px;}
	
	div#status p.message { padding: 10px; width: 400px; float: right; border-left: 2px solid #fff;}
		div#status p img { padding: 5px 20px 5px 10px;}
		
	div#status p.status {background-repeat: no-repeat; background-position: left 5px; list-style-position: inside; color: #172322; line-height: 20px; font-size: 16px; background-image: url(../images/recent-update.png); padding: 15px 0 5px 65px; width: 50%; float: left; min-height: 40px;}
	
	div#status p.status a { text-decoration: none;}
		
	div#status p strong {letter-spacing: 1px;}
		div#status p a {}


			ul#updates { margin: 10px 0; border-top: 2px solid #c1e3ff; padding: 10px 0;}
			ul#updates li { margin-bottom: 2px;}
			ul#updates li span.date { font-weight: bold; color: black; font-size: 10px; border-right: 1px solid #cdcdcd; padding: 3px 2px; margin-right: 5px;}
			ul#updates li a { text-decoration: none; font-weight: bold;}
			ul#updates li span.subject { background-color: #d7e7fb; text-decoration: none; font-weight: normal;}

ul.user-form { width: 35%; float: right; }
ul.user-form li { display: inline; height: 30px; padding: 0 5px 0 0;}
ul.user-form li img { margin: 5px 0 -10px 0;}
ul.user-form li.field input { margin: 10px 0 5px 0; font-size: 18px; width: 200px;}
ul.user-form li.submit input { margin: 10px 0 5px 0;}
/*

			Navigation

*/

/*
div#main ul.nav { padding: 30px 20px 0 20px; background-color: #f3f9ff;  margin: 0px -30px 20px -30px; clear: left; z-index: 10; font-family: sans-serif; overflow: auto; border-bottom: 2px solid #000;}
	
 div#main ul.nav li { font-weight: bold; display: inline;}
 
    	div#main ul.nav li a {font-family: "Lucida Grande", Verdana, Arial, sans-serif; color: black; background-position: left top; background-image: url(../images/nav-li1.png); background-repeat: no-repeat; font-size: 14px; font-weight: bold;  text-decoration: none; border: none; padding: 8px 0px 6px 14px; z-index: 100;}
    	
    	div#main ul.nav li a:hover { background-color: white; background-position: left top; background-image: url(../images/nav-li1-hit.png); background-repeat: no-repeat;}

    	div#main ul.nav li a span { background-position: right top;  background-image: url(../images/nav-li2.png); background-repeat: no-repeat; padding: 8px 22px 6px 0px; z-index: 0;}
			div#main ul.nav li a span:hover {background-position: right top; background-image: url(../images/nav-li2-hit.png); background-repeat: no-repeat;}

    	div#main ul.nav li a:link {}
    	div#main ul.nav li a:visited {}
    	div#main ul.nav li a:active {}
*/
    	
    	/*
    	
    	Selcted Navigation
    	
    	*/
    	/*
div#main ul.nav li.selected a{ padding: 8px 0 15px 14px; margin: -10px 0 0 0;}
    	div#main ul.nav li.selected a:hover { }
    	div#main ul.nav li.selected a span {padding: 8px 22px 15px 0;}
			div#main ul.nav li.selected a span:hover {}    	
	
			div#main ul.nav span.badge { background-image: url(../images/nav-number.png ); padding: 7px 7px; }
				div#main ul.nav span.badge:hover { background-image: url(../images/nav-number.png); }
*/


/* Navigation new */
/* Admin nav */
div.admin_nav { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
/*     border-bottom: 2px solid #000; */
    background-color: #FFF;
    clear: both;
    padding: 0px 20px;
    margin: 0 -20px 0px -20px;
}

div.admin_nav a.round {
    background: transparent url('../images/adminnav-2.png') no-repeat scroll bottom right;
    color: #444;
    display: block;
    float: left;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif; 
	color: black; 
	font-size: 13px;
	font-weight: bold;
	height: 27px;
    padding-right: 18px;
    margin-left: 2px;
     /* sliding doors padding */
    text-decoration: none;
}

div.admin_nav a.round span.extra {
    background: transparent url('../images/adminnav-1.png') no-repeat bottom left;
    display: block;
    line-height: 17px;
    padding: 7px 3px 3px 16px;
    margin: 0;
}

div.admin_nav a.round:hover, div.admin_nav a.round.selected {
    background-position: top right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

div.admin_nav a.round:hover span.extra, div.admin_nav a.round.selected span.extra {
    background-position: top left;
} 

div.admin_nav a.round span.extra span.badge {background-color: #c1e3ff; color: #183d6e; padding: 1px; margin: 0 2px 0 2px;}




/* rounded buttons */
div.nav { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
	padding: 30px 20px 0 20px;
    border-bottom: 2px solid #000;
    margin-bottom: 20px;
    margin-left: -18px; 
    clear: left; z-index: 10;
}

a.round {
    background: transparent url('../images/nav-2.png') no-repeat scroll bottom right;
    color: #444;
    display: block;
    float: left;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif; 
	color: black; 
	font-size: 14px;
	font-weight: bold;
	height: 36px;
    padding-right: 18px;
    margin-left: 2px;
     /* sliding doors padding */
    text-decoration: none;
}

a.round span.extra {
    background: transparent url('../images/nav-1.png') no-repeat bottom left;
    display: block;
    line-height: 23px;
    padding: 8px 0 5px 12px;
    margin: 0;
}

a.round:hover, a.round.selected {
    background-position: top right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.round:hover span.extra, a.round.selected span.extra {
    background-position: top left;
} 

a.round span.extra span.badge {background-color: #c1e3ff; color: #183d6e; padding: 1px 4px; margin: 0 2px 0 2px;}

div.log_nav {padding-top: 10px; padding-left: 40px; padding-right: 0; border-bottom: none; }

div.log_nav a.round {
    background: transparent url('../images/chatnav-2.png') no-repeat scroll bottom right;
    color: #444;
    display: block;
    float: left;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif; 
	color: black; 
	font-size: 13px;
	font-weight: bold;
	height: 27px;
    padding-right: 18px;
    margin-left: 2px;
     /* sliding doors padding */
    text-decoration: none;
}

div.log_nav a.round span.extra {
    background: transparent url('../images/chatnav-1.png') no-repeat bottom left;
    display: block;
    line-height: 17px;
    padding: 7px 3px 3px 16px;
    margin: 0;
}

div.log_nav a.round:hover, div.log_nav a.round.selected {
    background: transparent url('../images/adminnav-2.png') no-repeat top right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

div.log_nav a.round:hover span.extra, div.log_nav a.round.selected span.extra {
    background: transparent url('../images/adminnav-1.png') no-repeat top left;
} 

div.log_nav a.round span.extra span.badge {background-color: #FFF; color: green; padding: 1px; margin: 0 2px 0 2px;}

ul.settings_nav { clear: both; border-bottom: 3px solid #CAE2FD; margin-bottom: 10px; height: 27px;}

ul.settings_nav li {display: inline;}

ul.settings_nav a.round {
    background: transparent url('../images/adminnav-2.png') no-repeat scroll bottom right;
    color: #444;
    display: block;
    float: left;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif; 
	color: black; 
	font-size: 13px;
	font-weight: bold;
	height: 27px;
    padding-right: 18px;
    margin-left: 2px;
     /* sliding doors padding */
    text-decoration: none;
}

ul.settings_nav a.round span {
    background: transparent url('../images/adminnav-1.png') no-repeat bottom left;
    display: block;
    line-height: 17px;
    padding: 7px 3px 3px 16px;
    margin: 0;
}

ul.settings_nav a.round:hover, ul.settings_nav a.round.selected {
    background-position: top right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

ul.settings_nav a.round:hover span, ul.settings_nav a.round.selected span {
    background-position: top left;
} 


/** End New Navigation */

/*

			The Help box

*/

.notifyBox {
	position: relative;
/* 	background-image: url(../images/notify-check2.gif); */
	background-repeat: no-repeat;
	background-position: 8px 12px;
	background-color: #dceeff;
	border: 1px solid #a5b2bf;
	margin: 10px 0;
	margin-top: 20px;
	padding: 15px 20px 15px 20px;
	font-family:Verdana,sans-serif;
	clear: both;
}
.notifyBox h3 {
	font-size: 19px;
	color: #004e9d;
	font-family:sans-serif;
	margin: 0 0 10px 0;
}

.notifyBox p {line-height: 24px; font-size: 12px;}

.notifyBox small { margin: 10px 0 0 0;}

.notifyBox .hl { background-color: #fff2ac; }

.notifyBox.info {
	background-color: #dceeff;
	border: 1px solid #a5b2bf;
}
.notifyBox.info h3 {
	color: #004e9d;
}

.notifyBox.notifySearch { background-image: url(../images/search.png); padding-left: 90px;}
.notifyBox.notifySearch h3 {}
.notifyBox.notifySearch small a.advanced { line-height: 12px; font-size: 10px; margin: 10px 0 5px 0; left: 80px; bottom: 0px; color: #6e7c89; float: right; clear: both; position: absolute;}
.bigSearch {font-size: 24px; font-family: Arial; padding: 4px 8px; margin: 5px 0px;}
.searchHit { color: #000; font-size: 20px; text-decoration: none; font-weight: bold; letter-spacing: 1px;}
.searchHit:hover {color: #515151;}


div.smallBox {background: url(../images/help-button.png) no-repeat bottom left; width: 80px; height: 32px; top: 78px; right: 0px; position: absolute; display: none; margin-right: 20px;}
	div.smallBox:hover {background-position: top left;}

	div.smallBox img {display: none;}

.notifyBox ul {
color:#000000;
font-size:11px;
line-height:15px;
margin: 8px 0;
	padding-left: 30px;
	display:block;
list-style-type:disc;
}

a.close:link, a.close:active, a.close:visited {
	font-size: 18px;
	font-weight: bold;
	color: #777;
	text-decoration: none;
	padding: 1px;
	float: right;
}
a.close:hover {
	background-color: #777;
	color: #fff;
	text-decoration: none;
}

/*

			The  Help box

*/
#home_help_box { padding: 20px;}
#help_box {
	width: auto; position: relative; background-color: #dceeff; border: 1px solid #a5b2bf; margin-top: 10px; padding: 20px; font-family:Verdana,sans-serif; clear: right; z-index: 100;}
#help_box div.disappear { font-size: 11px; color: #777; }

#help_box ul { color:#000000; font-size:11px; line-height:15px; margin: 8px 0; padding-left: 30px; display:block; list-style-type:disc; }
	#help_box h2 { font-size: 20px; color: #004e9d; font-family:sans-serif; margin: 0 0 6px 0; }
	#help_box h3 { font-size: 16px; color: #004e9d; font-family:sans-serif; margin: 0 0 2px 0; }

	#help_box p {line-height: 18px; font-size: 12px;}
	#help_box small { margin: 10px 0 0 0;}
	#help_box .hl { background-color: #fff2ac; }
	
#help_box a.close {
	color: #a5b2bf;
		font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	padding: 1px;
	float: right;}
#help_box a.close:hover {	text-decoration: none;}

/*

			Stage icon, icon for each tab

*/
		.stageicon { float: left; width: 100px; height: 100px;}

/*

			Button

*/

a.button { color: black; background-position: left center; background-image: url(../images/button1.png); background-repeat: no-repeat; font-size: 13px;  margin: 5px; font-weight: bold; float: right;  text-decoration: none; border: none; padding: 7px 0px 7px 10px; z-index: 100;}
	a.button:link { }
	a.button span { background-position: right center;  background-image: url(../images/button2.png); background-repeat: no-repeat; padding: 7px 10px 7px 0px; z-index: 0;}
	a.button:hover { background-position: left center; background-image: url(../images/button1-hit.png); background-repeat: no-repeat;}
		a.button span:hover {background-position: right center; background-image: url(../images/button2-hit.png); background-repeat: no-repeat;}
		
	/* form.settings a.button {float: none;} */

/* 

			Main Action Pages Table 

*/

table.control {text-align: left; font-family: Verdana; font-weight: normal; font-size: 11px; color: #000; width: 100%; border-collapse: collapse; border-spacing: 0px; margin: 10px 0 10px 0; border-top: 5px solid #c4e3ff; overflow: auto; clear: both;}
	
	/* table head */
	table.control tr.head { color: #242d2e; letter-spacing: 1px; text-align: left; background: #e6f2fe; font-size: 11px; font-weight: 500;}
	table.control tr.head td {}
	
	/* The alternate define color */
	table.control tr.define { background-color: #e6e7f0;}
	table.control tr td { padding: 6px;}

	/* - button for the table's - */
	table.control tr td a { font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: bold; background-color: white; cursor: pointer;line-height: 120%;letter-spacing: -0.15px;text-decoration: none;font: 11px;padding: 1px 3px; text-align: center;border: 1px solid #fff;}
	
	table.control tr td p {margin-top: 5px;}
		
	table.control tr td a:hover{ font-family: Helvetica, Verdana, Arial, sans-serif; background-color: #79ceff;}

div.no-instructions {}
	div.no-instructions h2 { font-weight: bold;}
	div.no-instructions p {}

/*Chris to choose*/
div.no-instruction {}
	div.no-instruction h2 { font-weight: bold;}
	div.no-instruction p {}

/*

			Pagination
			
*/

.pagination{ padding: 2px; border-top: 2px solid #c4e3ff;}
	.pagination ul{ text-align: right;}
	.pagination li{ list-style-type: none; display: inline; padding-bottom: 1px; font-size: 12px;}
	.pagination a, .pagination a:visited{ padding: 0 5px; text-decoration: none;  color: #2e6ab1; }
		.pagination a:hover, .pagination a:active{ background-color: #FFFF80; }
		.pagination a.currentpage{ background-color: #2e6ab1; color: #FFF !important; border-color: #2b66a5; font-weight: bold; cursor: default; }
		.pagination a.disablelink, .pagination a.disablelink:hover{ background-color: white; cursor: default; border-color: #929292; font-weight: normal !important; }
		.pagination a.prevnext{ }

/*

			Admin Instruct page 

*/

div#map { border: 15px solid #C4E3FF; float: right; margin-top: 15px; }

/* Map marker bubbles */
div#gmapmarker {margin-top: 15px;}
	div#gmapmarker p.report-required {margin-bottom: 7px;}

.selectsurveyor { position: relative; height: 100px; }
	.selectsurveyor p { padding: 5px; }
	.selectsurveyor input { position: absolute; right: 10px; width: 130px; }
	.selectsurveyor span.right {position: absolute; right: 144px;}

div.details {
	margin-bottom: 15px;
}

h4.report-required {line-height: 16px;}

div#gmapmarker h3 {margin-bottom: 3px;}

	/* Address and details left sidebar */
	div#sidebar { width: 275px; padding: 5px 0 0 5px; margin-top: 15px; float: left; clear: both;}
		div#sidebar h2 { font-size: 16px; font-weight: bold;}
		div#sidebar a.select-surveyor { font-size: 14px; font-weight: bold;}
		
			/*---Details---*/
			div.details { padding: 0px;}
				div.details p{ color: #172322; border-top: 2px solid #c4e3ff; clear: left; margin: 0; padding: 0; font-size: 12px; display: block; line-height: 20px;}
				div.details label{ font-weight: bold; float: left; width: 180px;font-size: 14px;}
				
 	form.settings h3 label {padding: 10px 0;}

/* 

			Styling for the settings page

 */

form.settings { padding: 20px; border: 5px solid #cae2fd; margin: 10px 20px 10px 0; background: #f5f9fe; clear: both; width: 740px;}
	form.settings textarea{ font-family: Arial, Verdana, "Lucida Grande", sans-serif; width: 92%; height: 50px; font-size: 14px; line-height: 14px;  padding: 2px;}
	form.settings select{ margin-right: 130px;}

	form.settings h1, form.settings h2, form.settings h3, form.settings h4 { color: #000;}
	form.settings h1 { font-size: 18px;}
	form.settings h2 { margin: 10px 0 5px 0px; padding:5px; font-size: 16px;}
	
	/*Styling for the subsection questions */
	form.settings p{ color: #172322; border-top: 1px solid #9fcbe4; clear: left; margin: 0; padding: 8px 0 5px 0px; padding-left: 230px; height: 1%; font-size: 12px;}
		form.settings p.terms { font-size: 12px; line-height: 12px; padding: 10px 10px 10px 295px;}
		form.settings p.nolabel { padding: 8px 0 5px 5px;}
		form.settings label{ float: left; margin-left: -220px; width: 275px;}
				form.settings p label img{ border: 1px solid #000;}

		form.settings p input[type="text"], form.settings p input[type="password"]{width: 410px; font-size: 12px; padding: 2px; margin: 0; line-height: 12px;}
		form.settings p input[type="text"].short{ width: 250px; font-size: 12px; padding: 2px; margin: 0 10px 0 0; line-height: 12px;}/*If you like it shorter*/
		form.settings p textarea{ width: 410px; height: 50px; font-size: 12px; line-height: 12px;  padding: 2px;}

		form.settings p.submit { padding: 5px 0 5px 290px; margin: 5px;}
		
		form.settings p label input { margin: 0 10px 0 0;}
		
		form.settings p.error {height: 50px;}
		
/*

			Sub Navigation

*/


/* 

			Admin Navigation - This is only for the Admin Control Panel, above the foot

*/

/*
div#admin {margin: 0; padding: 5px 20px 5px 20px; border-top: 2px solid #c4e3ff; border-bottom: 4px solid #c4e3ff; background-color: #e1f1ff; background-image: url(../images/bg-listbox.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: 0% 0%; color: #4d5762; font-family: 'Helvtica Neue',Arial,sans-serif;}
    	
	div#admin p { margin: 0; padding: 0;}

div#main ul.admin_nav { border-bottom: 2px solid #c4e3ff; clear: both; padding: 10px 20px 4px 20px; margin: 0 0 10px 0;}
    
    div#main ul.admin_nav li { display: inline;}
    div#main ul.admin_nav li a { text-decoration: none; padding: 6px 8px; margin: 0 2px 0 0; font-size: 13px; letter-spacing: 1px; color: #8a9aa9; border: none; font-weight: 500;}
    div#main ul.admin_nav li a.selected {color: #192221; background-color: #f5f9fe; border-bottom: none; border-right: none; border-left: none; border-top: 2px solid #c4e3ff;}
    div#main ul.admin_nav li a:hover { border-bottom: none; border-right: none; border-left: none; border-top: 2px solid #f5f9fe;}
    div#main ul.admin_nav li a:hover.selected {color: #192221; background-color: #f5f9fe; border-bottom: none; border-right: none; border-left: none; border-top: 2px solid #c4e3ff;}
    div#main ul.admin_nav li a:link {}
    div#main ul.admin_nav li a:visited {}
    div#main ul.admin_nav li a:active {}
*/


div#main ul.admin_nav { background-color: #f3f9ff; clear: left; z-index: 10; font-family: sans-serif; overflow: auto; border-bottom: 2px solid #000;margin: 0; padding: 5px 20px 5px 20px; border-top: 2px solid #c4e3ff; border-bottom: 4px solid #c4e3ff; background-color: #e1f1ff;}
	
 div#main ul.admin_nav li { font-weight: bold; display: inline;}
 
    	div#main ul.admin_nav li a {font-family: "Lucida Grande", Verdana, Arial, sans-serif; color: black; background-position: left top; background-image: url(../images/nav-li1.png); background-repeat: no-repeat; font-size: 13px; font-weight: bold;  text-decoration: none; border: none; padding: 8px 0px 6px 14px; z-index: 100;}
    	
    	div#main ul.admin_nav li a:hover { background-color: white; background-position: left top; background-image: url(../images/nav-li1-hit.png); background-repeat: no-repeat;}

    	div#main ul.admin_nav li a span { background-position: right top;  background-image: url(../images/nav-li2.png); background-repeat: no-repeat; padding: 8px 22px 6px 0px; z-index: 0;}
			div#main ul.admin_nav li a span:hover {background-position: right top; background-image: url(../images/nav-li2-hit.png); background-repeat: no-repeat;}

    	div#main ul.admin_nav li a:link {}
    	div#main ul.admin_nav li a:visited {}
    	div#main ul.admin_nav li a:active {}
    	
    	/*
    	
    	Selcted Navigation
    	
    	*/
    	div#main ul.admin_nav li.selected a{ padding: 8px 0 15px 14px; margin: -10px 0 0 0;}
    	div#main ul.admin_nav li.selected a:hover { }
    	div#main ul.admin_nav li.selected a span {padding: 8px 22px 15px 0;}
			div#main ul.admin_nav li.selected a span:hover {}    	
	
			div#main ul.admin_nav span.badge { background-image: url(../images/nav-number.png ); padding: 7px 7px; }
				div#main ul.admin_nav span.badge:hover { background-image: url(../images/nav-number.png);padding: 7px 7px;  }

/*

			Backup

*/

	div#backup {border: 1px solid #224e76; padding: 5px 15px; background: #e0f1fe; margin: 10px 0;}
		div#backup h3 {margin: 10px 0;}
		div#backup p {margin: 5px 0 5px 0;}
		a.dp-choose-date {font-size: 12px; text-decoration: none; margin: 0 10px 0 5px;}

/*

			Hacks and fixes : Or just missing a home.

*/

			/* Error messages */
/*
			.error {background-color: #FFFF66;}
			.success {background-color: #a7fc79;}
*/
.important {color: #F00;}

label.error { float: none; color: red; vertical-align: top; font-weight: normal; border-bottom: 1px dashed red; margin: 10px 0 0 10px;}

label.success { float: none; color: green; vertical-align: top; font-weight: normal; border-bottom: 1px dashed red; margin-left: 0px;}

p.error, input[type="checkbox"].error {background-image: url(../images/error_bg.png); background-repeat: repeat; background-color: white;  border-bottom: 2px solid red; }


form.report p.error { height: 50px;}
			
			
			div#loading {display: none;}
			.stage {border: 1px solid #cae2fd; background-color: #f5f9fe; padding: 10px; margin: 0 0 10px 0;clear:  both;}


.save { border: 3px solid #cae2fd; background-color: #f5f9fe; padding: 10px; width:200px;}
/* Save Button for complete report */			
/*
			.save { top: 400px; right: 0px; border: 3px solid #cae2fd; background-color: #f5f9fe; padding: 10px; width: 280px; position: fixed;}
			.save img { margin: 5px 15px 0 0; float: left;}
*/
			
					/*sytle for instuct form in the control panel*/
					#instruct_cp{ width: 830px;}
					
					/*download PDF button*/
					p.pdf {background-repeat: no-repeat; padding: 10px 5px 8px 65px; margin: 20px 5px 5px 0;background-image: url(../images/pdf.png); border: 2px solid #cccccc; width: 210px; font-weight: bold;}
					
					/*Back*/
					div.back { width: 140px; float: right;}
					
					tr.more_details p { margin-top: 5px;}
					
			
			/*
			
			Login Page
			
			*/
			div#login-form {width: 500px; float: left;}
			div#login-form input[type="text"] { width: 200px;}
			
			div#registration {width: 500px; float: left; padding: 10px 0 10px 20px;}

					
		p.clearboth {clear: both;}
					
					
/* Surveyors settings - tabs */
.ui-tabs-hide { display: none; }

			ul#status_updates { margin: 10px 0; border-top: 2px solid #c1e3ff; width: 300px; padding: 10px 0;}
			ul#status_updates li { margin-bottom: 4px;}
			ul#status_updates li a { text-decoration: none; font-weight: bold;}
			ul#status_updates li span { background-color: #d7e7fb; text-decoration: none; font-weight: normal; padding: 2px 1px;}
			
/* Cropper page */
div.jcrop-holder {margin: 0 auto;}


table.control tr.hidden {border: 1px solid #ccc;}
div.usercol.four {float: left; width: 25%;}
div.usercol.three {float: left; width: 33%;}

div.usercol div.wrap { margin: 10px;}

/* Contact */
div.usercol.contact {background-image: url(../images/contact.png); background-repeat: no-repeat;}
	div.usercol h3 { color: #172322;}
	div.usercol ul { padding: 0px; list-style-type: none; list-style: none; text-align: right;}
	div.usercol ul li { position: relative; margin: 0 0 4px 0; padding: 2px 0 1px 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #edf5fe; font-size: 12px; min-height: 15px;}
	div.usercol ul li.nom { font-size: 24px; padding-bottom: 5px; margin-bottom: 30px; margin-left: 55px; line-height: 25px;}
	div.usercol ul li a{ text-decoration: none; color: #172322; font-weight: 700;}
	div.usercol ul li span { float: left; text-align: left; text-transform: uppercase; font-family: Verdana,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; line-height: normal;  color: #203d6d;}
	/* Private Notes */
	form.private-notes {}
		form.private-notes ul li {list-style: none;}
		form.private-notes ul li.box textarea {width: 100%; margin: 5px 0 10px 0; font-family: Arial; padding:6px 4px; font-size: 12px;}