/* @author Ali Damji */


/* overall */
body {background-color:white;margina:0px;bacakground:url('../img/bg/b_g1.jpg') repeat-x}
form {margin:0px}
.container {max-width:900px;margin:0px auto}
.header,.main,.footer,.menu,.submenu,#top-bar #top-menua {width:820px;margin:0 auto;}
.sub-ribbon {width:850px;margin:0 auto;}
.submenu {width:97%}
.footer {color:#808080;border-atop:1px solid #E5E5E5;clear:both;text-align:center;text-shadow:0px 1px 1px #f5f5f5}
.header {}
.menu {clear:both;height:25px;border-bottom:6px solid #05386D;padding-left:10px;padding-right:10px}
.top {margin:0px;text-align:right;padding:5px;clear:right;float:right;display:none}
.main {overflaow:auto;display:block;padding-top:0px;width:820px;margin-top:0px}
.logo-container {text-align:left;margian-left:40px;padding:10px;margin-bottom:-1px}
.logo {margin-top:2px;}
.f {width:280px}
.f-col {float:left}

.helper {font-size:7pt}

/*
.s {display:naone;color:gray;font-weight:bold;padding:8px;padding-top:0px;padding-bottom:0px;margin:0 auto;background:url('../img/g/7.gif') #ffffff;background-repeat:repeat-x;background-posaition:100% -100px;border:1px solid #e5e5e5;-moz-border-radius:4px;-webkit-border-radius:4px}
.s form {font-family:'Trebuchet MS';}
.s #service {width:325px}
.s #city {width:250px}
.s #service,.s #city {font-size:9pt}
.s input[type=text].blur{color:#d6d6d6}
.s form .lo {background:url('../img/g/10.gif') repeat-x #ffffff;padding:8px;display:inline-block;color:white;margin-right:10px;}
.s .lo a {color:white;}
*/

.header {margin-top:20px;/*border-top:1px dotted #e5e5e5;border-bottom:1px dotted #e5e5e5*/}
.logo-container {float:left;bordear:1px solid green;display:inline-block;}
.logo {}
.s {margin-top:10px;display:inline-block;float:left;bordear:1px solid green;displaay:naone;color:gray;font-weight:bold;padding:8px;padding-top:0px;padding-bottom:0px;-moz-border-radius:4px;-webkit-border-radius:4px}
.s form {font-family:'Trebuchet MS';}
.s form #lservice {display:inline-block;width:385px}
.s form #lcity {display:inline-block;width:220px}
.s form #lcompany {display:inline-block;width:180px}
.s button {margin-top:-5px}
.s #service {width:380px}
.s #city {width:200px}
.s #company {width:170px}
.s #service,.s #city ,.s #company {font-size:9pt}
.s input[type=text].blur{color:#d6d6d6}
.s form .lo {display:none}
.s .lo a {color:white;}

.s label{color:#006699;font-family:Arial}
.s input[type=text] {border:1px solid #e5e5e5;padding:6px;margin-left:0px;}
.s #service, .s #city, .s #company {border-right:1px solid #f5f5f5}



.reg {width:650px;padding:8px;padding-top:0px;padding-bottom:0px;margin:0 auto;background:url('../img/g/g11.gif') #ffffff;background-repeat:repeat-x;background-posaition:100% -100px;border:1px solid #e5e5e5;-moz-border-radius:4px;-webkit-border-radius:4px}
.reg h1 {margin-top:0px;border-bottom:0px none}
.reg .reg-i {display:inline-block;padding:10px;vertical-align:top}
.reg input[type=text].blur{color:#d6d6d6}


.notice-bar {text-shadow:0px 1px 1px white;font-weighta:bold;padding:4px;border-bottom:1px solid #E5E5E5;text-align:left;color:black}
.clr {clear:both}

.ssmall {width:280px}
.ssmall .t {width:95%}
#header {}
#menu {display:none}
.al {text-align:center;color:gray;font-family:trebuchet ms;font-size:11pt}


ul.jq-ui-autocomplete {
    position: absolute;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #aaa;
    margin: 0px;
    padding: 4px;
    list-style: none;
    font: normal .75em/.75em Verdana, Arial, sans-serif;
    color: #333;
}
ul.jq-ui-autocomplete li { 
  display: block; 
  padding: 5px; 
  overflow: hidden;
  width: 100%;
}

ul.jq-ui-autocomplete li.active { 
  background-color: #f5f5f5; 
  color: gray;
}

.ac_results {padding: 0px;border: 1px solid #7FB7FB;overflow: hidden;background-color: white;}
.ac_results ul {width: 100%;list-style-position: outside;list-style: none;padding: 0;margin: 0;}
.ac_results iframe {
display:none;/*sorry for IE5*/
display/**/:block;/*sorry for IE5*/
position:absolute;top:0;left:0;z-index:-1;filter:mask();width:3000px;height:3000px; }
.ac_results li {margin: 0px;padding: 2px 5px;cursor: pointer;display: block;width: 100%;font: menu;font-size: 12px;overflow: hidden;}
.ac_over {background-color: white;color: black;}


input[type=submit] {color:black} 
input,select {margin-bottom:3px}


/* forms */
form label {width:120px;display:inline-block}

/* tables */
.tb2 {border-collapse:collapse}
.tb2 th {text-shadow:0px 1px 1px white;font-weight:bold;padding:4px;border-bottom:1px solid #E5E5E5;text-align:left;color:black}
.tb2 tr:hover {background-color:#F9f9f9}
.tb2 tr {border-bottom:1px dotted #f5f5f5}
.tb2 th input {padding:0px;margin:0px}
.tb2 .row-a {background-color:white}
.tb2 .row-b {background-color:white}

/*.tb2,.full-listing {border:1px solid #e5e5e5;border-top:0px none}*/
.tb2 td {padding:2px}
.c {background-color:white;}
.full-listing {padding:5px;margin-top:5px;}
input[type=text],input[type=password],textarea,select{width:150px;}

.pagenav {padding:5px}
.pagenav a {border:1px solid #f5f5f5;padding:4px;display:inline-block}
.pagenav a:hover {background-color:#f5f5f5}

.premium {padding:5px;border:1px solid #f5f5f5;background-color:#fff6bf;border-bottom:1px solid orange}
.premium a {font-weight:bold}
.premium-img {padding:5px;text-align:center}

.rating_wrapper *{margin:0; border:0; padding:0}
.rating_wrapper {overflow:hidden; height:16px;}
.sp_rating{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px; line-height:1.7em; color:#5f5f5f; display:block;}
	.rating{float:left; padding-right:4px;}
	.base{background:url(../img/ratings.gif) 0 0 no-repeat; width:85px; height:100%; float:left; padding-right:4px; overflow:hidden;}
	.average{background:url(../img/ratings.gif) 0 -16px no-repeat; text-indent:-9999px;}
	.votes{float:left; padding-right:4px;}
	.score{ background:url(../img/ratings.gif) 0 0 no-repeat; width:85px; height:100%; float:left; position:relative;}
		.score a{display:block; height:100%; float:left; text-indent:-9999px; position:absolute; overflow:hidden; line-height:1em;}
		.score1 {width:20%; z-index:55;}
		.score2 {width:40%; z-index:54;}
		.score3 {width:60%; z-index:53;}
		.score4 {width:80%; z-index:52;}
		.score5 {width:100%; z-index:51;}
		.score a:hover{ background:url(../img/ratings.gif) bottom right no-repeat;}
	.status {height:16px; widath:100px; overflow:hidden; position:relative;}
		
	.score_this{ height:100%; overflow:hidden;color:#f37800;}
		.score_this a{color:#f37800;}