@import url(../common/reset.css);

body {
	background:#eee url('../../img/spareroom/v3/other_items/body_bg.png') repeat-x 0 0 fixed;
	margin:10px;
	padding-bottom:5px;
	font:13px/1.2 arial, sans-serif;
	color:#666;
	-webkit-text-size-adjust: none;
}

@media screen and (min-width:250px) {
	div.box h3.one_line {
		width:250px;
	}
}

@media screen and (min-width:400px) {
	div.box h3.one_line {
		width:400px !important;	
	}
}

small {
	font-size:10px
}

p {
	margin:5px 0 5px 0
}

strong {
	font-weight:bold
}

em {
	font-style:italic
}

hr {
	border:0;
	height:0;
	border-bottom:1px solid #ccc;
	margin:10px 0 10px 0;
	width:100%;
	clear:both;
	float:left
}

ul.bulletlist {
	list-style:disc;
	line-height:1.6;
	margin-left:15px;
}
ol.bulletlist {
	list-style:decimal;
	line-height:1.6;
	margin-left:15px
}

a {
	color:#317cf7;
	text-decoration:none
}
a.plain {
	color:#666
}

h1 {
	font-size:15px;
	font-weight:bold
}
h2 {
	font-size:13px;
	font-weight:bold
}

form {
	margin-bottom:8px
}

.hidden {
	display:none
}

/* ---------- Begin header ---------- */
#header {
	border-bottom:1px solid #e1e1e1;
	padding-bottom:3px;
	margin-bottom:10px
}
/* ---------- End header ---------- */

/* ---------- Begin footer ---------- */
#footer p {
	margin:0
}
#footer {
	border-top:1px solid #e1e1e1;
	padding-top:3px;
	margin-top:10px;
}
#footer li {
	float:left;
	color:#999
}
#footer li:after {
	content:'/';
	margin:0 3px 0 3px
}
#footer li:last-child:after {
	content:''
}
/* ---------- End footer ---------- */


/* ---------- Begin search box ---------- */
#searchbox {
	background:#888 url('../../img/spareroom/v3/mobi/dark_grey_bg.png') repeat-x 0 0;	
}
#searchbox dl.filter {
	display:none
}
#searchbox hr {
	display:none
}
#searchbox div.part2 {
	float:right;
	padding:5px 10px 0 0
}
#searchbox a.advanced_search {
	font-size:10px
}
/* ---------- End search box ---------- */

/* ---------- Begin boxes ---------- */
div.box,
#searchbox,
#findbox,
#search_form div:not(.contents) > fieldset {
	overflow:hidden;
	background-repeat:repeat-x;
	padding:1px 2px 2px 2px;
	margin-bottom:8px;
	-webkit-box-shadow:rgb(204, 204, 204) 2px 2px 3px;
	-webkit-border-radius:3px;
}
div.box div.box {
	-webkit-box-shadow:none;
	-webkit-border-radius:none;
	padding:0;
	margin:0;
}
div.box.yellow {
	background-color:#fcb906;
	background-image:url('../../img/spareroom/v3/mobi/yellow_bg.png')
}
div.box.blue {
	background-color:#2ec7ea;
	background-image:url('../../img/spareroom/v3/mobi/blue_bg.png')
}
div.box.light_grey {
	background-color:#ccc;
	background-image:url('../../img/spareroom/v3/mobi/light_grey_bg.png')
}
div.box.light_grey h3 {
	color:#666
}
div.box.dark_grey {
	background-color:#888;
	background-image:url('../../img/spareroom/v3/mobi/dark_grey_bg.png')	
}
div.box h3,
#search_form h3,
#searchbox h3,
#findbox h3 {
	font-weight:bold;
	padding:2px;
	color:#fff;
}
div.box h3 a {
	color:#fff
}
div.box.light_grey h3 a {
	color:#666
}
div.box a.star {
	float:right;
	margin:2px;
	color:#fff;
	text-indent:-10000px;
	background-repeat:no-repeat;
	width:14px;
	height:13px;
	background-image:url('../../img/spareroom/v3/mobi/stars.png')
}
div.box a.star.yes,
div.box a.star.no:hover {
	background-position:0 -13px
}
div.box a.star.no,
div.box a.star.yes:hover {
	background-position:0 0
}
div.box div.content,
#search_form div.contents,
#searchbox form,
#findbox form {
	margin:0;
	background:#fff;
	clear:both;
	min-height:20px;
	padding:8px 10px 8px 10px;
	overflow:auto;
	-webkit-border-radius:2px;
}
div.box h3.one_line {
	display:block;
	width:250px;
	overflow:hidden
}
div.box h3.one_line a {
	display:block;
	width:1000px;
	float:left;
}
/* ---------- End boxes ---------- */

/* ---------- Begin dotted borders ---------- */
.part1 {
	float:left;
	width:42%;	
	border-right:1px dotted #ccc;
	padding-right:10px
}
.part2 {
	float:left;
	padding-left:10px
}
div.box.blue .part1 {
	border-color:#96e3f4
}
/* ---------- End dotted borders ---------- */

/* ---------- Begin responses ---------- */
.msg {
	color:#fff;
	display:block;
	padding:4px 6px 4px 6px;
	font-weight:bold;
	margin-bottom:8px;
	-webkit-box-shadow:rgb(204, 204, 204) 2px 2px 3px;
	-webkit-border-radius:3px;
}
.msg, .msg.notice {
	background:#888 url('../../img/spareroom/v3/mobi/dark_grey_bg.png') repeat-x 0 0;
}
.msg.error {
	background:#c30000 url('../../img/spareroom/v3/mobi/red_bg.png') repeat-x 0 0;	
}
.msg.success {
	background:#009900 url('../../img/spareroom/v3/mobi/green_bg.png') repeat-x 0 0;	
}
.msg a {
	color:#fff;
	text-decoration:underline
}
/* ---------- End responses ---------- */

/* ---------- Begin search results ---------- */
#search_results div.box h3 {
	float:left
}
#search_results div.content {
	padding:5px
}
#search_results div.content a {
	color:#666;
}
#search_results a.photo {
	float:left;
	display:block;
	width:50px;
	height:50px;
	background-repeat:no-repeat;
	background-position:50% 50%
}
#search_results a.photo img {
	display:none
}
#search_results a.desc {
	margin:3px 3px 3px 60px;
	display:block
}
/* ---------- End search results ---------- */

/* ---------- Begin pagination ---------- */
div.pagination {
	overflow:hidden;
}
div.pagination p.showing {
	font-size:10px
}
div.pagination p.links a {
	display:block;
	float:left;
	background:#ccc url('../../img/spareroom/v3/mobi/light_grey_bg.png') repeat-x 0 0;
	color:#666;
	margin:3px 0 13px 0;
	padding:3px 5px 3px 5px;
	font-weight:bold;
	-webkit-box-shadow:rgb(204, 204, 204) 2px 2px 3px;
	-webkit-border-radius:3px;
}
div.pagination p.links a:hover {
	background-image:url('../../img/spareroom/v3/mobi/dark_grey_bg.png');
	color:#fff
}
div.pagination p.links a.prev {
	margin-right:8px
}
/* ---------- End pagination ---------- */


/* ---------- Begin default table stylings ---------- */
table.default {
	width:100%
}
table.default th {
	font-weight:bold;
	padding-bottom:4px;
	border-bottom:1px solid #e1e1e1
}
table.default td {
	padding:4px 0 0 0
}
/* ---------- End default table stylings ---------- */


/* ---------- Begin advert detail ---------- */
#detail h4 {
	clear:both;
	font-size:15px;
	margin-bottom:6px;
	color:#999
}
#detail dl.features dt {
	clear:both;
	float:left;
	margin-right:10px;
	font-weight:bold
}
#detail dl.features dd {
	float:left;
	margin-right:10px
}
#detail dd.gmap_link {
	display:none
}
/* Photos */
#detail #photos dl {
	display:none
}
#detail #photos li {
	float:left;
	margin-right:10px
}
#jump_to_contact {
	clear:both;
	margin:0;
	padding:10px 0 0 0;
}
#detail h4 {
	display:none
}
/* Ticks & crosses */
#detail dl.features .tick,
#detail dl.features .cross {
	display:block;
	text-indent:-10000px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	width:14px;
	height:13px;
}
#detail dl.features .cross {
	background-image:url('../../img/flatshare/v2/cross.png')
}
#detail dl.features .tick {
	background-image:url('../../img/flatshare/v2/tick.png')
}
/* ---------- End advert detail ---------- */

/* ---------- Begin find box ---------- */
#findbox {
	background:#888 url('../../img/spareroom/v3/mobi/dark_grey_bg.png') repeat-x 0 0;	
}
#findid {
	width:75px
}
/* ---------- End find box ---------- */

/* ---------- Begin search form ---------- */
#search_form div:not(.contents) > fieldset {
	background:#888 url('../../img/spareroom/v3/mobi/dark_grey_bg.png') repeat-x 0 0;	
}
#search_by_area h3 {
	display:none
}
#search_by_area {
	margin-top:10px
}
#f_rent table td p {
	margin:0 10px 0 0
}
#f_to_move_in td p {
	margin-right:15px;
}
/* ---------- End search form ---------- */

/* ---------- Begin miscellaneous tweeks ---------- */
#my_account .part1 {
	width:45%
}
#placeditadvert ul {
	list-style:disc;
	line-height:1.6;
	margin:5px 15px 5px 15px
}
div.content.mylistings p.info {
	margin:0
}
/* ---------- End miscellaneous tweeks ---------- */

/* ---------- Begin stats table ---------- */
#stats table {
	border:1px solid #ccc;
	margin:10px 0 10px 0;
	background:#fff;
	width:100%
}
#stats table td {
	padding:2px 4px 2px 4px
}
/* ---------- End stats table ---------- */

/* ---------- Begin contact us ---------- */
div.box.contact strong {
	display:block
}
/* ---------- End contact us ---------- */

/* ---------- Begin who's interested page ---------- */
body.interested table.default {
	font-size:11px
}
body.interested table.default td {
	padding:4px 4px 4px 0
}
/* ---------- End who's interested page ---------- */