body { background: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; } h1 { font-size: 14px; font-weight:bold;} .homepageheading { color:#666666; font-size: 21px; font-weight:bold;} .homepagesubheading { color:#000000; font-size: 16px; font-weight:bold;} h2 { font-size: 12px; font-weight:bold;} h3 { font-size: 14px; color:#1649FC;} #main { background: #F5F5F5; padding: 15px; height: auto; } A { color: #1649FC; } B A {text-decoration:none; } A B {text-decoration:none; } table { border: none; } td { vertical-align: top; font: 11px verdana; } .middleTDalign { vertical-align: middle; } .bottomTDalign { vertical-align: bottom; } .overidetop { vertical-align: bottom; } .strapline { color:#138BFB; font-size: 12px; font-weight:bold;font-style:italic;} #waitingRoom { display: none; border: none; } .small { vertical-align: top; font: 10px verdana; padding: 0px; color: #333333; } .formerror { color:#ff0000; } .lightercaption { color:#666666; } .lightercaption A { color:#333333; } .newadvert{ color: #1649FC; font-weight:bold; } .daysoldadvert{ color: #1649FC; font-weight:bold; } .daysoldadvertsubhead{ color: #000000; } .weekplusoldadvert{ font-weight:bold; } .newadvertbold{ color: #ffffff; font-weight:bold; } .daysoldadvertbold{ color: #ffffff; font-weight:bold; } .weekplusoldadvertbold{ color: #ffffff; font-weight:bold; } .whiteouttext{ color: #ffffff; font-weight:bold; } .intropara A { color:#000000; text-decoration:none;} input { font-size:9px; } pre { font-size:8px; } fieldset { border-color:#ffffff; border-style:solid; } .whitetext { color: #ffffff;} .formlabel { color: #666666; font-weight:bold;} .error { color: #ff0000; }.topheaderline { font-size: 11px; color: #aaaaaa; margin: 0px; padding: 0px; }.topheaderline A {color: #aaaaaa;} #favouritesbox {} .boxtop { margin: 0px; padding:0px; border: none; width:140px; height:24px; } .boxbottom { margin: 0px 0px 6px; padding:0px;border: none; width:140px; height:16px; background-image:url(/images/spareroom/form_botton.gif) } .boxcontent {margin: 0px; padding:4px; background-color:#FFFFFF; background:#FFFFFF; border-style:solid; border-width:1px; border-color:#FFFFFF} .boxcontent h6 { margin-top: 8px; margin-bottom:2px; font-size:12px; } .boxcontent P { margin:4px; } .boxcontent form { margin:0px; padding:0px; } .boxtop h3 { display:none; } .boxtop h4 { display:none; } .boxtop h5 { display:none; } .boxtop h6 { display:none; } #videoguidelinesbox .boxtop { background-image:url(/images/spareroom/boxheaders/video_guidelines.gif) } #emailalertsbox .boxtop {background-image:url(/images/spareroom/emailalerts.gif) } #favouritesbox .boxtop {background-image:url(/images/spareroom/favouritesheader.gif) } #canellationbox .boxtop {background-image:url(/images/spareroom/boxheaders/cancelationstation.gif) } #searchbox .boxtop { height:13px;background-image:url(/images/spareroom/search_form_top_new.gif) } #searchbox .boxcontent {background-image:url(/images/spareroom/searchbg.gif) } .boxcontent UL { margin:0px; padding: 0px; } .boxcontent LI { list-style-image: url(/images/spareroom/spacer.gif); } #findbox .boxtop { height:13px;background-image:url(/images/spareroom/search_form_top_new.gif) } #browsebox .boxtop { height:13px;background-image:url(/images/spareroom/search_form_top_new.gif) } #nearbyareasbox .boxtop { height:13px;background-image:url(/images/spareroom/search_form_top_new.gif) } #contactbox .boxtop { height:13px;background-image:url(/images/spareroom/search_form_top_new.gif) } #contactboxbytel .boxtop { height:13px;background-image:url(/images/spareroom/search_form_top_new.gif) } #contactboxbyemail .boxtop { height:13px;background-image:url(/images/spareroom/search_form_top_new.gif) } #loginbox .boxtop { background-image:url(/images/spareroom/login_title_new.gif) } #privacybox .boxtop { background-image:url(/images/spareroom/yourprivacy.gif) } #confirmemailbox .boxtop { background-image:url(/images/spareroom/boxheaders/confirm_your_email.gif) } #sessioninfobox .boxtop { background-image:url(/images/spareroom/logedin_title_new.gif) } #needhelpbox .boxtop{ background-image:url(/images/spareroom/needhelp.gif) } #promocodebox .boxtop { height:13px;background-image:url(/images/spareroom/search_form_top_new.gif) } #prolandlordbox .boxtop { height:13px;background-image:url(/images/spareroom/search_form_top_new.gif) } #areyouanagentbox .boxtop { height:13px;background-image:url(/images/spareroom/search_form_top_new.gif) } #securepaymentsbox .boxtop { background-image:url(/images/spareroom/payingsecurely.gif) } #securepaymentsbox .boxcontent { background-image:url(/images/spareroom/padlockbg.gif) } #securepaymentsbox .boxbottom{ height:33px; background-image: url(/images/flatshare/paymentcards/poweredByWorldPay.gif); background-repeat: no-repeat; background-position: center; background-color:#FFFFFF; } #backtosearchresultsbox .boxtop { height:13px; background-image:url(/images/spareroom/search_form_top_new.gif) } #backtosearchresultsbox .boxcontent {background-image:url(/images/spareroom/searchbg.gif) } #sameuserlistingsbox .boxtop { background-image:url(/images/spareroom/boxheaders/morefromthisuser.gif) } /* - - - - - - -*/ /* details page */ /* - - - - - - -*/ form{ margin-bottom:0px;} #oopsbox{ padding-left:25px; background-image: url(/images/flatshare/icons/lightbulbsmall.gif);background-position: left top;background-repeat: no-repeat; height:35px; border-style:solid; border-width:0px; border-color:#FF6633;} #oopsbox A { font-weight:bold; color:#FF6633} .bluebuttontextlink { background-color:#1649FC; color:#FFFFFF; text-decoration:none; padding: 1px 3px; margin: 0px; font-weight:bold; } .detailsbox { } .formerror { color:#FF0000; } div.formrow { /*clear: both;*/ padding-top: 5px; } div.formrow .formlabel { float: left; width: 60px; text-align: right; font-weight:bolder; } div.formrow .forminput { text-align: left; margin-left:60px; } /* sub form inputs have the labels above rather than to the left */ div.formrow .forminput .formlabel { text-align: left; float:none; width:auto; font-weight:bold; } div.formrow .forminput .forminput { margin-left:4px;/* slight indent*/ } div.subformrow .formlabel { text-align: left; width:auto; padding-top: 2px; padding-right: 4px; padding-bottom: 2px; padding-left: 4px; } div.subformrow .forminput { margin-left:4px;/* slight indent*/ padding-top: 2px; padding-right: 4px; padding-bottom: 2px; padding-left: 4px; } .formcheckbox{ width: 20px; float:left; } .formcheckboxdesc{ margin-left:20px; } /* could make following the same */ #upgradepricelist { width:200px; float:left;} .upgradeselect{ width: 25px; float:left; } .upgradoption{ margin-left:25px; } .upgradeduration { float:left; width:100px;} .upgradeprice { float:right; width:50px; } .upgradedesc{ clear:both; } /* for room advertisers remind them that a bold ad is inc */ #upgradehaveashare { margin-left:210px; } #upgradeform legend { padding-right:20px; font-weight:500; background-image: url(/images/spareroom/icons/earlybirdicon.gif); background-repeat: no-repeat; background-position: right; margin:4px; color:#1649FC;} #existinguserform { width:170px; padding:0px; margin:0px; float:left; } #existinguserform fieldset{ padding:4px; } #existinguserform legend{ background-color:#FFFFFF; color:#1649FC;} #newuserform { width:170px; padding:0px; margin:0px;float:right; } #newuserform fieldset{ padding:4px; } #newuserform legend{ background-color:#FFFFFF; color:#1649FC;} input { font-size:10px; } fieldset { border-style:dashed; border-width:1px;border-color:#000000; } #messagefield{ } #messagefieldlabel{ } #messagefieldinput{ } #fromfield{ } #fromfieldinput{ } #fromfieldinput legend { font-style:italic; font-weight:bold; } .earlybirdupgradepanelheader { float:left; width:31px; height:14px; font-size:8px;background-image: url(/images/spareroom/icons/earlybirdicon.gif); background-repeat: no-repeat; background-position: center;} .earlybirdupgradepanelheader h5{ display:none; } .earlybirdupgradepanel p { margin-left:31px; margin-right:10px; } /* - - - - - - - - - - */ /* LISTING ROW COLOURS */ /* - - - - - - - - - - */ .plainadrow { border-right-width: 1px; border-bottom-width: 1px; border-right-style: dotted; border-bottom-style: dotted; padding-left:4px; } .plainadrow .H4 { width:295px; } .plainadrow .listingage { color:#1649FC; margin-left: 295px; } .plainadrow .nowletearlybirdprompt b {color:#ff6633; } .plainadrow .nmsq { background-color:#eeeeee; } .plainadrow h5 { width:290px;} .plainadrow .flatshareavailable{ margin-left: 290px; } .plainadrow .roomsavailable { float:left; width:215px;/*=bold ad container margin(15)+footer margin(4)+rooms available(200)*/ } .plainadrow .roomdetailsbutton { width:60px; } .plainadrow .listingfuctions { margin-left:215px; margin-right:60px; } .plainadrow .buddyupbutton { margin-left:215px; } .plainadrow .scpequivroomprices { width:215px; } .boldadrow H4 { width:290px; } .boldadrow { background-color:#12CFF9; } .boldadrow .listingage { margin-left: 290px; color:#ffffff; } .boldadrow .listingfooter { border-top-color: #008ED2; border-right-color: #008ED2; border-bottom-color: #008ED2; border-left-color: #008ED2; } .boldadrow h5 { width:295px; } .boldadrow .flatshareavailable{ margin-left: 295px; } .boldadrow .scpequivroomprices { width:295px; } .boldadrow .buddyupbutton { margin-left:295px; } .boldadrow .roomdetailsbutton {width:60px;} .boldadrow .listingfuctions { margin-left:295px; margin-right:60px;} .boldadrow .roomsavailable {width:295px;} /* - - - - - - - */ /* MY LISTINGS */ /* - - - - - - - */ #livelistingssection{ background-image: url(/images/flatshare/icons/livelistings.gif);} #livelistingssection H4 { background:#A3D7A5; background-color:#A3D7A5; } #livelistingssection H5 {background:#A3D7A5; background-color:#A3D7A5; } #livelistingscontent {background:#A3D7A5; background-color:#A3D7A5; } #pausedlistingssection{ background-image: url(/images/flatshare/icons/pausedlistings.gif);} #pausedlistingssection H4 { background:#FF6633; background-color:#FF6633; } #pausedlistingssection H5 {background:#FF6633; background-color:#FF6633; } #pausedlistingscontent {background:#FF6633; background-color:#FF6633; } /* - - - - - - - - - */ /* PLACE OFFERED AD */ /* - - - - - - - - - */ .placelistingformsection { clear:left; padding-left:65px; background-image: url(/images/spareroom/theproperty.gif);background-position: left top;background-repeat: no-repeat; } .placelistingformsection H4 { margin-bottom:0px; padding-bottom:5px;} .placelistingformsection H5 { padding: 4px; margin: 0px;} .placelistingformsection fieldset{ border-top-width: 1px; border-top-style: solid; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: #666666; border-right-color: #666666; border-left-color: #666666; } .placelistingformsection .formlabel { font-weight:bold; } .placelistingformsection H4 { color:#ffffff; font-weight:bolder; } #formerrorsection{ background-image: url(/images/spareroom/theerror.gif);} #formerrorsection H4 { background:#FF0000; background-color:#FF0000; } #formerrorcontent {background:#FFD7C5; background-color:#FFD7C5; height:65px; /*force a certain height so we see the error icon*/} #thepropertysection{ background-image: url(/images/spareroom/theproperty.gif);} #thepropertysection H4 { background:#FEBD6B; background-color:#FEBD6B; } #thepropertysection H5 { background:#FADA8F; background-color:#FADA8F; } /* find postcode bit */ #thebasicinfosection{ background-image: url(/images/spareroom/theadvert.gif);} #thebasicinfosection H4 { background:#F58E8E; background-color:#F58E8E; color:#ffffff; } #thebasicinfosection H5 {background:#F5A2A2; background-color:#F5A2A2; } #thebasicinfocontent {background:#F6B6B6; background-color:#F6B6B6; } #thepropertycontent {background:#FFEEAC; background-color:#FFEEAC; } #theroomssection{ background-image: url(/images/spareroom/therooms.gif);} #theroomssection H4 { background:#958BFE; background-color:#958BFE; } #theroomsnumchanger { background:#958BFE; background-color:#958BFE; } #theroomssection H5 {background:#B6ABFF; background-color:#B6ABFF; } #theroomscontent {background:#CCC6FC; background-color:#CCC6FC; } #thehouseholdsection{ background-image: url(/images/spareroom/thehousehold.gif);} #thehouseholdsection H4 { background:#DB8BFE; background-color:#DB8BFE; } #thehouseholdnumchanger { background:#DB8BFE; background-color:#DB8BFE; } #thehouseholdsection H5 {background:#E7A7FE; background-color:#E7A7FE; } #thehouseholdcontent {background:#FDC7FF; background-color:#FDC7FF; } #theadvertsection{ background-image: url(/images/spareroom/theadvert.gif);} #theadvertsection H4 { background:#F58E8E; background-color:#F58E8E; } #theadvertsection H5 {background:#F5A2A2; background-color:#F5A2A2; } #theadvertcontent {background:#F6B6B6; background-color:#F6B6B6; } #logininfosection{ background-image: url(/images/spareroom/thelogininfo2.gif);} #logininfosection H4 { background:#8BD288; background-color:#8BD288; } #logininfosection H5 {background:#97E39A; background-color:#97E39A; } #logininfocontent {background:#B8F2B1; background-color:#B8F2B1; } #logininfoendofcontent { clear:both; } /* - - - - - - - - - */ /* PLACE WANTED AD */ /* - - - - - - - - - */ #emailalertstep1section{ background-image: url(/images/spareroom/thecontactinfo.gif);} #emailalertstep1section H4 { background:#958BFE; background-color:#958BFE; } #emailalertstep1section H5 {background:#B6ABFF; background-color:#B6ABFF; } #emailalertstep1content {background:#CCC6FC; background-color:#CCC6FC; } #roomwantedstep1section{ background-image: url(/images/spareroom/theadvert.gif);} #roomwantedstep1section H4 { background:#F58E8E; background-color:#F58E8E; } #roomwantedstep1section H5 {background:#F5A2A2; background-color:#F5A2A2; } #roomwantedstep1content {background:#F6B6B6; background-color:#F6B6B6; } #searchprofilesection{ background-image: url(/images/spareroom/thesearchprofile.gif);} #searchprofilesection H4 { background:#FEBD6B; background-color:#FEBD6B; } #searchprofilesection H5 {background:#FADA8F; background-color:#FADA8F; } #searchprofilecontent {background:#FFEEAC; background-color:#FFEEAC; } #rommmatematchsection{ background-image: url(/images/spareroom/thehousehold.gif);} #rommmatematchsection H4 { background:#DB8BFE; background-color:#DB8BFE; } #rommmatematchsection H5 {background:#E7A7FE; background-color:#E7A7FE; } #rommmatematchcontent {background:#FDC7FF; background-color:#FDC7FF; } #rommmatematchcontent UL { } #roommatematchlist { padding:0px 0px 0px 4px; margin:0px 0px 0px 8px; } #roommatematchlist LI { padding:0px; margin:0px 0px 12px; list-style-position: inside; } #contactsection{ background-image: url(/images/spareroom/thecontactinfo.gif);} #contactsection H4 { background:#958BFE; background-color:#958BFE; } #contactsection H5 {background:#B6ABFF; background-color:#B6ABFF; } #contactcontent {background:#CCC6FC; background-color:#CCC6FC; } #uploadphotosection{ background-image: url(/images/spareroom/thephotos.gif);} #uploadphotosection H4 { background:#E57B2F; background-color:#E57B2F; } #uploadphotocontent {background:#F5CCAF; background-color:#F5CCAF; } #watchlistselector LI { display:inline; } #watchlistselector { margin: 0px; padding: 0px; } .upgradeheadline { color:#FF6633; font-size: 18px; } .extralistingsbundle{ float:left; margin:8px; padding:6px;width:100px; background-color:#eeeeee;border-color:#000000; border-style:solid; border-width:1px;} #uploadvideoprompt { border: thin solid #000000; } #uploadvideowhy {padding-left: 4px;} #uploadvideowhy h4 { font-size:14px; color:#000000; margin-top: 4px; } #uploadvideohow {padding-left: 4px;background-image: url(/images/flatshare/cam_friends.jpg); background-position: right top;background-repeat: no-repeat; padding-right:256px;} #uploadvideoviamms { background:#6FB141; background-color:#6FB141; background-image: url(/images/flatshare/mms.gif); background-position: right top; background-repeat: no-repeat; padding-right:26px; padding-top: 4px; padding-bottom: 4px; padding-left: 4px; margin: 4px 4px 8px; } #uploadvideoviamms strong { color:#FFFFFF; } #uploadphotoprompt { border: thin solid #000000; padding-left: 4px; background-image: url(/images/flatshare/camera.jpg); background-position: right top; background-repeat: no-repeat; padding-right:160px; margin-top: 20px; margin-bottom: 20px; } #uploadphotoprompt h4 { font-size:14px; color:#000000; margin-top: 4px; } /* IN BOX OUT BOX REPLY */ #respondmanually{} #respondauto{} #respondmanually { background-image: url(/images/spareroom/icons/manual-response.gif); background-repeat: no-repeat; background-position: left top; padding-left: 20px; background-color: #ffffff; } #respondauto { background-image: url(/images/spareroom/icons/auto-response.gif); background-position: left top; padding-left: 20px; background-repeat: no-repeat; background-color: #ffffff; } #responsepanel { background-color: #ffffff; } #responsepanel h4 { color:#1664FA; font-size:14px; background-color: #ffffff; } #autoresponsetext { border: 1px solid #008ed2; margin-left: 40px; padding: 8px; }