/* $Id: default.css,v 1.23 2010/08/23 22:09:19 owen Exp $ */

.js table.category td li.extra { display: none; }
.js #images div.normal, .js #image div.thumb { display: none; }
.js #images { text-align: center; }
.js #images div.thumb a { cursor: default; }
#images div.loader { display: none;}
.js #images div.loader { display: block; }
.js .result.past { color: #666; display: none; }
.unhide { display: none; }
.js .unhide { display: block; background-color: #ffa; padding: 0.5em; clear: both; margin-top: 0.75em; }

body.profile.edit div.submit, body.profile.edit div.submit { clear: both; }
body.profile.edit div.image > div.thumb { float: left; width: 100px; 
    height: 75px; padding: 10px; text-align: center; }
body.profile.edit div.image { width: 500px; }
body.profile.edit div.image > div.thumb > p { margin: 0; padding: 0; }
body.profile.edit div.image > div.upload, body.profile.edit div.image > p {
    clear: both; }
body { font-family: "Arial", sans-serif; color: #333; font-size:
0.8em; line-height: 1.5em ; margin-top: 0; }
input, textarea { font-size: 1.0em; font-family: "Arial", sans-serif; }
address { font-style: normal; display: inline; }
hr { border: solid 1px #aaa; }

#content { border: solid 1px #333; width: 950px; margin: 0 auto; padding: 15px; background-image: url(/static/images/global/skin/bg.png); background-repeat: repeat-x; background-position: top center; border-top: 0; clear:both; text-align: left; }
#footer { width: 980px; margin: 0 auto; font-size: 0.85em; color: #666; text-align: center; clear: both; }

table.category { width: 100%; }
table.category td { vertical-align: top; width: 25%; }

table.category td li.more { font-weight: bold; display: none; }
.js table.category td li.more { display: block; }

table.category td li { list-style: none; }
table.category td ul { margin: 0; padding: 0; padding-left: 1em }

div.success { background-color: #afa; padding: 0.5em; width: 30em; margin:
0.5em 0 }
div.failure { background-color: #faa; padding: 0.5em; width: 30em; margin:
0.5em 0 }

#nav { width: 980px; margin: 0 auto;  

    background-image: url(/static/images/global/skin/navbg.png);
    background-repeat: repeat-x; background-position: top center;
  }


#nav { border: solid 1px #333 !important; font-size: 1em; }
#nav a.yuimenubaritemlabel { color: #fff; }
#nav a.yuimenuitemlabel, #nav a.yuimenubaritemlabel { cursor: pointer; } 
#nav a { border: 0 !important; }
#nav li.yuimenubaritem-selected a.yuimenubaritemlabel { color: #333; }
#nav li.yuimenubaritem-selected { background-image: url(/static/images/global/skin/navbg-on.png) !important; background-repeat: repeat-x !important; background-position: top center; margin-left: 1px; }
#nav li.yuimenubaritem-selected a.yuimenubaritemlabel { color: #fff; }
#nav li.yuimenubaritem { border: 0 !important; color: #fff !important; padding-left: 0.6em; padding-right: 0.6em; }
#nav a.yuimenubaritemlabel-hassubmenu { background-image: url(/static/images/global/skin/menubaritem_submenuindicator.png) !important; }
#nav li.yuimenubaritem-hassubmenu ul li.yuimenuitem-selected { background-color: #e44044;}
#nav li.yuimenubaritem-hassubmenu ul li.yuimenuitem-selected a { color: #fff !important; }


/* #nav ul, #nav li { margin: 0; padding: 0; list-style: none }
#nav li { float: left; height: 28px; line-height: 28px; }
#nav a { float: left; color: #fff; text-decoration: none; padding: 0 0.8em;}
#nav a:hover, #nav a.active { 
    background-image: url(/static/images/global/skin/navbg-on.png);
    background-repeat: repeat-x; background-position: top center; }
*/
h2 { margin: 0; font-size: 1.5em; }

div#admin { font-size: 0.7em; }
div#admin h2 { font-size: 1em; display:none; }
div#admin li, div#admin ul { margin:0;padding:0;list-style:none; }
div#admin li { float:left; padding: 2px 5px; margin: 0px 2px;
background-color: #f0f0f0; border: solid 1px #aaa; }
div#admin a { color: #333;}

#slogan { display: none; }
body.home #content { height: 595px; padding: 0; width: 980px; border-bottom: 0; }
body.home #slogan { text-align: center; background-color: #e44044; color: #fff; width:
980px; margin: 0 auto; border: solid 1px #333; display: block; }
body.home #slogan p { padding: 0.25em 0.75em; margin: 0; font-size: 1em; font-weight: bold }
body.home h2 { display: none; }

div.review p.author { text-align: right; font-style: italic; }

#images div.thumb img { width: 66px; height: 50px; }
#images div.loader p img { padding: 10px; vertical-align: middle; }
#images div.loader p { text-align: center; }
#images div.thumb a img { padding: 3px; margin: 5px; border: solid 1px #fff; background-color:
#fff }
#images div.thumb a.active img { background-color: #f0f0f0; border-color: #aaa; }
#images { width: 350px; float: right; padding-left: 20px; }
#images div.normal img { border: solid 1px #aaa; background-color: #f0f0f0;
padding: 5px; }
#detail { float: left; width: 560px; }
#contact_details { clear: both; text-align: center; padding-top: 1em }

#viewtab ul { background-color: #f0f0f0; }
#viewtab ul, #viewtab li { margin:0;padding:0;list-style:none; }
#viewtab li { font-size: 0.9em; float: left; }
#viewtab ul { border-bottom: solid 1px #aaa; padding-left: 5px; padding-top:
5px; margin-top: 7px; }
#viewtab a { padding: 2px 6px; margin-right: 5px; text-decoration: none; }
#viewtab a { background-color: #f0f0f0; border: solid 1px #aaa; border-bottom: none; position:
relative; top: 0px; }
#viewtab a.active { background-color: #e44044; background-color: #fff; border-color:
#aaa; color: #333; border-bottom: solid 1px #fff; cursor: default; }
#viewtab a.active:hover { text-decoration: none; }

body.category div.view { padding: 5px; padding-top: 0 }
div.view table { margin-top: 1em; }
div.view img { margin: 10px; }
div.view img.car, div.view img.house, div.view img.property { margin: 0px; }

#contact_details img { vertical-align: middle; margin-right: 0.3em;
margin-left: 1em }
#contact_details p { margin: 0; line-height: 1.8em; }

a { color: #06c; text-decoration: none; }
a:visited { color: #666; }
#opening_hours_view td.day { font-weight: bold; text-align: left; background-color:
#f9f9f9; }
#opening_hours_view td { padding: 0.25em 0.5em; text-align: center; border: solid 1px
#aaa; }
#opening_hours_view table { border-collapse: collapse; }

#caption { background-color: #f0f0f0; border: solid 1px #aaa; padding: 0 1em; font-style: italic }
#caption.datetime { font-weight: bold; }

#header { width: 982px; margin: 0 auto; }
#logo { width: 300px; float: left; padding: 5px 10px; text-align: left;  }
#banner { width: 468px; float: right; padding: 15px 10px; }
#banner img { background-color: #f0f0f0; border: solid 1px #f0f0f0; }
#logo img { padding-top: 5px; }

a img { border: 0; }

div.result div.thumb { float:left; padding: 5px 0; width: 66px; height: 50px; text-align: center; } 
div.result div.thumb img { width: 66px; height: 50px; }
div.result div.thumb p { font-size: 0.9em; text-align: center; border: solid
1px #aaa; height: 48px; width: 64px; line-height: 3.8em; background-color:
#f0f0f0; }
div.result div.thumb p a { text-decoration: none; color: #666; }
div.result div.detail { margin-left: 10px; float:left; margin-top: 5px; }
div.result { clear: both; margin-top: 5px; }
div.result h3, div.result p { margin: 0; }

p.back { margin: 0; vertical-align: middle; margin-bottom: 0.5em }
p.hint { font-size: 0.9em; color: #666; }
.access { display: none; }
label.required { font-weight: bold; }

div.view.document li { list-style: square outside url('/static/images/global/icon/pdf.png'); padding: 0;  }

#add_review table { margin-top: 0; }

div.view .access { display: block; }
#viewtab { display: none; }
.js #viewtab { display: block; }
.js div.view .access { display: none; }

p.back img { padding-right: 3px; vertical-align: middle; padding-bottom: 4px }
div.normal.single { display: block !important; }

ul.filter, ul.filter li { margin:0;border:0;padding:0; list-style: none; }
ul.filter li a { color: #06c;}
ul.filter li.active { background-color: #e44044; border-color: #840004; }
ul.filter li.active a { color: #fff; }
ul.filter li { float: left; padding: 0.15em 0.5em; margin: 0.5em 0.5em 0 0; background-color: #f0f0f0; border: solid 1px #aaa; }
ul.filter li.spacer { width: 2em; }

label.list_by, label.search_for { font-weight: bold; }

div#autocomplete { width: 15em; }
div#search { width: 30em; float: left; }
div#search input { height: 1.5em; }

div.attributes dd { float: left; }
div.attributes dt { clear: both; float: left; width: 11em; font-weight: bold; }

body.category form table td { padding: 0.25em 0.5em; }
body.category form table th { text-align: right; font-weight: normal; }

table th { vertical-align: top; }

p.add { text-align: right; line-height: 0.8em; float: right; }
p.add img { vertical-align: middle; }
p.count { font-size: 0.9em; text-align: right; padding: 0; margin: 0}

div.results_left { float: left; width: 450px; }

div.splat { width: 172px; height: 90px; margin: 10px 10px; padding: 10px 20px; clear: both; background-image: url('/static/images/global/skin/splat.png'); background-position: top center; background-repeat: no-repeat; text-align: center; margin-top: 0; padding-top: 20px; background-position: bottom; }
div.splat h3, div.splat p { margin: 0; padding: 0; }
div.splat h3 { font-size: 1.3em ; margin-bottom: 4px}

span.auth { background-color: #f0f0f0; border: solid 1px #aaa; padding:
0.25em }

#footer a { text-decoration: underline; }
table.admin td, table.admin th { border: solid 1px #aaa; padding: 2px 5px }
table.admin th { background-color: #f0f0f0; }
table.admin { border-collapse: collapse; }
table.admin th.headerSortDown { background-color: #e0e0e0; }
table.admin th.headerSortUp { background-color: #e0e0e0; }

div.popup { border: solid 1px #aaa; background-color: #fff; border-top: none; }
div.popup h3, div.popup p { margin:0;padding:0; }
div.popup > div { padding: 0.5em; border-top: solid 1px #aaa; width: 333px; }
.js div.popup { display: none; }
.js div.popup hr { display: none; }
div.close { background-color: #d0d0d0; border-top: solid 1px #aaa; text-align: right; }
div.popup > div p { font-size: 0.9em; }

div.weather { padding-top: 10px; }
div.weather div.top, div.weather div.bottom { height: 9px; margin: 0 10px; }
div.weather div.top { background-image: url(/static/images/global/skin/weather_top.png); background-repeat: no-repeat; }
div.weather div.bottom { background-image: url(/static/images/global/skin/weather_bottom.png); background-repeat: no-repeat; }
div.weather a { text-decoration: none; color: #333333; font-weight: bold; }
div.weather > div.middle { background-image: url(/static/images/global/skin/weather.png); padding: 10px 20px; width: 172px; margin: 0 10px; background-repeat: repeat-y; }