﻿/*
   styles.css 
   
   		styling for modern web browsers, see ie.css for specific browser fixes
   
*/

/* ======================================================================

Hex Guide
	page background	:	#191919
	body background	:	#191919
	base text color	:	#fafafa
	
=======================================================================*/


/*
simple reset
------------------------------------*/
html, body, div, #wrapper
{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
html{background:#191919 url(../graphics/page_bg.jpg);}
body {
	/*font-family:"Lucida Grande",  "Lucida Sans Unicode", Verdana,  Arial,  Helvetica,  sans-serif;*/
	font-family:Arial,Helvetica,sans-serif;
	font-size:62.5%;
	line-height:1.75;
	background: url(../graphics/crest_back.jpg) right top no-repeat;
}

/*
Page Setup
------------------------------------*/

#skiptocontent {
	display:none;
}

.hidden
{
	visibility:hidden;
	display:none;
}

.clear {clear: both}

#wrapper {
	clear:both;
	font-size:100%;
	color: #fafafa;
	width:100%;
	min-height: 500px;
	margin:0 auto;
	text-align: left;
}

.fright {
	float: right;
	margin-right:6px;
}

/*
Basic Links
------------------------------------*/

a img {border:none;}
a, a:link, a:visited {
	text-decoration: none;
	color: #ffc20f;
}
a:hover {
	color: #ffc20f;
	text-decoration: underline;
}



/* ======================================================================

Header Section

=======================================================================*/

/*
Header
------------------------------------*/

#header {
	width:800px;
	margin: 0 auto;
	height:102px;
	position:relative;
}

/*
logo 
------------------------------------*/
.logo {
	float: left;
}

/*
Top Right navigation
------------------------------------*/
#nav_tr {
	float:right;
	width:510px;
}
	#nav_tr ul {
		list-style-type: none;
		margin:8px 0 0 0;
		padding:0;
		float:left;
		line-height:normal;
		overflow:hidden;
	}
		#nav_tr li {
			float:left;
			padding:0px 6px;
			display:inline;
		}
		
		#nav_tr li a, #nav_tr li a:link, #nav_tr li a:visited, #nav_tr li a:hover, #nav_tr li a:active{
			color:#fafafa;
			display:inline;
			float:left;
			padding:0;
			margin:0;
		}
		#nav_tr li span{
			color:#898989;
		}
	
	#nav_tr fieldset {
		border:none;
		width:173px;
		margin:0px;
		padding-right:0px;
		margin-top:5px;
		float:right;
	}
		#nav_tr fieldset input {
			width:130px !important;
			font-size: 90%;
			background: #fafafa;
			border:none;
			padding:3px 4px 3px 3px;
			margin:1px 5px 0 0;
			float:left;
		}
		#nav_tr fieldset .submitbutton {
			color:#fafafa;
			padding:3px;
			margin:1px 0 0 0;
			border:0px;
			width:auto !important;
			background:transparent url(../graphics/button_back.jpg) repeat-x top;
			cursor:pointer;
			float:left;
			text-transform:uppercase;
		}
		#nav_tr fieldset .submitbutton:hover {
			color: #ffc20f;
			background:transparent url(../graphics/button_back.jpg) repeat-x bottom;
		}
		
		


	
/*
Breadcrumbs
------------------------------------*/
#breadcrumbs{
	float:left;
	margin:0px 0 0 18px;
	padding:0;
	position:absolute;
	top:52px;
	left:140px;
}
#breadcrumbs ul{
	list-style-type: none;
	margin:0px;
	padding:0px;
}

	#breadcrumbs li {
		float:left;
		padding-left:6px;
		color:#898989;
	}
	#breadcrumbs li a, #breadcrumbs li a:link, #breadcrumbs li a:visited {
		color:#fafafa;
		font-size:90%;
	}
	
/*
Blackadders menu - - - - */
#nav_mainsections{
	top:79px !important;
	font-size:110%;
}

/* ======================================================================

Footer Section

=======================================================================*/
#footer {
	width:800px;
	margin: 0 auto;
	clear: both;
	background: #191919 url(../graphics/page_bg.jpg) repeat scroll 0 0;
	overflow:hidden;
}
	#footer p {
		float:left;
	}
	#footer ul {
		float: right;
		margin:0;
		padding:0px;
		list-style-type: none;
	}
		#footer ul li {
			float: left;
			padding-left:9px;
		}
		#footer ul li a, #footer ul li a:link, #footer ul li a:visited {
			color:#fafafa;
		}
		
	#footer strong {
		color: #ffc20f
	}
	

/* ======================================================================

Property Specific Styles

=======================================================================*/

/*
the bits still on black
------------------------------------*/
.sub_header {
	width:800px;
	margin:0 auto;
}
	.sub_header h1 span {
		color:#fafafa;
		font-size: 70%;
		padding-left: 15px
	}
	.sub_header a {
		position:absolute;
		width:800px;
		text-align: right;
		margin-top:10px;
	}

/*
Pagination
------------------------------------*/
.paging {
	width:100%;
}
	.paging span {
		float:left;
		width:35%;
		color: #222328;
	}
	.paging ul {
		padding:0px;
		margin:0px;
		list-style-type: none;
		float:right;	
	}
	.paging ul li {
		float: left;
		margin:3px;
	}
	.paging ul li a, .paging ul li a:link, .paging ul li a:visited {
		display: block;
		width:15px;
		background: #383838;
		text-align: center;
	}
	.paging ul li a:hover {
		background: #ffc20f;
		color:#383838;
		text-decoration: none;
	}
	.paging ul li .cntrl, .paging ul li .cntrl:link, .paging ul li .cntrl:visited {
		width:auto;
		background: none;
		color:#222328;
		padding:0px 3px;
	}
	.paging ul li .cntrl:hover {
		background: #ffc20f;
		color:#383838;
	}
	
	.paging ul .active span{
		display: block;
		width:15px;
		background: #ffc20f;
		color:#383838;
		text-align: center;
	}

#prop_wrap {
	width:100%;
	background: url(../graphics/prop_back.jpg);
}
#prop_inner {
	width:100%;
	background:url(../graphics/prop_inner.jpg) center repeat-y;
}
#main_content {
	width:800px;
	margin:0 auto;
	min-height: 300px;
	color:#383838;
	padding-bottom: 20px;
	padding-top:10px;
	overflow:hidden;
}


	h1 {
		font-weight: lighter;
		margin:0px 0px 6px 0px;
		font-size:160%;
		width:100%;
		clear:both;
		color:#ffc20f;
		display: block;
		border-bottom: 1px solid #c6c6c8;
	}
	
	h2 {
		line-height: 1.5em;
		margin:6px 0px;
		font-size:120%;
		width:100%;
		clear:both;
		font-weight: lighter;
	}
	
	.twocol {
		float:left;
		width:310px;
		padding:0px 10px 0px 0px;
	}
	p {
		font-size: 100%;
	}
	.ClosingDate {
		color:Red;
	}

/*
Results
------------------------------------*/
.property_results {
	width:100%;
	clear: both;
	margin-top:15px;
	background: #f4f4f4;
}

	.view {
		background: #fff;
	}
	.property_results div {
		clear:both;
	}
	.property_results .topBar {
		width:100%;
		background: #ffc20f;
	}
	.property_results .topBar h2 {
		float:left;
		text-align: left;
		margin:0px;
		width:40%;
		background: #ffc20f;
		font-weight: bold;
		text-indent: 10px;
		border-bottom: 1px solid #fff;
	}
	.property_results .topBar h2.fright {
		clear: none;
		text-align: right;
		margin:0px;
		padding:0 1% 0 0;
		width:449px;
	}
	.property_results h3 {
	padding-top:24px;
		color: #383838;
		border:none;
		padding-left:10px;
	}
	.property_results p{
		font-size:120%;
		width:540px;
		padding-left:10px;
		.padding-left:0px;
		float:left;
		text-align:justify;
	}
	.property_results img {
		border:1px solid #56575c;
		float:right;
		margin:10px;
	}
	#image_holder img{
		float:none;
	}
	.view h3 {
	padding-top:0px;
	}
/*
view menu
------------------------------------*/
.topBar ul {
	padding:0px;
	margin:0px;
	list-style-type: none;
	background: #ffc20f;
	display: block;
	padding:20px 0px;
}
	.topBar ul li {
		float: left;
		padding-right:15px;
		padding-top: 5px;
		margin-left: 10px;
		border-right: 1px solid #fff;
	}
	.topBar ul li a, .topBar ul li a:link, .topBar ul li a:visited {
		color: #383838;
		font-size: 110%;
	}
	.topBar ul li img {
		border:none;
		float: left;
		margin:0px 3px;
	}


/*
Gridview
------------------------------------*/
.AspNet-GridView .PropertyList, .style9 {
	border-top:1px solid #d2d2d2;
	border-right:1px solid #d2d2d2;
	text-align: left;
	width:98% !important;
	margin-left:1%;
}
.AspNet-GridView-Pagination, .AspNet-GridView-Bottom {
	
	text-align: right;
	border:0px solid #d2d2d2 !important;
	border-top:2px solid #d2d2d2 !important;
	border-bottom:1px solid #d2d2d2 !important;
	color: #303030;
	background: #E9E9E9;
	width:98% !important;
	margin-left:1%;
	
}
.AspNet-GridView-Pagination span, .AspNet-GridView-Bottom span {
	padding:0px 5px;
}

.AspNet-GridView tr:hover td, .PropertyList tr:hover td, .AspNet-GridView th:hover, .PropertyList th:hover {
	background: #ffc20f;
	color: #000;
	border-left:1px solid #989898;
}
.AspNet-GridView td, .style9 td, .AspNet-GridView th, .style9 th, .PropertyList td, .PropertyList th {
	
	border-left:1px solid #d2d2d2;
	border-bottom:1px solid #d2d2d2;
	padding:5px 10px;
	background: #fff;
	
}
.AspNet-GridView tr, .PropertyList tr{

	border-left:1px solid #d2d2d2;
	border-bottom:1px solid #d2d2d2;
}
.AspNet-GridView th, .PropertyList th, .style9 th {
	background: #e9e9e9;
	border-bottom:1px solid #d2d2d2;
}
.PropertyList a, .PropertyList a:link, .PropertyList a:visited{
	font-weight: bold;
	color: #303030;
}
.horiz {
	margin-top:24px;
	width:100%;
}
.horiz th {
	min-width: 73px;
}
.horiz td {
	border:none;
}
.moreinfo, .moreinfo:link, .moreinfo:visited {
	display: block;
	width:187px;
	height: 31px;
	color: #383838;
	font-size: 130%;
	text-align: center;
	background: url(../graphics/bigbutton.jpg) no-repeat;
	float: right;
	padding-top:3px;
	margin-right: 10px;
	margin-top:15px;
}
.nofloat
{
	float:none !important;
}
.full table{
	width:100%;
	border-left:1px solid #d2d2d2
}
.PropertyList 
{
	width:100%;
}

.nohover td:hover{
	background: #fff !important;
	border-left:inherit !important;
	color:inherit !important;
}
.nohover tr:hover td{
	background: #fff !important;
	border-left:inherit !important;
	color:inherit !important;
}.nohover tr:hover th{
	background: #e9e9e9 !important;
	border-left:inherit !important;
	color:inherit !important;
}

/*
Property Gallery
------------------------------------*/
#property_gallery {
	width:100%;
	margin-top:15px;
	margin-bottom:20px;
}
#property_gallery .thumbs {
	width:335px;
	float:left;
	background: #e9e9e9;
	padding-bottom: 10px;
}
#property_gallery .thumbs h3 {
	display: block;
	background: #ffc20f;
	margin:0px;
	border-bottom: 1px solid #fff;
}
#property_gallery .thumbs img {
	float:none;
	margin:0 auto;
	/*float:none;
	margin:3px;
	border:2px solid #fff;*/
}
#property_gallery .thumbs ul {
	list-style-type: none;
	padding-left:0px;
}
#property_gallery .thumbs ul li {
	float:left;
	height:68px;
	width:101px;
	overflow:hidden;
	border:1px solid #000;
	margin:3px;
	background:#fff;
	text-align:center;
	display:inline;
}
#property_gallery div {
	clear: none;
}
#property_gallery #image_holder {
	float:right;
	text-align: center;
	background: #e9e9e9;
	width:455px;
}
#property_gallery a{
	outline: none;
}
#property_gallery .thumbs li.active {
	border-color:#ffc20f;
}

.details {
	margin-top:15px;
	text-align:justify;
}
.details a{
	background: #FFC20F;
	color: #383838;
	padding: 5px;
	font-weight: bold;
	}
	.details h2 {
		display:block;
		background: #ffc20f;
		text-indent: 10px;
		padding:2px 0px;
	}
	.details p {
		width:100%;
	}
	



label
{
	float:left;
	width:30%;
	text-align:right;
	clear:both;
}
.required
{
	font-weight:bold;
	clear:both;
}
input, select, textarea, select, .likeaninput
{
	width:40% !important;
	margin-left:10px;
	margin-bottom:10px;
	float:left;
}
.inputshort
{
	width:30% !important;
}
.buttonshort
{
	width:9% !important;
	margin-left:10px;
	margin-bottom:10px;
	float:left;
}






.likeaninput
{
	display:block;
	min-height: 18px;
}
.pickerWrapper_Default
{
	float:left;
	width:50% !important;
	margin-left:10px;
	margin-bottom:5px;
}
.pickerWrapper_Default table td{
	width:auto;
}
.pickerWrapper_Default table
{
	width:100% !important;	
}
.inputCell
{
	margin-left:0px;
	width:250px !important;
}
.inputCell span input
{
	width:100% !important;
	margin-left:0px !important;
}
.errorMessage 
{
	width:40% !important;
	margin-left:10px;
	margin-bottom:5px;
	float:left;
	clear: both;
	display: block;
	padding-left:30%;
}

.subBut
{
	width:auto !important;
}

h2
{
	background:#FFC20F none repeat scroll 0 0;
border-bottom:1px solid #FFFFFF;
float:left;
font-weight:bold;
margin:0;
text-align:left;
text-indent:10px;
width:100%;
color:#303030;
}

.style9 
{
	
}

.newTableLayout
{
	background:#E9E9E9 ;
	font-size:110%;
	border-top:1px solid #d2d2d2;
	text-align: center;
	width:100%;
	color:#303030;

}


.newTableLayout a, .newTableLayout a:link, .newTableLayout a:visited
{
	color:#303030 !important;
	font-weight:bold;
	display:block;
}
.newTableLayout a:hover
{
	color:#FFC20F !important;
}
.newTableLayout td
{
	border-right:1px solid #d2d2d2;
	border-bottom:1px solid #d2d2d2;
	padding:5px 15px;
}
.newTableLayout td:hover
{
	background:#808080 ;
}
.newTableLayout td a
{
	padding:0 !important;
}



.newTopTable
{
	width:100%;
	background:#F4F4F4 ;
}
.newTopTable td{
	padding:0px 10px;
}
#main_content table
{
	width:100%;
}

/*
Login Form
------------------------------------*/
.boxy {
	background: #F4F4F4;
	padding:10px 0px;
	float: left;
	width: 100%;
}
.linkButtons{
	list-style-type: none;
	margin:0;
	padding: 0px;
	float:left;
}
.boxy .linkButtons{
	margin:0 0 0 245px;
}
.Success .linkButtons, .topButton .linkButtons{
	margin:0 0 0 10px;
}
.linkButtons li{
	float:left;
	padding:0px 5px;
}

.linkButtons li a, .linkButtons li a:link, .linkButtons li a:hover{
	background: #E9E9E9;
	padding:2px 10px;
	color: #303030;
	border: 1px solid #c4c4c4
}
.linkButtons li a:hover{
	text-decoration: none;
	background: #FFC20F;
	 
}
h3{
	margin-bottom:.5em;
	margin-left: 10px;
}
p{
	margin-top:0px;
	margin-bottom:.5em;
	margin-left: 10px;
}

* {
	outline: none;	
}

.topButton{
	margin:10px 0px 0px;
	float:left;
	width:100%;
}
.topButton .linkButtons li{
	padding-left:0px !important;
}

.AspNet-DataList a:link, .AspNet-DataList a:visited{
	display: block;
	color: #303030 !important;
	padding: 5px 0px 5px 10px;
	margin:5px 0px;
	width:100%;
}
.AspNet-DataList, .AspNet-DataList table{
	width:150px !important;
	background:  #E9E9E9;
	
}
.AspNet-DataList a:hover{
	border-left:5px solid #FFC20F;
	background:  #f4f4f4;
	text-decoration: none;
	padding-left:5px;
}

.wizzy{
	margin-top:10px;
}

.imgDataList .AspNet-DataList, .imgDataList .AspNet-DataList table{
	width:auto !important;
	background:  none;
	
}
.imgDataList .AspNet-DataList{
	border:1px solid #d0d0d0;
	border-left:0px solid #d0d0d0;
	border-right:0px solid #d0d0d0;
	width:100% !important;
	background: #e9e9e9;
	margin:10px 0px;
	padding:10px 0px;
}
.imgDataList td{
width:200px;
}
.imgDataList .linkButtons{
	margin-left:0px;
}
.imgDataList .topButton{
	margin-top:0px;
}
.imgDataList .linkButtons a, .imgDataList .linkButtons a:link, .imgDataList .linkButtons a:visited{
	display: inherit !important;
	width: auto !important;
}
.imgDataList .imgTitle{
	display: block;
	width: 100%;
	height: 15px;
}
.imgDataList .imgHolder{
	border:1px solid #d0d0d0;
	background:  #f4f4f4;
	float:left;
	margin:6px 12px;
	padding:10px;
	vertical-align:top;
	width:150px;
}
.imgDataList .imgHolder:hover{
	border: 1px solid #808080
}

.likeaninput label{
	clear:none;
	width: auto !important;
	text-align: left;
}
.wideForm .likeaninput label{
	padding-left:0px;
	margin-right: 10px;
}
.likeaninput input{
	width: auto !important;
	margin-left:0;
}
.wideForm{
	padding-left:10px;
	width:100%;
}
.wideForm h3{
	clear:both;
}
.wideForm p{
	width:80%;
}
.wideForm label{
	width:40%;
	padding-left:10px;
}
.wideForm .errorMessage{
	padding-left:40%;
}
.shortLabel{
	/* width:36% !important; */
}
.widerForm {
	margin:0 0 0 320px !important;
}
.hide{display: none;}

.lineBreak{
	clear: both;
	width:83%;
	height: 2px;
	border-top: 1px solid #e9e9e9;	
	margin:10px 0px 10px 10px;
	float:left
}

.cbx input{
	width:auto !important;
	float:none;
}
.cbx{float:left}


/*
RadChart
------------------------------------*/
.RadChart{
	width:98% !important;
	margin-left: 1%;
	text-align: center;
	margin-top:10px;
}
/*      splitSelect      */
.splitSelect{
	width:40% !important;
	float:left;
}
.splitSelect select{
	width:137px !important;
	margin:0px !important;
}
.splitSelect input{
	width:38px !important;
	margin: 0px !important;
}
iframe body{
	background: none;
}

/* ======================================================================

footer section bit

=======================================================================*/
.PropertyPager{
	height: 30px;
}
.PropertyPager input, .PropertyPager select{
	width:auto !important;
}
.PropertyPager select, .PropertyPager span{
	float: left;
	font-size:120%;
}
.pagerButtons
{
	font-size:120%;
	float: right;
	clear: none !important;
}
.pagerButtons, .pagerGoToPage{
	margin:2px 10px;
}


.propertyAdditionalText
{
    clear:none !important;
    float:right;
    font-weight:bold;
    background: #cc0000;
    color: #FFFFFF;
    padding: 5px;
    
}


.propertyListButton
{
    width: 50% !important;
}
