@import url(../../css/common/jquery/jquery.autocomplete.css?20121106T0835);
@import url(mythreads.css?20121106T0835);


/* ========================= Begin main navigation ========================= */
.navigation,.subnavigation{list-style:none;margin:0;padding:0;display:block;width:768px;clear:both;height:34px}.navigation,.navigation a,.subnavigation{background-repeat:no-repeat;background-position:0 0}.navigation{background-repeat:repeat-x;background-position:0 0}.navigation li,.subnavigation li{float:left}.subnavigation li{margin:0 10px 0 10px}li#TABaboutus,li#TABinfoadvice{float:right}.subnavigation{background-position:0 -105px;position:relative;top:-1px;z-index:1}.navigation a,.subnavigation a{display:block;float:left;height:34px;outline:none}.navigation a{text-indent:-10000px}.subnavigation a{color:#fff;font:11px/32px 'Quicksand', sans-serif;text-decoration:none!important}.subnavigation a:visited{color:#fff}.subnavigation a:hover{color:#fac255}.has_single_menu .navigation a{border:0!important}#TABhome a{width:54px;background-position:-55px 0}#TABsearch a{width:60px;background-position:-110px 0}#TABbrowse a{width:64px;background-position:-171px 0}#TABplacelisting a{width:68px;background-position:-236px 0}#TABmyaccount a{width:86px;background-position:-305px 0}#TABlogin a{width:57px;background-position:-392px 0}#TABlogout a{width:65px;background-position:-450px 0}#TABregister a{width:73px;background-position:-516px 0}#TABaboutus a{width:74px;background-position:-590px 0}#TABinfoadvice a{width:97px;background-position:-665px 0}#TABhome a:hover{background-position:-55px -35px}#TABsearch a:hover{background-position:-110px -35px}#TABbrowse a:hover{background-position:-171px -35px}#TABplacelisting a:hover{background-position:-236px -35px}#TABmyaccount a:hover{background-position:-305px -35px}#TABlogin a:hover{background-position:-392px -35px}#TABlogout a:hover{background-position:-450px -35px}#TABregister a:hover{background-position:-516px -35px}#TABaboutus a:hover{background-position:-590px -35px}#TABinfoadvice a:hover{background-position:-665px -35px}.has_double_menu .navigation,.has_double_menu .navigation a{height:32px}.has_double_menu #TABhome a{background-position:0 0}.has_double_menu #TABinfoadvice a{background-position:-763px 0}.has_double_menu #TABhome a:hover{background-position:0 -35px}.has_double_menu #TABinfoadvice a:hover{background-position:-763px -35px}.PAGEhome #TABhome a{background-position:-55px -70px!important}.PAGEhome #TABhome a{background-position:-55px -70px}.PAGElistings #TABsearch a{background-position:-110px -70px!important}.PAGEbrowse #TABbrowse a{background-position:-171px -70px!important}.PAGEplacelisting #TABplacelisting a{background-position:-236px -70px!important}.PAGEmyaccount #TABmyaccount a{background-position:-305px -70px!important}.PAGElogin #TABlogin a{background-position:-392px -70px!important}.PAGElogout #TABlogout a{background-position:-450px -70px!important}.PAGEregister #TABregister a{background-position:-516px -70px!important}.PAGEaboutus #TABaboutus a{background-position:-590px -70px!important}.PAGEinfoadvice #TABinfoadvice a{background-position:-763px -70px!important}.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{position:relative;z-index:2}.PAGEhome .has_double_menu #TABhome a{background-position:0 -70px !important}
/* ========================= End main navigation ========================= */






a { text-decoration: none; }

body {
	background:url(/img/spareroom/v3/other_items/body_bg.png) repeat-x 0 0 fixed;
}

a.fb_share_button {
	display:-moz-inline-block;
	display:inline-block;
	padding:1px 20px 0 5px;
	height:15px;
	border:1px solid #d8dfea;
	background:#fff url(/img/icons/facebook_share_icon.gif) no-repeat top right;
	text-decoration:none;
	font-family: 'Quicksand', sans-serif;
	font-weight:normal;
	font-size:10px;
	color:#3b5598;
}
a.fb_share_button:hover {
	color:#fff;
	border-color:#295582;
	background-color:#3b5998;
	text-decoration:none;

}


#SUBPAGEdetails a.fb_share_button {
	margin-bottom:15px
}


#email_reply {
	width:100%
}
#email_reply td {
	padding:3px 10px 3px 0
}

span.inc_bills {
	color:#333;
	text-transform:uppercase;
	border:1px solid #555;
	padding:2px;
	margin:2px 5px 0 0;
	font-size:8px;
	display:block;
	float:left;
	line-height:1;
	cursor:default;
	background:#fff;
	white-space:nowrap;
}

.rounded {
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
}
.rounded.big {
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
	-webkit-border-radius:10px;
}


/* YAHOO RESET CODE */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,label, img,textarea,p,blockquote,th,td,marquee {
	margin:0;
	padding:0;

}
fieldset,table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
/*q:before,q:after {
	content:'';
}*/
abbr,acronym { border:0;
}
legend { margin:0;
	padding:0;
	text-indent: 0px;
	border:0;
	border-collapse:collapse;
	border-spacing:0;
	/* IE DOESNT RESPOND!!! Oh well */
	}

/* END YAHOO RESET CODE */



body { font-size:69%; }
html>body{ font-size: 11px; }


a:visited { color:#97198b; }
strong, th { font-weight: 500; }

a.external_link {
	background:url(/img/spareroom/icons-travel/external.gif) no-repeat 100% 40%;
	padding-right:15px
}

#search_form table.where p.area {
	border-right:1px dotted #ccc;
	width:16em;
	padding-right:1.5em;
	margin-right:1em
}
#search_form table.where p.area label {
	float:left;
	line-height:2
}
#search_form table.where p.area label input {
	float:left;
}
#search_form table.where p.area label strong {
	display:block;
	margin-left:1.8em;
	font-weight:normal
}
#search_form #radius {
	margin-top:1.5em
}


/* ORANGE THINGS */
#promobox { background-color:#F6A610; }

.errormessage, .formerror, .error { color:#cc0000; }

#formerrorsection.placelistingformsection h4 {
	background:#c00
}

/*body { background:url(/underline16.gif); } */
body {
	margin:1.4545em 1.4545em 2em 1.4545em;
	background-color:#eee;
}


a:hover { text-decoration: underline; }/* dan got this idea from bbc */



P, td,th,marquee,form,ul,OL, DL,.thumbgallerystyle dt, .thumbgallerystyle dd{
	font-family: 'Quicksand', sans-serif;
	font-size:1em;

	font-weight:normal;
	font-style:normal;

	color:#1162F9;
	color:#5e5e5e;
	line-height:1.4545em;
	margin:0 0 1.4545em 0;

}
select, input { font-family: 'Quicksand', sans-serif;
	font-size:1em;
	}
.sidenote { font-size: 0.818181818182em; line-height:1.777777777778em }
/* TABLES */
th, td { padding-right:1em }
table { margin-bottom:1.4545em; }
q { font-weight: 500; }
H1 {
    /* needs equiv of col1 and 2 gutter spaces as left margin */
    /* ie 11 * 16px */


	font-family: 'Quicksand', sans-serif;

	font-size:2.1818em;
	line-height:1.333333333333em;
	font-weight: 500;
	font-style:normal;

	margin:0.6667em 0 0.6667em 0;
	padding-bottom:0.625em;
	border-bottom:0.0417em solid #5e5e5e;

	/* line-height:0.666667em;
	margin:1em 0 0.3333em 0 ;*/
	padding-bottom:0.291666666659em;
	border-bottom:0.041666666666em solid #5e5e5e;
	margin-bottom:0.333333333325em;
	color:#5e5e5e;
}

H2,H3,#editioninfo, legend {
	font-family: 'Quicksand', sans-serif;
	/* old: 16px font*/
	/*font-size:1.4545em;
	line-height:1em;*/
	/* now: 14px */
	font-size:1.272727272727em;
	line-height:1.142857142857em;

	font-weight: 500;
	font-weight:normal;
	font-style:normal;
	margin:0 0 1.142857142857em 0 ;


	font-weight: 500;


}
h4 {

	/* 12px font sixe */
	font-family: 'Quicksand', sans-serif;
	font-size:1.09090909091em;
	line-height:1.33333333333em;
	font-weight: 500;
	margin-bottom:0.66666666667em;
}

#promobox h3 { color:#ffffff; }
h2 { font-weight: 500; color:#000000;}
#qqqsearchbox H3 {
	font-family: 'Quicksand', sans-serif;
	font-size:2.1818em;
	line-height:0.6667em;

	font-size:1.4545em;
	line-height:1em;

	font-weight: 500;
	font-style:normal;
	margin:0 0 1em 0 ;

}


.helpfulhint { color:#ffffff; background-color:#F6A610; padding:0.5em; }

.helpfulhint a, .helpfulhint strong { color:#ffffff; font-weight: 500;}
H4 {

/* 	font-weight:normal; */

}

.help {
	cursor:help !important
}



#promobox {
padding: 1.4545em 1em 1.4545em 1em;
}

.midrightpanel, #latestpanel, .advertisepanel, .contactpanel { margin-bottom:1.454545454545em; clear:both } /* add margin below coloured boxes */
#promobox form {
 color:#ffffff;
}



.midrightpanel_content, #latestpanel_content, .advertisepanelbottom, .contactpanelbottom {
/* blue bordered box */
/* padding: 0 1em 1.4545em 1em; */
/* shave border( 0.09090625em ) off padding...*/
padding: 1.36359375em 0.90909375em 1.36359375em 0.90909375em;
border-left: 0.09090625em solid #b2b2b2;
border-right: 0.09090625em solid #b2b2b2;
border-bottom: 0.09090625em solid #b2b2b2;
}

.contactpanelbottom {
border-left-color: #F6A610;
border-right-color: #F6A610;
border-bottom-color:#F6A610;
padding-bottom:0
}

.contactpanelbottom .emailadvertiser {
	background:url(/img/spareroom/v3/icons/email.png);
}
.contactpanelbottom .phoneadvertiser {
	background:url(/img/spareroom/v3/icons/telephone.png);
}
.contactpanelbottom .emailadvertiser, .contactpanelbottom .phoneadvertiser {
	background-repeat: no-repeat;
	background-position: left;
	/* image is 26px so leave 30px padding to left */
	padding-left: 22px;
	margin-bottom:.4545em;
}


#promobox h3 {
  /*  padding: 1em 0.75em 0 0.75em;*/
   margin-bottom:0;/* lose bottom margin to make find box smaller */
 }



/* PANELS */

div.content .msg {
	background-color:transparent;
	border:0
}

h2.wanted_ads,
h2.offered_ads,
h2.featured_ads,
h2.magazine_ads,
h2.confirmation {
	height:26px;
	width:432px;
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-10000px;
	margin:15px 0 0 0
}

h2.wanted_ads  { background-image:url(/img/spareroom/v3/panel_headers/room_wanted_ads.png) }
h2.offered_ads { background-image:url(/img/spareroom/v3/panel_headers/room_offered_ads.png) }
h2.featured_ads { background-image:url(/img/spareroom/v3/panel_headers/featured_ads.png) }
h2.magazine_ads { background-image:url(/img/spareroom/v3/panel_headers/magazine_ads.png) }
h2.confirmation { background-image:url(/img/spareroom/v3/panel_headers/confirmation.png) }

div.wanted_ads,
div.offered_ads,
div.featured_ads,
div.magazine_ads,
div.confirmation {
	background:#f5f5f5;
	width:412px;
	padding:10px;
}

div.featured_ads {
	border:1px solid #e9e9e9;
	border-top:0;
	background:#f6f6f6;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	width:410px
}

#findbox h3   {
	background:url(/img/spareroom/v3/panel_headers/find.gif);
	text-indent:-5000px; height:26px;
	background-repeat: no-repeat;
	background-position: top left;
	margin-bottom:0;
	}
#findbox h3.listingdetails {
	background:url(/img/spareroom/v3/panel_headers/listing_details.gif);
}
#findbox form, #findbox p { background-color:#ECECEC; padding: 1.4545em 1em 1.4545em 1em; margin:0 }
#findbox {
	background:url(/img/spareroom/v3/panel_footers/find_panel_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-bottom:8px;
	margin-bottom:16px;
}
#findbox dl, #findbox dd { margin:0 }
#findbox input.textbox {
	width:55%;
	margin-right:.4em
}


#searchbox h3.searchfor  {
	text-indent:-5000px; height:26px;
	background-repeat: no-repeat;
	background-position: top left;
	margin-bottom:0;
	}

#searchbox h3.searchresults  {
	text-indent:-5000px; height:26px;
	background-repeat: no-repeat;
	background-position: top left;
	margin-bottom:0;
	}
#searchbox h3.sameadvertiser {
	font-size:1.27272727273em;
	line-height:1.14285714286em;
	font-family: 'Quicksand', sans-serif;
	margin-bottom:0;
	padding:0.78571428571em;

}

#searchbox form { padding: 1em 0; margin:0 }

#searchbox dl, #searchbox UL, #searchbox p {  padding: 0 1em; margin:0 }

#searchbox {

	background-repeat: no-repeat;
	background-position: bottom left;
	padding-bottom:8px;
	margin-bottom:16px;
}
#searchbox dd { margin:0 }
#searchbox hr { margin:10px 0 10px 0; margin:0 !ie }
#searchbox input.textbox {width:6.1em}

#searchbox dl.adv_options dd.adv_option {
/* 	margin-bottom:10px*/
border-bottom:dotted 1px #5E5E5E;
}

.contactpanel h4  {
	background:url(/img/spareroom/v3/panel_headers/contact-the-200wide.gif);
	text-indent:-5000px; height:26px;
	background-repeat: no-repeat;
	background-position: top left;
	margin-bottom:0;
	}

.profile-photo {
  max-width: 100%;
}

form ul { margin:0.72725em 0em 1.4545em 0em; }
#flatsharepicks h4 {
	background:url(/img/spareroom/v3/panel_headers/our-favourites.gif);
	text-indent:-5000px; height:26px;
	background-repeat: no-repeat;
	background-position: top left;
	margin-bottom:0;

}
#myaccountpanel h4 {
	background:url(/img/spareroom/v3/panel_headers/my-account.gif) no-repeat 0 0;
	text-indent:-10000px;
	height:26px;
	margin-bottom:0;
}

.midrightpanel h4 {
	background:url(/img/spareroom/v3/panel_headers/latest.gif) no-repeat 0 0;
	text-indent:-10000px;
	height:26px;
	margin-bottom:0;
}

#latestpanel h4 {
	background:url(/img/spareroom/v3/panel_headers/latest.gif) no-repeat 0 0;
	text-indent:-10000px;
	height:26px;
	margin-bottom:0;
}
#myaccountpanel, #flatsharepicks {
	background:url(/img/spareroom/v3/panel_footers/our_favourites_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-bottom:8px;
	margin-bottom:16px;

}
#myaccountpanel_content,
.flatsharepick_content{
	padding: 1.4545em 0.090909090909em 1.4545em 1em; /* bodged margins to cope with the image list dl */
	background-color:#ECECEC;
}
.flatsharepick_content h2 {
	_position:relative
}

.advertisepanel H4 {
	background:url(/img/spareroom/v3/panel_headers/post-a-room-to-let.gif);
	text-indent:-5000px; height:26px;
	background-repeat: no-repeat;
	background-position: top left;
	margin-bottom:0;
}
.advertisepanel H4.advertise_rooms_wanted {
	background:url(/img/spareroom/v3/panel_headers/need-a-room.gif);
}
h6 {
	background:url(/img/spareroom/v3/panel_headers/need-any-help.gif);
	text-indent:-5000px; height:26px;
	background-repeat: no-repeat;
	background-position: top left;
	margin-bottom:0;
}

.gemmahelpbox {
	text-align:left;
	background-color:#ECECEC;
	padding:1.454545454545em;
}
.gemmahelpbox p {
	margin:0
}

.gemmahelpbox .need_help_details {
	display:block;
	min-height:6.54545454545em; /*to make sure just this section aligns by her picture */
	padding-left:4.363635em;
	margin-top:1em;
	text-align:right;
}

.moderators_advice_box {
	width:160px !important
}

.flatsharingpoll, .moderators_advice_box {
	text-align:left;
	background-color:#ffffff;
	margin-bottom: 24px;
}


.pollvote {
	text-align:left;
	background-color:#ffffff;
	/* padding:1.454545454545em; */
	margin-bottom:1.454545454545em;
	width: 39.27273em;
}



.moderators_advice_box.report_this_ad .moderators_advice_box_content,
.moderators_advice_box.safety_tips .moderators_advice_box_content {
	border-left-color:#ee3d27;
	border-right-color:#ee3d27;
	padding-bottom:2.5em
}
.moderators_advice_box h4.ir {
	border-bottom:0;
	padding:0;
	margin:0;
	height:26px;
}
.moderators_advice_box.report_this_ad h4.ir {
	background-image:url(/img/spareroom/v3/panel_headers/report_this_ad.gif);
}
.moderators_advice_box.safety_tips h4.ir {
	background-image:url(/img/spareroom/v3/panel_headers/safety_tips.gif);
}


.flatsharingpoll h5 , .moderators_advice_box h5, .pollvote h5 {
	font-size: 1.4545em;
	line-height:1em;
	margin-bottom:0em;
	font-family: 'Quicksand', sans-serif;
	font-weight: 500;

	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border: 1px solid #D5D5D5;
	border-bottom: none;
	background-repeat: no-repeat;
	background-position: top left;

	padding:0.5em 1em 0.4375em 1em;
	border-bottom:0.0625em solid #B2B2B2;
	/*
	border-left: 0.0625em solid #B2B2B2;
	padding-left:0.9375em;
	border-right: 0.0625em solid #B2B2B2;
	padding-right:0.9375em;
	*/

}

.pollvote h5 {
	background:url(/img/spareroom/v3/panel_headers/matts_tips_header_wide.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.pollcontent, .moderators_advice_box_content {
	padding-top:0.72725em;
	border-left: 0.09090625em solid #B2B2B2;
	padding-left:1.36359375em;
	border-right: 0.09090625em solid #B2B2B2;
	padding-right:1.36359375em;

	/*border-top: 0.09090625em solid #B2B2B2;
	padding-top:0.63634375em;
	border-bottom: 0.09090625em solid #B2B2B2;
	padding-bottom:0.63634375em;*/
}
H5, .PAGEplacelisting #maincontent form dt {
	font-family: 'Quicksand', sans-serif;
	font-size:1em;
	line-height:1.4545em;
	font-weight: 500;
	font-style:normal;
	margin:0 ;
	color:#5e5e5e;
}
H6 { margin:0 ; }

.typographierPAlt {
	font-family: 'Quicksand', sans-serif;
	font-size:0.8182em;
	line-height:1.7778em;
	font-weight:normal;
	font-style:normal;
	margin:0 0 1.7778em 0 ;
}


.flatsharepickimage{ height:14.545454545455em; margin-bottom:0;}/* force into multiple of 16px height and lose bottom margin */


/* 48 * 16 px layout*/

#tickertape p { text-align:right; }

.layoutrow { clear:left; }


/* begin header */
	#header * {
		margin:0;
		padding:0
	}
	#header { overflow:hidden; _height:100%; margin-bottom:8px }
	#logo { text-indent:-10000px; outline:none }
	#logo strong { }
	#logocol { float:left; margin-right:25px }
	#headermiddlecol { float:left; width:22em; }
	#headermiddlecol p { float:left; color:#999; margin:18px 0 0 0 }
	#headermiddlecol p a { color:#666; text-decoration:underline; }
	#headerrightcol {float:right; width:15em; }
	#strapline { color:#999; margin-top:5px }
	strong.total_user_count { color:#3843F5 }

	#editioninfo { text-align:left; margin-bottom:0; }
	#headerloginbox {}

	/* not used now:*/
	#promo { font-size:1em;/* line-height:2.909em; */font-family: 'Quicksand', sans-serif;color:#B2B2B2;/* 1px border, so we only need 15px padding not 16. 15/16 * 1.4545=1.36359375 */border-left: 0.09090625em solid #B2B2B2;padding-left:1.36359375em;border-right: 0.09090625em solid #B2B2B2; padding-right:1.36359375em;}

	.inthepress {
		margin:18px 10px 0 0 !important;
		padding:5px 10px 5px 10px !important;
		border:1px dotted #B2B2B2;
		_border-style:solid;
	}
/* end header */



.rightcolbox h5 { font-size: 1.4545em;margin-bottom:1.4545em; font-family: 'Quicksand', sans-serif;font-weight: 500;
}



/* * * * * * * * * */
/* M A I N   N A V */
/* * * * * * * * * */

/* STRUCTURAL STUFF (width defined above under HEADER)*/

 .subsubnavigation li {float:left}
 .subsubnavigation li a {color:#555}
 .subsubnavigation li a, .navprev li a, .navnext li a
		{
		float:left;
		padding: 0 1em 0 1em;
		padding: 0em;
		text-decoration:none;
		}
	.subsubnavigation li a {
		background:#fdfdfd url(/img/spareroom/v3/other_items/tab_bg_off.png) repeat-x 0 0;
		padding: 0.72725em 1em 0.63634375em 1em;
	}

	.navprev li, .navnext li {float:left}

	.crumbtrail { overflow:hidden; position:relative; z-index:4; top:-1px }

	.crumbtrail dt { float:left; text-align:right; }

	.crumbtrail dt, .crumbtrail dd { background-color:#F5F5F5; }





/* SUB NAV HOVERS and selected menu items */

.subnavigation .SUBTABselected  a,
#SUBPAGEinthepress #SUBTABinthepress a,
#SUBPAGEmyaccountoptions #SUBTABmyaccountoptions a,
#SUBPAGEmysearches #SUBTABmysearches a,

#SUBPAGEmylistings #SUBTABmylistings a,
#SUBPAGEmylistingsedit #SUBTABmylistings a,
#SUBPAGEmylistingsphotos #SUBTABmylistings a,
#SUBPAGEmylistingsvideos #SUBTABmylistings a,
#SUBPAGEmylistingsdelete #SUBTABmylistings a,
#SUBPAGEmyinbox #SUBTABmyinbox a,
#SUBPAGEmyoutbox #SUBTABmyoutbox a,
#SUBPAGEmydetails #SUBTABmydetails a,
#SUBPAGEmyinterested #SUBTABmyinterested a,
#SUBPAGEearlybird #SUBTABearlybird a,
#SUBPAGEbold #SUBTABbold a,
#SUBPAGEsavedads #SUBTABsavedads a,
#SUBPAGEsavedsearches #SUBTABsavedsearches a,
#SUBPAGEadvancedsearch #SUBTABadvancedsearch a,

/* place listing tabs*/
#SUBPAGEoptions #SUBTABoptions a,
#SUBPAGEroom #SUBTABroom a,
#SUBPAGEscp #SUBTABscp a,
#SUBPAGEwanted #SUBTABwanted a,
#SUBPAGEaboutspareroom #SUBTABaboutspareroom a,
#SUBPAGEourservices #SUBTABourservices a,
#SUBPAGEtestimonials #SUBTABtestimonials a,
#SUBPAGEaffiliates #SUBTABaffiliates a,
#SUBPAGEjobs #SUBTABjobs a,
#SUBPAGEcontactus #SUBTABcontactus a,
#SUBPAGEflatsharers #SUBTABflatsharers a,
#SUBPAGEtenants #SUBTABtenants a,
#SUBPAGElandlords #SUBTABlandlords a,
#SUBPAGEfaq #SUBTABfaq a,
#SUBPAGEwebsitefaq #SUBTABwebsitefaq a,
#SUBPAGEglossary #SUBTABglossary a,
#SUBPAGEinfooverview #SUBTABinfooverview a
	{
	color:#FAC255;
	}


.navprev li a, .navnext li a { background-color:#ffffff; color:#3411F9;}
.navprev li a:hover, .navnext li a:hover { background:#3411f9; color:#ffffff;}

.navnext li a { margin-left:1em; }
.navprev li a { margin-right:1em; }


/* highlight selected sub/sub menu items */
#SUBPAGEinthepress #infoaboutus a{ font-weight: 500; }
#SUBPAGEinthepress .subsubmenuover a { font-weight: 500; }
#editlisting #myadstab a { font-weight: 500; }
#editlisting .subsubmenuover a { font-weight: 500; }

.subsubnavigation li a:hover {
	color:#fff;
	text-decoration:none
}

.subsubmenuover a:link,.subsubmenuover a:visited,

#SUBPAGEmylistings #SUBSUBTABedit  a:link,          #SUBPAGEmylistings #SUBSUBTABedit a:visited,
#SUBPAGEmylistingsedit #SUBSUBTABedit  a:link,          #SUBPAGEmylistingsedit #SUBSUBTABedit a:visited,
#SUBPAGEmylistingsphotos #SUBSUBTABphotos  a:link,        #SUBPAGEmylistingsphotos #SUBSUBTABphotos a:visited,
#SUBPAGEmylistingsvideos #SUBSUBTABvideos  a:link,         #SUBPAGEmylistingsvideos #SUBSUBTABvideos a:visited,
#SUBPAGEmylistingsdelete #SUBSUBTABdelete  a:link,         #SUBPAGEmylistingsdelete #SUBSUBTABdelete a:visited,
#SUBPAGEmylistingsstats #SUBSUBTABstats  a:link,         #SUBPAGEmylistingsstats #SUBSUBTABstats a:visited,
#SUBPAGEmylistingsrenew #SUBSUBTABrenew  a:link,         #SUBPAGEmylistingsrenew #SUBSUBTABrenew a:visited,
.subsubnavigation .SUBTABselected  a {
	color:#fff;
	font-weight: 500;
	outline:none;
	background:#c8c8c8 url(/img/spareroom/v3/other_items/tab_bg_on.png) repeat-x 0 0;
	border-bottom:1px solid #aaa
}
#SUBPAGEmylistings #maincontent FORM,
#SUBPAGEmylistingsedit #maincontent FORM,
#SUBPAGEmylistingsvideos #maincontent FORM,
#SUBPAGEmylistingsdelete #maincontent #deletepage,
#SUBPAGEmylistingsphotos #maincontent #mmsinstructions{

	padding: 0.727272725em 0.909090909091em 0.636363634091em 0.909090909091em;

	border-left: 0.090909090909em solid #ccc;
	border-right: 0.090909090909em solid #ccc;
	border-bottom: 0.090909090909em solid #ccc;
}
.listingstatus {

	text-align:right;
	margin:0;
	padding-top:0.727272725em;
	padding-bottom:0.63634375em;
	border-bottom: 0.090909090909em solid #ccc;
}
.subsubnavigation{ float:left; margin-bottom:0; }
.subnavigation { margin-bottom:0; background-color:#D5D5D5;}

#extrasmenu{float:right;}
.betweennav {display:none}


/* * * * * * * * */
/* C O L U M N S */
/* * * * * * * * */

/*cols are within body so set to font-size11px, meaning lineheight should be same as P = 1.4545. Ie 16px = 1.4545em */


.colleft, #tickertape P, .crumbtrail dt { /* 144px */
	/* margin left is 16px and width is 9*16 (no padding needed) */
	margin:0 0 0 1.454545454545em;
	width:13.091em;

	margin:0;
	width:14.545545em;
	width:13.090909090909em;


	float:left;
	display:inline;/* ie6 bug fix to stop double sized margins when floating an element*/
}

.colmidleft,.colmidleftsym { /* 176px */
	/* margin left of 16px and margin right of 16px width = 11*16px*/
	margin:0 1.454545454545em 0 1.454545454545em;
	width:17.454545454545em;
	float:left;
	display:inline;/* ie6 bug fix to stop double sized margins when floating an element*/
	}

.colmidright,.colmidrightsym { /* 224px */
	/* margin left of 0px and margin right of 16px width = 14*16px*/
	margin:0 1.454545454545em 0 0;
	width:20.363em;
	float:left;
	display:inline;/* ie6 bug fix to stop double sized margins when floating an element*/

}
.PAGElistings .colmidright { width:20.1em;/* was/should be width:20.363em; - IE6 BUG */ }
.PAGElistings .colmidleft { width:17.1em;/* was/should be width:17.454545454545em; - IE6 BUG */ }

.colmidleftsym, .colmidrightsym { width:18.90909090909em; }

.col_one_bigone {
	/* 144px 16 432px 16 160px - 768px wide with 16px margins left and right*/
	margin:0em;
	width:69.818181818182em;
}
/* divded into 3 same size colmns of 256px for WTLW */
.three_cols_third { float:left; width:23.272727272727em; }
.three_cols_1n2 { float:left; width:46.545454545455em; }
/* divded into 2 same size colmns of 384px for WTLW */
.two_big_cols_left { float:left; width:34.909090909091em; }
.two_big_cols_right { float:left; width:34.909090909091em; }


#SUBPAGEoptions .colmid2span {

	padding-top:5.818181818182em;/* advertise banner which is 64 px deep*/
	/* actually add gutter beneath too */
	padding-top:7.272727272727em;
	background:url(/img/spareroom/advertise.gif);
	background-repeat: no-repeat;
	background-position: top;
}
.colmid2span, #tickertape marquee, .colsinglemiddle, .crumbtrail dd {
	/* margin left and right of 16, width of 11+1+14 * 16 */
	margin:0 1.454545454545em 0 1.454545454545em;
	width:37.817em;
	width:39.273454545454em;/* was 39.271545454545 but safari suffers from rounding error, rounding down to 431 instead of up to 432. This new number is just over 432*/
	float:left;
	display:inline;/* ie6 bug fix to stop double sized margins when floating an element*/
}

.crumbtrail dd {
	/* did just soan middle column but now spans right one too ie + 16.00009045455*/
	width:55.27268181818em;
	margin-right:0;
	margin-left:0;
	padding-left:1.454545454545em;
}





/*
types of ad/header:
plain ad - new                   : listing-header_new.gif
plain ad - old (free-to-contact) : listing-header_free2contact.gif
bold  ad - new (free-to-contact) : listing-header_free2contact_new.gif
bold  ad - old (free-to-contact) : listing-header_free2contact.gif

*/
/*
.listingage_new .listingtype_plain .colmid2span {
	background:url(/img/spareroom/v3/panel_headers/listing-header_new.gif);
	background-repeat: no-repeat;
	background-position: top;
}
.listingage_older .listingtype_plain .colmid2span, .listingage_older .listingtype_bold .colmid2span {
	background:url(/img/spareroom/v3/panel_headers/listing-header_free2contact.gif);
	background-repeat: no-repeat;
	background-position: top;

}
.listingage_new .listingtype_bold .colmid2span {
	background:url(/img/spareroom/v3/panel_headers/listing-header_free2contact_new.gif);
	background-repeat: no-repeat;
	background-position: top;

}

*/

/* now, 2 types: new or not
.listingage_new .colmid2span {
	background:url(/img/spareroom/v3/panel_headers/listing-header_new.gif) no-repeat 0 0;
}
.listingage_older .colmid2span {
	background:url(/img/spareroom/v3/panel_headers/listing-header_plain.gif) no-repeat 0 0;
}
*/
/* now, 2 types: new or not */





.listing_keypoints {
	height:26px;
	margin:0;
	padding:0 0 0 1em;
	overflow:hidden
}





.listing_keypoints li {
	font-size:1.27272727273em;
	line-height:1.85714285714em;
	font-family: 'Quicksand', sans-serif; letter-spacing:0.0001em;
	color:#ffffff;

	}
.listing_keypoints li { display:block; float:left; margin-bottom:0.42857142857em; /* make up the 26px to 32px */ width:14.64285714286em}

.newness_text { text-align:right; font-family: 'Quicksand', sans-serif; color:#3355ff; font-weight:normal; }

.colsinglemiddle { margin:0 16.00009090909em 0 14.545454545454em; }

/* 432px total for middle, soo 2 cols of 200 with 11px margin either side and 10px centre gutter */
.midcol_innerleft { float:left; width:18.18181818182em; padding-left:1em; }
.midcol_innerright { float:left; width:18.18181818182em; padding-left:0.90909090909em; padding-right:1em; }
.midcol_inner2span { float:left; width:37.27272727273em; padding-left:1em; padding-right:1em; }

#h1_rhs_fb_login { margin-top: 1em; }

.colright { /* 144px */
	/* margin left of 0 and margin right of 16px */
	margin:0 1.4545em 0 0;
	width:13.091em;

	/* try without right margin*/
	margin-right:0;
	width:14.545545454545em;

	/* try with right border and using right padding instead of margin
	margin-right:0;
	padding-right: 1.36359375em;
	border-right: 0.09090625em dashed #1162F9;

	 */

	float:left;
	display:inline;/* ie6 bug fix to stop double sized margins when floating an element*/
}

#footer {
	clear:both;
	background:#999999; color:#ffffff;/*5e5e5e;*/
	padding: 0.72725em 1em 0.72725em 1em;
	width:67.818181818182em;
	background:url(/img/spareroom/v3/other_items/footer-bar.gif);
	background-repeat: no-repeat;
	background-position: top left;

}
#footer a { color:#ffffff; }
#footer strong { color:#ffffff; font-weight: 500;}

blockquote {
	background:url(/img/spareroom/v3/other_items/66.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding:0 0 0 2em;
}
blockquote p.quote {
	background:url(/img/spareroom/v3/other_items/99.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding-right:2em;
	/* font:bold italic 1.1em/1.3 verdana, sans-serif;
	color:#888; */
	margin-left:3px
}
blockquote.grey {
	background-image:url(/img/spareroom/v3/other_items/66_2.gif);
}
blockquote.grey p.quote {
	background-image:url(/img/spareroom/v3/other_items/99_2.gif);
}

/* try making each form row fit across a line and a half */
.formrowbodge { line-height: 2.181818181818em; height:2.181818181818em; margin-bottom:0;}
.formrowsubmit { line-height: 4.363636363636em; height:4.363636363636em; margin-bottom:0;}/* across 3 lines to retain form flow*/


DT { font-weight: 500; }

.glossary dt { float:left;margin-right:1em}
.glossary dd { clear:left; margin-left:1.454545454545em; margin-bottom:1.454545454545em}




/* to do it thumb caption style in cols and rows */
.imagelist dd, .imagelist dt, .imagelist li { width:7.272727272727em; float:left; margin-right:0.909090909091em}
.imagelist dt, .imagelist li { height:5.818181818182em;  }
.imagelist dt { margin-bottom:4.363636363636em;  }
.imagelist dd { height:4.363636363636em;  }
.imagelist dd { margin:5.818181818182em 0 0 -8.181818181818em }



/* flatshare picks */

/* 11px  80px  10px  80px  11px */
/* 10px = 0.909090909091em */
/*
.imagelist { float:left;  width:7.272727272727em; margin-right:0.909090909091em}
.imagelist dl dt { height:5.818181818182em; }
*/

.boxbottom { display:none; }
.submitinput { background:#ffffff; }


.radiobuttons { font-size:1em; line-height:1.4545em; height:1em;}
.textinput,.submitinput {
	/* double line height to house the text boxes*/
	/*line-height:2.909em;*/
	/* for some reason line-height is ignored in IE6 if an input tag is found!!*/
	/* height:2.909em; */

	/* try spreading 2 lines over 3 x 16px lines */
	/* ie line height of 24px, height of 48px */
	line-height:2.181818181818em;
	height:4.363636363636em;
	/* background-color:#ccccff;  */
	}
.textinput input { font-size:1em;  }
.textbox { font-size:1em;  }
.formbutton { font-size:1em;  }





/* listing row width is 39.271545454545em ie 39.271545454545*11 = 432 px */
/* any gutters are 11px */

/* 2 column, then 3 column for buttons row */

/* 11px  |  Location  etc = 410 | 11px */
/* 11px  |  Location 299        |  11px     | Age etc 100px   | 11px */
/* 1em   |  27.181818181818em    |  1em    | 9.090909090909em | 1em */
/* buttons row:
   11px  |  148px   11px  140px    |  11px     | Age etc 100px  | 11px
   1em      13.4545  1    12.7273em |  1em    | 9.090909090909em | 1em
                          |         listing functions 251px       |

*/

/* half line gap at top, one line bottom
.listings dd { margin-bottom:1.4545em; margin-top:0.72725em; padding-top:0.72725em; margin-bottom:0.72725em; padding-bottom:0.72725em}*/
/* no gap at top */
.listings dd { margin-bottom:1.4545em; margin-top:0em; padding-top:0; margin-bottom:1.4545em;; padding-bottom:1.4545em;}


.listings .freelisting { padding-bottom:0; }
.listings dd dd { margin-bottom:0em; margin-top:0em; padding-top:0em; margin-bottom:0em; padding-bottom:0em}
.listings dt { display:none; }
.listings dd { float:left; }


dl.normal { margin:0 }
dl.normal dt { float:left; margin-right:10px }
dl.normal dt:after { content:':' }

/* col widths */
.listingtitle, .listingtext, .listingequivalentroomprice  { padding-left:1em; width:26.9em; padding-right:1em }/* width was 27.181818181818 but ie6 had rounding error that made some ads go crazy */
.listingavailability, .listingphoto, .listingbuddyupbutton { width:9.090909090909em; text-align:right;padding-right:1em  }


.boldlisting .listinglocation, .boldlisting .listingage { color:#ffffff;}

/* same widths as above but with larger 16px font size */
.listinglocation, .listingage, .listingphotosavail, .listingvideoavail { font-size:1.4545em; line-height:2em; }
.freelisting .listinglocation, .freelisting .listingage{ line-height:1em; }

.listinglocation { padding-left:0.6875em; width:12.8125em; padding-right:0.6875em;}
.listingphotosavail { width:3.28125em }
.listingvideoavail { width:3.28125em }
.listingage { width:6.25em; text-align:right;padding-right:0.6875em; }

/* same widths as above but with 14px font size */
.listinglocation, .listingage, .listingphotosavail, .listingvideoavail, .listingphotosavailnot, .listingvideoavailnot { font-size:1.272727272727em; line-height:2.285714285714em; }
.freelisting .listinglocation, .freelisting .listingage, .freelisting .listingphotosavail, .freelisting .listingvideoavail, .freelisting .listingphotosavailnot, .freelisting .listingvideoavailnot{ line-height:1.142857142857em; }
.listinglocation { padding-left:0.785714285714em; width:14.25em; padding-right:0.785714285714em;  }
.listingage { width:7.142857142857em; text-align:right;padding-right:0.785714285714em  }

.listingphotosavail, .listingphotosavailnot { width:3.553571428572em }
.listingvideoavail, .listingvideoavailnot { width:3.553571428572em }


/* .freelisting .listingphotosavail { position:relative; z-index:1; text-indent:-5000px; height:1.454545454545em; background:url(camerasmall.gif); width:26.181818181818em; background-repeat: no-repeat; background-position:right;}
.freelisting .listingvideoavail { position:relative; z-index:1; text-indent:-5000px; height:1.454545454545em; background:url(videosmall.gif); width:29.181818181818em; background-repeat: no-repeat; background-position:right; }
.boldlisting .listingvideoavail { position:relative; z-index:1;  text-indent:-5000px; height:2.90909090909em; background:url(videosmallbold.gif); width:29.181818181818em; background-repeat: no-repeat; background-position:right; }
.boldlisting .listingphotosavail { display:none; }
*/

.freelisting .listingphotosavail { text-indent:-5000px;background:url(/img/spareroom/flat-share/camerasmall.gif);  background-repeat: no-repeat; background-position:right;}
.freelisting .listingvideoavail { text-indent:-5000px;  background:url(/img/spareroom/flat-share/videosmall.gif);  background-repeat: no-repeat; background-position:right; }
.boldlisting .listingvideoavail { text-indent:-5000px;  background:url(/img/spareroom/flat-share/videosmallbold.gif);  background-repeat: no-repeat; background-position:right; }
.boldlisting .listingphotosavail {  text-indent:-5000px; }

.freelisting .listingphotosavailnot,.boldlisting .listingphotosavailnot,.freelisting .listingvideoavailnot,.boldlisting .listingvideoavailnot {  text-indent:-5000px; }

.listingprice     { padding-left:1em; padding-right:1em}
.listingfunctions { width:18.136340909091em;  }
.listingfunctions li { padding-left:1em; float:right; }

.freelisting .listingphoto, .freelisting .listingtext { display:none; }


.boldlisting .listingtitle, .listingprice { font-weight: 500; }

.listings dd a  { text-decoration:none;}
/* .listings .listingmoreinfobutton a, .listings .listingshortlistbutton a, .listings .listinginterestbutton a, .listings .listingbuddyupbutton { text-decoration:underline;} */
.freelisting dd a { color:#5e5e5e; }


.freelisting .listingnew { background-image: url(../../images/spareroom/v4/icons/early_bird.gif);
	background-repeat: no-repeat;
	padding-left: 20px; }

.boldlisting .listingncverification, .boldlisting .listingncverificationinfo {line-height: 2.9090909em; margin-top:1.4545em;}
.boldlisting .listingncverification {
	background-image: url(/img/spareroom/netcred/netcred-bold.gif);
	background-repeat: no-repeat;
	padding-left: 2.9090909em;
	float:left;
	margin-left:0.5em;
	width:14.9em;/* was 15.227250009091 */
	color:#ffffff;

	}
.boldlisting .listingncverificationinfo {text-align:right;

	padding-right:1em;
}
.boldlisting .listingncverificationinfo { width: 18em }

.listingprice {
width:18em;/* was 18.136340909091 but ie6 rounding errors i think */
position:relative;
}

.boldlisting .listingncverificationinfo a { color:#ffffff; }


#saveprompt {float:right; text-align:right;}
#results_header {

}
#saveprompt a.icon {
	padding-left:17px;
	background-repeat:no-repeat;
	background-position:0 50%
}
#saveprompt a.icon.email { background-image:url(/img/spareroom/v3/icons/email.gif); padding-right:5px; }
#saveprompt a.icon.magnify { background-image:url(/img/spareroom/v3/icons/magnify.gif); padding-left:14px; }

/* * * * * * * * * */
/* AD DETAIL PAGE  */
/* * * * * * * * * */


/* midleft col is 176px wide */
/* lets divide it to golden mean of 61.8% and 38.2% ie 9.888em x6.112em */
/* no, divide by 16px = 11 units. Divide into 7 & 4 units
.colmid2span .features dt { float:left; width:10.181818181818em}
.colmid2span .features dd { margin-left:10.181818181818em; width:5.818181818182em}
.colmid2span .features { overflow:auto } */


.colmid2span .features dt { float:left; width:120px}
.colmid2span .features dd { margin-left:125px; width:70px}
.colmid2span .features { overflow:auto }



/* try on right col now */
/* 160px wide ie 10 * 16. divide to 6 / 4 units of 16? making 8.727272727273 X 5.818181818182*/

.colright .features dt { float:left; width:8.727272727273em }
.colright .features dd { margin-left:8.727272727273em; width:5.818181818182em }
/* no, try display inline as if DT longer than dd they all lose their place - doesnt work
.colright .features dt { display:inline; width:8.727272727273em }
.colright .features dd { display:inline; width:5.818181818182em }*/

dl.featuresnew {
	margin:0;
	clear:both;
}
dl.featuresnew dl.featuresnew {
	margin-left:1em;
	padding-top:.5em;
}
dl.featuresnew dt {
	float:left;
	margin-right:.7em;
	margin-bottom:.2em;
	text-transform:capitalize;
}
dl.featuresnew dd {
	margin-bottom:.2em
}
hr.featuresnew {
	margin:.8em 0 .8em 0 !important;
}
p.featuresnew {
	margin:.7em 0 .7em 0;
}
p.ad_text:first-letter {
	text-transform:uppercase;
}
p.detaildesc:first-letter {
/* ad_text css styles are removed by the adblocker firefox add on
  detaildesc is what is inserted by the script for the other desc paragraphs anyway*/
	text-transform:uppercase;
	line-height: 1;
}


ul.inline				li { display:inline }
ul.inline				li { margin:0 4px 0 0 } /* Doesn't support :not so we need extra spacing */
ul.inline:not(blah)		li { margin:0 } /* Supports :not, so we don't need extra spacing */
ul.inline.middot		li:not(.last):after { content:' \00B7 ' }
ul.inline.pipe			li:not(.last):after { content:' | '; }



/* Social bookmarking icons */
ul.social {
	background:#fff;
	padding:2px;
	height:16px;
	float:left;
	margin:0;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px
}
ul.social li { float:left }
ul.social li.facebook a.ir { background-position:0 -48px }
ul.social li.twitter a.ir  { background-position:0 -64px }
ul.social li.facebook a.ir:hover { background-position:-16px -48px }
ul.social li.twitter a.ir:hover  { background-position:-16px -64px }
ul.social li a.ir {
	outline:none;
	cursor:pointer;
	display:block;
	float:left;
	margin-right:2px;
	width:16px;
	height:16px;
	background:url(/img/spareroom/v3/other_items/social_bookmarks.png) no-repeat 0 0;
}
ul.social li.last a.ir { margin-right:0 }


h3.overflow_box {

	color:#fff;
	margin:0;
	display:inline;
	float:left;
	padding:.4em .6em .4em .6em;
	font-size:100%;
	cursor:default
}
div.overflow_box {
	clear:both;

	overflow:auto;
	height:17.5em
}
div.overflow_box.payment {}
div.overflow_box.stats {}
div.overflow_box table {
	width:100%;
	margin:0
}
div.overflow_box td {
	padding:.5em .7em .5em .7em;
	background:#e9e9e9;
	color:#333;
	clear:both;
}
div.overflow_box tr.alt td {
	background:#f5f5f5;
}
div.overflow_box tr.highlighted td {
	background:#999;
	color:#fff;
	font-weight: 500
}
div.overflow_box thead td,
div.overflow_box tfoot td {
	background:#fff;
	font-weight: 500
}
div.overflow_box thead td {
	border-bottom:1px solid #ccc
}
div.overflow_box tfoot td {
	border-top:1px solid #ccc
}

#map {

	padding:1px;
	background:#fff
}
p.contact_helper {

	color:#fff;
	padding:1em;
	margin-top:1.5em;
}

#important_video_info {
	margin:.5em
}
#important_video_info ul {
	margin:1.5em;
}
#important_video_info li {
	margin-bottom:.5em
}


/*
.listinglocation
.listingage
.listingtitle
.listingavailability
.listingtext
.listingphoto
.listingprice
.listingequivalentroomprice
.listingfunctions

*/

/* * * * * * * * */
/* PLACE EDIT AD */
/* * * * * * * * */

form dd { /* margin-left:1em; made narrower for longer Search What labels*/ margin-left:0.45454545455em; /* ie 5px */ }
form dd dd{ margin-left:0em; }

fieldset { padding:0 10px 15px 10px }
legend {
	padding:10px 13px 10px 13px;
	margin-left:-10px;
}


/* Ajax links on upgrade pages */
#upgradeform ul.bulletlist .content a.cross_close {
	float:right;
	background:#3165f3;
	padding:0 3px 0 3px;
	color:#fff;
	text-decoration:none;
}


/* show advertiser types like the image/thumb cols and rows*/
/* colmid2span: width:39.271545454545em; */
/* but have added 1em (11px ) padding each side so width actually 37.271545454545em */

.thumbgallerystyle dt { height:2.909em; width:18.635772727272em; float:left; margin-right:0em; color:#5e5e5e; font-weight: 500;font-style:italic;}
.thumbgallerystyle dd { height:2.909em; margin:1.4545em 0 0 -17.635772727272em; width:17.635772727272em; float:left; margin-right:0em; color:#5e5e5e; }

fieldset, .PAGEplacelisting #maincontent form dl dd { margin-bottom:1.4545em }
/* need to take into account 1em indent for dd:*/
.billsinc li, .ameneties li, .room, .flatmate { /* display:list-item;list-style: decimal inside ;*/ float:left; width:16.136727272727em; border-right:0.090909090909em dotted #5e5e5e;padding:0 0.909090909091em 0 0;margin:0 1em 0 0;}
/* .PAGEplacelisting #maincontent form ol li li { list-style:none;clear:left; }*/

/* pages with submenu need main content to have padding to emphasise heirarchy etc */
#placelisting #maincontent,#editlisting #maincontent, #myaccountmyads #maincontent { padding:1.454545454545em 1em 1.454545454545em 1em; background-color:#eeeeee;}
#editlisting #subsubnav, #SUBPAGEinthepress #subsubnav { padding:1.454545454545em 1em 0em 1em; background-color:#eeeeee;}
#SUBPAGEinthepress #maincontent { padding-top:0; }
#editlisting #maincontent form, #SUBPAGEinthepress #maincontent p { clear:left; margin:0 0.454545454545em; padding-top:1.454545454545em; padding-left:1em; padding-right:1em; background-color:#ffffff; }





#thebasicinfosection h4{ background-image:url(/img/spareroom/flat-share/theadvert.gif); background-repeat: no-repeat; background-position: left;}
#thepropertysection h4{ background-image:url(/img/spareroom/flat-share/theproperty.gif); background-repeat: no-repeat; background-position: left;}
#theroomssection h4{ background-image:url(/img/spareroom/flat-share/therooms.gif); background-repeat: no-repeat; background-position: left;}
#thehouseholdsection h4{ background-image:url(/img/spareroom/flat-share/thehousehold.gif); background-repeat: no-repeat; background-position: left;}
#theadvertsection h4{ background-image:url(/img/spareroom/flat-share/theadvert.gif); background-repeat: no-repeat; background-position: left;}
#logininfosection h4{ background-image:url(/img/spareroom/flat-share/logininfo.gif); background-repeat: no-repeat; background-position: left;}
/* wanted */
#emailalert11section h4{ background-image:url(/img/spareroom/flat-share/emailalerts.gif); background-repeat: no-repeat; background-position: left;}
#roomwantedstep1section h4{ background-image:url(/img/spareroom/flat-share/theadvert.gif); background-repeat: no-repeat; background-position: left;}
#searchprofilesection h4{ background-image:url(/img/spareroom/flat-share/thelocation.gif); background-repeat: no-repeat; background-position: left;}
#rommmatematchsection h4{ background-image:url(/img/spareroom/flat-share/thehousehold.gif); background-repeat: no-repeat; background-position: left;}
#contactsection h4{ background-image:url(/img/spareroom/flat-share/emailalerts.gif); background-repeat: no-repeat; background-position: left;}

#thankyousection  h4{ background-image:url(/img/spareroom/flat-share/thankyou.gif); background-repeat: no-repeat; background-position: left;}


.placelistingformsection h4, .countryheader, .postcodeheader {

	padding:0.571428571429em;

	/* turn off images for student spareroom, because we don't yet have the right colour */
	color:#fff;
	background-image:none !important;
	padding-left:1em !important
}

.placelistingformsection h4 { padding-left:3.090909090909em; }



/* .subsubnavigation li { display:inline; margin-left:0em; margin-right:1em;}
subsubnavigation
*/
.subsubnavigation { /* margin-left:0.454545454545em */} /* nudge right a bit to align with white inner content */
#SUBPAGEinthepress .subnavigation { margin-top:0; /* margin-top:1.454545454545em; */}
.subnavigation { margin-bottom:0 }
.navprev{ clear:left;float:left;}
.navnext{float:right;}
.navcurrent{text-align:center;}


/* LOGIN FORM */
.loginform dd { margin:0 0 1.454545454545em 2em; }



/* - - - - - - - - - - - -*/
/* BODGE FOR OLD SYUFF */
/* - - - - - - - - - - - -*/
.subformrow { margin-bottom:1.454545454545em }
.formlabel { font-weight: 500; }
.forminput select {
	max-width:100%;
}
.formlabel em { font-weight: 500; font-style:italic;}
/* #existinguserform{ float:left; width:18.636727272727em;padding-right:1em;}*/
#existinguserform{ float:left; width:17.636727272727em;padding:0 1em 0 1.3em}
/*#newuserform{ float:left; width:18.636727272727em; border-left:0.090909090909em dotted #5e5e5e; padding-left:0.909090909091em;}*/
#newuserform{ float:left; width:17.636727272727em; }

#existinguserform h4, #newuserform h4, #upgradeform.new h4 {
	color:#111
}
#existinguserform .forminput, #newuserform .forminput {
	margin:0 0 .5em 0;
}
#upgradeform.new .forminput {
	margin:0 0 .5em 1em
}
#contact_advertiser_form {
	margin:1em
}
#contact_advertiser_form .formrow {
	margin:0 0 .5em 0
}
#contact_advertiser_form .formlabel {
	width:6em;
	float:left
}
#contact_advertiser_form .forminput {
	margin-left:6em
}
#contact_the_advertiser_heading {
	margin:0 0 0 1em
}


#logininfoendofcontent{ clear:left; }
.formcheckbox {
	float:left;
	position:relative /* for ie 8 */
}
#roommatematchlist li { display:list-item;list-style: disc inside ; margin:0 0 1.454545454545em 0em; }
td p { margin-bottom:0; }
#watchlistselector li { width:19em; float:left; }
#regform dd { margin-bottom:1.454545454545em }



/* JS links to load append content to a list item on upgrade form */
ul.bulletlist li div.content.why_upgrade h3 {
	margin-left:0 !important
}
ul.bulletlist li div.content {
	background:#fff;
	border:1px solid #bfeef9;
	padding:10px;
	margin:10px;
}
ul.bulletlist li div.content.compare_packages {
	padding:0
}


/* U P G R A D E  P A G E */

#upgradeform legend { display:none }
#upgradeform h3 {
	padding-right:20px;
	background: url(/img/common/icons/earlybird2.gif) no-repeat 100% 50%;
	margin:.5em;
	display:inline-block
}
#upgradeform, #upgradeform p, #upgradeform label {
	color:#222
}

#upgradewhy { float:right; width:100px; padding-left:4px; }

.hilightedrow .prodname {
	color:#000000;
	font-weight: 500;
	margin-bottom: 0px;
}
.hilightedrow td { text-align:top; padding:0.727272727273em }
.unhilightedrow td { text-align:top; padding:0.727272727273em }
.hilightedrow .proddesc { color:#000000; }
.hilightedrow .proddesc A { color:#000000; text-decoration:none;}

.unhilightedrow { background-color: #eeeeee; }
.unhilightedrow .prodname {margin-bottom: 0px; color:#000000;font-weight: 500;}
.unhilightedrow .proddesc { color:#666666;}
.unhilightedrow .proddesc A { color:#666666; text-decoration:none;}
.upgradediscount { background-color: #FFF0EB; }
.forminput { margin-left:1em; }
td { vertical-align:top; }

#container {
	width:73em;
	margin:auto
}
#spareroom {
	padding:1em 1.454545454545em;
	border-left:1px solid #e7e7e7;
	background:#fff url(/img/spareroom/v3/container/right.png) 100% 0 repeat-y;
	_background-image:url(/img/spareroom/v3/container/right.gif)
}
/* ---------- Being container shadow ---------- */
div.container div.side {
	position:relative;
}
div.container div.side.top,
div.container div.side.bottom {
	background-color:#fff;
	background-repeat:repeat-x
}
div.container div.corner {
	position:absolute;
	background-repeat:no-repeat
}
div.container div.side.top {
	height:3px;
	border-top:1px solid #e7e7e7;
}
div.container div.side.top div.corner.left {
	width:6px;
	height:7px;
	left:0;
	top:-1px;
	background-image:url(/img/spareroom/v3/container/top_left.png);
}
div.container div.side.top div.corner.right {
	width:8px;
	height:7px;
	right:0;
	top:-1px;
	background-image:url(/img/spareroom/v3/container/top_right.png);
}
div.container div.side.bottom {
	height:8px;
	background-position:0 100%;
	background-image:url(/img/spareroom/v3/container/bottom.png);
}
div.container div.side.bottom div.corner.left {
	width:7px;
	height:8px;
	left:0;
	background-image:url(/img/spareroom/v3/container/bottom_left.png);
	_background-position:1px 0;
	_background-color:#eee
}
div.container div.side.bottom div.corner.right {
	width:8px;
	height:8px;
	right:0;
	background-image:url(/img/spareroom/v3/container/bottom_right.png);
}
/* ---------- End container shadow ---------- */




#upgradeform.new p.intro,
#upgradeform.new .order_submit_button {
	margin:1.2em
}
#upgradeform.new form {

}
#upgradeform.new fieldset {
	padding-top:1em;
	margin:1em
}
#upgradeform.new table {
	width:100%
}
#upgradeform.new .hilightedrow, #upgradeform.new .unhilightedrow {
	width:80%;
}
#upgradeform.new .hilightedrow label, #upgradeform.new .unhilightedrow label {
	cursor:pointer
}
#upgradeform.new .hilightedrow {
	background-color:#19bfe5;
}
#upgradeform.new .unhilightedrow {
	background-color:#cef3f9
}
.highlight1 {

}


/*   UK BROWSE PAGE */
#listcolleft{ float:left; width:50%; }
.bulletlist li, .bulletlist dd{ display:list-item;list-style: disc outside ;margin-left:1em; }
.bulletlist ul { /* margin-left:1em; */}
.bulletlist ul li { list-style: circle inside ; }

.bulletlist.broaden li {
	margin-bottom:15px
}
.bulletlist.broaden .criteria_to_ditch {
	color:#999
}


ol li { list-style: decimal inside ; }


.deflist dd { margin-bottom:1.4545em; }/* a dl used as it was intended */
.deflist ul { margin-left: 1.4545em; }
.ticklist {
list-style-image: url(/img/spareroom/icons-travel/tick.gif);
}
.ticklist li {
display:list-item;
margin-left:1em;
}


/* speed flatmating events list */
.evenrow { background-color:#ffffff;}
.oddrow { background-color:#eeeeee;}

.listinglocation { font-family: 'Quicksand', sans-serif; font-style:italic; }

/* sup { font-size:0.727272727273em;vertical-align:0.1875em } */
.newfeature { color:#F6A610; }
/* .bluebuttontextlink { text-decoration:underline; }*/

.flatsharingpoll li, .pollvote li { margin-bottom:1.4545em; }
.pollvote em { font-style: italic; }
.pollvote .footnote, .flatsharingpoll .footnote { color:#999; margin-top:5px; margin-right: 50px; margin-bottom: 0px; }

.success { color:#f6A610;  display:block; background:#fff; padding:1em; margin:1em; border:1px solid #f6A610}

#contact_showinterest { padding:0.72725em 1.4545em; border:1px dotted #F6A610; }
#contact_showinterest strong { color:#5e5e5e; }



#listing_tools li.last_element {
	padding-right:0;
	border-right:0;
	margin-right:0em;
}
#listing_tools li {
	display:inline;
	background-repeat:no-repeat;
	background-position:0 50%;
	margin:0 .6em 0 .3em;
	padding:0 0 0 14px;
}
#listing_tools li.save {
	background-image:url(/img/spareroom/v3/icons/save.gif)
}
#listing_tools li.unsuitable {
	background-image:url(/img/spareroom/v3/icons/red_bullet.gif)
}
#listing_tools li.email {
    background-image:url(/img/spareroom/v3/icons/email.gif);
    padding-left:17px
}
#listing_tools li.print {
    background-image:url(/img/spareroom/v3/icons/print.gif);
    padding-left:16px
}
#listing_tools li.contacted {
    background-image:url(/img/spareroom/v3/icons/blue_bullet.gif)
}
#listing_tools li.remove {
    background-image:url(/img/spareroom/v3/icons/delete_bullet.gif)
}
form.options {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:.4em
}
p.showing {
	float:left
}
p.deleted_items {
	float:right
}
a.ir.trash {
	outline:none;
	background-image:url(/img/spareroom/v3/icons/trash.png);
	height:14px;
	width:14px
}
a.ir.trash:hover {
	background-position:0 -14px
}



div.photos {
	margin-bottom:2em;
	overflow:hidden;
	height:100%;
	margin-bottom:1em;
	float:left;
	width:200px
}
div.photos h4 {
	color:#333;
	margin:0 0 .2em 0;
	font-size:1em
}
div.photos .caption {
	text-transform:capitalize;
	display:block;
	padding-top:.3em;
	clear:both
}
div.photos a.img span.zoom {
	text-transform:capitalize;
	color:#fff;
	position:absolute;
	bottom:6px;
	right:6px;
	opacity:.65;
	padding:4px 20px 4px 6px;
	background:#000 url(/img/spareroom/v3/icons/zoom.png) no-repeat 90% 50%;
	display:none;
	/* ie 6 */
	_display:none !important
}
div.photos a.img {

	border-style:solid;
	border-width:2px;
	display:block;
	float:left;
	outline:none
}
div.photos a.img:hover {

}
div.photos a.img.main {
	border-width:3px;
	position:relative;
	text-decoration:none;
	margin:0 1em 0 0;

}
div.photos a.img.main img {
	max-width:190px;
	_width:190px
}
div.photos a.main.img:hover span.zoom {
	display:block
}
div.photos a.img img {
	border:1px solid #fff;
	float:left;
}
div.photos ul {
	margin:0;
	float:left
}
div.photos ul li {
	float:left;
	margin:0 4px 4px 0
}

.contactpanel {
	background:#fff;
	clear:both
}

.hidden { display:none }
.clear { clear:both }


form.filterbox {
	background:#f5f5f5;
	border-bottom:1px solid #dcdcdc;
	overflow:hidden;
	width:39em;
	_height:100%;
	height:auto;
	letter-spacing:-1px !ie
}
form.filterbox .title {
	background:#dcdcdc;
	color:#5e5e5e;
	padding:.2em 0 .2em 1em;
	margin:0
}
div.filterbox {
	float:left;
}
div.filterbox.what {
	width:17em
}
div.filterbox.how {
	width:16em
}
div.filterbox.go {
	width:6em;
	text-align:center;
}
div.filterbox.go div.options {
	padding-top:1em
}
div.filterbox.go div.options, div.filterbox.how div.options {
	border-left:1px solid #fff;
}
div.filterbox.what div.options, div.filterbox.how div.options {
	border-right:1px solid #dcdcdc;
}
div.filterbox.what div.options label {
	cursor:help
}
div.filterbox.how div.options {
	line-height:2;
	padding-top:.4em;
	padding-bottom:.6em
}
div.filterbox div.options {
	padding:0 1em 0 1em;
	margin:.8em 0 .8em 0;
	height:100%
}

/* Begin Agent landing page */
#maincontent.agent_landing #agent_logo {
	text-align:center
}
#maincontent.agent_landing h1 {
	font-size:45px;
	width:250px;
	color:#333;
	font-weight:normal;
	border:0;
	overflow:visible;
	margin:0;
	font-family: 'Quicksand', sans-serif;
	float:left
}
#maincontent.agent_landing form {
	margin:30px auto 0 auto;
	width:250px;
}
#maincontent.agent_landing #agent_property_ref {
	border:1px solid #ccc;
	padding:3px;
	font-size:15px;
	width:170px;
	margin-right:3px
}
#maincontent.agent_landing #agent_property_ref:focus {
	border-color:#999
}
#maincontent.agent_landing big {
	color:#999
}
#maincontent.agent_landing #branches {
	width:500px;
	margin:0 auto 0 auto;
	text-align:center;
	line-height:2.5;
	position:relative;
}
#maincontent.agent_landing #branches li {
	display:inline;
	margin-right:20px;
}
#maincontent.agent_landing a.ir.spareroom_link {
	background-image:url(/img/spareroom/v3/landingpages/buddy_up_with_spareroom.png);
	width:324px;
	height:196px;
	float:right;
	margin:-50px 10px 10px 10px;
	outline:none
}
/* End Agent landing page */

/* rooms wanted version of filterbox */
form.filterbox.wanted div.filterbox.how {
	width:33em
}
form.filterbox.wanted #sort_by_label {
	margin-left:1em
}
form.filterbox.wanted #sort_by_label select {
	width:15em
}
form.filterbox.wanted div.filterbox.go div.options {
	padding-top:.5em
}
form.filterbox.wanted div.options {
	margin:.5em 0 .2em 0;
	padding-bottom:0
}
form.filterbox.wanted div.filterbox.how div.options {
	border-left:none
}


hr {
	border:0;
	border-top:1px solid #dcdcdc;
	border-bottom:1px solid #ffffff;
	padding:0;
	margin:0
}
/* for ie */
#flatsharepicks div.hr {
	background:#ececec
}

.listingtype_bold hr, .listingtype_plain hr {

	border-bottom: 1px solid #ffffff;
	/* height: 2px;*/
	padding:0;
	margin:0.636363636365em 0;/* line is 2px so need 7 either side*/
}

.center { text-align:center }

/* Image replacement */
.ir {
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-10000px;
	display:block;
	text-align:left
}


/* ---------- Begin Inbox/Outbox messages ---------- */

div.box {
	font:1em/1.3 'Quicksand', sans-serif;
	width:98%;
	color:#5e5e5e;
	margin:0 .5em 1.5em .3em;
	position:relative;
}
div.box a {
	text-decoration:none;
	outline:none
}
div.box p {
	margin:0;
	padding:.5em .7em .5em .7em;
	overflow:auto
}
div.box .info {
	display:block;
	float:left;
	width:7em;
	cursor:default
}
div.box .item {
	display:block;
	float:left;
	width:29em
}
div.box .message .item {
	overflow:auto;
	display:block;
}
div.box .message p.info { padding-right:0 }
div.box .message .item p { padding-left:0 }
div.box div.section1 {
	position:relative;
	background:#818181 url(/img/spareroom/v3/email/grey_gradient.gif) repeat-x 0 0;
	_float:left;
	_width:100%;
	_padding-bottom:.4em
}
div.box div.section1 p.extra {
	width:6.9em;
	float:right;
	text-align:center;

	height:100%;
	position:absolute;
	right:0;
	top:0;
	overflow:hidden;
	_height:4em
}
div.box div.section1 .subject, div.box p.extra, div.box p.extra a {
	color:#fff
}
div.box div.section1 span.ir {
	position:absolute;
	top:0;
	width:2px;
	height:2px
}
div.box span.ir.top_left_corner {
	left:0;
	background-image:url(/img/common/top_left_corner.gif)
}
div.box span.ir.top_right_corner {
	right:0;
	background-image:url(/img/common/top_right_corner.gif)
}
div.box div.section2 {
	clear:both;
	background:#e7e7e7;
	position:relative;
	z-index:10;
	_height:100%;
	_padding-bottom:.5em
}
div.box div.section3 {
	padding-bottom:1em;
	position:relative;
	background:#f8f8f8 url(/img/spareroom/v3/email/bottom_shadow.gif) repeat-x 0 100%;
	_height:100%;
	_background-image:none
}
div.box hr {
	clear:both;
	height:1px;
	border:0;
	border-bottom:1px solid #ddd
}
div.box div.ir.bottom_left_shadow {
	background-image:url(/img/spareroom/v3/email/bottom_left_shadow.gif);
	width:10px;
	height:8px;
	position:absolute;
	left:0;
	bottom:1px
}
div.box div.rhs_shadow {
	position:absolute;
	top:0;
	right:-7px;
	width:7px;
	height:100%;
	background:url(/img/spareroom/v3/email/right_shadow.gif) repeat-y 0 0
}
div.box div.rhs_shadow div.ir {
	position:absolute
}
div.box div.rhs_shadow div.ir.top_right_shadow {
	background:url(/img/spareroom/v3/email/top_right_shadow.gif) no-repeat;
	height:26px;
	width:3px;
	top:0;
	left:0
}
div.box div.rhs_shadow div.ir.bottom_right_shadow {
	background:url(/img/spareroom/v3/email/bottom_right_shadow.gif) no-repeat;
	height:8px;
	width:7px;
	bottom:0;
	right:4px;
	z-index:10
}
div.box div.bottom_left_shadow, div.box div.rhs_shadow {
	_display:none
}
div.box input[type=text], div.box textarea {
	color:#666;
	border:1px solid #aaa;
	padding:2px
}


/* Variations on the generic box: */

/* Mailboxes */
div.box.mail div.section1 span.item {
	width:21em;
}
div.box.mail div.section1 p.extra {
	background:none
}
div.box.mail.in span.item.reply {
	width:12em;
}
div.box.mail.in span.item.reject {
	width:16em;
}
div.box.mail div.section2 p.from,
div.box.mail div.section2 p.to {
	padding-top:0
}
div.box.mail p.attachments span.item {
	width:26em
}
div.box.mail p.attachments a {
	float:left;
	margin:2px 10px 2px 0
}
div.box.mail p.attachments span.file_type {
	float:left;
	margin-right:4px
}
div.box.mail div.section3 em {
	font-weight: 500;
	font-style:normal;
	display:block;
	margin-bottom:.4em
}
div.box.mail.in div.section3 input {
	margin-left:-.2em;
	float:left
}
div.box.mail.in span.unsuitable {
	display:block
}
div.box.mail.in span.what_does_this_mean a {
	cursor:help
}
div.box.mail.in div.section3 p.reply span.item {
	min-height:3em;
	_height:auto !important;
	_height:4.5em
}
div.box.mail div.section3 a.ir.delete {
	position:absolute;
	bottom:1.2em;
	left:.8em;
}
a.ir.delete {
	background-image:url(/img/spareroom/v3/email/grey_cross.png);
	width:14px;
	height:14px;
	cursor:pointer
}
a.ir.delete:hover {
	background-image:url(/img/spareroom/v3/email/orange_cross.gif);
}


/* Contact form */
div.box.contact {
	width:80%;
	margin-left:3em
}
div.box.contact span.item {
	width:22em
}

/* Tell a friend form */
div.box.tell_a_friend strong.info {
	width:8em
}
div.box.tell_a_friend span.item {
	width:28em
}
div.box.tell_a_friend span.subject {
	width:18em
}
div.box.tell_a_friend div.section1 p.extra {
	width:9em
}
div.box.tell_a_friend p.message em {
	font-style:italic
}
div.box.tell_a_friend p.to input,
div.box.tell_a_friend p.from input,
div.box.tell_a_friend p.email input,
div.box.tell_a_friend p.your_message textarea {
	width:98%
}

/* ---------- End Inbox/Outbox messages ---------- */


/* ---------- Begin advert detail tabs ---------- */
#detail_tabs ul {
	background:url(/img/spareroom/v3/other_items/detail_tabs.gif) no-repeat 0 0;
	height:20px;
	overflow:hidden
}
#detail_tabs.small_detail_tabs ul {
	background:url(/img/spareroom/v3/other_items/detail_tabs2.gif) no-repeat 0 0;
}
#detail_tabs ul.details	{background-position:0 0}
#detail_tabs ul.email	{background-position:0 -20px}
#detail_tabs ul.tel		{background-position:0 -40px}
#detail_tabs ul.profile	{background-position:0 -60px}
#detail_tabs li {
	float:left;
	margin:3px 0 0 2px
}
#detail_tabs li a {
	display:block;
	color:#fff;
	text-decoration:none;
	outline:none;
	text-align:center;
	letter-spacing:-1px;
}
#detail_tabs li.on a {
	color:#039fc9
}
#detail_tabs li.details	{width:75px}
#detail_tabs li.email	{width:122px}
#detail_tabs li.tel		{width:122px}
#detail_tabs.small_detail_tabs li.details	{width:75px}
#detail_tabs.small_detail_tabs li.email		{width:75px}
#detail_tabs.small_detail_tabs li.tel		{width:75px}
#detail_tabs.small_detail_tabs li.profile	{width:122px}
/* ---------- End advert detail tabs ---------- */



/* ---------- Begin promo code panel ---------- */
#promo_code h3.ir {

	width:144px;
	height:26px;
	margin:0
}
#promo_code form {

	padding:.8em
}
#promo_code p {
	margin:0 0 .5em 0;
	color:#444
}
#promo_code input {
	margin:.2em 0 .2em 0
}
#enter_it_here {
	width:95%
}
/* #promo_code p.redeem {
	text-align:right
} */
/* ---------- End promo code panel ---------- */


/* ---------- Begin Netcred bodge ---------- */

.contactpanel {
	position:relative
}

.contactpanel div.netcred {
	background:#fff;
	position:absolute;
	height:75px;
	width:200px;
	bottom:-90px;
	_bottom:120px;
	left:0;
	border:1px solid #e1e1e1;
	text-align:center;
	-moz-border-radius:10px;
	-webkit-border-radius:10px
}
.contactpanel div.netcred img {
	width:190px;
	width:200px !ie;
	margin:5px 0 0 0;
	cursor:pointer
}

/* ---------- End Netcred bodge ---------- */

/* ---------- Begin panel boxes ---------- */
div.panels {

}
div.panel {
	margin:0 0 .4em 0;
	padding:1em 1.3em 1em 1.3em;
	position:relative;
	-moz-border-radius:.5em;
	-webkit-border-radius:.5em
}
div.panels div.panel {

}
div.panels div.panel.on {

}
div.panels div.panel * {
	color:#111
}
div.panels div.panel.on * {
	color:#fff !important
}
div.panel.border {

}
/* Upgrade form specific styles for panels */
#upgradeform.js div.panel.product,
#upgradeform.js div.panel.product * {
	cursor:pointer
}
#upgradeform.new div.panel p {
	margin:0
}
#upgradeform.new div.panel p.info {
	margin:1em 0 0 1em
}
#upgradeform.new div.panel label {
	margin:0 0 0 .3em;
	font-size:1.2em;
	font-weight: 500
}
#upgradeform.new div.panel strong {
	color:#111 !important
}
#upgradeform.new div.panel span,
#upgradeform.new div.panel big {

}
#upgradeform.new div.panel ul {
	list-style:disc;
	margin:1em 1em .5em 2em;
}
#upgradeform.new div.panel ul li {
	color:#666
}
#upgradeform.new div.panel big {
	position:absolute;
	top:.4em;
	right:.5em;
	_right:1em;
	font:1.7em/1 'Quicksand', sans-serif;
}
#upgradeform.new div.panel.days7 {
	background-position:0 20%
}
#upgradeform.new div.panel.upgradediscount,
#upgradeform.new div.panel.extra_listings {
	background-position:0 10%;
	margin:2em 0 2em 0;
}
#upgradeform.new .upgradediscount big span.total_text {
	font:.8em/1 'Quicksand', sans-serif !important;
}
#upgradeform.new .upgradediscount p {
	margin:0
}
/* ---------- End panel boxes ---------- */

/* ---------- Begin message boxes ---------- */
.msg {
	color:#222;
	margin:.5em 0 2em 0;
	padding:.6em 1em .6em 1em;
	border-width:1px;
	border-style:solid;
	display:inline-block;
	cursor:default;
	_display:block;
}
ul.msg {
	list-style:square;
	padding-left:2em;
}
.msg.notice {
	background:#fff9cf url(/img/spareroom/v3/icons/info.gif) no-repeat 7px 7px;
	padding-left:29px;
	border-color:#b1b1b1
}
.msg.error {
	background:#fce9ec url(/img/spareroom/v3/icons/cross.gif) no-repeat 6px 6px;
	padding-left:28px;
	border-color:#e7Bcba
}
.msg.warning {
	background:#fef0d5 url(/img/spareroom/v3/icons/exclamation.gif) no-repeat 6px 6px;
	padding-left:28px;
	border-color:#fbd692
}
.msg.success {
	background:#e9fce9 url(/img/spareroom/v3/icons/tick.gif) no-repeat 6px 6px;
	padding-left:29px;
	border-color:#bae7c4
}
.msg.plain {
	background-color:transparent;
	border:0;
}
.msg h4 {
	background:none !important;
	padding:0 !important;
	color:#333;
	font-size:100%
}
div.msg .bulletlist {
	margin-bottom:.3em
}

/* msg panels for ad detail page need bit of modification - margin increased on sides and decreased below */
#contactlisting_msg.msg{ margin:1em 1em 0 1em;}
#contactlisting_msg_new.msg{ margin:1em;}
/* ---------- End message boxes ---------- */




/* --------- Begin Commuter search results --------- */
span.roundel,span.TUBE,span.LDNOG,span.DLR {
	background-repeat:no-repeat;
	background-position:0 50%;
	cursor:help
}

tr.table_listing_bold_row span.roundel {
	padding-left:24px;
	background-image:url(/img/spareroom/icons-travel/LULPlainRoundel_20.png);
	_background-image:url(/img/spareroom/icons-travel/LULPlainRoundel_20.gif);
}

tr.table_listing_plain_row span.roundel {
	padding-left:18px;
	background-image:url(/img/spareroom/icons-travel/LULPlainRoundel_14.png);
	_background-image:url(/img/spareroom/icons-travel/LULPlainRoundel_14.gif);
}

tr.table_listing_bold_row span.TUBE {
	padding-left:24px;
	background-image:url(/img/spareroom/icons-travel/LULPlainRoundel_20.png);
	_background-image:url(/img/spareroom/icons-travel/LULPlainRoundel_20.gif);
}

tr.table_listing_plain_row span.TUBE {
	padding-left:18px;
	background-image:url(/img/spareroom/icons-travel/LULPlainRoundel_14.png);
	_background-image:url(/img/spareroom/icons-travel/LULPlainRoundel_14.gif);
}

tr.table_listing_bold_row span.DLR {
	padding-left:24px;
	background-image:url(/img/spareroom/icons-travel/DLRPlainRoundel_20.png);
	_background-image:url(/img/spareroom/icons-travel/DLRPlainRoundel_20.gif);
}

tr.table_listing_plain_row span.DLR {
	padding-left:18px;
	background-image:url(/img/spareroom/icons-travel/DLRPlainRoundel_14.png);
	_background-image:url(/img/spareroom/icons-travel/DLRPlainRoundel_14.gif);
}

tr.table_listing_bold_row span.LDNOG {
	padding-left:24px;
	background-image:url(/img/spareroom/icons-travel/LDNOGPlainRoundel_20.png);
	_background-image:url(/img/spareroom/icons-travel/LDNOGPlainRoundel_20.gif);
}

tr.table_listing_plain_row span.LDNOG {
	padding-left:18px;
	background-image:url(/img/spareroom/icons-travel/LDNOGPlainRoundel_14.png);
	_background-image:url(/img/spareroom/icons-travel/LDNOGPlainRoundel_14.gif);
}
/* --------- End search results --------- */

p.back_to_top {
	text-align:right;
	margin:5px 0 5px 0;
}
p.back_to_top span {
	font-weight: 500
}

/* --------- Begin Blue/grey panels wide --------- */
div.panel207.free {
	margin-left:3px !important
}
div.panel207.bold {
	float:right !important;
	margin-right:3px;
}
div.panel207 {
	width:207px;
}
div.panel432 {
	width:432px;
	clear:both;
	padding:1px;
	position:relative;
	background:#f8f8f8 url(/img/spareroom/v3/panel_footers/footer_432.gif) no-repeat 0 100%
}
div.panel207 div.content, div.panel432 div.content {
	margin:10px;
	overflow:hidden;
}
div.panel207 h3, div.panel432 h3 {
	text-indent:-10000px;
	background-position:0 0;
	background-repeat:0 0;
	height:26px;
	width:100%
}
div.panel207 h4, div.panel432 h4 {
	color:#373737
}
div.panel207 ul, div.panel432 ul {
	list-style:disc;
	list-style-position:inside;
	margin-left:4px
}
div.panel207 li, div.panel432 li {
	margin-bottom:8px;
}
div.panel207 li li, div.panel432 li li {
	margin:0
}
/* Post advert options page */
#listing_options_page div.panel207, #SUBPAGEroom div.panel207 {
	position:relative;
	float:left;
	margin:5px 4px 15px 0;
	height:275px;
	overflow:hidden
}
#listing_options_page div.panel207 input, #SUBPAGEroom div.panel207 input {
	width:100%
}
#listing_options_page div.panel207 div.bottom, #SUBPAGEroom div.panel207 div.bottom {
	position:absolute;
	left:0;
	bottom:0;
	padding:10px;
	text-align:center;
	background:none;
	width:120px;
	margin-left:35px
}
#listing_options_page div.panel207 div.bottom form, #SUBPAGEroom div.panel207 div.bottom form {
	margin:0;
}
#listing_options_page div.panel207 div.bottom p, #SUBPAGEroom div.panel207 div.bottom p {
	margin:0
}
#listing_options_page div.panel432, #SUBPAGEroom div.panel432 {
	clear:both;
	margin-top:10px;
}
#listing_options_page div.panel432 form, #SUBPAGEroom div.panel432 form {
	margin:5px 0 5px 0;
	text-align:right
}
#listing_options_page div.panel432 div.left, #SUBPAGEroom div.panel432 div.left {
	float:left;
	width:45%
}
#listing_options_page div.panel432 div.right, #SUBPAGEroom div.panel432 div.right {
	float:right;
	width:49%;
}
#listing_options_page div.panel432 div.right ul.bulletlist, #SUBPAGEroom div.panel432 div.right ul.bulletlist {
	margin:0 0 10px 0
}
#SUBPAGEroom div.panel432 div.right ul.bulletlist li,
#bold_ad_pricing ul.bulletlist li{
	background:#eaf9fe;
	border:1px solid #84cfe4;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	list-style:none;
	margin:0 0 3px 0;
	padding:2px 4px 2px 6px;
	width:80%;
	position:relative
}
#listing_options_page div.panel432 div.right ul.bulletlist li strong, #SUBPAGEroom div.panel432 div.right ul.bulletlist li strong {
	position:absolute;
	right:6px
}
#listing_options_page #bold_ad_eg, #SUBPAGEroom #bold_ad_eg {
	text-align:center;
	margin:0;
	_height:164px;
	_clear:both;
	_margin-left:5px;
}
#listing_options_page #bold_ad_eg img, #SUBPAGEroom #bold_ad_eg img {
	_visibility:hidden
}
#listing_options_page #big_mag, #SUBPAGEroom #big_mag {
	background:url(/img/spareroom/v3/mag/spareroom_mag_big.png) no-repeat 0 0;
	_background:none;
	width:251px;
	height:329px;
	position:absolute;
	right:-20px;
	top:5px
}
#listing_options_page div.panel432 div#mag_info, #SUBPAGEroom div.panel432 div#mag_info {
	width:45%
}
/* --------- End Blue/grey panels wide --------- */

/* --------- Begin mag packages page --------- */
#SUBPAGEmagpackages div#magpackages {
	position:relative;
	background:#f5f5f5;
	padding:10px;
	margin:5px 0 15px 0
}
#SUBPAGEmagpackages div#magpackages li {
	list-style:disc;
	margin-left:1.5em
}
#SUBPAGEmagpackages #discount {
	background:url(/img/spareroom/v3/other_items/discount_packages.gif) no-repeat 0 0;
	width:255px;
	height:54px;
	margin:10px 0 10px 0
}
#SUBPAGEmagpackages #magazine {
	background:url(/img/spareroom/v3/mag/spareroom_mag_trans.png) no-repeat 0 0;
	_background:none;
	width:169px;
	height:218px;
	position:absolute;
	right:-10px;
	top:0;
}
#SUBPAGEmagpackages #mag_packages {
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	overflow:hidden;
	margin:40px 10px 20px 10px;
	padding:20px
}
#SUBPAGEmagpackages #mag_packages p.magad {
	float:left;
	width:45%;
}
#SUBPAGEmagpackages #mag_packages p.magad.bl {
	margin-right:30px
}
#SUBPAGEmagpackages #mag_packages strong {
	font-size:1.5em;
	display:block;
	margin-top:5px
}
#SUBPAGEmagpackages p.checkout {
	margin:20px 10px 10px 10px;
	text-align:center
}
#SUBPAGEmagpackages #payment {
	width:100%;
	background:#fff;
	border:1px dotted #ccc;
	_border:1px solid #e1e1e1
}
#SUBPAGEmagpackages #payment td {
	padding:15px;
	width:50%
}
#SUBPAGEmagpackages #payment form {
	margin:0
}
#SUBPAGEmagpackages strong.chosen {
	font-size:1.1em;
	display:block;
	margin:10px 0 0 15px
}
#SUBPAGEmagpackages span.q {
	font-size:1.4em;
	font-family: 'Quicksand', sans-serif;
	color:#999
}
/* --------- End mag packages page --------- */


/* --------- Begin mag order page --------- */
body.mag_order div#magorder {
	background:#f5f5f5;
	padding:10px;
	margin-bottom:20px
}
body.mag_order #mag_order_form {
	position:relative
}
body.mag_order #magazine {
	background:url(/img/spareroom/v3/mag/spareroom_mag_trans.png) no-repeat 0 0;
	_background:none;
	width:169px;
	height:218px;
	position:absolute;
	right:-10px;
	top:0;
}
body.mag_order p.magad {
	float:left;
	margin:20px
}
body.mag_order #mag_previews {
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	overflow:hidden;
	margin:25px
}
body.mag_order p.magad.bpa,
body.mag_order p.magad.pa {
	height:260px;
}
body.mag_order p.magad.bl,
body.mag_order p.magad.l {
	height:160px;
}
body.mag_order p.magad strong {
	display:block;
	font-size:1.2em
}
body.mag_order p.magad select {
	margin:4px 0 8px 0
}
body.mag_order input.checkout {
	_width:90%
}
body.mag_order p.checkout {
	margin:20px 10px 20px 10px;
	text-align:center
}
body.mag_order #payment {
	width:100%;
	background:#fff;
	border:1px dotted #ccc;
	_border:1px solid #e1e1e1
}
body.mag_order #payment td {
	padding:15px;
	width:50%
}
body.mag_order #payment form {
	margin:0
}
/* --------- End mag order page --------- */


/* --------- Begin mag ads page --------- */
#SUBPAGEmagads #mag_ads {
	width:100%
}
#SUBPAGEmagads #mag_ads th {
	font-weight: 500;
	border-bottom:1px dotted #ccc;
	_border-bottom-style:solid;
	margin-bottom:10px
}
#SUBPAGEmagads #mag_ads th span {
	font-weight:normal
}
#SUBPAGEmagads #mag_ads td {
	padding:10px 0 0 0
}
#SUBPAGEmagads #mag_ads td.reset {
	text-align:right
}
/* --------- Begin mag ads page --------- */

/* --------- Begin my ads page --------- */
#SUBPAGEmylistings div.featured_ads table {
	width:100%
}
#SUBPAGEmylistings div.srad form.redirect {
	border:0 !important;
	padding:0 !important;
	margin:0;
}
#SUBPAGEmylistings div.srad {
	background:#e6e6e6;
	padding:10px 15px 10px 15px;
	margin:0 0 10px 0;
	position:relative;
	float:left;
	width:382px;
	overflow:visible;
}
#SUBPAGEmylistings div.srad_top,
#SUBPAGEmylistings div.srad_bottom {
	height:5px;
	width:412px;
}
#SUBPAGEmylistings div.srad_top {
	background:url(/img/spareroom/v3/panel_headers/header_412.gif) no-repeat 0 100%
}
#SUBPAGEmylistings div.srad_bottom {
	background:url(/img/spareroom/v3/panel_footers/footer_412.gif) no-repeat 0 0;
	margin-bottom:10px
}
#SUBPAGEmylistings div.srad dl {
	margin:0;
}
#SUBPAGEmylistings div.srad dt.info {
	display:block;
	margin-bottom:5px
}
#SUBPAGEmylistings div.srad span.ref {
	color:#999;
	font-size:1.2em;
}
#SUBPAGEmylistings div.srad span.advert_id {
	color:#333;
	font-size:1.2em
}
#SUBPAGEmylistings div.srad dd.title {
	font-weight: 500
}
#SUBPAGEmylistings div.srad dd.admin {
	clear:both;
	padding-top:8px
}
#SUBPAGEmylistings div.srad dd.status {
	position:absolute;
	right:70px;
	top:8px;
}
#SUBPAGEmylistings div.srad dd.title span,
#SUBPAGEmylistings div.srad .url {
	float:left;
	font-weight:normal
}
#SUBPAGEmylistings div.srad dt.url {
	font-weight:normal;
	margin-right:5px
}
#SUBPAGEmylistings div.srad dt.social {
	display:none
}
#SUBPAGEmylistings div.srad dd.social {
	position:absolute;
	float:right;
	bottom:6px;
	right:6px;
}
#SUBPAGEmylistings div.srad div.icon {
	width:100px;
	height:21px;
	background-repeat:no-repeat;
	background-position:100% 0;
	position:absolute;
	right:-75px;
	top:-15px;
	text-indent:-10000px
}
#SUBPAGEmylistings div.srad div.icon.live { background-image:url(/img/spareroom/v3/other_items/live.png); }
#SUBPAGEmylistings div.srad div.icon.expired { background-image:url(/img/spareroom/v3/other_items/expired.png); }
#SUBPAGEmylistings div.srad div.icon.pending { background-image:url(/img/spareroom/v3/other_items/pending.png); }
#SUBPAGEmylistings div.srad div.icon.deleted { background-image:url(/img/spareroom/v3/other_items/deleted.png); }
#SUBPAGEmylistings div.srad div.icon.not_live { background-image:url(/img/spareroom/v3/other_items/not_live.png); }
/* --------- End my ads page --------- */

/* --------- Begin upgrade panel --------- */
#upgrade {
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	margin:20px 10px 20px 10px;
	padding:10px;
	color:#444;
}
#upgrade .icon {
	display:block;
	float:left;
	background-position:0 50%;
	background-repeat:no-repeat;
	_background:none !important;
	width:26px;
	height:37px;
	text-indent:-10000px;
	position:relative;
	z-index:20
}
#upgrade .icon.one {
	background-image:url(/img/spareroom/v3/icons/1.png);
}
#upgrade .icon.two {
	background-image:url(/img/spareroom/v3/icons/2.png);
}
#upgrade .icon.three {
	background-image:url(/img/spareroom/v3/icons/3.png);
}

#upgrade div.upgrade {
	position:relative;
	overflow:visible;
	_height:100%
}
#upgrade hr {
	border:0;
	border-bottom:1px solid #9dedf8;
	margin:12px 0 12px 0;
	height:0
}
#upgrade a.arrow {
	display:block;
	height:37px;
	background-repeat:no-repeat;
	background-position:100% 0;
	text-decoration:none;
	outline:none;
	position:relative;
	z-index:10;
	cursor:pointer
}
#upgrade a.arrow span.info {
	font-family: 'Quicksand', sans-serif;
	display:block;
	height:37px;
	line-height:15px;
	margin:3px 0 0 10px;
	_margin-left:5px;
	float:left;
}
#upgrade a.arrow span.info strong {
	font-size:1.1em;
	color:#222
}
#upgrade div.ir.ad_preview,
#upgrade div.ir.fad_preview,
#upgrade div.ir.mag_preview {
	float:right
}
#upgrade div.ir.ad_preview,
#upgrade div.ir.fad_preview,
#upgrade div.ir.mag_preview {
	position:absolute;
}
#upgrade strong.ir.orange_plus {
	width:8px;
	height:37px;
	float:left;
	margin:0 5px 0 5px;
	position:relative;
	z-index:20;
	background:url(/img/spareroom/v3/icons/orange_plus.gif) no-repeat 50% 50%
}

#upgrade a.upgrade-now {
	width: 229px;
	height: 36px;
	background-image:url(/img/spareroom/v3/upgrade/upgrade-button.gif);
	margin: 0 auto;
	outline: none;
}

#upgrade a.findoutmore {
	width: 229px;
	height: 36px;
	background-image:url(/img/spareroom/v3/upgrade/findoutmore-button.gif);
	margin: 0 auto;
	outline: none;
}
/* --------- End upgrade panel --------- */


/* --------- Begin small upgrade panel --------- */
#upgrade.small a.arrow.short {
	width:60%;
	_width:55%;
	background-image:url(/img/spareroom/v3/other_items/right_bg.gif)
}
#upgrade.small a.arrow.short:hover {
	width:65%;
	_width:60%
}
#upgrade.small a.arrow.long {
	width:90%;
	_width:75%;
	background-image:url(/img/spareroom/v3/other_items/right_bg2.gif)
}
#upgrade.small a.arrow.long:hover {
	width:95%;
	_width:80%
}
#upgrade.small div.ir.mag_preview {
	background-image:url(/img/spareroom/v3/mag/spareroom_mag_half.png);
	_background:none;
	width:93px;
	height:61px;
	right:10px;
	bottom:-12px;
	_bottom:-19px;
}
#upgrade.small div.ir.ad_preview {
	background-image:url(/img/spareroom/v3/other_items/bold_ad_eg_half.gif);
	width:126px;
	height:69px;
	right:-10px;
	top:-30px
}
#upgrade.small div.ir.fad_preview {
	background-image:url(/img/spareroom/v3/other_items/fad_eg_half.gif);
	width:126px;
	height:69px;
	right:-10px;
	top:-30px
}


#upgrade.small a.arrow span.ir.go {
	background-image:url(/img/spareroom/v3/other_items/go2.gif);
	width:29px;
	height:22px;
	float:right;
	margin:8px 15px 0 0;
	_margin-right:10px
}
/* --------- End small upgrade panel --------- */


/* --------- Begin large upgrade panel --------- */
#upgrade.large a.arrow.short {
	width:45%;
	background-image:url(/img/spareroom/v3/other_items/right_bg.gif)
}
#upgrade.large a.arrow.short:hover {
	width:50%;
}
#upgrade.large a.arrow.long {
	width:68%;
	_width:60%;
	background-image:url(/img/spareroom/v3/other_items/right_bg2.gif)
}
#upgrade.large a.arrow.long:hover {
	width:73%;
	_width:65%
}
#upgrade.large div.upgrade div.ir.mag_preview {
	background-image:url(/img/spareroom/v3/mag/spareroom_mag_full.png);
	_background:none;
	width:109px;
	height:144px;
	right:12px;
	top:-4px;
}
#upgrade.large div.ir.ad_preview {
	background-image:url(/img/spareroom/v3/other_items/bold_ad_eg_full.gif);
	width:181px;
	height:68px;
	right:10px;
	top:-20px
}
#upgrade.large div.ir.fad_preview {
	background-image:url(/img/spareroom/v3/other_items/fad_eg_full.gif);
	width:182px;
	height:73px;
	right:10px;
	top:-15px
}
#upgrade.large div.upgrade.both div.ir.ad_preview {
	position:static;
	float:left;
	margin:10px
}
#upgrade.large div.upgrade.both div.ir.mag_preview {
	top:5px
}
#upgrade.large div.upgrade div.benefits {
	clear:both;
	margin:10px 0 0 0
}
#upgrade.large div.upgrade div.benefits a {
	text-decoration: underline;
}
#upgrade.large div.upgrade div.benefits * {
	color:#777
}
#upgrade.large div.upgrade div.benefits p {
	margin:0
}
#upgrade.large div.upgrade div.benefits p em {
	font-style:italic
}
#upgrade.large div.upgrade div.benefits ul.bulletlist {
	margin:0 0 5px 10px
}
#upgrade.large div.upgrade.mag div.benefits {
	width:65%;
}
#upgrade.large div.upgrade.both div.ir.blue_plus {
	width:25px;
	height:26px;
	float:left;
	margin:30px 0 0 10px;
	background:url(/img/spareroom/v3/icons/blue_plus.gif) no-repeat 50% 50%
}
/* --------- End large upgrade panel --------- */

/* --------- Begin Living-in pages --------- */
#SUBPAGElivingin p#living_in_content {
	margin:5px;
	overflow:auto;
	_height:100%
}
#SUBPAGElivingin img#thumbnail {
	border:4px solid #e1e1e1;
	padding:1px;
	float:left;
	width:100px;
	margin:0 10px 10px 0
}
#SUBPAGElivingin dl#living_in_images {

}
/* --------- End Living-in pages --------- */

/* --------- Begin Compare Bold Ads page --------- */
#compareboldads {
	margin:0 30px 30px 10px
}
#compareboldads table {
	border-collapse:collapse;
	width:100%;
	margin:65px auto 0 auto;
}
#compareboldads th,
#compareboldads td {
	border:1px solid #ccc;
	padding:10px 10px 10px 10px
}
#compareboldads td {
	vertical-align:middle;
	background:url(/img/spareroom/v3/other_items/td_bg.png) repeat-x 0 1px
}
#compareboldads th div.rel {
	position:relative;
	float:left
}
#compareboldads th span.ir {
	position:absolute;
	left:0;
	bottom:0
}
#compareboldads th span.ir#days7 {
	background-image:url(/img/spareroom/v3/other_items/7_days.png);
	width:36px;
	height:34px
}
#compareboldads th span.ir#days14 {
	background-image:url(/img/spareroom/v3/other_items/14_days.png);
	width:40px;
	height:40px
}
#compareboldads th span.ir#days28 {
	background-image:url(/img/spareroom/v3/other_items/28_day_saver.png);
	width:64px;
	height:65px
}
#compareboldads span.ir.tick {
	background-image:url(/img/spareroom/v3/other_items/tick.png);
	width:20px;
	height:19px
}
#compareboldads span.ir.cross {
	background-image:url(/img/spareroom/v3/other_items/cross.png);
	width:16px;
	height:14px
}
/* --------- End Compare Bold Ads page --------- */

/* --------- Begin search form --------- */
#search_form {}
#search_form fieldset {
	background:url(/img/spareroom/v3/other_items/divider.png) repeat-x 0 100%;
	margin:0;
	overflow:auto;
	padding:.5em 1em .5em 1em;
}
#search_form legend {
	font-size:1em;
	background:none;
	padding:0;
	margin:0;
	color:#5e5e5e;
	float:left;
}
#search_form div.contents {
	float:right;
	width:70%
}
#f_gender div.contents,
#search_and_location_details div.contents {
	width:80%
}
#search_form big.or em {
	font-weight: 500;
	font-style:italic;
	font-size:1.1em;
	color:#ccc;
	display:block;
	margin:.5em 0 .5em 0
}
#search_form.js fieldset fieldset {
	border:0;
	background:none;
	margin:0;
	padding-left:0
}
#search_form.js fieldset fieldset legend {
	display:none
}
#search_form.js a.toggle {
	display:block;
	background:#b2b2b2 url(/img/spareroom/v3/other_items/minus.png) no-repeat 5px 50%;
	color:#fff;
	padding:3px 5px 3px 18px;
	font-weight: 500;
	font-size:13px;
	text-decoration:none;
	outline:none;
	margin-top:.5em;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px
}
#search_form.js a.toggle.closed {
	background-image:url(/img/spareroom/v3/other_items/plus.png);
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px
}
#search_form.js a.toggle:hover {
	background-color:#888
}
#search_form.js a.toggle:hover + div.section {
	border-color:#888
}
#search_form.js #search_mode {
	display:none
}
#search_form div.matches label {
	display:block;
}
#search_form div.matches label input {
	margin-right:.3em
}
#search_form div.section {
	background:#f8f8f8;
	margin-bottom:1em;
}
#search_form.js div.section {
	border:1px solid #b2b2b2;
	border-top:0;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px
}
#search_button {
	margin-top:1em
}
#search_form.js td.available_anytime {
	width:30%
}
#search_form #search_by_area {
	padding-top:12px
}
#search_form .location_type {
	float:left;
	width:43%
}
/* --------- End search form --------- */

/* --------- Begin uploadify --------- */
div.fileUploadQueueItem {
	padding:3px 3px 0 3px;
	margin-top:3px
}
div.fileUploadQueueItem div.cancel {
	float:right
}
div.fileUploadQueueItem span.fileName {

}
div.fileUploadQueueItem span.percentage {
	font-weight: 500
}
div.fileUploadQueueItem div.fileUploadProgress {
	background:#fff;
	margin:4px 0 4px 0;
	padding:1px;
}
div.fileUploadQueueItem div.fileUploadProgressBar {
	background:#b1cfff;
}
#upload_link {
	margin:10px 10px 0 0;
	text-align:right
}
/* --------- End uploadify --------- */

/* --------- Begin Where To Live Wizard --------- */
span.percentage_bar,
span.percentage_bar span {
	display:block;
	height:10px
}
span.percentage_bar {
	background:#C6D9FD;
	margin:2px 0 2px 0;
	text-indent:-10000px
}
span.percentage_bar span {
	background:#4D89F9;
}
#wtlw_results {
	width:100%
}
#wtlw_results th {
	font-weight: 500
}
.two_big_cols_left,
.two_big_cols_right {
	border:1px solid #ccc;
	width:375px;
	padding:1px
}
.two_big_cols_right {
	float:right;
	height:256px;
}
/* --------- End Where To Live Wizard --------- */

body#SUBPAGEaffiliates .strip {
	background:#f5f9ff;
	height:100px;
	margin:20px 0 20px 0;
	position:relative
}
body#SUBPAGEaffiliates .strip.metro {
	margin-top:40px;
	margin-bottom:40px;
	height:125px
}
body#SUBPAGEaffiliates .strip.sarahb {
	height:80px;
	clear:both
}
body#SUBPAGEaffiliates .strip.metro a.img {
	position:absolute;
	top:-30px;
	right:15px;
	width:165px;
	height:221px;
	display:block;
}
body#SUBPAGEaffiliates .strip.metro a.img img {
	_display:none
}
body#SUBPAGEaffiliates .strip.sarahb img {
	position:absolute;
	right:10px;
	bottom:0
}
body#SUBPAGEaffiliates .strip .content {
	float:left;
	width:240px;
	margin:15px;
	_margin-left:10px
}
body#SUBPAGEaffiliates .content {
	position:relative;
	z-index:2;
	margin:0 15px 0 15px
}
body#SUBPAGEaffiliates .content.affiliates {
	border:1px solid #ebf4ff;
	text-align:center;
	padding:5px;
	margin-bottom:15px
}
body#SUBPAGEaffiliates .content.benefits {
	width:270px;
}



/* Email attachments */
#attachments .adder {
	margin-left:5px
}
#attachments .attachment {
	margin:0 0 5px 0
}
#media {
	border:1px solid #999;
	background:#fff;
	padding:5px;
	height:100px;
	overflow:auto;
}
#media label {
	display:block;
	cursor:pointer;
	border:1px solid #fff;
	margin-bottom:4px;
	float:left;
	clear:both;
	padding:4px;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px
}
#media label.selected {
	border-color:#cdd2dc;
	background:#ebf4ff
}
#media span.file_type {
	float:left;
	margin-right:5px
}
#media span.file_type {
	text-indent:-10000px
}




/* Facebook connect */
#facebookconnect_title {
	background:url(/img/spareroom/icons/facebook_connect_logo_32pxheight.jpg) no-repeat top left;
	padding-left: 36px;
}



/* New-new Watchlist selector */
#watchlist {
	width:750px;
	height:250px;
	margin:auto;
	position:relative
}
#watchlist select {
	width:24%;
	height:250px;
	float:left;
	margin:0 .4% 0 .4%
}
#selected_areas_label {
	position:absolute;
	top:-2em;
	right:1em;
	font-weight: 500
}
form.watchlist .buttons {
	text-align:right;
	margin:2em
}





#earn_how_much {
	max-height:200px;
	_height:200px;
	overflow:auto
}
#earn_how_much table {
	margin:0;
	width:100%;
}
#earn_how_much td { width:55% }
#earn_how_much td.row {
	border-bottom:1px solid #ccc;
	padding:5px 0 5px 0
}


/* Begin upload photos page */
#manage-photos-form th {
	font-weight: 500
}
#manage-photos-form td,
#manage-photos-form th {
	padding:5px 10px 5px 10px
}
#manage-photos-form td {
	vertical-align:middle
}
#manage-photos-form tr.dragging {
	background:#b1cfff
}
#manage-photos-form td.dragger {
	cursor:move
}
#manage-photos-form td.sort_order span.sort_order {
	font-size:1.4em;
	color:#999;
	cursor:default
}
#upload-photos-form {
	margin-top:1.5em
}
/* End upload photos page */




/* Begin upsell page (get upgrade step2) */
.upsell #question_box {
	position:relative;
	background:#ececec;
}
.upsell #question_box blockquote {
	background-position:55px 15px;
	padding:0 15px 15px 0
}
.upsell #question_box p.quote {
	background-position:100% 100%;
	line-height:1.6;
	padding:12px 15px 0 0;
	margin:0 0 0 80px;
	color:#333
}
.upsell #buttons {
	margin:20px auto 20px auto;
	width:54%
}
.upsell #buttons input {
	margin-right:10px
}
.upsell #benefits {
	margin:20px 30px 20px 20px
}
.upsell #benefits li {
	background-position:0 0;
	background-repeat:no-repeat;
	padding-left:40px;
	margin-bottom:15px;
	min-height:32px;
}
.upsell #benefits li.one { background-image:url(/img/spareroom/v3/icons/1.gif) }
.upsell #benefits li.two { background-image:url(/img/spareroom/v3/icons/2.gif) }
.upsell #benefits li.three { background-image:url(/img/spareroom/v3/icons/3.gif) }
.upsell #benefits li.four { background-image:url(/img/spareroom/v3/icons/4.gif) }

/* End upsell page */






/* Begin Average Rental Prices table */
#avg_prices th,
#avg_prices td {
	padding:4px
}
#avg_prices th {
	font-weight: 500;
	vertical-align:top;
	border-bottom:1px solid #ccc;
}
#avg_prices {
	border-bottom:1px solid #ccc
}
/* End Average Rental Prices table */


/* for products.pl page - taken straight from old FindaFlat */
.prodlist ul, .prodlist dd{ margin-bottom:0 }
.prodlist .prodbenefits { margin-bottom:1.454545454545em; margin-left:1.416666667em }
.prodlist dt { float:left; }
.prodprice { margin-left: 21em; color:red; }




/* Red Cross Japan Tsunami Appeal */
#brc {
	cursor:default;
	background:#fff;
	border:1px solid #f00;
	padding:7px 7px 9px 7px;
	margin-bottom:15px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
}
#brc img {
	float:left;
	margin-right:12px;
}
#brc h1 {
	border:none;
	margin:7px 0 0 0;
	font:bold 13px/1 'Quicksand', sans-serif;
	letter-spacing:.01em;
	word-spacing:.05em;
	color:#e00;
}
#brc p {
	color:#e00;
	margin:7px 0 0 0;
	text-align:center;
}
#brc a, #brc a:visited {
	color:#e00;
	text-decoration: underline;
}


/* Census Pollvote */
.pollvote-census .pollvote,
.pollvote-census .pollcontent {
	background:none;
	border:none;
	margin:0;
	padding:0 0 5px 0
}
.pollvote-census .pollvote h5 {
	display:none
}
.pollvote-census .pollvote {
	font-size:14px;
	margin-top:25px
}
/* Census Intro */
.flatshare-census #spareroom {
	background:#fff url(/img/spareroom/v3/other_items/ipad2.jpg) no-repeat 100% 90px
}
.flatshare-census h3.first {
	margin-top:80px
}


/* Rail icons */
.rail_icons {
	background:url(/img/spareroom/icons-travel/rail_icons.gif);
	width:15px;
	height:11px;
	text-indent:-10000px;
	display:block;
	float:left;
	margin-right:5px
}
.rail_icons.br { background-position:0 0 }
.rail_icons.dlr { background-position:0 -11px }
.rail_icons.tube { background-position:0 -22px }
.rail_icons.br_dlr { background-position:0 -33px; width:33px; }
.rail_icons.br_tube { background-position:0 -44px; width:33px }
.rail_icons.dlr_tube { background-position:0 -55px; width:33px }
.rail_icons.br_dlr_tube	 { background-position:0 -66px; width:51px }


/* Area info page */
#SUBPAGEareainfopopup {
	background:#fff;
	margin:10px
}
#SUBPAGEareainfopopup dt {
	float:left;
	margin-right:10px;
}
#SUBPAGEareainfopopup #rail p {
	margin:0
}
#SUBPAGEareainfopopup h4 {
	font-size:14px;
	color:#777;
	margin:15px 0 15px 0;
	border-bottom:1px solid #e1e1e1;
}

/* Lightbox template overrides */
.lightbox_to {
	background:#fdf9d2;
}

/* Begin Email Alerts sidebar box */
.email_alerts_sidebar_box {
	margin-bottom:15px;
}
.email_alerts_sidebar_box span {
	display:block;
	float:left;
	margin:6px 10px -10px 10px;
}
.email_alerts_sidebar_box a {
	color:#5e5e5e;
	text-decoration:none;
	display:block;
	width:160px;
	height:125px;
	margin:0 0 -10px -1px;
	background:url(/img/spareroom/v3/other_items/hearabout-emailalerts3-no-text.gif) no-repeat 50% 100%;
}
/* End Email Alerts sidebar box */