body { background: #FFF; font: 82.5% Arial, Helvetica, sans-serif; margin: 0 0 10px 0; }
bodyzx { background: #e6e6e6; font: 82.5% Arial, Helvetica, sans-serif; margin: 0 0 10px 0; }
#w { width: 990px; background: #fff; margin: auto; padding: 1px; }
#head { background: #fff; position: relative; padding-left: 20px; }
#head img.logo { margin: 14px 0px 5px -10px; border:none; }
#head .totals { position: absolute; right: 0px; top: 1px; no-repeat right; color: #fff; font-weight: bold; text-align: right; font-size: 1.3em; }
p.clear { clear: both; }

a { color: #000; font-weight: normal; text-decoration: none; }
a.results { color: #000; font-weight: normal; text-decoration: none; }
a.blue { color: #000; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; } 

#under a { color: #000; font-weight: normal; text-decoration: underline; }

a.sresult { color: #000; font-weight: normal; text-decoration: underline; }

#nav { background: #fff; position: relative; border-top:1px solid #dddddd; border-bottom: 1px solid #dddddd;}
#nav ul {  margin: 0; padding: 5px; list-style:none; }
#nav ul li { display: inline; padding:1px 0; margin: 0; }
#nav ul li img { padding:0px 0; border: 0; }
#nav ul li a { color: #000; font-weight: bold; text-decoration: none; padding: 5px; font-size:12px; }
#nav ul li a:hover { text-decoration: underline; }
#nav ul li.active a { color: #44a445; }
#nav ul li.active a { background: #44a445; color: #fff; padding: 5px 10px; }
#nav ul li a.active { background: #44a445; color: #fff; padding: 5px 10px; }

a.update { background: #44a445; color: #fff; padding: 5px 10px; }

#nav ul.bookmark { position: absolute; right: 380px; margin-top: 6px; border: 1px solid #44a445; padding: 4px 4px 2px 4px; }
#nav ul.bookmark li a { padding:2px; }


#nav form { margin: 0; padding: 0; position: absolute; right: 10px; }
#nav form input { float: left; margin: 6px 0 2px 4px; padding: 0; }
#nav form input.txt {background: #fff; border: none; padding: 4px; width: 125px; color: #9a9a9a; }

#nav ul.profile { margin: 0; padding: 10px; position: absolute; right: 10px; }
#nav ul.profile li { display: inline; padding:10px 0; margin: 0; }
#nav ul.profile li { color: #fff; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 10px; }
#nav ul.profile li a { color: #fff; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 10px; }
#nav ul.profile li a:hover { text-decoration: underline; }
#nav ul.profile li.active a { color: #44a445; }
#nav ul.profile li.active a { background: #44a445; color: #fff; padding: 5px 10px; }

#content { float: left; width: 660px; padding: 0px 10px 20px 0px; }
#content h1 { margin:0; padding: 0px 0; font-weight: normal; color:#000; font-size: 1.4em; }
#content h2 { margin:0; padding: 0px 0; font-weight: normal; color:#000; font-size: 1.4em; }
#content h2 a { margin:0; padding: 10px 0; font-weight: normal; color:#000; font-size: 1.0em; }
#content p { line-height: 1.2em; color: #333; font-size: 1.0em; margin: 5px 0 5px 0; }
#content p.feature { font-size: 1.3em; line-height: 1.6em; color: #54606c; margin: 0; padding: 0 0 10px 0; }
#content p.feature img { float: right; margin: 05px 05px 5px 25px; }

#content p.content { font-size: 1.0em; line-height: 1.4em; color: #54606c; margin: 0; padding: 0 0 10px 0; }
#content span.content { font-size: 1.0em; line-height: 1.4em; color: #54606c; margin: 0; padding: 0 0 10px 0; }

#content ul.content { float: left; list-style: square; font-size: 1.0em; color: #54606c; margin: 0 15px 0 0; padding: 0 16px; width: 225px; }
#content ul.content li { padding: 5px; }

#content ul { margin: 0 32px; padding:0; list-style: square; font-size: 1.0em; color: #ccc; }
#content ul li { padding: 6px 0; }
#content ul li span { color: #000; }

#content ol { margin: 0 32px; padding:0; font-size: 1.1em; color: #ccc; }
#content ol li { padding: 6px 0; }
#content ol li span { color: #000; }

#content ul.feature { float: left; list-style: square; font-size: 1.3em; color: #54606c; margin: 0 15px 0 0; padding: 0 16px; width: 225px; }
#content ul.feature li { padding: 5px; }

#content .index { border: 1px solid #54606c; background: #f2f2f2; padding: 10px 25px; float: right; margin-left: 20px; margin-bottom: 20px; }
#content .index ul { list-style: square; margin: 0; padding: 0 0 0 14px; color: #ccc; font-size: 0.95em; }
#content .index ul li { padding: 3px 0; }
#content .index ul li.h { list-style: none; color: #aaa; margin:0 0 0 -15px; font-size: 1.4em; }
#content .index ul li.highlight a { color: #000; font-weight: bold; text-decoration: none; }
#content .index ul li.highlight a:hover { text-decoration: underline; }

#content ul.lists, #content ol.lists { float: left; margin: 0 0px 0 0; padding: 0; width: 225px; font-size: 1.0em; }
#content ul.lists li, #content ol.lists li { border-top: none; color: #54606c; padding: 2px 20px 2px 2px; list-style: none; position: relative; font-size: 1.0em; }
#content ul.lists li h1 { font-size: 1.0em; }
#content ul.lists li:hover, #content ol.lists li:hover { color: #000; background-position: 0px -55px; }
#content ul.lists li span, #content ol.lists li span { position: absolute; right: 0; font-weight: bold; }

#content ul.listx, #content ol.lists { float: left; margin: 0 0px 0 0; padding: 0; width: 450px; font-size: 1.0em; }
#content ul.listx li, #content ol.lists li { border-top: none; color: #000; padding: 2px 20px 2px 2px; list-style: none; position: relative; font-size: 1.0em; }
#content ul.listx li:hover, #content ol.lists li:hover { color: #000; background-position: 0px -55px; }
#content ul.listx li span, #content ol.lists li span { position: absolute; right: 0; font-weight: bold; }
#content ul.listx li label {border-top: none; width: 160px; float: left; color: #000; font-weight: bold; padding: 0px 0 0 0; margin:0; }

#content ul.listy, #content ol.lists { float: left; margin: 0 0px 0 0; padding: 0; width: 450px; font-size: 1.0em; }
#content ul.listy li, #content ol.lists li { border-top: none; color: #000; padding: 2px 20px 2px 2px; list-style: none; position: relative; font-size: 1.0em; }
#content ul.listy li:hover, #content ol.lists li:hover { color: #000; background-position: 0px -55px; }
#content ul.listy li span, #content ol.lists li span { position: absolute; right: 0; font-weight: bold; }
#content ul.listy li label {border-top: none; width: 160px; float: left; color: #000; font-weight: bold; padding: 0px 0 0 0; margin:0; }
#content ul.listy li a { color: #000; font-weight: normal; text-decoration: underline; }

#content ul.large, #content ol.large { width: 99%; margin: 0; float:none; }
#content ul.large li.h span, #content ol.large li.h span { color: #000; font-weight: bold; }
#content ul.large span.one, #content ol.large span.one {  right: 0;  text-transform: none; }
#content ul.large span.two, #content ol.large span.two {  right: 100px;  text-transform: none; }
#content ul.large span.three, #content ol.large span.three {  right: 200px;  text-transform: none; }
#content ul.large span.txt, #content ol.large span.txt  { text-align: left; width: 150px; right: 140px;  text-transform: none; font-weight: normal; }

#content ol.ordered li { background: none; list-style: decimal; padding-left: 0; margin-left: 18px;  }
#content ol.ordered li.h { list-style: none; margin: 0; }

table.list th { text-align: left; color: #000; font-weight: bold; text-transform: uppercase; padding:  5px 5px 5px 0;  }
table.list th.right { text-align: right; }
table.list th.star { background: url(/images/star.gif) no-repeat center; }
table.list td { border-top: 1px solid #dddfe2; padding: 5px 5px 5px 0; color: #54606c;  text-transform: uppercase;  font-size: 0.9em;   }
table.list td.right { text-align: right; font-weight: bold; color: #000;   }

form.signup { margin: 0; padding: 10px 60px 10px 60px; background: #f2f2f2;  }
form.control { padding: 10px 50px 10px 50px;color: #aaa; }
form.control .total { float: left; padding: 0 84px 0 0; }
form.signup label { width: 220px; float: left; color: #000; font-weight: bold; padding: 0px 0 0 0; font-size: 1.1em; }
form.control label { width: 180px; float: left; color: #000; font-weight: bold; padding: 3px 0 0 0; font-size: 1.1em; clear:both; }
form.signup input.txt { background:#fff; border: 1px solid #aaa; padding: 3px; width: 140px; }
form.signup textarea { background: #fff; border: 1px solid #aaa; padding: 3px; width: 220px; height: 120px; font-family: Arial, Helvetica, sans-serif; }
form.signup input.large { width: 220px; }
form.signup select { background: #fff; border: 1px solid #aaa; width: 226px; padding: 3px; }
form.signup p  { padding-bottom: 8px; margin:4px 0 0 0; }
#content form.signup { font-size: 0.8em; }
form.signup p span { padding: 2px 0 0 220px; font-size: 11px; color: #666; }
form.signup input.error {background: #fffadb; border: 1px solid #000; }

@media (max-device-width:800px) { .r_lyt { font: 182.5% Arial, Helvetica, sans-serif; font-size:27px  } }
#content form.alert p.pledge { background: #fffadb; border: 1px solid #ebd85d; padding: 10px 15px; margin: 15px 0 10px 0; font-size: 1em; !important }
#content form.alert p.pledge label { float: none; font-size: 1em; color: #333; margin: 10px; display:block; width: auto; padding: 0; clear:left; }
#content form.alert p.pledge label input { float: left; margin: 6px 10px 10px 0; }

form.classifieds { margin: 0; padding: 10px 60px 10px 60px; background: #fe0000;  }
form.classifieds { padding: 10px 50px 10px 50px;color: #aaa; }
form.classifieds .total { float: left; padding: 0 84px 0 0; }
form.classifieds label { width: 220px; float: left; color: #fff; font-weight: bold; padding: 0px 0 0 0; font-size: 1.1em; }
form.classifieds input.txt { background:#fff; border: 1px solid #aaa; padding: 3px; width: 140px; }
form.classifieds select.txt { background:#fff; border: 1px solid #aaa; padding: 3px; width: 140px; }
form.classifieds textarea { background: #fff; border: 1px solid #aaa; padding: 3px; width: 220px; height: 120px; font-family: Arial, Helvetica, sans-serif; }
form.classifieds input.large { width: 220px; }
form.classifieds p  { padding-bottom: 8px; margin:4px 0 0 0; }
#content form.classifieds { font-size: 0.8em; }
form.classifieds p span { padding: 2px 0 0 220px; font-size: 11px; color: #666; }
form.classifieds input.error {background: #fffadb; border: 1px solid #000; }

#classifieds form.search { background: #fe0000; padding: 5px 10px 0px 10px; position: relative; width:460px;  float:right; margin-bottom: 5px;}
#classifieds form.search p { margin: 0; padding: 0; }
#classifieds form.search label { display: block; font-size: 18px; width: 170px; float: left;color: #fff; padding: 0px; margin-left:5px;}
#classifieds form.search label.check { font-size: 12px; float: none;}
#classifieds form.search input.txt { padding: 2px; font-size: 13px; border: 1px solid #aaa; width: 160px; float:left;  margin-left:5px;margin-right:10px; margin-bottom: 15px; margin-top:10px;  }
#classifieds form.search select.txt { padding: 2px; font-size: 13px; border: 1px solid #aaa; width: 160px; float:left; margin-right:10px; margin-bottom: 15px; margin-top:10px;  }
#classifieds form.search input.btn { margin-left:10px; margin-top:10px;  margin-bottom: 15px; float:left; }

.results h1 { margin: 18px 0 0 0; border-bottom: none; padding: padding: 0px 20px 0; }
.results .result h1, #classifieds .listing h1 { margin: 0 0 4px 0; padding:0; border: none; }
.results .result h1 a,  #classifieds .listing h1 a { font-size: 16px; font-weight: bold; border-bottom: none; }
.results .result { border-bottom: none; padding: 5px 20px 30px 5px; }
.results .result h1 a:hover,  #classifieds .listing h1 a:hover { text-decoration: none; color: #000; border-bottom: none; }
.results .result h1 span.edit a,  #classifieds .listing h1 span.edit a { color: #ccc; border-bottom: 1px solid #ccc; }
.results .result h2,  #classifieds .listing h2 { font-size: 12px; font-weight: bold; color: #44a445; margin: 0; padding: 0; }
.results .result p,  #classifieds .listing p { font-size: 11px; margin: 0; padding: 0; padding: 0px 20px 0px 0px; }
.results label { width: 200px; float: left; color: #000; font-weight: bold; padding: 0px 20px 0 0; font-size: 1.0em; }
.results .result p.links a,  #classifieds .listing p.links a { float:left; margin-left:14px; }

.r_lyt { color: #000; font-weight: normal;  }


.results ul { list-style: none; padding: 0; margin: 0px 0 0 0; float: left; margin: 0 0px 0 0; padding: 0; width: 310px; font-size: 1.0em;  }
.results ul li { margin: 0; padding: 0; display: inline; }
.results ul li.head { font-size: 1.4em;}
.results ul li a { border-top: 1px solid #dddfe2; display: block; padding: 5px 0 2px 0; color: #54606c; text-decoration: none; margin-top: 3px; font-weight: bold;  }
.results ul li a span { color: #9a9a9a; font-size: x-small; padding-right: 0px; font-weight: normal; text-transform: none; }
.results ul li a:hover { color: #000; }
.results ul li a:hover span { color: #000; }


#classifieds .listing h1 { font-size:20px; font-weight: normal; color: #54606c; }
#classifieds .listing h1 a { font-size:20px; font-weight: normal; }
#classifieds .listing p { font-size: 13px; }
#classifieds .listing h2 { font-size: 15px; }
#classifieds .listing #map { width:400px; height: 300px; border: 1px solid #ccc; margin-top: 25px; margin-bottom: 5px; }



.stats { background: #f2f2f2; padding: 10px; font-size: 0.8em; font-weight:bold; margin: 22px 0 0 0px; }
#content .stats h1, #content .graph-control h1 { border-bottom: 1px solid #ccc; padding: 0px;  }
.stats label { float: left; width: 295px; text-align: right; margin-right: 10px; font-weight: normal; }
.stats p { text-align: right; padding-right: 20px; }

.graph { border: 1px solid #ccc; padding: 5px 0 5px 5px; }
.graph-date { border: 1px solid #ccc; padding: 5px ; border-top: none; }
.graph-control { width: 130px; background: #fff; padding: 10px;  font-size: 0.8em; float: right; }
.graph-control input{ float: left; clear:left; margin: 0 5px 0 0; padding: 0;  }

.graph-control input.txt, .graph-control select, .graph-date input.txt, .graph-date select { float: none; background: #fff; border: 1px solid #ccc; width: 100px; margin: 2px 0; }.graph-control select { width: 112px; }
.graph-control input.radio, .graph-date input.radio { display: none; }
#content .graph-control label.left { float: left; width: 90px;  }
#content .graph-control h2 { font-size: 14px; font-weight:bold; margin:10px 0 0 0; }
#content .graph-control p { font-size: 0.95em; margin: 6px 0;}
/* #content img.graph { border: 1px solid #ccc; } */
#content .graph-control  .colour { width: 12px; height: 4px; font-size: 1px; float: right; margin-top: 6px; clear: right; }
#content .graph-control a { background: #44a445; color: #fff; padding: 5px 15px; margin-top:10px; display: block; text-align:center;  }

#right { float: right; width: 300px; padding: 4px 0px 20px 10px;  }
#right .advert p { margin: 2px 0; padding: 10px 1px 1px 1px; text-align: center; color: #ccc; text-transform: uppercase; font-size: x-small; }
#right ul { list-style: none; padding: 0; margin: 10px 0 0 0; }
#right ul li { margin: 0; padding: 0; display: inline; }
#right ul li.head { font-size: 1.4em;}
#right ul li a { border-top: 1px solid #dddfe2; display: block; padding: 5px 0 2px 0; color: #54606c; text-decoration: none; margin-top: 3px; font-weight: bold;  }
#right ul li a span { color: #9a9a9a; font-size: x-small; padding-right: 20px; font-weight: normal; text-transform: none; }
#right ul li a:hover { color: #000; }
#right ul li a:hover span { color: #000; }

#footer { clear: left; background: #cfcfcf; color: #54606c; font-size: x-small; padding: 8px 20px; position: relative; }
#footer a { color: #54606c; text-decoration: none; border-bottom: 1px solid #91979d; }
#footer a:hover { border-bottom: 1px solid #54606c; }



div.pagination {
    padding: 3px;
    margin: 3px;
    align: center;
}

div.pagination a {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #AAAADD;

    text-decoration: none; /* no underline */
    color: #000099;
}
div.pagination a:hover, div.pagination a:active {
    border: 1px solid #000099;

    color: #000;
}
div.pagination span.pagination_current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
        border: 1px solid #000099;

        font-weight: bold;
        background-color: #000099;
        color: #FFF;
}
div.pagination span.pagination_disabled {
        padding: 2px 5px 2px 5px;
        margin: 2px;
        border: 1px solid #EEE;

        color: #DDD;
}


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

