/*
---------------------------------------
LAYOUT
Cascading Style Sheet 		
Version: 1.0				
website: Griffin Estates
---------------------------------------
*/

@import url('/css/typography.css');


/*Normalises margin and padding*/
body, div, dl, dt, dd, ul, ol, li, 
h3, h4, h5, h6, pre, 
form, fieldset, input, blockquote, 
th, td 
{
	margin: 0;
	padding: 0;
}

a{
	color: #09357A;
	background-color: transparent;
}

/*Normalises font sizes for headers*/
h4, h5, h6{
	font-size: 100%;
}

/*Removes list-styles from lists*/
ol, ul{
	list-style: none;
}

/*Normalises font-style and font-weight to normal*/
address, caption, cite, code, dfn, em, th, var{
	font-style: normal;
	font-weight: normal;
}

/*Removes cellspacing and cellpadding from tables*/
table{
	border-collapse: collapse;
	border-spacing: 0;
}

/*Removes border from fieldset and img*/
fieldset, img{
	border: 0;
}

/*Left aligns test in caption and th*/
caption, th{
	text-align: left;
}

/*Removes quotation marks from g*/
q:before, q:after{
	content: '';
}

/*Use html and body to center the design instead of a wrapper div*/
html {
text-align:center
}

body{
	width: 760px;
	margin: 0 auto;
	text-align: left;
}

h1{
	font-weight:bold;
}

#wrapper { 
 margin: 0 auto;
 width: 760px;

}
#header {
 color: #333;
 width: 760px;
 float: left;
}

#header img{
	margin: 10px 0 10px 0;
	float: right;
}

img.headimage{
	margin: 10px 0  0 12px;
}

img.manage-properties{
	vertical-align: middle;
}

#linkbar {
	width: 760px;
	float: left;
	border-bottom: 1px solid #8C8C8F;
}

#linkbar ul,
#linkbar ol{
	margin: 0 0 4px 0;
}

#linkbar ul li,
#linkbar ol li{
	display: inline;
	border-left: 2px solid #09357A;
	padding: 0 8px 0 8px;
}

#linkbar ul li.first,
#linkbar ol li.first{
	padding-left: 0;
	border-left: none;
}

#leftcolumn { 
 color: #333;
 height: 350px;
 width: 160px;
 float: left;
}

#leftcolumn #searchbox{
	background-color: #8C8C8F;
	width: 160px;
	padding-top: 5px;
	margin-top: 10px;
}


#leftcolumn #searchbox label{
	display: block;
	color: #fff;
	font-weight: bold;
	margin: 0 0 3px 5px;
	width: 150px;
	text-align: left;
}

#leftcolumn #searchbox select{
	margin: 0 0 5px 5px;
	width: 150px;
	background-color: #DFDFDF;
	border: 2px solid #DFDFDF;
	padding: 0;
}

div#searchbox ol li{
	margin: 0 0 0 20px;
	padding: 0!important;
}

div#searchbox ol li a{
	margin: 0 0 0 -7px;
}

#leftcolumn #searchbox input.subbut{
	background: #DFDFDF;
	border: 1px solid #DFDFDF;
	font-size: 1em;
	font-weight: bold;
	color: #8c8c8f;
	padding: 1px 5px 1px 5px;
	margin: 5px 0 0 5px;
}

form fieldset input.subbut{
	width: 100px!important;
	border: 1px solid #ccc!important;
	margin: 3px 0 0 100px!important;
}



input.subbut2{
	margin: 3px 0 0 145px;
	width: 100px;
}

input.subbut3{
	width: 100px;
	border: 1px solid #ccc;
	margin: 4px 0 0 157px;
}

input.subbut4{
	width: 100px;
	border: 1px solid #ccc;
	margin: 4px 0 0 108px;
}

input.subbut5{
	width: 100px!important;
	border: 1px solid #ccc!important;
	margin: 3px 0 0 95px;
}


#admin_rightcolumn #texthold{
	width: 600px;
	margin-top: 10px;
}

#admin_rightcolumn { 
 float: right;
 color: #333;
 width: 600px;

}

#admin_rightcolumn fieldset{
	width:555px;
}


#rightcolumn { 
 float: right;
 color: #333;
 width: 598px;


}

#rightcolumn #texthold{
	width: 410px;
	margin-top: 10px;
}

#rightcolumn #texthold ul li,
#rightcolumn #texthold ol li{
	list-style-type: disc;
	margin: 0 0 0 20px;
}

#rightcolumn #portalhold{
	width: 150px;
	float: right;
}

#rightcolumn #portalhold .portalbox{
 	border: 1px solid #8c8c8f;
	margin-top: 10px;
	
}

.portalbox a {
	text-decoration: none!important;
}

#footer{
	border-top: 1px solid #C4C4C4;
	margin-left: 10px;
	margin-right: 10px;

}

/******************************* Listing Styles ***********************************/

.listing{
	margin-left: 10px;
	border-top: 2px dotted #A1A1A1;
	padding-top: 10px;
}

.listing .listingleft{
	width: 200px;
	float: left;
}
.listing .listingright{
	width: 386px;
	float: left;
}

.listingright .listingtitle {
	padding: 0 10px 0 0!important;
}

/****************************** Property Detail Styles *************************************/
div.propertydetails{
	margin: 0 0 0 10px;
}

div#options{
	margin: 0 0 0 10px;
}


div#instruction_col label {
/*  float:left;*/
  width:65%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:left!important;
  font-weight:normal;
  }
  
  div#instruction_col label#OtherComments{
  	font-weight:bold!important;
  }

/****************************** Generic Form Styles *************************************/

form{
	margin:10px 0 0 0;
}

form p {
	padding: 0!important;
	margin: 0!important;
}

fieldset {
  padding: 1em;
 /* font:80% sans-serif;*/
  }
label {
  float:left;
  width:25%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  font-weight:bold;
  }
  
 input {
 	margin: 3px 0 3px 0;
	width: 185px;
	border: 1px solid #ccc;
	padding: 3px;
 }
 
 input#visible,
 input.visible{
 	width: 15px!important;
	border: none;
 }
 
 textarea{
 	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 185px;
	border: 1px solid #ccc;
	padding: 3px;
 }
 
 select{
 	padding: 3px;
 }
 
 input#emailCopy{
 	margin: 0 0 0 -18px;
	width: 50px!important;
 }
 
 input#arrange-view,
 input#further-details,
 input#appraisal{
	border: none;
} 
 input.subbut {
 	width: 100px;
	margin: 5px 0 0 107px;
	border: 1px solid #000;
 }
 
 fieldset{
 	border: 1px solid #a1a1a1!important;
	width: 90%;
	margin: 0 0 0 10px;
 }
 
legend{
 	border: 1px solid #a1a1a1;
	padding: 3px;
 }
 
 
 
/****************************** Email a friend form Styles *************************************/
form#email-friend{
	clear: left;
	margin:0 0 0 30px;
}

 /****************************** Front End Form Styles *************************************/
 form.front-end-form{
	margin: 10px 0 0 10px;
}

form.front-end-form fieldset{
	margin: 10px 0 0 0;
}

form.front-end-form fieldset address{
	clear: both;
}


form.front-end-form fieldset dl{
	margin: 10px 0;
}
form.front-end-form fieldset dl dt, 
form.front-end-form fieldset dl dd{
	display: inline;
}

form.front-end-form fieldset dl dt{
	font-weight: bold;
}

/****************************** Admin Front End Form Styles *************************************/
 
 input#visible{
 	border: none;
 }

form.admin-front-end-form fieldset{
	text-align: left!important;
}

form.admin-front-end-pages fieldset label{
	text-align: left;
	margin: 0;
	padding: 0;
}

form.admin-front-end-pages fieldset textarea{
	width: 70%;
}

input.adminbut{
	width: 100px;
	border: 1px solid #ccc;
	margin: 4px 0 0 138px;
}

textarea.adminselects,
select.adminselects{
	margin: 3px 0 3px 0;
	border: 1px solid #ccc;
	padding: 3px;
	font-size: 11px;
}

textarea.adminselects{
	height: 150px;
}

select.adminselects{
	width: 193px;
}

  /**************************** Detail Page Display ******************************/
 
   h1.price{
 	margin:10px 0 0 10px;
 }
 
 #houseimages{
	margin-left: 10px;
	margin-top: 10px;
	height: 200px;
 }
 
 #houseimages img.main {
 	float:left;
 }
 
 #houseimages div.thumbs img.thumb1 {
		float:left;
		padding: 0 0 28px 15px;
 }
 
  #houseimages div.thumbs img.thumb2 {
		float:left;
		padding: 0 0 28px 15px;
 }
 
   #houseimages div.thumbs img.thumb3 {
		float:left;
		padding: 0 0 0 15px;
 }
 
   #houseimages div.thumbs img.thumb4 {
		float:left;
		padding: 0 0 0 15px;
 }

 
 #rightcolumn #detailbuttonhold{
	width: 115px;
	float: right;
}

 #rightcolumn #detailbuttonhold .button{
 	background-color: #D5D5D5;
	margin: 10px 0 0 0;
	font-weight: bold;
	padding: 3px 0 3px 5px;
	border: 1px solid #C1C1C1;
 }
 
#rightcolumn #detailbuttonhold .button a:link{
	color: #333;
	background-color: #D5D5D5;
	text-decoration: none;
}

#rightcolumn #detailbuttonhold .button a:visited{
	color: #333;
	background-color: #D5D5D5;
	text-decoration: none;
}

#rightcolumn #detailbuttonhold .button a:hover{
	color: #333;
	background-color: #D5D5D5;
	text-decoration: underline;
}

#rightcolumn #detailbuttonhold .button a:active{
	color: #333;
	background-color: #D5D5D5;
	text-decoration: none;
}
 
 #rightcolumn #detailtexthold{
	width: 445px;
	margin-top: 10px;
}

#rightcolumn #detailtexthold span.addressdetail,
span.detail{
	margin: 5px 0 0 10px;
	font-weight:bold;
	display:block;
}

ol.propertyFeatures{
	margin: 10px 0 0 10px;
	font-weight:bold;
}

ol.propertyFeatures li {
	padding: 2px 0;
}

 p.attention,
 a.attention {
 	font-weight: bold;
	color: #333;
 }
 
 .clear{
 	clear:both;
 }
 
 /*--------Property Details styles----------*/
 div.PropertyDetails{
 	width: 410px;
	clear: left;
 }
 
 div.PropertyDetails p.propertyInfo{
 	float:left;
	width: 300px;
 }
 
  div.PropertyDetails .propertyInfo a{
	font-weight: bold;
	color: #333;
  }
  
   div.PropertyDetails p.propertyInfo a:visited{
  		font-weight: bold;
		color: #333;
  }
  
   div.PropertyDetails p.propertyInfo a:hover{
  		font-weight: bold;
		color: #333;
  }
  
   div.PropertyDetails p.propertyInfo a:active{
  		font-weight: bold;
		color: #333;
  }
 
  div.PropertyDetails p.searchImage{
  		float:left;
		width: 75px;
		margin: 22px 0 0 10px;
  }
  
  /*admin styles*/
table.invisible,
table.visible{
	width: 90%!important;
	margin: 10px 0 0 10px!important;
}

table.invisible td,
table.visible td{ 
	padding: 5px 0;
}

table.invisible td a,
table.visible td a{
	font-weight: bold;
	color: #333;
	background-color: transparent;
}

table.invisible td.edit-delete,
table.visible td.edit-delete{
	width: 100px;
}


h2.controlPanel{
	margin: 10px 0 0 10px;
	padding: 0;
}

p.controlPanel{
	margin: 0 0 10px 10px;
	padding: 0;
}

div.portalbox2{
	margin: 10px 0 0 0;
}

div.portalbox2 img{
	margin: 0 0 10px 0;
}