/** essential layout stuff **/
* {margin: 0; padding: 0; outline: none;}
p {margin: 5px 0 5px 0; line-height: 20px;}
hr {display: none;}
h2,h3,h4,label,ul,dl {cursor: default;}
ul {list-style: disc; margin-left: 2em;}
.right {float:right;}
.left {float: left;}
.clear {clear: both;}
.hidden {display: none;}
.center {text-align: center;}
.top {margin-top: 10px;}
table.spacing {border-collapse: collapse;}
table.spacing th, table.spacing td {padding: 1px 5px;}

/** main body layout stuff **/
body {padding: 5px 2em; margin: 0 auto; background: #f3f3f3; color: #666; max-width: 1120px;}

#header {margin: 0 0 10px 0; padding-top: 5px;}
#header h1 {float: left; width: 369px; height: 89px; background: url(images/logo.png);}
#header h1 a {display: block; height: 89px; text-indent: -9999px;}
#header h1 a:hover,h1 a:active {background: transparent;}
#header #img,#header ins {display: block; float: right; padding-top: 10px;}
#header #img img {display: block; max-width: 500px;}
#header iframe {padding-top: 15px; max-height: 80px;}

#nav {overflow: auto; background: url(images/nav-l.png) top left no-repeat; width: 100%; margin: 0 0 5px 5px;}
#nav div.container {height: 46px; margin-left: 11px; background: url(images/nav-r.png) top right no-repeat;}
#nav ul {float: left; list-style: none; margin: 0;}
#nav li {float: left; height: 46px; background: url(images/nav-div.png) top left no-repeat;}
#nav li.index {background: none;}
#nav li a {display: block; float: left; height: 41px; padding: 5px 0.65em 0 0; text-align: center; font-size: 1.4em; font-weight: bold; color: #fff; text-shadow: #444 1px 1px 2px;}
#nav li a span {display: block; float: left; width: 7px; margin: -5px 0.55em 0 0; height: 41px;}
#nav li a:hover,#nav li a:active,#nav li a:focus,#nav li.current a {background: url(images/press-r.png) top right no-repeat;}
#nav li a:hover span,#nav li a:active span,#nav li a:focus span,#nav li.current a span {background: url(images/press-l.png) top left no-repeat;}
#nav p {float: right; margin-right: 1em; padding-top: 4px; font-size: 1.125em; font-weight: bold; text-transform: capitalize;}
#nav p a {margin-left: 15px; color: #fff;}
#nav p a.admin {margin: 0;}
#nav p a:hover {color: #f7f7f7; background: transparent; border-bottom: 1px solid #f7f7f7;}

#title {height: 45px; background: url(images/title-l.png) top left no-repeat; overflow: hidden; margin-top: 5px;}
#title div.container {display: block; height: 45px; margin-left: 15px; background: url(images/title-r.png) top right no-repeat;}
#title h2 {float: left; padding: 8px 0 0 0.5em; font-weight: normal; font-size: 1.36em; text-shadow: #fff 0px 1px 1px;}
#title h2:first-letter {text-transform: uppercase;}
#title p {float: right; margin: 12px 15px 0 0; }
#title p a {color: #666;}
#title p a:hover {background-color: transparent; border-bottom: 1px solid #666;}
#title ul.info {float: right; list-style: none;}
#title ul.info li {float: left;}

#main {background: url(images/main-l.png) left repeat-y; overflow: auto;}
#main div.content {overflow: auto; margin-left: 15px; padding-right: 13px; background: url(images/main-r.png) right repeat-y #fff;}

#footer {background: url(images/footer-l.png) top left no-repeat;}
#footer div.container {margin-left: 16px; padding-top: 15px; background: url(images/footer-r.png) top right no-repeat;}
#footer a.current {border-bottom: 1px solid #409EE8;}
#footer p {font-size: 0.81em; float: left;}
#footer p.copy {float: right;}
#gubadge {display: none;}

/* link icon padding */
.ico {padding-left: 19px;}
.ico.map,.ico.area,.ico.areas {padding: 0 0 0 16px; margin-left: 3px;}

/* buttons */
/* a.button {width: 200px; height: 37px; display: block; margin-left: 36%; background: url(images/submit.png) no-repeat; border: none; color: #fff; cursor: pointer; font-weight: bold; text-transform: capitalize; text-align: center; padding-top: 5px;}
a.button:hover,a.button:active,a.button:focus {background-color: transparent;} */
p.button a {display: block; width: 145px; height: 41px; padding: 9px 0 0 16px; font-size: 1.12em; color: #000;  text-shadow: 0 1px 1px #fff;}
p.button a {background-repeat: no-repeat; background-image: url(images/button-grey.png);}
p.button a:hover {background-image: url(images/button-blue.png); background-color: transparent; color: #fff; text-shadow: 0 0 0;}

/* aligned input forms */
fieldset.align label {display: block; float: left; width: 40%; margin: 7px 0 5px; padding-right: 10px; text-align: right;}
fieldset.align label.pad {padding-top: 5px;}
fieldset.align label.side {width: auto;}
fieldset.align input {display: block; float: left; width: 150px; margin: 5px 0; padding: 7px 16px 6px 8px; background: url(images/input.png) no-repeat; border: none;}
fieldset.align input:hover,fieldset.align input:active,fieldset.align input:focus {background-position: 0 -30px;}
fieldset input.submit {width: 200px; height: 37px; margin-left: 36%; background: url(images/submit.png) no-repeat; border: none; color: #fff; cursor: pointer; font-weight: bold; text-transform: capitalize;}
fieldset input.submit:hover,fieldset input.submit:active,fieldset input.submit:focus {background-position: left; outline: none !important;}
fieldset.align input.radio {width: 20px !important;}
fieldset.align input.small {background: none;}
fieldset.align input.small:hover,fieldset.align input.small:focus,fieldset.align input.small:active {background: none;}
fieldset.align select {display: block; float: left; width: 165px; margin: 5px 5px 5px 0; padding: 6px 12px 6px 8px; background: url(images/input.png) no-repeat #fff !important; border: none;}
fieldset.align textarea {display: inline; float: none; width: 150px; margin-bottom: 5px; padding: 6px 8px 6px 8px; background: url(images/textarea.png) no-repeat; border: none; height: 65px;}
fieldset.align br {clear: left;}
fieldset.align table {margin: 0 0 10px 70px;}
fieldset.align em {display: block; float: left; margin: 8px 0 0 10px; cursor: default;}
fieldset.align p {display: block; clear: both; margin: 0 0 5px 0;}
fieldset.align p.center {margin-right: 220px;}

/* extra fieldset settings */
fieldset.map input.submit {display: block; width: 200px; height: 37px; margin: 5px auto; background: url(images/submit.png) no-repeat; border: none; color: #fff; cursor: pointer; font-weight: bold; text-transform: capitalize;}
fieldset.text {margin: 5px 0 10px 0;}
fieldset.text div.text-l {height: 110px; margin-right: 1em; background: url(images/text-l.png) no-repeat;}
fieldset.text div.text-r {margin-left: 17px; height: 105px; padding: 5px 15px 0 0; background: url(images/text-r.png) top right no-repeat;}
fieldset.text div.text-r textarea {height: 95px;}
fieldset.text div.text-s-l {height: 55px; margin-right: 1em; background: url(images/text-s-l.png) no-repeat;}
fieldset.text div.text-s-r {margin-left: 17px; height: 50px; padding: 5px 15px 0 0; background: url(images/text-s-r.png) top right no-repeat;}
fieldset.text div.text-s-r textarea {height: 30px;}
fieldset.text textarea {padding-top: 5px; border: none; width: 99%; font-family: calibri;}
fieldset.text input.submit {display: block; width: 200px; height: 37px; margin: 5px auto; background: url(images/submit.png) no-repeat; border: none; color: #fff; cursor: pointer; font-weight: bold; text-transform: capitalize;}
select.wide {width: 300px !important;}
label.error {width: 300px !important; text-align: left !important; margin-left: 10px;}

/* standard google map container */
div.map {width: 99%; height: 400px; margin-top: 15px; border: none; -moz-border-radius: 10px !important;}
#gmap {-moz-border-radius: 10px;}

/* tab nav */
ul.tabnav {margin-left: -13px; list-style: none;}
ul.tabnav li {float: left; height: 45px; background: url(images/tab-div.png) center right no-repeat; }
ul.tabnav li a {display: block; float: left; height: 35px; padding: 10px 1.2em 0 0; text-align: center; font-weight: bold; color: #666; text-shadow: 0 1px 1px #fff;}
ul.tabnav li a span {display: block; float: left; width: 13px; margin: -10px 0.55em 0 0; height: 45px;}
ul.tabnav li a:hover,ul.tabnav li a:active,ul.tabnav li a:focus,ul.tabnav li a.current {background: url(images/tab-in-r.png) top right no-repeat;}
ul.tabnav li a:hover span,ul.tabnav li a:active span,ul.tabnav li a:focus span,ul.tabnav li a.current span {background: url(images/tab-in-l.png) top left no-repeat;}
ul.tabnav li a.corner:hover span,ul.tabnav li a.corner:active span,ul.tabnav li a.corner:focus span,ul.tabnav li a.corner.current span {background: url(images/tab-in-c.png) top left no-repeat;}

/* curved boxes */
div.box {background: url(images/box-l.png) left repeat-y; overflow: auto; margin-top: 15px;}
div.box div.box-h {height: 32px; margin-right: 1px; background: url(images/box-h-l.png) top left no-repeat #fff;}
div.box div.box-h-r {margin-left: 18px; height: 32px; background: url(images/box-h-r.png) top right no-repeat #fff;}
div.box div.box-h h3,div.box div.box-h h4 {float: left; padding-top: 4px; text-shadow: 0 1px 1px #fff;}
div.box div.box-h h4 {font-weight: normal; font-size: 1.1em;}
div.box div.box-h p {float: right; margin-right: 10px;}
div.box div.box-h p a {color: #666;}
div.box div.box-h p a:hover {color: #666; background-color: transparent; border-bottom: 1px solid #666;}
p.notice {font-weight: bold;}
div.box div.box-t {background: url(images/box-t-l.png) no-repeat #fff; height: 16px; margin: 0 2px 0 0;}
div.box div.box-t  span {display: block; margin-left: 18px; background: url(images/box-t-r.png) right no-repeat #fff; padding-top: 1px; height: 16px;}
div.box div.box-r {margin: 0 2px 0 5px; padding: 5px 10px 0 5px; overflow: hidden; background: url(images/box-r.png) right repeat-y;}
div.box div.box-b {background: url(images/box-b-l.png) no-repeat #fff; height: 19px; margin-right: 1px;}
div.box div.box-b  span {display: block; margin-left: 19px; background: url(images/box-b-r.png) right no-repeat #fff; height: 19px;}

div.box div.column {float: left; width: 29%; padding: 0 10px; margin-right: 1%; border-right: 1px solid #e1e1e1;}
div.box div.column.last {border: 0;}

div.sunk {background: url(images/sunk-l.png) left repeat-y;}
div.sunk div.sunk-t {background: url(images/sunk-t-l.png) no-repeat #fff; height: 16px; margin-right: 1px;}
div.sunk div.sunk-t  span {display: block; margin-left: 15px; background: url(images/sunk-t-r.png) right no-repeat #fff; height: 16px;}
div.sunk div.sunk-r {margin: 0 1px 0 5px; padding: 5px 10px 0 5px; overflow: auto; background: url(images/sunk-r.png) right repeat-y;}
div.sunk div.sunk-b {background: url(images/sunk-b-l.png) no-repeat #fff; height: 16px; margin-right: 1px;}
div.sunk div.sunk-b  span {display: block; margin-left: 15px; background: url(images/sunk-b-r.png) right no-repeat #fff; height: 16px;}

div.admin {float: left; width: 78%;}
div.side {float: right; width: 190px; margin-left: 10px;}
div.main {margin-right: 200px;}
div.side ul {list-style: none; margin: 0;}
div.side div.box {margin-top: 10px;}
div.side div.box.options ul {margin-left: 5px;}
p.admin {text-align: right; text-transform: capitalize; margin-right: 1em;}
p.message {font-style: italic; font-size: 0.9em;}
div.justify {margin: 0 15px; text-align: justify;}

ul.pages {display: block; float: right; overflow: hidden; height: 20px; margin: 5px 12px 0 0; background: none; list-style: none;}
ul.pages li {display: block; float: left; text-align: center; width: 15px; margin: 0 4px;}
ul.pages li.title {display: block; float: left; width: auto; margin: 0 8px 0 0;}
ul.pages li.space {width: 10px;}
ul.pages li a {display: block; text-align: center;}
ul.pages li.selected {border-bottom: 1px solid #409EE8;}
ul.pages li.space {display: block; float: left; text-align: center;}
ul.pages.center {float: none; width: 200px; margin: 0 auto;}

/* mini house profile */
div.mini {height: 86px; max-width: 380px; padding-top: 4px; background: url(images/horiz-r.png) no-repeat bottom;}
div.mini.last {background: none;}
div.mini div.img {float: left; width: 90px; padding-top: 5px; text-align: center; height: 80px;}
div.mini div.img div.overlay {position: absolute; margin-left: 10px; width: 70px; height: 70px; background: url(images/overlay.png) no-repeat;}
div.mini div.img img {max-width: 70px;}
div.mini div.img a {background: none;}
div.mini div.details {float: left; width: 280px; height: 24px; margin-bottom: 1px; cursor: default;}
div.mini p,div.mini h4 {float: left; margin: 0 !important;}
div.mini p.shortlist {float: right;}
div.mini p.area {clear: left; margin-right: 15px;}
div.mini p.letting {float: right;}
div.mini p.beds {clear: left;}
div.mini p.beds,div.mini p.price  {width: 68px; margin-right: 10px !important; background: url(images/icon_short.png) no-repeat; font-weight: bold; text-align: center; height: 23px; color: #000;}
div.mini p.bills {float: right;}

/* long house profile */
div.long {display: block; margin: 5px 2%; padding-bottom: 5px; overflow: hidden !important; border-bottom: 1px solid #e1e1e1;}
div.long div.details {margin-top: 10px;}
div.long div.title {float: left; display: block; width: 21%;}
div.long div.stats {float: left; display: block; width: 32%; min-width: 250px;}
div.long ul.boxes {text-align: center; margin: 10px 0 0 0; list-style: none;}
div.long ul.boxes li {display: inline; font-weight: bold; color: #fff; padding: 0 5px; background: url(images/icon_short.png) no-repeat 0 -26px; margin: 0 2%;}
div.long ul.boxes li.deposit {background: url(images/icon_long.png) no-repeat 0 -26px;}
div.long div.stats p {clear: both; float: left; text-align: center; width: 99%;}
div.long div.stats p span {margin: 0 3%;}
div.long p.landlord {float: left; display: block; width: 17%; text-align: center;}
div.long p.shortlist {float: left; display: block; width: 15%; text-align: center;}
div.long a.img {float: left; display: block; width: 13%; height: 70px; text-align: center; overflow: hidden !important;}
div.long a.img img {max-width: 80px !important; overflow: hidden !important;}

/* file boxes */
div.file {float: left; border: 1px solid transparent; margin-right: 10px; width: 50px;}
div.file:hover {border: 1px solid #409EE8;}
div.file a {display: block; padding: 50px 2px 0 2px; background: url(images/pdf.png) top center no-repeat; text-align: center;}
div.file a:hover,div.file a:active,div.file a:focus {color: #666;}
div.file a.delete {padding-top: 0px; background: none;}
div.file a.delete:hover {background: #409EE8; color: #fff;}

/* log in/register box*/
fieldset.login.hover p {margin-right: 0; margin-left: 90px;}
div.box.login {float: left; width: 49%; margin-right: 1%;}
div.box.login label span {float: right; font-size: 0.8em;}
div.box.register {float: left; width: 49%;}