/* Presentation stylesheet */
       
/* Stuff for layout......................................................... */
#main {
  /*min-width: 71.5em;
  max-width: 71.5em;*/
  width:980px;
  margin: 0 auto;
  border-left: 1px solid #DDD;
  border-right: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
}
#header .title {
  margin: 0;
  padding: 0;
}
#footer {
  padding: 1.5em;
}
#footer p {
  margin: 0;
  text-align: center;
}
#header {
  background-color: #FFF;
}
#columns {
  background-color: #fff;
}
.cols-wrapper {
  background-color: #FFF;
}
#footer {
  background-color: #FFF;
}
.box,
.main-content {
	min-height: 55em;
	height: auto !important;
  height: 55em;
  background-color:#fff;
}
.cols-wrapper {
  border: 1px;
  margin: 0 -1px;
}
.hide-left .cols-wrapper {
  border-left: none;
  margin-left: 0;
}
.hide-right .cols-wrapper {
  border-right: none;
  margin-right: 0;
}
.hide-both .cols-wrapper {
  border-style: none none none none;
  margin: 0;
}
.box {
  font-size: 92%;
  line-height: 1.18em;
}
#footer,
.sidecol {
  color: #333;
}
.sidecol ul {
  padding: 0 0 0 1.5em;
}

/* Other stuff.............................................................. */
.lowlight {
  color: #BBB;
}
.midlight {
  color: #888;
}
.highlight {
  color: darkred;
}
.normal {
  color: black;
}
.breadcrumb {
  text-align: right;
  margin: 0 0 -1em 0;
}
.pagelinks {
  text-align: right;
  padding: 0;
  margin: 0;
  margin-bottom: 0.7em;
}
.tablinks {
  text-align: right;
  padding: 0.7em 0 0 0;
  margin: 0;
}
.buttons {
  padding-top: 1.5em;
  padding-bottom: 0em;
  text-align: right;
}
.errorlist {
  padding-left: 1.5em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  color: red
}
.backbutton {
  float: right; 
  text-align: right;
}
.tabcontainer {
  border: 1px solid #B7EAFF;
  border-top: 0px;
  background-color: #F4FCFF;
  padding: 0.5em 1em 3em 1em;
	min-height: 30em;
	height: auto !important;
  height: 30em;
}
.maintcontainer {
  border: 1px solid #B7EAFF;
  background-color: #F4FCFF;
  padding: 1em 1em 1.5em 1em;
	min-height: 30em;
	height: auto !important;
  height: 30em;
}
.menuheader {
  font-weight: bold;
  border-bottom: 1px solid #B7EAFF;
  padding-bottom: 0.3em
}
.tabheader {
  font-weight: bold;
  font-size: 1em;
  color: darkred;
  padding: 0.7em 0 0.2em 0;
}
form dt {
  clear: both;
  width: 9em;
  float: left;
  margin: 0.3em 0 0.6em 0.3em;
}
form dd {
  float: left;
  width: 12em;
  margin: 0.2em 0 0.2em 0.25em;
}
.editor {
  width: 99%;
}
fieldset.inputoptions {
  background-color: #FAFAFA;
  border: 1px solid #DFDFDF;
}
fieldset.displayoptions {
  background-color: #FAFAFA;
  border: 1px solid #DFDFDF;
  display: none;
}
fieldset.report {
  background-color: #F4FBFD;
}
.message {
  padding-top: 1em;
}
.document {
  border: 1px dashed #EEE;
  padding: 10px;
  background-color: #FFF
}
.notes {
  border: 1px dashed #EEE;
  padding: 5px;
  background-color: #FBFBFB
}
.themebreakdownheader {
  padding: 1em 0 0.5em 1em;
  margin: 0;
}
.projectbreakdownheader {
  padding: 1em 0 0.5em 1em;
  margin: 0;
}
.hidden {
  display: none;
}


.highlight {
  color: darkred
}
.midlight {
  color: #666666;
}
.lowlight {
  color: gray;
}
.highlightbold {
  font-weight: bold;
  color: darkred;
}
.midlightbold {
  font-weight: bold;
  color: #666666;
}
.lowlightbold {
  font-weight: bold;
  color: gray;
}
.highlightsmall {
  color: darkred;
}
.lowlightsmall {
  color: gray;
}
.blue {
  color: #7b97c7;
}
.bluebold {
  font-weight: bold;
  color: #7b97c7;
}
.sidemenu {
  padding: 0;
  margin: 1em 0 0 0;
  font-size: 1em;
  list-style-type: none;
}
.sidemenu li {
  padding: 0.6em;
  margin-left: -1.4em;
  border-bottom: #000 1px solid;
}
.sidemenu A:link {
  color: #000;
  text-decoration: none
}
.sidemenu A:visited {
  color: #000;
  text-decoration: none
}
.sidemenu A:active {
  color: #c00;
  text-decoration: none
}
.sidemenu A:hover {
  color: #099;
  text-decoration: none
}
#sidemenu_accident li {
  border-bottom: #c1131e 1px solid;
}
#sidemenu_criminal li {
  border-bottom: #ff3600 1px solid;
}
#sidemenu_family li {
  border-bottom: #4b835d 1px solid;
}
#sidemenu_mentalhealth li {
  border-bottom: #fc9200 1px solid;
}
#sidemenu_conveyancing li {
  border-bottom: #748db5 1px solid;
}
#sidemenu_employment li {
  border-bottom: #00255D 1px solid;
}
.etcbutton_accident {
  border: #666666 1px solid;
  padding: 1px 5px 1px 5px;
  font-size: 1em;
  margin: 0;
  color: #ffffff;
  background-color: #c1131e;
}
.etcbutton_criminal {
  border: #666666 1px solid;
  padding: 1px 5px 1px 5px;
  font-size: 1em;
  margin: 0;
  color: #ffffff;
  background-color: #ff3600;
}
.etcbutton_mentalhealth {
  border: #666666 1px solid;
  padding: 1px 5px 1px 5px;
  font-size: 1em;
  margin: 0;
  color: #ffffff;
  background-color: #fc9200;
}
.etcbutton_family {
  border: #666666 1px solid;
  padding: 1px 5px 1px 5px;
  font-size: 1em;
  margin: 0;
  color: #ffffff;
  background-color: #4b835d;
}
.etcbutton_conveyancing {
  border: #666666 1px solid;
  padding: 1px 5px 1px 5px;
  font-size: 1em;
  margin: 0;
  color: #ffffff;
  background-color: #748db5;
}
.etcbutton_employment {
  border: #666666 1px solid;
  padding: 1px 5px 1px 5px;
  font-size: 1em;
  margin: 0;
  color: #ffffff;
  background-color: #00255D;
}
.conveyancingmenu A:link {
  color: #000;
  text-decoration: none
}
.conveyancingmenu A:visited {
  color: #000;
  text-decoration: none
}
.conveyancingmenu A:active {
  color: #c00;
  text-decoration: none
}
.conveyancingmenu A:hover {
  color: #099;
  text-decoration: none
}

.pagecontent {
 float: left;
 width: 55em;
 margin-right: 1em;background-color:#fff;
}
/*  * html .pagecontent {width: 38em; w\idth: 37em;} */

.clear {
  clear: both;
}
table.list {
  width: 100%;
}
table.list tr.header {
  background-color: #DDD;
}
table.list tr.even {
  background-color: #F1F1F1;
}
table.list tr.odd {
  background-color: #FFF;
}
table.list td {
  padding: 0.3em;
  vertical-align: top;
}
.persondetails {
  float: right;
  width: 42em;
  padding: 0em 0.5em 0.5em 0.5em;
}
fieldset {
  border: 1px solid #DDD;
  background-color: #FCFCFC;
  padding: 0.5em 0.5em;
  margin: 2em 0;
  position: relative;
}
html>body fieldset {padding-top: 0.5em; margin: 1.3em 0}
/* IE doesn't need the top padding set so it ignores this rule*/
legend {
  font-weight: bold;
  color: #000;
  padding: 0 0.3em;
  position: relative;
  top: -1.2em;
}
table.form td {
  padding: 0.5em;
}
fieldset.accident {
  background-color: #FFF4F8;
  padding: 0.7em 0 1em 1em;
}
html>body fieldset.accident {padding: 1em;}
fieldset.mentalhealth {
  background-color: #FFF5E8;
  padding: 0.7em 0 1em 1em;
}
html>body fieldset.mentalhealth {padding: 1em;}
fieldset.criminal {
  background-color: #FFEEEA;
  padding: 0.7em 0 1em 1em;
}
html>body fieldset.criminal {padding: 1em;}
fieldset.family {
  background-color: #F4F7EE;
  padding: 0.7em 0 1em 1em;
}
html>body fieldset.family {padding: 1em;}
fieldset.conveyancing {
  background-color: #F2F5F9;
  padding: 0.7em 0 1em 1em;
}
html>body fieldset.conveyancing {padding: 1em;}
.conveyancingmenu {
  text-align: center;
  background-image: url(/conveyancing/_gfx/greygrad.gif);
  padding: 0.4em 0 0.4em 0;
  margin: 0;
}
fieldset.employment {
  background-color: #F9FCFF;
  padding: 0.7em 0 1em 1em;
}
html>body fieldset.employment {padding: 1em;}

ul.sidebox {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.sidebox A:link {
  color: #000000;
  text-decoration: none;
}
.sidebox A:hover {
  color: #000000;
  text-decoration: underline;
}
.sidebox A:visited {
  color: #000000;
}
.sidebox A:active {
  color: #000000;
  text-decoration: none;
}
.sidebox_accident {
  background: url(/accident/_gfx/topcurve.gif) 0 0 no-repeat #EFC2C5;
  width: 151px;
  float: right;
}
.bottomcurve_accident {
  background: url(/accident/_gfx/botcurve.gif) 0 100% no-repeat;
  padding: 1em;
}
.sidebox_criminal {
  background: url(/criminal/_gfx/topcurve.gif) 0 0 no-repeat #FECBBE;
  width: 151px;
  float: right;
}
.bottomcurve_criminal {
  background: url(/criminal/_gfx/botcurve.gif) 0 100% no-repeat;
  padding: 1em;
}      



.sidebox_family {
  background: url(/family/_gfx/topcurve.gif) 0 0 no-repeat #D1DED5;
  width: 151px;
  float: right;
}
.bottomcurve_family {
  background: url(/family/_gfx/botcurve.gif) 0 100% no-repeat;
  padding: 1em;
}




.sidebox_mentalhealth {
  background: url(/mentalhealth/_gfx/topcurve.gif) 0 0 no-repeat #FDE2BE;
  width: 151px;
  float: right;
}
.bottomcurve_mentalhealth {
  background: url(/mentalhealth/_gfx/botcurve.gif) 0 100% no-repeat;
  padding: 1em;
}  
                
.sidebox_employment {
  background: url(/employment/_gfx/topcurve.gif) 0 0 no-repeat #C7CFDB;
  width: 151px;
  float: right;
}
.bottomcurve_employment {
  background: url(/employment/_gfx/botcurve.gif) 0 100% no-repeat;
  padding: 1em;
}
.pagelinks {
  text-align: right;
}    



.sidebox_quote {
   background: url(/conveyancing/_gfx/top_curve_q.gif) 0 0 no-repeat #506380;
  width: 151px; margin-top:-80px;
  float: right;
}
.bottomcurve_quote {
    background: url(/conveyancing/_gfx/bott_curve_q.gif) 0 100% no-repeat;
  padding: 0.5em; 
}


   
      
   
   
   
/**************** MY STUFF ******************************************************************************************/
  
        

   
#banner_wrap {background-color:#f1f1f1; width:150px; border:0px solid red;} 

#banner_head  {background: url(/conveyancing/_gfx/banner_head.jpg) top left no-repeat; height:59px; text-indent: 10000px; overflow: hidden; border:0px solid blue; width:150px;}   

.tick {width:12px; height:12px; border:0px solid green; margin-top:1px;	text-indent:14px; background: url(/conveyancing/_gfx/tick02.gif) top left no-repeat;} 



#banner  li {list-style:none;  padding-bottom:5px; color:#aaaaaa;  font-size:9px; margin-left:-20px; width:150px;  background-color:#f1f1f1; margin-top:4px; border:0px solid yellow;}


        
.banner_quote {text-align:center; font-weight:bold; width:140px; color:#fff;}    

#get_quote{width:123px; height:21px;  margin-left:10px;  margin-top:10px;
text-indent: 10000px; overflow: hidden;
background: url(/_gfx/quote.gif) top left no-repeat; display: block;} 
#get_quote:hover{background-position: bottom left;}

#email{width:123px; height:21px;  margin-left:10px;  margin-top:10px; margin-bottom:5px;
text-indent: 10000px; overflow: hidden;
background: url(/_gfx/email.gif) top left no-repeat; display: block;} 
#email:hover{background-position: bottom left;} 
   

   
.flowchart {
	clear:both; margin-left:100px; 
	background: url(/conveyancing/_gfx/top_curve.gif) 0 0 no-repeat #bdc9dc;
 	width:266px;  border: 0px solid green;
  	text-align:center;
  	}     
  	
.bottomcurve_flowchart { 
	clear:both;
  	background: url(/conveyancing/_gfx/bott_curve.gif) 0 100% no-repeat;
  	margin:0; padding: 1.7em; 
  	border: 0px solid blue;  text-align:center;
  	}  
    	
.top {margin-left:220px;}   	
    	
.flow_arrow{
	clear:both; 
	padding-top:3px; margin:6px 0 6px 180px;
	width:101px; text-align:center; border:0px solid green;
	}  
              
              
                   
/*****QUOTE****/  

.quote 
	{
	float:left;
	margin-left: 20px; 
	border: 0px solid #ddd;
 	background: url(/conveyancing/_gfx/quote01.gif) no-repeat;
 	padding-top: 22px;
  	width: 420px; color: #718cb4;
	}    

.quote_right 
	{
	background: url(/conveyancing/_gfx/quote02.gif) no-repeat 100% 100%; 
	text-align:right; 
	font-style: italic;
	margin-top:-10px;  
	height:29px;
	}     
	
 .quote p {
 	padding: 0 54px; margin-bottom:0px; 
 	margin-left:1px; margin-top:-10px; 
 	line-height:19px;
 	}	   
	
	
	
	
	
.quote02{
	float:left;  
	margin-left:1px; margin-bottom:1px; margin-top:10px;
	border:0px solid #ddd;
 	background: url(/conveyancing/_gfx/quote_sm01.gif) no-repeat;
 	padding-top: 22px; width: 610px; color: #718cb4;
	}    

.quote_right02 
	{
	background: url(/conveyancing/_gfx/quote_sm02.gif) no-repeat 100% 100%; 
	text-align:right; 
	font-style: italic;
	margin-top:-10px;  
	height:29px;
	} 
	
.quote02 p {
	padding:0 1px; margin-bottom:0px; 
	margin-left:30px; margin-top:-20px; 
	line-height:18px; text-align:right; 
	padding-right:35px; text-align:justify;
	}   
	
	


 	
	
	
	     
	
 	
           
/*****PEOPLE***/        
.people {
	float:left; margin:0px 25px 0px 0; border:0px solid red; 
	padding:8px 10px 0 0px; 
	} 
     
	
.pic_border {
	float:left; width:100px; margin:0px;
	border:0px solid #d5dde9; padding-left:12px;
	padding-top:10px; border-top:1px solid #d5dde9; float:left; 
	border-bottom:1px solid #d5dde9; padding-bottom:0px; 
	margin-top:6px; height:120px;
	} 
      
      
       
/****PHOTOS**/        
.spot {
	float:right;margin:15px 0px 15px 15px;
	}   
	
.spot_left {
	float:left;margin:0 20px 10px 0;
	}
	
.focus {
	float:right;
	}
	
.pic_intro {
	float:left; border:0px solid #ddd;
	}    
  

/****************MY**********************************************************************************************/

  


/*-----------TABS---------*/


#tabtopper {margin:0px 170px 0 0; padding:0; height:1px; }

/*background-image:url(/_gfx/tab_off2.gif);background-color:red;
background-repeat: no-repeat;
background-position:top right;*/



#tabtopper div 
{width:10px;padding:0;margin:0;}

/*background-image:url(/_gfx/tab_off1.gif); background-color:blue;background-repeat: no-repeat;*/


#tablinks li.line{border-bottom:1px solid #718cb4; width:90px; margin-top:24px; height:3px; background-image:none;}
   


#tablinks {padding:0;
padding: 0 0 0 0px;
margin:0 170px 0 0;
list-style:none;



background-color:green;
}

#tablinks li {
float:left; 
text-align:center;
white-space: nowrap;
margin-right:0px;  
border-top:2px solid white;
line-height:170%;
background-image:url(/_gfx/tab_off1.gif);
background-repeat: no-repeat;
border-bottom:1px none #718cb4;
padding:0;
}
   



#tablinks li a {
display:block;text-decoration:none;
font-size:0.9em; color:#718cb4; font-weight:bold;
background-image:url(/_gfx/tab_off2.gif);
background-repeat: no-repeat;
background-position:top right;
margin-left:14px;
margin-bottom:0px;  
padding:3px 17px 9px 0;
}

#tablinks li a:hover {text-decoration:underline;color:#000;}

#tablinks li.tablink_selected {
border-bottom:0px solid #d5dde9;
background-image:url(/_gfx/tab_on1.gif);
background-repeat: no-repeat;
background-color:#fff;
}

#tablinks li.tablink_selected a {color:rgb(113,140,180);
background-image:url(/_gfx/tab_on2.gif);
background-repeat: no-repeat;
background-position:top right; 


}

#tablinks li.tablink_selected a:hover {color:rgb(181,34,39);}

/*-----------TABS---------*/

#Subtablinks {
clear:both;
color:#718cb4;
background-color:#fff; 
margin:0 163px 2em 0;
padding-top:1px; padding-bottom:5px;
border-bottom:1px solid #718cb4;
}


#Subtablinks a {color:#718cb4; margin-bottom:5px;}
#Subtablinks a.plink_selected {color:#000;}
#Subtablinks a.plink_selected:hover {text-decoration:none;}

/*-----------END NAVIGATION---------*/   
















ul.sidebox_convey {
  list-style-type: none;
  padding: 0;
  margin: 0; border:0px solid red;

}
.sidebox_convey A:link { font-weight:bold;
  color: #718cb4;
  text-decoration: none;
}
.sidebox_convey A:hover {
  color: #fff;
  text-decoration: underline;
}
.sidebox_convey A:visited {font-weight:bold;
  color: #718cb4;
}
.sidebox_convey A:active {
  color: #fff;
  text-decoration: none;
}