/* ========== Basic main body layout ============ */
/*
css colors for site areas (bit mixed up, stuck it and see :S )
.group			#CFCFCF 
.housing-association	#009999 
.gowrie-care				#663366 
.enterprises	#0099cb 
.properties		#97233f 
.trust				#002574
.northern-housing	#AB0535

Strong Main colours
.group 			color: #000000 
.housing-association	color: #009E9C
.gowrie-care 			color: #863A82
.enterprises 	color: #0097D3
.properties 	color: #902A41
.trust 			color: #002574
.northern-housing	#AB0535

.group 			background: #CFCFCF 
.housing-association 	background: #6AC6C5
.gowrie-care 			background: #B78AB5
.enterprises 	background: #66C1E5
.properties 	background: #C7949F
.trust 			background: #FFE680
*/

html, body
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 85%;
}

body { background-color: #ddd; }

* { padding: 0; margin: 0; }
img { border: none; }
.right { float: right; }
.left { float: left; }
a { text-decoration: none; margin: 0; padding: 0; }
a:hover { text-decoration: underline; margin: 0; padding: 0; }
.padleft { margin: 0.3em 1em 0 1em; }
.padright { margin: 0.3em 1em 1em 0; }
.clear { clear: both; }

/* icons used in various places */
.pdf { background: #fff url(/templates/common/images/icons/pdf.gif) no-repeat center left; padding-left: 16px; }
.doc { background: #fff url(/templates/common/images/icons/doc.gif) no-repeat center left; padding-left: 16px; }
.xls { background: #fff url(/templates/common/images/icons/xls.gif) no-repeat center left; padding-left: 16px; }

#wrapper
{
	text-align: left;
	width: 900px;
	min-height: 500px;
	margin: 20px auto;
}

/* ====== tabs ============*/
#tabs
{
	width: 900px;
	background-color: transparent;
	min-height: 25px;
}

#tabs ul { float: right; list-style: none; padding: 0; margin: 0 -2px 0 0; }
#tabs ul li { float: left; }
#tabs ul li a { float: left; display: block; background: no-repeat 0 4px; text-decoration: none; height: 25px; }
#tabs ul li a:hover,#tabs ul li.selected a { background-position: 0 0; } 
#tabs ul li.grouptab a { background-image: url(../images/tabs/hillcrest-group.gif); width: 144px; }
#tabs ul li.housing-associationtab a { background-image: url(../images/tabs/housing-association.gif); width: 165px;  }
#tabs ul li.gowrie-caretab a { background-image: url(../images/tabs/gowrie-care.gif); width: 126px; }
#tabs ul li.propertiestab a { background-image: url(../images/tabs/hillcrest-properties.gif); width: 107px; }
#tabs ul li.enterprisetab a { background-image: url(../images/tabs/hillcrest-enterprises.gif); width: 170px; }
#tabs ul li.trusttab a { background-image: url(../images/tabs/gowrie-trust.gif); width: 180px; }

/* =========      =============== */

#main-page {
	width: 850px;
	margin: 0 0 3px 0;
	padding: 25px 25px 5px 25px;
	border: 1px solid #a6a6a6;
	border-radius: 5px;
	box-shadow: 0px 0px 10px #333;
	background: #ffffff;
	margin-bottom: 10px;
}

/* ========= details within main-page =========== */

#head {
	float: left;
	width: 100%;
	padding: 0;
	background-color: #fff;
	z-index: 300;
	position: relative;
}

#qlinkheader
{
	float: left;
	width: 300px;
	height: 35px;
	background-color: #fff;
}

#qlinkheader h3 { float: left; color: #999; height: 30px; padding-left: 8px; line-height: 30px; font-size: 12px; }
#qlinkheader ul { list-style: none; }
#qlinkheader ul li { float: left; width: 55px; text-align: center; margin: 8px 0 0 0; padding: 0 0 0 10px; }
#qlinkheader ul li a { text-decoration: none; font-size: 12px; font-weight: bold; }
#qlinkheader ul li a:hover { text-decoration: underline; }

#login 
{
	float: right;
	width: 452px;
	height: 28px;
	background: transparent url(../images/login-curve.gif) no-repeat top left;
	margin: 0;
	padding: 7px 0 0 0;
}
#login label { font-size: 12px; font-weight: bold; margin-right: 10px; color: #555;}
#login form { float: right; padding-right: 10px; }
#login input { background: #fff url(../images/input-gradient.jpg) repeat-x 0 50%; border: 1px solid #4E4A49;}

#left-corner {
	position: absolute;
	left: 0;
	top: -10px;
	z-index: 50;
	width: 26px;
	height: 23px;
}

#head-left { position: relative; width: 400px; height: 220px; float: left; color: #fff; text-align: center; }
#head-left p { font-size: 12px; line-height: 1.5; padding: 5px 35px 0 35px; }
#head-left img { margin: 10px 0 0 0; width: 268px; height: 119px; }
.craigowl #head-left img { width: auto; height: auto; }

#head-right{ position: relative; float: right;width: 450px; height: 220px; overflow:hidden;}
#head-right #cyclecaption { position: absolute; bottom: 0; width: 430px; min-height: 20px; padding: 10px; color: #fff; background: rgba(134,58,130,0.9); z-index: 100; }

#main {
	clear: both;
	width: 850px;
	padding: 15px 0 0 0;
	margin: 0;
	position: relative;
}

#left-col {
	/*position: absolute;
	top: 15px;
	left: 10px;
	width: 150px;
	margin: 0;
	padding: 0;
        z-index: 10;*/
        float:left;
        width: 150px;
        padding-bottom: 15px;
}

#right-col { width: 680px; margin: 0px 0 5px 0px; float:right; padding: 0; border-left: 1px solid #ABA9A9; min-height: 450px; }
#right-col h1 { font-size: 250%; font-weight: lighter; font-family: 'eurostile', Arial, Helvetica, sans-serif; padding: 0px 0 10px 15px; margin: 0 0 0 0; }
#right-col ul { margin-left: 30px; }
#right-col table { margin-left: 15px; border-top: 1px solid #333; border-left: 1px solid #333; }
#right-col table td { padding: 5px; border-bottom: 1px solid #333; border-right: 1px solid #333; }
/* === classes for the head quick link color and the h1 tags in the body === */

.group h1, .group a, .group a:hover { color: #444; }
.housing-association h1, .housing-association a, .housing-association a:hover { color: #008481; }
.northern-housing h1, .northern-housing a, .northern-housing a:hover { color: #AB0535; }
.gowrie-care h1, .gowrie-care a, .gowrie-care a:hover { color: #622B5E; }
.enterprises h1, .enterprises a, .enterprises a:hover { color: #006A93; }
.properties h1, .properties a, .properties a:hover { color: #702133; }
.trust h1, .trust a, .trust a:hover { color: #C19B00; }
.craigowl h1, .trust a, .trust a:hover { color: #00853e; }

#right-col h2, #right-col h4 {
	font-size: 200%;
	font-family: 'eurostile', Arial, Helvetica, sans-serif;
	padding: 0px 0 10px 15px;
	margin: 0 0 0 0;
	color: #444;
}

#right-col h3 {
	font-weight: lighter;
	font-family: 'eurostile', Arial, Helvetica, sans-serif;
	padding: 7px 0 10px 7px;
	margin: 0 0 0 0;
	color: #fff;
}

#right-col h4 { font-size: 140%; }

#right-col p {
	padding: 0 0px 10px 15px;
}

#right-col img.right { 
	clear: both; 
	margin: 0 0 10px 15px; 
	}

/*#right-col ul li {
	list-style: disc;
	margin: 0 0 0 15px;
	padding: 0 0 0 15px;
	}*/

#qlink
{
	float: left;
	width: 300px;
	height: 35px;
	background-color: #fff;
}

#qlink h3 { float: left; color: #999; height: 30px; padding-left: 8px; line-height: 30px; font-size: 12px; }
#qlink ul li { list-style: none; }
#qlink ul li { float: left; width: 85px; text-align: center; margin: 8px 0 0 0; }
#qlink ul li a { text-decoration: none; font-size: 12px; font-weight: bold; }
#qlink ul li a:hover { text-decoration: underline; }

/* ====== portals =======*/
div.box { width: 315px; padding: 0 0 0 25px; float: left; background-color: #fff; margin-bottom: 15px; }
div.box img { float: left; width: 315px; }
div.box.double { width: 655px; }
div.box.double img { width: 655px; }

#right-col div.box h2 { float: left; padding: 3px 0 0 10px; width: 100%; font-size: 125%; margin: 0; }
#right-col div.box h2 a { float: left; color: #fff; text-decoration: none; white-space: nowrap; margin: 0;}
#right-col div.box a { float: left; color: #fff; text-decoration: none; white-space: nowrap; padding: 3px 0 0 5px;  }
#right-col div.box ul { margin-left: 0px; }

div.box ul { padding: 0px 0 5px 10px; background-repeat: no-repeat; background-position: bottom left; list-style: none; float: left; width: 300px; font-size: 95%; }
div.box ul li { float: left; min-width: 80px; padding-right: 10px;  list-style: none; }
div.box ul li a { color: #fff; }
div.box ul li a:hover { text-decoration: underline; } 

div.box .group { background-color: #009999; color: #fff; width: 305px; }
div.box ul.group { background-image:  url(../images/group-box-end.gif); list-style: none; }
 /* colour: #009999; over: 7fc3bd;*/

div.box .housing-association { background-color: #009E9C; color: #fff; width: 645px; }
div.box ul.housing-association { background-image: url(../images/housing-association-box-end.gif);  list-style: none;}
 /* colour: #009999; over: 7fc3bd;*/

div.box .northern-housing { background-color: #AB0535; color: #fff; width: 645px; }
div.box ul.northern-housing { background-image: url(../images/northern-housing-box-end.gif);  list-style: none;}

div.box .gowrie-care { background-color: #863A82; color: #fff; width: 305px; }
div.box ul.gowrie-care { background-image: url(../images/gowrie-care-box-end.gif); list-style: none; }
/* colour: #663366; over: #b692bd;*/

div.box .enterprise { background-color: #0097D3; color: #fff; width: 305px; }
div.box ul.enterprise { background-image: url(../images/enterprise-box-end.gif);  list-style: none;}
/* colour: #0099cb; over: #7fb9e7; */

div.box .properties { background-color: #902A41; color: #fff; width: 305px; }
div.box ul.properties { background-image: url(../images/properties-box-end.gif); list-style: none; }
/* colour: #97233f; over: #cc9999; */

div.box .craigowl { background-color: #00853e; color: #fff; width: 305px; }
div.box ul.craigowl { background-image: url(../images/craigowl-box-end.gif); list-style: none;}

div.box .trust { background-color: #002574; color: #fff; width: 305px; }
div.box ul.trust { background-image: url(../images/trust-box-end.gif); list-style: none;}

/*======= foot =======*/

#foot
{
	float: left;
	margin: 0px auto;
	width: 100%;	
}

#foot p.reg { color: #444; text-align: center; clear: both; padding: 0px 0 3px 0; margin: 0; font-size: 95%;  }

div.foot-links { width: 630px; margin: 0px auto 0 auto; }
div.foot-links h4 { color: #444; font-size: 100%;  }
div.foot-links ul { list-style: none; width: 150px; padding: 2px 0; }
div.foot-links ul li { border-bottom: 1px dashed #888; margin-bottom: 3px;}
div.foot-links ul li a { color: #666; text-decoration: none; display: block; font-size: 95%;}
div.foot-links ul li a:hover { color: #333;}

/* ====== internal pages docuements box ======== */

#quick-link-box { color: #555; width: 250px; float: right; padding: 0px; margin: 3px 0 15px 10px; /*border: 1px solid #666;*/ background: transparent url(../images/reldoc.gif) repeat-y; }
#quick-link-box p { padding: 0 0 0 15px; margin: 5px 0; width: 230px; }
#quick-link-box a { color: #555; text-decoration: none; margin: 0; padding: 0; }
#quick-link-box a:hover { color: #555; text-decoration: underline; margin: 0; padding: 0; }
#quick-link-box img { padding: 0 5px 0 0; margin: 0; }
#quick-link-box h3 { font-size: 150%; padding: 10px 0 10px 15px; margin: 0; color: #555; font-weight: bold; background: transparent url(../images/h3-reldoc.gif) no-repeat;}

#quick-link-box-btm { background: transparent url(../images/reldoc-btm.gif) no-repeat; } 

/* === background group colours ===== */

.group-color { background: #000; }
.housing-association-color { background: #009E9C; }
.gowrie-care-color { background: #863A82; }
.enterprises-color { background: #0097D3; }
.properties-color { background: #902A41; }
.trust-color { background: #002574; }
.northern-housing-color { background: #AB0535; }
.craigowl-color { background: #00853e; }


/* === DB Form styling === */
form#repair { margin-left: 15px; }
form#repair .required, .req { color: #f00; }
form#repair legend { color: #008481; margin-left: 10px; }
form#repair div.row { width: 100%; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; }
form#repair div.row div.col1 { width: 150px; float: left; }
form#repair div.row div.col2 { width: 400px; float: left; }
#right-col form p { padding: 0; }
form .required textarea, form .required input { border: 1px solid red; }

form#enquiry { margin-left: 15px; }
form#enquiry .required, .req { color: #f00; }
form#enquiry legend { color: #000; margin-left: 10px; }
form#enquiry div.row { width: 100%; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; }
form#enquiry div.row div.col1 { width: 150px; float: left; }
form#enquiry div.row div.col2 { width: 400px; float: left; }

#right-col.housing-association form input.button { background-color: #009E9C; color: #fff; border: 1px solid #333; padding: 0px 2px; } 
#right-col.gowrie-care form input.button { background-color: #863A82; color: #fff; border: 1px solid #333; padding: 0px 2px; }
#right-col.group form input.button { background-color: #000; color: #fff; border: 1px solid #333; padding: 0px 2px; }

/* vacancy page */
#right-col div.vacancy-entry { border: 1px solid #ccc; margin: 15px; padding: 10px 0; }
#right-col div.vacancy-entry h2 { padding-left: 15px; font-size: 1.3em; padding-bottom: 0;}
#right-col div.vacancy-entry span { font-style: italic; font-size: 90%; color: #999;}

#right-col div.reldoc { border: 1px dotted #ccc; padding: 0.5em; margin: 0 15px; margin-bottom: 0.5em;}
#right-col div.reldoc h3 { margin: 0; padding: 0 0 0.5em 0; font-size: 1em; color: #00d;}
#right-col div.reldoc ul { margin: 0; padding: 0;}
#right-col div.reldoc li { margin: 0 0 0 0.5em; margin-bottom: 0.3em; list-style: none; height: 16px;}
#right-col div.reldoc li a { margin-left: 0.5em; }

#right-col div.vacancy-entry a.apply { display: block; border: 1px solid #000; padding: 0.2em 0.5em; width: 60px; text-align: center; }
#right-col div.vacancy-entry a.apply:hover { background-color: #eee; text-decoration: none; }

#search-results { padding-left: 15px; }
#right-col #search-results table { border: none; }
#right-col #search-results table td { border: none; }
#right-col #search-results h1 { padding: 0 0 10px 0; }
#right-col #search-results h2 { color: #863A82; padding: 0 0 10px 0; }
#right-col #search-results form { margin-top: 10px; }

#right-col #gowriepanel { float: left; background-image: url(/templates/common/images/gowrie-care-panel.jpg); width: 320px; height: 160px; margin: 25px 0px 25px 20px; }
#right-col #gowriepanel h1 { float: left; font-family: Arial, sans serif; font-size: 1.4em; color: #fff; font-weight: bold; width: 290px; margin: 15px; padding: 0px; text-align: right; }
#right-col #gowriepanel p { float: left; width: 270px; font-size: 0.95em; color: #fff; margin: 0px 10px; padding: 0; }
#right-col #gowriepanel p.paneltext { border-top: 1px solid #905279; padding: 5px 0; height: 55px; width: 300px }
#right-col #gowriepanel a { color: #fff; }
#right-col #gowriepanel a:hover { text-decoration: underline;}

#right-col .craigowl-panel {float: left; background-image: url(../images/craigowl-panel.jpg); background-repeat: no-repeat;  width: 320px; height: 160px; margin: 25px 0px 10px 20px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
#right-col .craigowl-panel h1 { font-family: Arial, sans serif; font-size: 1.4em; color: #fff; font-weight: bold; width: 290px; margin: 15px; padding: 0px; text-align: right; }
#right-col .craigowl-panel p { font-size: 0.95em; color: #fff; margin: 0px 10px; padding: 0; text-align: right;}
#right-col .craigowl-panel p.paneltext { border-top: 1px solid #fff; padding: 5px 0; height: 55px; width: 300px }
#right-col .craigowl-panel a { color: #fff; }
#right-col .craigowl-panel a:hover { text-decoration: underline;}
#right-col .craigowl-panel.large { width: 665px; background: #fff;height: auto;}
#right-col .craigowl-panel.large * { color: #000; text-align: left;}
#right-col .craigowl-panel.large h1 { width: 100%; text-align: center; }
#right-col .craigowl-panel.large p { margin: 0.5em 0;}
#right-col .craigowl-panel.large ul li { padding: 3px 0;}

#right-col .housing-panel {float: left; background-image: url(../images/housing-panel.jpg); background-repeat: no-repeat;  width: 320px; height: 160px; margin: 10px 0px 10px 20px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;}
#right-col .housing-panel h1 { font-family: Arial, sans serif; font-size: 1.4em; color: #fff; font-weight: bold; width: 290px; margin: 10px; padding: 0px; }
#right-col .housing-panel a { color: #fff;}
#right-col .housing-panel p { font-size: 0.95em; color: #fff; margin: 0px 10px; padding: 0; }
#right-col .housing-panel img { float: right;margin: 0 0 5px 5px; }

#right-col div.newsfeature { margin: 0 0 10px 15px; float: left;}
#right-col div.newsfeature h2 { padding: 0; margin-bottom: 0.5em; }
#right-col div.newsfeature h3 { padding: 0; margin-bottom: 0.5em; font-size: 160%;}
#right-col div.newsfeature p { padding: 0.3em 0; }

/* gowrie care support */
#right-col div.support { overflow: hidden; position: relative; margin-left: 25px; min-height: 50px; background: #914373; }

#right-col div.support div.gowrie-top-curve, #right-col div.support div.gowrie-bottom-curve { display: block; width: 655px; height: 20px; background: url(../images/gowrie-support-panel.jpg) 0 0 no-repeat; }
#right-col div.support div.gowrie-top-curve { background-position: left top; }
#right-col div.support div.gowrie-bottom-curve { background-position: left bottom; }

#right-col div.support div.gowrie-container { padding: 0 10px; }

#right-col div.support h2 { padding: 0; font-family: Arial, sans-serif; font-size: 1.6em; color: #fff; text-shadow: 0 1px 2px #551d52; }
#right-col div.support form { margin-top: 10px; float:left; }
#right-col div.support form p { line-height: 20px; color: #fff; }
#right-col div.support form span, #right-col div.support form select, #right-col div.support form button { float: left; margin-right: 10px; }
#right-col div.support form span { text-shadow: 0 1px 2px #551d52; }
#right-col div.support form p select { border: 0 none; height: 20px; line-height: 20px; }
#right-col div.support form p button { display: block; border: 0 none; width: 40px; height: 20px; line-height: 20px; background: #c678a8; font-weight: bold; color: #fff; text-shadow: 0 1px 1px #a04d80; text-align: center; 
	-moz-box-shadow: 0 1px 2px #813062;
	-webkit-box-shadow: 0 1px 2px #813062;
	box-shadow: 0 1px 2px #813062;
}
#right-col div.support form p select, #right-col div.support form p button {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#right-col div.support form p button:hover { cursor: pointer; 
	-moz-box-shadow: 0 1px 2px #813062, inset 0 2px 3px #e1b3cf;
	-webkit-box-shadow: 0 1px 2px #813062, inset 0 2px 3px #e1b3cf;
	box-shadow: 0 1px 2px #813062, inset 0 2px 3px #e1b3cf;
}
#right-col div.support form p button:active {
	-moz-box-shadow: 0 1px 2px #813062, inset 0 3px 3px #6d3256;
	-webkit-box-shadow: 0 1px 2px #813062, inset 0 3px 3px #6d3256;
	box-shadow: 0 1px 2px #813062, inset 0 3px 3px #6d3256;
}

#right-col #supportinfo { clear: both; padding: 10px 15px; color: #fff;}
#right-col #supportinfo p { display:none; text-align: center; padding: 0;}
#right-col #supportinfo ul { display: none; margin: 0.5em 0 0.5em 0;}
#right-col #supportinfo ul li { margin: 0 0 0.5em 0.5em; list-style-type: square; }
#right-col #supportinfo ul li a { color: #fff;}

#newsTicker { overflow: hidden; position: relative; background: #000; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-left: 25px; height: 25px; }
#newsTicker.housingassociation { background: #009E9C; margin-left: 15px; }
#newsTicker.northern-housing { background: #AB0535; margin-left: 15px; }
#newsTicker.gowriecare { background: #914373; margin-left: 20px; }
#newsTicker.enterprises { background: #0097D3; margin-left: 15px; }
#newsTicker p.label { color: #fff; float: left; line-height: 25px; font-weight: bold; padding: 0px; margin-left: 10px; }
#newsTicker a { width: 570px; float: left; display: block; line-height: 25px; color: #fff; text-decoration: none; }
#newsTicker a:hover { text-decoration: underline; }
#newsTicker .newsFade { position: absolute; top: 0px; left: 100px; width: 900000px; }

#newsTicker.craigowl { background: #00853e; }

/* Property Search */
#PropertySearchPanel { width: 660px; padding-left: 20px;}
#PropertySearchPanel h1 { padding: 0; margin: 10px 0px; margin-left: 10px; color: #AD0538; padding-left: 30px; font-weight: bold; font-size: 1.4em; height: 20px; line-height: 20px; }
#PropertySearchPanel h1 a { color: #AD0538; }
form#PropertySearch { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 20px 10px; }
form#PropertySearch div.row { float: left; width: 100%; clear: both; margin-bottom: 15px;}
div#PropertyDetailsPanel { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
form#PropertySearch h3 { float: left; width: 100%; color: #AD0538; font-weight: bold;}
form#PropertySearch p { margin: 10px 0px; }
form#PropertySearch label { color: #AD0538; font-weight: bold; float: left; height: 20px; padding-left: 30px; }
form#PropertySearch input.button { background-image: url(../images/property-search/search.png); background-repeat: no-repeat; border: none; width: 120px; height: 30px; background-color: #fff; cursor: pointer; float: right; }
form#PropertySearch div.slider { float: left; width: 90%; margin-bottom: 30px;}
.property-icons { background-image: url(../images/property-search/sprite.png); background-repeat: no-repeat; }
.property-icons.house { background-position: 0px 0px; }
.property-icons.left-arrow { background-position: 0px -160px; }
.property-icons.sort-none { background-position: 0px -200px; }
.property-icons.sort-none:hover { background-position: 0px -220px; }
.property-icons.sort-ASC { background-position: 0px -240px; }
.property-icons.sort-ASC:hover { background-position: 0px -260px; }
.property-icons.sort-DESC { background-position: 0px -280px; }
.property-icons.sort-DESC:hover { background-position: 0px -300px; }

table#SearchResults { width: 660px; border: none; }
table#SearchResults thead tr { background-image: url(../images/property-search/toolbar.png); height: 40px;}
table#SearchResults thead tr span { margin: 0px 10px; width: 20px; height: 20px; display: block; float: left; }
table#SearchResults thead tr span:hover { background-position: 0px -220px; cursor: pointer; color: #fff; }
table#SearchResults thead th { border-left: 1px solid #000; padding-left: 0px; line-height: 20px; }
table#SearchResults thead th a { color: #fff; padding-left: 30px; display: block; height: 20px; line-height: 20px; margin-left: 10px; }
table#SearchResults thead th a:hover { cursor: pointer; color: #fff; }
table#SearchResults td { border-right: none; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; }
table#SearchResults td p.address a { font-weight: bold; color: #AD0538; font-size: 1.2em; }
table#SearchResults td p.summary { color: #444; }
table#SearchResults td.centred { text-align: center; }
table#SearchResults td.bedrooms { color: #666; font-weight: bold; font-size: 1.4em; }
table#SearchResults td.value { color: #000; font-weight: bold; font-size: 1.4em; }

#PropertySearchPanel p.left-arrow { height: 20px; line-height: 20px; margin: 10px 10px; padding: 0px; padding-left: 30px; }
#PropertySearchPanel p.left-arrow a { color: #AD0538; font-weight: bold; }

#PropertyDetailsPanel p.property-icons { padding: 0; padding-left: 30px; line-height: 20px; margin-bottom: 10px; font-size: 1.2em; color: #444; }
#PropertyDetailsPanel #Bedrooms, .bedrooms { background-position: 0px -20px; }
#PropertyDetailsPanel #Value, .value { background-position: 0px -40px; }
#PropertyDetailsPanel #Description { background-position: 0px -60px; }
#PropertyDescriptionPanel { border-top: 1px solid #ccc; width: 380px; margin-left: 30px; padding: 20px 0px; color: #444;}

.PageButton { display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; background: url(../images/property-search/sprite.png) 0px -320px no-repeat; float: left; margin-right: 10px; }
.PageButton:hover { background-position: 0px -340px; text-decoration: none; margin-right: 10px; }
.PageButton.selected { background-position: 0px -360px; color: #fff; }
.PageButton.selected:hover { color: #fff; }

/* colour override for rental sections on housing */
#PropertySearchPanel.rental h1 { color: #008481;}
#PropertySearchPanel.rental .property-icons { background-image: url(/wca/classes/modules/rentals/view/templates/images/sprite.png);}
#PropertySearchPanel.rental form#PropertySearch h3 { color: #008481;}
#PropertySearchPanel.rental form#PropertySearch input.button { background-image: url(/wca/classes/modules/rentals/view/templates/images/search.png); }
#PropertySearchPanel.rental .PageButton { background-image:url(/wca/classes/modules/rentals/view/templates/images/sprite.png);}
#PropertySearchPanel.rental table#SearchResults thead tr { background-image: url(/wca/classes/modules/rentals/view/templates/images/toolbar.png); }
#PropertySearchPanel.rental table#SearchResults td p.address a { color:  #008481;}
#PropertySearchPanel.rental p.left-arrow a { color: #008481;}
#PropertySearchPanel.rental .ui-widget-header { background: #008481;}


/* unsure what this is */
#rentals { width: 100%;}
#rentals h2 { font-size: 1.3em; margin: 10px 0;}
#rentals ul { padding: 0.5em 0;}
#rentals ul li { margin-left: 1em;}


/* New global styling */
.group #pelmet { background: url(../images/header/hillcrest-group_bg.png) repeat-x; }
.housing-association #pelmet {	background: url(../images/header/hillcrest-housing-association_bg.png) repeat-x ; }
.northern-housing #pelmet {	background: #fff url(../images/header/northern-housing-company_bg.png) repeat-x ; }
.gowrie-care #pelmet {	background: #B78AB5 url(../images/header/gowrie-care_bg.png) repeat-x ; }
.enterprises #pelmet {	background: #66C1E5 url(../images/header/hillcrest-enterprises_bg.png) repeat-x ; }
.properties #pelmet {	background: #C7949F url(../images/header/hillcrest-properties_bg.png) repeat-x ; }
.trust #pelmet { background: #FFE680 url(../images/header/gowrie-housing-trust_bg.png) repeat-x ; }
.craigowl #pelmet { background: #FFE680 url(../images/header/craigowl_bg.png) repeat-x ; }

#ChangeSectionPanel { position: relative; z-index: 3000; }
#ChangeSectionDropdown { background: url(../images/header/dropdowns.png) 0px 0px no-repeat; height: 40px; line-height: 40px; width: 300px; margin-top: 0px; cursor: pointer; }

.housing-association #ChangeSectionDropdown { background-position: 0px -80px; }
.housing-association #ChangeSectionDropdown.open { background-position: 0px -120px; }
.gowrie-care #ChangeSectionDropdown { background-position: 0px -160px; }
.gowrie-care #ChangeSectionDropdown.open { background-position: 0px -200px; }
.trust #ChangeSectionDropdown { background-position: 0px -240px; }
.trust #ChangeSectionDropdown.open { background-position: 0px -280px; }
.enterprises #ChangeSectionDropdown { background-position: 0px -320px; }
.enterprises #ChangeSectionDropdown.open { background-position: 0px -360px; }
.northern-housing #ChangeSectionDropdown { background-position: 0px -400px; }
.northern-housing #ChangeSectionDropdown.open { background-position: 0px -440px; }
.craigowl #ChangeSectionDropdown { background-position: 0px -480px; } /* uses same bg as 'enterprises' */
.craigowl #ChangeSectionDropdown.open { background-position: 0px -520px; }

#ChangeSectionDropdown p { background: url(../images/header/logo_sprite.png) 0px 10px no-repeat; color: #fff; margin-left: 30px; padding-left: 30px; line-height: 20px; height: 20px; margin-top: 10px; padding-top: 10px; }
#ChangeSectionDropdown.open { background-position: 0px -40px; }
#SectionDropdownList { display: none; width: 280px; position: absolute; top: 46px; left: 18px; background-color: #262626; border: 1px solid #404040; border-top: none; z-index: 1000; border-radius: 0px 3px 5px 5px; box-shadow: 0px 4px 6px #333; }

#SectionDropdownList p { margin: 0px 0px; line-height: normal; padding: 10px 0px;}
#SectionDropdownList p a { margin: 0px 11px; display: block; color: #fff; padding-left: 30px; background: url(../images/header/logo_sprite.png) no-repeat; height: 20px; line-height: 20px; }

#SectionDropdownList p:hover { font-weight: bold; text-decoration: none; background-color: #393939; }
#SectionDropdownList p :hover { font-weight: bold; text-decoration: none; }
#SectionDropdownList p a.housing { background-position: 0px -40px; }
#SectionDropdownList p a.gowrie-care { background-position: 0px -80px; }
#SectionDropdownList p a.trust { background-position: 0px -120px; }
#SectionDropdownList p a.enterprises { background-position: 0px -160px; }
#SectionDropdownList p a.northern-housing { background-position: 0px -200px; }
#SectionDropdownList p a.craigowl { background-position: 0px -240px; }

#SectionDropdownList div.divider { width: 260px; margin: 0px 10px; background-color: #363636; height: 1px; }

/* Mask css (from jquery.loadmask.css) */
.loadmask {
    z-index: 100;
    position: absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity=50);
    background-color: #CCC;
    width: 100%;
    height: 100%;
    zoom: 1;
}
.loadmask-msg {
    z-index: 20001;
    position: absolute;
    top: 0;
    left: 0;
    border:1px solid #6593cf;
    background: #c3daf9;
    padding:2px;
}
.loadmask-msg div {
    padding:5px 10px 5px 25px;
    background: #fbfbfb url('images/loading.gif') no-repeat 5px 5px;
    line-height: 16px;
	border:1px solid #a3bad9;
    color:#222;
    font:normal 11px tahoma, arial, helvetica, sans-serif;
    cursor:wait;
}
.masked {
    overflow: hidden !important;
}
.masked-relative {
    position: relative !important;
}
.masked-hidden {
    visibility: hidden !important;
}