@import url(/css/spareroom/screen.css);
/*
 * TODO this should no longer be required...
@import url(/css/spareroom/screen.css?20121106T0835);
*/

.boldlisting { color:#3411F9; }

a { color:#3165F3; }

/* =========== New bar styles =========== */

h3.searchfor, #findbox h3, #flatsharepicks h4, .searchby_panel h4, .advertisepanel h4, h4.advertise_rooms_wanted, #promo_code h3, #myaccountpanel h4,
#SUBPAGEmylistings .colmid2span h2.featured_ads, #SUBPAGEmylistings .colmid2span h2.offered_ads, #SUBPAGEmylistings .colmid2span h2.wanted_ads,
#SUBPAGEmysearches .colmid2span h2.confirmation, #searchbox h3, .colmid2span h2.featured_ads, #SUBPAGEdetails div.contactpanel h4, #latestpanel h4, .midrightpanel h4, h3.blue_heading, h3.grey_heading,
.blue_heading_144, .blue_heading_192, .blue_heading_224, .blue_heading_412, .blue_heading_432, .grey_heading_144, .grey_heading_192, .grey_heading_224, .grey_heading_412, .grey_heading_432, 
.orange_heading_144, .orange_heading_192, .orange_heading_224, .orange_heading_412, .orange_heading_432 {
	text-indent: 10px !important;
	font-size: 16px;
	line-height: 25px;
	color: #fff;
	text-shadow: 1px 1px 1px #495e77;
	font-weight: normal;
	padding: 0px; margin: 0px;
}

#SUBPAGEdetails div.contactpanel {
	width: 192px;
}

#SUBPAGEdetails div.contactpanel h4 {
	font-size:15px;
	background:url(/img/spareroom/v3/panel_headers/heading_bg_orange_192.png) no-repeat !important;
	width: 192px;
	height: 26px;
}

.blue_heading_144 {
	background:url(/img/spareroom/v3/panel_headers/heading_bg_blue_144.png) no-repeat !important;
	width: 144px;
	height: 26px;
}

.blue_heading_192 {
	background:url(/img/spareroom/v3/panel_headers/heading_bg_blue_192.png) no-repeat !important;
	width: 192px;
	height: 26px;
}

.blue_heading_224 {
	background:url(/img/spareroom/v3/panel_headers/heading_bg_blue_224.png) no-repeat !important;
	width: 224px;
	height: 26px;
}

.blue_heading_412 {
	background:url(/img/spareroom/v3/panel_headers/heading_bg_blue_412.png) no-repeat !important;
	width: 412px;
	height: 26px;
}

.blue_heading_432 {
	background:url(/img/spareroom/v3/panel_headers/heading_bg_blue_432.png) no-repeat !important;
	width: 432px;
	height: 26px;
}

.grey_heading_144 {
	background:url(/img/spareroom/v3/panel_headers/heading_bg_grey_144.png) no-repeat !important;
	width: 144px;
	height: 26px;
}

.grey_heading_192 {
	background:url(/img/spareroom/v3/panel_headers/heading_bg_grey_192.png) no-repeat !important;
	width: 192px;
	height: 26px;
}

.grey_heading_224 {
	background:url(/img/spareroom/v3/panel_headers/heading_bg_grey_224.png) no-repeat !important;
	width: 224px;
	height: 26px;
}

.grey_heading_412 {
	background:url(/img/spareroom/v3/panel_headers/heading_bg_grey_412.png) no-repeat !important;
	width: 412px;
	height: 26px;
}

.grey_heading_432 {
	background:url(/img/spareroom/v3/panel_headers/heading_bg_grey_432.png) no-repeat !important;
	width: 432px;
	height: 26px;
}

.orange_heading_144 {
	background:url(/img/spareroom/v3/panel_headers/heading_bg_orange_144.png) no-repeat !important;
	width: 144px;
	height: 26px;
}

.orange_heading_192 {
	background:url(/img/spareroom/v3/panel_headers/heading_bg_orange_192.png) no-repeat !important;
	width: 192px;
	height: 26px;
}

.orange_heading_224 {
	background:url(/img/spareroom/v3/panel_headers/heading_bg_orange_224.png) no-repeat !important;
	width: 224px;
	height: 26px;
}

.orange_heading_412 {
	background:url(/img/spareroom/v3/panel_headers/heading_bg_orange_412.png) no-repeat !important;
	width: 412px;
	height: 26px;
}

.orange_heading_432 {
	background:url(/img/spareroom/v3/panel_headers/heading_bg_orange_432.png) no-repeat !important;
	width: 432px;
	height: 26px;
}

#SUBPAGEmylistings .colmid2span h2.featured_ads {
	background:url(/img/spareroom/v3/panel_headers/heading_bg_grey_432.png) no-repeat !important;
}

#SUBPAGEmylistings .colmid2span h2.offered_ads, #SUBPAGEmylistings .colmid2span h2.wanted_ads {
	background:url(/img/spareroom/v3/panel_headers/heading_bg_grey_432.png) no-repeat !important;
}

#myaccountpanel h4 {
	background:url(/img/spareroom/v3/panel_headers/heading_bg_grey_192.png) no-repeat !important;
}

/* #latestpanel h4 {
	background:url(/img/spareroom/v3/panel_headers/heading_bg_blue_224.png) no-repeat !important;
} */
.midrightpanel h4 {
	background:url(/img/spareroom/v3/panel_headers/heading_bg_grey_224.png) no-repeat !important;
}

#SUBPAGEmysearches .colmid2span h2.confirmation {
	background:url(/img/spareroom/v3/panel_headers/heading_bg_grey_412.png) no-repeat !important;
}

#SUBPAGEmysearches .colmid2span .confirmation.content {
	width: 392px;
	margin-bottom: 10px;
}

h3.searchfor, #promo_code h3, #searchbox h3 {
	background:url(/img/spareroom/v3/panel_headers/heading_bg_blue_144.png) no-repeat !important;
}

#findbox h3 {
	background:url(/img/spareroom/v3/panel_headers/heading_bg_grey_144.png) no-repeat !important;
}

#flatsharepicks h4, .searchby_panel h4 { 
	background:url(/img/spareroom/v3/panel_headers/heading_bg_grey_192.png) no-repeat !important;
}

#SUBPAGEdetails div.contactpanelbottom {
	border-bottom-color:#f6a610;
	border-left-color:#f6a610;
	border-right-color:#f6a610;
	width:170px;
}

.advertisepanel h4, h4.advertise_rooms_wanted {
	background:url(/img/spareroom/v3/panel_headers/heading_bg_grey_224.png) no-repeat !important;
}

/* =========== end new bar styles =========== */



#searchbox h3.searchfor  { 
	background:url(/img/spareroom/v3/panel_headers/search-for.gif);
}
	
#searchbox h3.searchresults  { 
	background:url(/img/spareroom/v3/panel_headers/search-results.gif);
}

#searchbox h3.sameadvertiser {
	background:#D8E8FF !important;
	text-shadow: none;
	text-indent: 0px !important;
	color:#3265F4;
}
#searchbox p, #searchbox dl, #searchbox ul { background-color:#EBF4FF; }

#searchbox form { background-color:#EBF4FF; }
#searchbox {
	background:url(/img/spareroom/v3/panel_footers/search_panel_bottom.gif)
}

#logo { 
	display:block;
	background:url(/img/spareroom/v3/logo3.png) no-repeat; 
	width:330px;
	height:47px;
}

#strapline2 {
	position:relative;
	z-index:20
}

.subsubnavigation li a:hover {
	background:#bdd8fe url(/img/spareroom/v3/other_items/tab_bg_over.png) repeat-x 0 0;
	border-bottom:1px solid #79acf7;
}




.navigation, .navigation a, .subnavigation {	background-image:url(/img/spareroom/v3/navigation/new/menu_sr_sprite.png); }
.navigation { background-image:url(/img/spareroom/v3/navigation/new/topnav_sr_bg.png); }
/* PRESSED DOWN STATE */
/* home can either be single or double menu depending on whether on a city home page*/
.PAGEhome  .has_double_menu   #TABhome a,
.PAGElistings     #TABsearch a,
.PAGEbrowse       #TABbrowse a,
.PAGEplacelisting #TABplacelisting a,
.PAGEmyaccount    #TABmyaccount a,
.PAGElogin        #TABlogin a,
.PAGEaboutus      #TABaboutus a,
.PAGEinfoadvice   #TABinfoadvice   a { border-bottom:1px solid #3C58D2; }


.navigation,.subnavigation{
	background-color:#2c57ff;
}


/*
.PAGEhome .colmidright {
	background:url(/img/spareroom/flat-share/no8flatmates_bottom3.gif); 
	background-repeat: no-repeat;
	background-position: right top;

}
.PAGEhome .has_single_menu .colsinglemiddle {
	background:url(/img/spareroom/flat-share/no8housemates_top3.gif); 
	background-repeat: no-repeat;
	background-position: right bottom;
}
*/


#live_rent_free {
	background-image:url(/img/spareroom/v3/competition/live_rent_free.png);
	height:105px;
	margin-bottom:15px;
	outline:none
}
#mag_panel {
	background-image:url(/img/spareroom/v3/mag/mag_panel.png);
	height:132px;
	margin-top:-27px;
	margin-bottom:15px;
	_position:relative;
	outline:none;
}

#SUBPAGEdetails .colmid2span { 
	background-color:#EBFAFD; 	
}

.listingage_new .listing_keypoints {
	background:url(/img/spareroom/v3/panel_headers/listing-header_new.gif) no-repeat 0 0;
}
.listingage_older .listing_keypoints {
	background:url(/img/spareroom/v3/panel_headers/listing-header_plain.gif) no-repeat 0 0;
}


.boldlisting { background-color:#11D6F9; }


h3.overflow_box {
	background:#77aeff;
}
div.overflow_box {
	border:1px solid #77aeff;
}

#map {
	border:3px solid #c8effa;
}

p.contact_helper {
	background:#029dc7;
}

fieldset, legend { background-color:#ebf4ff }

.placelistingformsection h4, .countryheader, .postcodeheader {
	background:#65a2ff;
}


#existinguserform fieldset, #newuserform fieldset {
	background:#d1f4fa
}

.hilightedrow { background-color: #11D6F9; }

.hilightedrow input { background-color:#11D6F9; }/* was e6e6e6*/



.highlight1 {
	color:#3bb2d0
}


div.photos a.img {
	border-color:#c8effa;
}
div.photos a.img:hover {
	border-color:#68d2f1
}
div.photos a.img.main {
	background:url(/img/spareroom/v3/other_items/blue_loader.gif) no-repeat 50% 50%
}

.listingtype_bold hr, .listingtype_plain hr {
	border-top: 1px solid #A0E5F9;
}


div.box a {
	color:#3165f3;
}

div.box.mail.in.unread div.section1 {
	background:#335cff url(/img/spareroom/v3/email/blue_gradient.gif) repeat-x 0 0;
}

#detail_tabs ul {
	background:url(/img/spareroom/v3/other_items/detail_tabs.gif) no-repeat 0 0;
}
#detail_tabs li.on a {
	color:#039fc9
}



#promo_code h3.ir {
	background-image:url(/img/spareroom/v3/panel_headers/promo_code.gif);

}
#promo_code form {
	background:#d8e8ff;
}


div.panels div.panel {
	background:#d7f4fc url(/img/spareroom/v3/other_items/gradient1.png) repeat-x 0 100%
}
div.panels div.panel.on {
	background:#0dc8ea url(/img/spareroom/v3/other_items/gradient2.png) repeat-x 0 100%
}

div.panel.border {
	border:1px solid #a3dbe6;
}

#upgradeform.new div.panel span,
#upgradeform.new div.panel big {
	color:#00abd0
}



div.panel207 {
	background:#ecf4ff
}
div.panel432.bold {
	background:#ECF4FF;
}


h3.free_ads_207 { background-image:url(/img/spareroom/v3/panel_headers/blue_free_ads.png) }
h3.free_ads_207_grey { background-image:url(/img/spareroom/v3/panel_headers/grey_free_ads_narrow.png) }
h3.bold_ads_207 { background-image:url(/img/spareroom/v3/panel_headers/blue_bold_ads.png) }
h3.mag_ads_207 { background-image:url(/img/spareroom/v3/panel_headers/blue_mag_ads.png) }
h3.free_ads_432 { background-image:url(/img/spareroom/v3/panel_headers/grey_free_ads.png) }
h3.bold_ads_432 { background-image:url(/img/spareroom/v3/panel_headers/grey_bold_ads.png) }
h3.bold_ads_432_blue { background-image:url(/img/spareroom/v3/panel_headers/blue_bold_ads_wide.png) }
h3.mag_ads_432 { background-image:url(/img/spareroom/v3/panel_headers/grey_mag_ads.png) }



#SUBPAGEroom div.panel432 div.right ul.bulletlist li {
	background:#eaf9fe;
	border:1px solid #84cfe4;
}
#mag_packages,
#mag_previews,
#upgrade {
	background:#eaf9fe;
	border:1px solid #84cfe4;
	_height:100%
}
#upgrade a.arrow,
#mag_packages strong,
p.magad strong {
	color:#009ac3;
}

ul.option-boxes { overflow: hidden; }

ul.option-boxes li {
	position: relative;
	float: left;
	margin: 0 5px 0 0;
	width: 133px;
	background-color: #d5f3fb;
	list-style: none;
	height: 140px;
}
ul.option-boxes li h3 { margin: 0; }
ul.option-boxes li .ir {
	padding: 0; 
	margin: 0;
	border-bottom: 1px solid #3299c4;
	height: 42px;
	width: 133px;
	background:url(/img/spareroom/v3/panel_headers/your-options-sprite.png) no-repeat 0px 0px;
}

ul.option-boxes li h3.upgrade-opt { background-position: -266px 0px; }
ul.option-boxes li h3.wait-opt { background-position: -133px 0px; }
ul.option-boxes li h3.interest-opt { background-position: 0px 0px; }
ul.option-boxes li.last { margin-right: 0; }

ul.option-boxes li p {
	padding: 3px 8px;
	line-height: 14px;
}

ul.option-boxes li p a {
	position: absolute;
	bottom: 8px;
	left: 8px;
	display: block;
	line-height: 14px;
}

.site-explanation {
	background-color: #fdf9d4;
	border: 1px solid #c8d7dc;
	padding: 10px;
	margin: 40px 0;
	clear: both;
}


div.panel207.grey {
	background:#F8F8F8 url(/img/spareroom/v3/panel_footers/footer_207_grey.gif) no-repeat 0 100%
}