/**
 * My Property Guide Styles
 * URL: www.mypropertyguide.co.uk
 * Chameleon Studios Ltd.
 **/

/* GENERAL */
body		{ margin:0px; padding:0px; background:#FFF; text-align:center; }
body		{ font-family:Arial, Helvetica, sans-serif; font-size:82%; line-height:130%; color:#000; }
input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#000; }
img			{ border:0px; }
form		{ padding:0px; margin:0px; }
.break		{ display:block; clear:both; padding:0px; margin:0px; line-height:1px; font-size:1px; height:7px; }
.navbreak	{ line-height:1px; font-size:1px; height:1px; background-color:#FFF; }
.padding	{ padding:20px; }
h4			{ margin:0px 0px 2px 0px; color:#BE0005; font-size:110% }

/* CENTER CONTAINER DIV's */
#header, #content_container, #footer, #content_container_bottom { width:1000px; margin:0px auto 0px auto; text-align:left; }
#content_container { background-image:url("/images/bg.main.gif"); background-repeat:repeat-y; overflow:hidden; }

/* HEADER */
#header_container	{ padding:5px 0px 15px 0px; background-image:url("/images/bg.header.jpg"); background-repeat:repeat-x; background-position:bottom; background-color:#C80002; margin-bottom:7px; }
#header				{  }
#header h1			{ padding:0px; margin:0px; }
#header h1 a		{ height:51px; width:323px; display:block; background-image:url("/images/logo.gif"); background-repeat:no-repeat; }
#header h1 a span	{ display:none; }
#header h2 			{ color:#FFF; font-weight:bold; font-size:100%; margin:0px; padding:0px; margin-left:48px; }

/* LEFTCOLUMN */
#leftcolumn 	{ float:left; width:175px; }

/* CONTENT AREA */
#maincolumn 				{ float:left; width:650px; }
#maincolumn a				{ color:#C81006; }
#maincolumn a:hover			{ color:#333; }
#maincolumn .left			{ float:left; margin-right:10px; }
#maincolumn .right			{ float:right; margin-left:10px; }
#maincolumn .column			{ float:left; width:39%; }
#content_container_bottom 	{ background-image:url("/images/bg.main_bottom.gif"); background-repeat:repeat-y; height:5px; }
h3							{ margin-top:0px; }
#maincolumn h4				{ color:#000; }
#maincolumn .preview		{ padding:10px; border:1px solid #CCC; background-color:#F5F5F5; overflow:hidden; }
#maincolumn .preview ul		{ margin:10px 0px 0px 15px; list-style-type:none; }
#maincolumn .preview ul li	{ font-weight:bold; padding:2px 0px 2px 15px; background-image:url("/images/email_bullet.gif"); background-position:0px 55%; background-repeat:no-repeat; }
#maincolumn .comment		{ font-size:90%; color:#AAA; }
#breadcrumb					{ color:#999; font-size:90%; margin-bottom:15px; padding-bottom:5px; margin-top:-15px; border-bottom:solid 1px #CCC; }
#breadcrumb a				{ color:#999; text-decoration:underline; }
#services					{ margin-top:0px; }

/* CONTENT AREA FORMS */
#maincolumn .row			{ overflow:hidden; padding:2px 0px; }
#maincolumn .label			{ float:left; width:30%; }
#maincolumn .field			{ float:right; width:68% }
#maincolumn .vsmall			{ width:7%; }
#maincolumn .small			{ width:20%; }
#maincolumn .medium			{ width:50%; }
#maincolumn .large			{ width:95%; }
#maincolumn .form_error		{ color:#900; font-weight:bold; }

/* HOMEPAGE */
div.homepagecolumnspacer	{ width:10px; float:left; }
#homepagecontainer			{ overflow:hidden; }
#homepagecontent			{ margin-top:10px; clear: both; }
div.columnleft				{ width:294px; float:left; }
div.columnright				{ width:306px; float:left; }

/* AREAS */
div.areacolumnleft, div.homepagecolumnleft	{ width:200px; float: left; }
div.areacolumnright, div.homepagecolumnright { width:379px; float: right; background-color: #b5b593; border: 3px solid #eee; text-align: center; display: table-cell; vertical-align: middle; }
div.homepagecolumnright { background-color: #c5c6a1; }
div.boroughcolumnleft		{ width:290px; float: left; }
div.boroughcolumnright 		{ width: 290px; background-color: #fff; border: none; text-align: left; }

/* REGIONS */
#regionimages			{ background-color:#E5E5E5; padding:10px 0px 10px 10px; margin-top:10px; overflow:hidden; }
.regionimagesframe		{ border:solid 3px #666; float:left; margin-right:10px; }

/* LISTINGS TABLE */
.tableheader			{ background-color:#B2B29A; font-weight:bold; color:#FFF; }
.rightbutton			{ position: absolute; margin-left: 3px; }

/* RIGHTCOLUMN */
#rightcolumn 			{ float:right; width:175px; }
#rightcolumn iframe		{ margin-left: -3px; } /* Google adsense */

/* NAVIGATION */
ul.navigation			{ margin:0px; padding:0px; list-style-type:none; font-size:90%; }
ul.navigation li		{ line-height:130%; padding:5px 0px 5px 15px; border-bottom:dotted 1px #707070; background-image:url("/images/bg.navigation.gif"); background-position:0px 10px; background-repeat:no-repeat; }
ul.navigation a			{ color:#707070; text-decoration:none; }
ul.navigation a:hover, ul.navigation a.highlighted { color:#BE0005; }

/* CONTENT AREA NAVIGATION */
ul.region				{ margin:10px 0px 10px 0px; padding:0px; list-style-type:none; }
ul.region li			{ line-height:130%; padding:6px 0px 6px 20px; background-image:url("/images/bg.navigation.gif"); background-position:6px 55%; background-repeat:no-repeat; }
ul.region li.on			{ background-color:#EAEAD2; }
ul.region a				{ color:#BE0005; text-decoration:none; font-weight:bold; }
ul.region a:hover, ul.region a.highlighted { color:#000; }

/* FOOTER */
#footer 	{ color:#FFF; font-size:90%; }
#footer a	{ text-decoration:underline; color:#FFF; }
#links		{ float:right; width:380px; text-align:right }
ul.footerlinks { margin-bottom: 10px; clear: both;}
ul.footerlinks li { list-style: none; float: left; }

/* ROUNDED CORNERS */
.grey_bl	{ background:url("") 0 100% no-repeat; } 
.grey_br	{ background:url("") 100% 100% no-repeat; } 
.grey_tl	{ background:url("/images/corners/corner_grey_tl.gif") 0 0 no-repeat; } 
.grey_tr	{ background:url("/images/corners/corner_grey_tr.gif") 100% 0 no-repeat; padding:10px; }
.red_bl		{ background:url("/images/corners/corner_red_bl.gif") 0 100% no-repeat #B80000; } 
.red_br		{ background:url("/images/corners/corner_red_br.gif") 100% 100% no-repeat; } 
.red_tl		{ background:url("/images/corners/corner_red_tl.gif") 0 0 no-repeat; } 
.red_tr		{ background:url("/images/corners/corner_red_tr.gif") 100% 0 no-repeat; padding:10px; }

/* QUIZ PAGE */
h2.quiz { color: rgb(153, 0, 0); text-shadow: 1px 1px 2px #ccc; margin-top: 20px; }
#quiz_holder { margin: 0 100px; }
#badge_holder { width: 250px; margin: 0px auto; text-align: center; }

/* GENERIC 'NORMAL' FORMS */
form.normal { color: #333; width: 725px; margin: 0px auto 20px auto; text-align: center; }
html>body form.normal { text-align: left; }
form.normal label, form.normal input, form.normal textarea, form.normal select { width: 18em; float: left; margin-bottom: 0.5em; display: block; text-align: left; }
form.normal label, form.normal div.fakelabel { width: 12em; padding: 0px 10px 0px 5px; text-align: right; }
form.normal label.submitlabel { width: 1em; }
form.normal input.button, form.normal select, form.normal label.normal, form.normal input.normal, form.normal textarea.normal { width: auto; }
form.normal input.button { margin-top: 10px; }
form.normal textarea { height: 7em; }
form.normal input.radio { float: left;  margin-bottom: 1em; display: block; margin-bottom: -3px; margin-left: 2em; padding-right: 1em; text-align: right; width: 1em; }
form.normal label.radiolabel { text-align: left; padding-left: 1em; width: 30em; }
form.normal br { clear: left; }
form.normal fieldset { border: 1px solid rgb(204, 204, 204); padding: 12px 24px; }
form.normal legend { font-family: Georgia, Trebuchet, serif; font-size: 13px; font-weight: bold; padding: 0px 0.5em 0.2em 0.5em; color: rgb(153, 0, 0); }
form.normal div.question { margin-bottom: 10px; }

form.partywall { width: 600px; }
form.partywall fieldset { margin-bottom: 20px; }

#ui-datepicker-div {
	background-color: #fff;
	border: 1px solid #C80002;
	padding: 5px;
	display: none;
}

#ui-datepicker-div a {
	color: #BE0005;
}


div.ui-datepicker-header a {
	font-size: 1em;
}

div.ui-datepicker-header a {
	font-size: 1em;
}

div.ui-datepicker-header a:hover {
	cursor: pointer;
}

a.ui-datepicker-prev {
	float: left;
}

a.ui-datepicker-next {
	float: right;
}

td.ui-datepicker-today {
	background-color: #eee;
}

p.error {
	color: red;
}

p.formerror {
	float: left;
	font-size: 1em;
	text-align: left;
	font-style: italic;
	color: red;
	margin: 0 0 10px 0;
	padding: 0 0 0 1em;
	line-height: 1;
	border-bottom: none;
	width: 8em;
}

.labelHighlight {
	color: #ccc;
}

div.answer {
	width: 35em;
	background-color: #eee;
	border: 1px solid #ddd;
	margin-bottom: 1em;
	padding: 0 0.5em;
}

div.answer h4 {
	color: #990000 !important;
	font-family: Georgia,Trebuchet,serif;
	font-size: 13px;
	font-weight: bold;
	padding-top: 0.5em;
}