/* generic studentpad colours */
/* #9CC825 - light green
   #b5cc46 - yellow green
   #e8efc6 - pale green
   #496BAA - blue
   #4c6bb0 - link blue */
@media screen, print {

body {
	font: 12px normal Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF url(images/pagebg-shadow.gif) repeat-y 50% 50%;
	text-align: center;
}

/* colour rules */
.blue { color: #383080 }
.resultsblue {
	color: #584E8F;
	font-weight: normal;
	font-family: Verdana, Arial;
	font-size: 13px;
}
.detailsblue
	{
	color: #584E8F;
	font-weight: bold;
	font-family: Verdana, Arial;
	font-size: 13px;
	}

/* HEADERS */

.header {
	color: #073177;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold
}
span.header { display:block; min-height:36px; vertical-align:middle; margin-top:8px }
.srheader {
	color: #3eada7;
	font: 16px Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold
}
h1.srheader { margin-top:8px }


/* TYPE & VARIATIONS IF NEEDED */

.normallarge { color: #5C5C5C; font-weight: normal;	font-family: Verdana, Arial;
	font-size: 13px;
	}
.resultslarge
	{
	color: #ffffff;
	font-weight: normal;
	font-family: Verdana, Arial;
	font-size: 12px;
	}
.detailslarge
	{
	color: #5C5C5C;
	font-weight: normal;
	font-family: Verdana, Arial;
	font-size: 13px;
	}

/* NORMAL TYPE & VARIATIONS IF NEEDED */

.normal
	{
	color: #5C5C5C;
	font-weight: normal;
	font-family: Verdana, Arial;
	font-size: 12px;
	}
.question
	{
	color: #5C5C5C;
	font-weight: normal;
	font-family: Verdana, Arial;
	font-size: 12px;
	}
.results
	{
	color: #5C5C5C;
	font-weight: normal;
	font-family: Verdana, Arial;
	font-size: 12px;
	}
.details
	{
	color: #5C5C5C;
	font-weight: normal;
	font-family: Verdana, Arial;
	font-size: 12px;
	}

/*  NORMAL TYPE & COLOUR VARIATIONS */

.normalwhite
	{
	color: #FFFFFF;
	font-weight: bold;
	font-family: Verdana, Arial;
	font-size: 12px;
	}
.normalblack
	{
	color: #000000;
	font-weight: normal;
	font-family: Verdana, Arial;
	font-size: 12px;
	}

/* SMALL */

.normalsmall
	{
	color: #5C5C5C;
	font-weight: normal;
	font-family: Verdana, Arial;
	font-size: 11px;
	}
.resultssmall
	{
	color: #5C5C5C;
	font-weight: normal;
	font-family: Verdana, Arial;
	font-size: 11px;
	}
.detailssmall
	{
	color: #5C5C5C;
	font-weight: normal;
	font-family: Verdana, Arial;
	font-size: 11px;
	}

/* GENERAL LINKS */
A
	{
	color: #383080;
	}
A:HOVER
	{
	color: #383080;
	}

/* SECONDARY MENU A-LINK */
A.sm
	{
	color: #FFFFFF;
	font-weight: normal;
	FONT-FAMILY:Verdana,ARIAL;
	font-size: 10px;
	TEXT-DECORATION:none;
	}
A.sm:HOVER
	{
	color: #FFAA24;
	TEXT-DECORATION:underline;
	}

/* IN PAGE MENU LINKS */

A.cm
	{
	TEXT-DECORATION:none;
	}

A.cm:HOVER
	{
	TEXT-DECORATION:underline;
	}

/* BLOCKQUOTE BOX OF REFERENCES */

BLOCKQUOTE
	{
	FONT-FAMILY:ARIAL;
	FONT-STYLE:italic;
	PADDING:5px
	}

/* LINKS PAGE IMAGE BOX */

.linkimage
	{
	border: 2px solid #FFFFFF;
	}

/* FORM OBJECTS */

/* TEXT BOXES */

.input
	{
	font-weight: normal;
	FONT-FAMILY:ARIAL;
	font-size: 11px;
	}
.medinput
	{
	WIDTH:200px;
	font-weight: normal;
	FONT-FAMILY:ARIAL;
	font-size: 12px;
	}

.searchinput
	{
	WIDTH:100px;
	font-weight: normal;
	FONT-FAMILY:ARIAL;
	font-size: 11px;
	}

.mboardinput
	{
	WIDTH:200px;
	font-weight: normal;
	FONT-FAMILY:ARIAL;
	font-size: 11px;
	}
.advinput
	{
	WIDTH:285px;
	font-weight: normal;
	FONT-FAMILY:ARIAL;
	font-size: 11px;
	}

/* SELECT OPTION DROPDOWNS */

.select
	{
	font-weight: normal;
	FONT-FAMILY:ARIAL;
	font-size: 11px;
	}
.searchselect
	{
	WIDTH:200px;
	font-weight: normal;
	FONT-FAMILY:ARIAL;
	font-size: 11px;
	}
.advselect
	{
	WIDTH:285px;
	font-weight: normal;
	FONT-FAMILY:ARIAL;
	font-size: 11px;
	}

/* New rules for standards-compliant CSS-controlled layout: */
#wrapper { text-align: left; margin: 0 auto; padding: 0; border: 0; width: 773px; background: transparent } /* keeps content in fixed-width column */
#content {
	width:771px; margin-left: 3px;
	margin-top: 205px; padding-top: 00px;
	background: #ffffff; color: #000000;
} /* leaves space for the masthead, which is below the content in the HTML to improve SEO results */
#masthead {
	position: absolute; top: 0px;
	width: 771px; height: 205px;
	margin: 0 0 0 2px;
	background: url(images/masthead.jpg) top right no-repeat;
} /* stays at the top visually */
#footer {
	width: 771px; height: 27px;
	background: #ffffff; color: #33528f;
	font: normal 10px Verdana, Verdana, Arial, sans-serif;
	text-align: center;
	margin: 0;
	padding: 7px 0 0 0;
	clear:left
} /* just visual controls */
#homelink {width: 225px; display: block; height: 90px; background: transparent; position: absolute; top: 75px; left: 5px }
#skip_to_nav {text-indent: -5000px; float: left; } /* hidden if you're not using a screen-reader or basic mobile */
/* rules to position the navigation within the masthead */
#topmenu { position: absolute; top: 0px; left: 0px; width: 771px; height: 25px; background: transparent } 
#greenbar {position: absolute; top: 30px; left: 0px; width: 771px; height: 12px; background: transparent; text-align: right }
#topmenu, #topmenu * { color: #ffffff; font: normal 9px Arial, sans-serif; text-decoration: none; }
#topmenu a { display:block; float: left; height:20px; padding-top:5px; text-align:center }
#topmenu span { font: normal 10px Verdana, sans-serif }
#topmenu a:hover span {text-decoration: none }

/* buttons - unselected */
#topmenu #tm1, #topmenu #tm2, #topmenu #tm3, #topmenu #tm4, #topmenu #tm5, #topmenu #tm6, #topmenu #tm7, #topmenu #tm8 {background: transparent }
#topmenu #tm1 {width:101px}
#topmenu #tm2 {width:97px}
#topmenu #tm3 {width:114px}
#topmenu #tm4 {width:100px}
#topmenu #tm5 {width:73px}
#topmenu #tm6 {width:72px; padding-left: 3px}
#topmenu #tm7 {width:56px; padding-left: 3px}
#topmenu #tm8 {width:69px; padding-left: 3px}

/* buttons - hover states - unselected */
#topmenu #tm1:hover , #topmenu #tm2:hover, #topmenu #tm3:hover, #topmenu #tm4:hover, #topmenu #tm5:hover, #topmenu #tm6:hover, #topmenu #tm7:hover, #topmenu #tm8:hover { text-decoration: underline }

/* buttons - selected */
#topmenu #tm1.selected span, #topmenu #tm1.selected:hover span, #topmenu #tm2.selected span, #topmenu #tm2.selected:hover span, #topmenu #tm3.selected span, #topmenu #tm3.selected:hover span, #topmenu #tm4.selected span, #topmenu #tm4.selected:hover span, #topmenu #tm5.selected span, #topmenu #tm5.selected:hover span, #topmenu #tm6.selected span, #topmenu #tm6.selected:hover span, #topmenu #tm7.selected span, #topmenu #tm7.selected:hover span, #topmenu #tm8.selected span, #topmenu #tm8.selected:hover span { text-decoration: none; font-weight: bold }



#bottom_menu { text-align: left; padding: 3px 3px 0 0; position: absolute; top: 175px; left: 6px }
#bottom_menu, #bottom_menu a { color: #015EAB; font: bold 10px Verdana, Arial, sans-serif; text-decoration: none; }
#bottom_menu a { margin:0 3px }
#bottom_menu a:hover { text-decoration: underline; }


/* content is in 2 columns: L & R */
#left_col { width: 535px; margin: 0 0 0 10px; float: left; padding: 0; min-height: 550px }
#right_col { width: 200px; margin: 0px 0 0 565px; min-height:550px }

/* current page has its link emboldened in the navigation */
#topmenu *.selected, #bottom_menu *.selected { font-weight: bold; }
/* layout for RH advert links */
#other_towns_link {
	margin-bottom: 11px;
	width: 133px;
	background: #476baa;
	color: #ffffff;
}
/* margin for LH col forms */
#left_col form { margin-bottom: 20px; }

h1,h2 {font-size: 12px; font-weight: bold}
label.small {font-size:9px; font-weight:normal; color:#5c5c5c}

.nowrap {white-space: nowrap}

.boardSelOn {font-weight: bold; background:#18397a; color:#ffffff; cursor: pointer}
.boardSelOff {font-weight: normal; background:#ffffff; color:#5c5c5c; cursor: pointer}
#chooseCam, #chooseChe { cursor: pointer; width: 250px; padding: 2px; border: 1px solid #000000; text-align: center }

/* designed to allow forms to fit inside TDs without padding chamges*/
#left_col td form, #left_col th form, .sleek {border:0; padding:0; margin:0; height: inherit !important}

/* site-wide update to strip local styles out of search form */
#searchFormTable, #referenceFormTable {width: 535px}
.sfq {width: 295px; padding-right: 5px}/* query text */
.sfi {width: 223px}/* form input */
.sfhlp {width: 17px}/*help icons */
.rfq {width: 322px; padding-right: 5px}/* query text */
.rfi {width: 114px}/* form input */
.rfhlp {width: 94px}/*help icons */

/* limit column widths: left */
.w535 {width: 535px}

/* RH ads */
#othertowns { height: 117px; width:184px; margin-top:11px; background: #ffffff url(images/banner-bg-towns.gif) no-repeat }
#othertowns a { height: 117px; width:184px; display:block; text-decoration: none; text-align: left }
#othertowns a span { padding-top: 44px }
#statistics { height: 111px; width:184px; margin-top:12px; background: #ffffff url(images/banner-bg-stats.gif) }
#statistics a { height: 111px; width:184px; display:block; text-decoration: none }
#statistics a span { padding-top: 36px }
#registerhere { height: 129px; width:199px; margin-top:3px; background: #ffffff url(images/banner-bg-register.gif) no-repeat }
#registerhere a { background: transparent top left no-repeat; padding-top: 44px; display: block; text-decoration: none; height:85px }
#propertiesforsale { height: 80px; width:184px; margin-top:12px; background: #ffffff url(images/properties-for-sale.gif) }
#propertiesforsale a { display:block; height:80px; width:184px; text-decoration:none }
#verticleadverts { margin-top:12px; background:#F2F2F2; width:184px; text-align:center; padding: 12px 0 }
#othertowns span, #statistics span, #registerhere span, #propertiesforsale span {
	font: 11px Verdana, Arial, Helvetica, sans-serif; text-align: left;
	display:block; padding:0 0 0 12px; margin-right: 50px; text-decoration: none;
	border:0
}
#othertowns span, #registerhere span { color: #ffffff }
#statistics span { color: #333333 }

/* interests box for board-requests */
#interestbox * label { min-width: 100px; display: block; min-height: 20px; background: #fff}
#interestbox * label input {float: left}
#interestbox * label span {display: block}
#interestbox * label span i {font-size:1px}
#interestbox * label:hover { background:#eeeeee}

/* new result page layout*/
#printBar, #printBar2 { text-align: right; font-weight:bold; color:#333333; line-height:24px }
#printBar a, #printBar2 a { 
	display: block; float:right; width:105px; height:24px; 
	margin-left:10px; padding:0; text-align:center; line-height:24px;
	background:#003497 url(images/blank_button.gif) top left no-repeat; 
	color:#ffffff; text-decoration:underline 
}
#navblock, #navblock2 {
	text-align:right
}
#navblock a, #navblock span, #navblock2 a, #navblock2 span {
	width: 12px; text-align: center; color: #000000; background: #ffffff
}
table#controls { margin:5px 0 0 0; border:0; padding:0; border-collapse:collapse }
#navline td { height: 20px; padding: 2px 0; margin:0; border:0; vertical-align: top }
#arranger { background:#3eada7; padding: 3px 5px 3px 8px }
#arranger form { margin:0; padding:0; border:0 }
#arranger label { color:#ffffff; background:inherit; font-weight:bold }
#refiner { padding:0; text-align: right }

/* property 'card' */
table.property { 
	width:100%; background:#97d8bb;
	border-spacing:0px; margin:10px 0 0 0; border:10px solid #97d8bb;
	page-break-inside: avoid
}
table.property td { background:#ffffff; color:#535353; padding: 2px 10px 0 10px }
table.property th { background:#ffffff; color:#535353; padding: 2px 10px 0 10px; font-weight: normal }
tr.propHdr td {font-size:14px; font-weight:bold; color:#000000}
div.propTel, div.propRef {float:right; font-weight:bold}
div.propRef { color:#3eada7; margin:0; padding:0 }
table.property td.propImg { background: #ffffff; padding-left:10px; width:107px }
table.property td.formbuttons { background: #97d8bb; padding:5px 0 0 0 }
td.formbuttons form { margin:0; padding:0; border:0; display:inline }

/* property card highlighted */
table.propertyouter{ width: 538px;}
table.propertyHighlight { width:100%; page-break-inside: avoid; }
table.propertyouterHighlight{ margin-top: 10px; }
table.propertyouterHighlight td{ padding: 10px; background: url('images/advertHighlightBG.jpg') top left repeat-x; }
table.propertyHighlight td { background:#ffffff; color:#535353; padding: 2px 10px 0 10px; }
table.propertyHighlight th { background:#ffffff; color:#535353; padding: 2px 10px 0 10px; font-weight: normal }
table.propertyHighlight tr.propHdr td { font-size:14px; font-weight:bold; color:#000000; }
div.propTel, div.propRef {float:right; font-weight:bold}
div.propRef { color:#b5cc46; margin:0; padding:0 }
table.propertyHighlight td.propImg { background: #ffffff; padding-left:10px; width:107px }
table.propertyHighlight td.formbuttons  { background: transparent; padding:5px 0 0 0; margin-top: 10px; padding-top: 10px;}
td.formbuttons form { margin:0; padding:0; border:0; display:inline }
/* end highlight code */

/* new search form layout */
div.headerline { font-size:21px; font-weight:bold; color:#3eada7; background: inherit; margin-top: 22px }
p.headersub {color: #666666; background: inherit; margin-top: 5px }
div#accommodationSearch { background: #97d8bb; color: #666666; padding: 5px 0 0 0; margin: 10px 0 0 0 }
div#accommodationSearch div { text-align: right; margin-top: 5px }
div#accommodationSearch div label { float:left; padding:0 0 0 15px; font-size:11px; color:#5c5c5c; line-height: 18px }
div#accommodationSearch div select { font: normal 11px Arial, Helvetica, sans-serif; width: 195px; height:18px; margin: 0; padding:0; border: 1px solid #cccccc; line-height: 18px }
div#accommodationSearch div a img { margin: 0 10px 0 4px; vertical-align: middle }
div#accommodationSearch div#forSaleLine select { width: 50px; margin: 0 180px 0 0 }
#imgSubmitBig { width:220px; height:45px; border: 0px; margin: 0 10px 4px 0 }
#imgSubmit { width:94px; height:18px; border: 0px; margin: 0 }

#subsearch * { text-align: left }

#referenceFormTable { background:#ffffff; padding: 12px 0 0 0; width: 100%; font-size: 10px; margin: 5px 0 0 0 }
#referenceSearch { background:#FFF5DF; color:#666666; padding: 12px 15px; border-right:5px solid #ffffff; width: 50% }
#referenceSearch .heading { color:#D1A749; background: inherit; font-size:16px; font-weight:bold }
#landlordSearch { background: #D6D1EF; color: #666666; padding: 12px 15px; border-left:5px solid #ffffff; width: 50% }
#landlordSearch .heading { color:#403C8B; background: inherit; font-size:16px; font-weight:bold }
#subAgentSearch, #subQuickSearch { width:41px; height:19px; border: 0px; vertical-align: middle; margin-left: 5px }
#reference, #landlord { border: 1px solid #cccccc; width: 170px; padding-left: 2px; height: 16px }

div#accommodationSearch div#rowFacilities { text-align:right; padding: 0 0 0 15px }
div#rowFacilities p { text-align:left; float:left; font-size:11px; margin-top:0 }
div#accommodationSearch div#rowFacilities label { display:block; margin: 2px 0; padding-right:10px; text-align:right; float: none; width: 198px; margin-left: 272px }
div#rowFacilities label span { width:180px }
div#rowFacilities label input { vertical-align:middle; float: left }
div#rowLocation label { padding-left: 15px }
div#rowLocation input  {margin-right:10px }

/* accommodation details page */
div#accommodationDetail { background: #e8efc6; color: #666666; padding:0; margin: 10px 0 }
div#detailButtons, div#backButton { text-align: right; padding: 5px 0; margin: 0 10px }
div#accommodationDetail form, div#accommodationDetail a { margin:0 0 0 5px; padding:0; border:0; display: inline }
div#mainDetail { background:#ffffff; color:#333333; padding: 10px 13px; margin:0 10px 5px 10px }
div.propHdr { font-size:14px; font-weight:bold }
div.propAddr { font-size:14px; font-weight:normal; clear:both }
div.NB { font-size:12px; font-weight:bold; padding: 0 0 10px 0 }
div#description { margin: 10px 0 }
div#pics {}
div#col1, div#col2 { width:47%; text-align:right }
div#col2 { float:right }
div#col1 { margin-right: 6%; min-height:480px }
div#col1 div, div#col2 div { background:#ffffff; color:#333333; padding: 0 12px 0 6px; clear:left }
div#col1 div.colHdr, div#col2 div.colHdr { font-weight:bold; color:#383080; text-align:left; margin-top: 20px }
div.spaced { margin-top: 20px }
span.inlineHdr { font-weight:bold; color:#383080; text-align:left }
div#col1 div.greyLine, div#col2 div.greyLine, div#logoAndContact div.greyLine { background:#e8efc6; color:#333333; padding: 0 12px 0 6px; margin-top:1px }
div#col1 div.greyNoLine, div#col2 div.greyNoLine, div#logoAndContact div.greyNoLine { background:#e8efc6; padding: 5px 12px 5px 6px }
div#col1 div.left, div#col2 div.left { text-align:left }
div#col1 div span, div#col2 div span { float:left; text-align:left }
div#col1 a, div#col2 a { margin-left:0 }

div#refAndContact { height: 30px; clear:both; padding-top:10px }
div#logoAndContact { clear:both; padding:10px; background:#e8efc6; border-top: 10px solid white }
div#theContact { margin:0px }
div#theContact a { margin:0px }
div#logospot { margin: auto 0px; padding:0; float:right }
/** style=""text-align:center; width:50%; margin-left:50%"" class=""spaced greyNoLine""**/
div.greyLine span {display:block; width:180px; float:none !important}
div.greyLine img { float:right }
div#logospot img { float:none }

/* privacy policy page */
div#privacy { display:table-cell }

#fss_table { margin-bottom: 6px }
#fss_table td { padding: 6px 0; border-bottom:2px solid #dbdbdb }

#searchBtnLine {background:#97d8bb; height:28px }

dl dt {
	font-weight:bold;
}
dd {
	margin-bottom: 1em;
}

/* end of screen, print media */
}

.warning{ background-color: #F9E275; border: 1px solid #FCD113; padding: 1em; margin: 1em 0 1em 0; }
.warning div{ float: left; }
.warning_icon{ display: block; float: left; width: 20px; height: 20px; background: url(images/icons.png) top left; }
.error{ background-color: #FFCFCF; border: 1px solid #CD0A0A; padding: 1em; margin: 1em 0 1em 0; }
.error_icon{ display: block; float: left; width: 20px; height: 20px; background: url(images/icons.png) top left; background-position: -20px 0; }
.error p{ margin: 0 0 1em 0; padding: 0;}
.clear{ clear: both; }

.property_details{ }
.property_details a{ text-decoration: none; color: black; }
.property_details .bedrooms{ font-weight: bold; }
.property_details .address{ font-weight: bold; }