/* CSS Document */

/* SITE */
body {
  background-image:url(images/bg2.gif);
  background-repeat:repeat-x;
  font-size: 13px;
  font-family: Arial, Sans-Serif;
  margin: 0 0 100px 0;
  padding: 0;
  color:#333;
  text-align: center; }
td{  font-size: 13px;}
form{ margin:0}
#page {
  background:#FFF;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  width: 980px;  }


/* PAGE LAYOUT */
#header{
  float:left;}
#sidebar{
  clear:both;
  margin:30 0 0 30px;
  width:150px;
  float:left;
  display:inline}
#mainContent{
  margin:20 0 20px 30px;
  width:740px;
  float:left;}
#footer{
  clear:both;}


/* HEADER FOOTER */
#header{
  background-image:url(images/bg1.gif);
  background-repeat:repeat-x;
  width:100%;
  height:90px; /* 45 + 20 + 25 */}
#header .header_title a{
  float:left;
  padding: 80px 0 0 0;
  width:600px;
  margin:20px 0 0 25px;
  overflow: hidden;
  background-image:url(images/logo_bairros.png);
  background-repeat:no-repeat;
  height: 0px !important; /* for most browsers */
  height /**/:90px; /* for IE5.5's bad box model */
  display:inline;}  
#header_menu{
  font-weight:bold;
  text-align:right;
  background:#F83;
  padding:2px 30px 3px 0;
  font-size:11px;
  color:#FC0;}
#header_menu a{
  color:#fff;
  text-decoration:none;}
#header #search_form{
	float:right;
	margin:5px 30px 0 0;
	display:inline;
	width: 101px;
}
#header #search_form input{
  border:1px solid #ccc;
  font-size:11px;}
#footer{
  border-top:1px solid #ddd;
  text-align:center;
  padding:5px;
  width:100%;
  font-size:10px;
  color:#999;}


/* TOP OPTIONS */
#adult_filter form{
  font-size:11px;
  text-align:right;
  background:#ddd;
  padding:5px}
#adult_filter form select{
  font-size:11px;}
#login_form form{
  font-size:11px;
  text-align:right;
  background:#eee;
  padding:5px;}
#login_form form input{
  font-size:11px;}
#dark_background {
  background: #000;
  z-index: 1;
  position:absolute;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;}


/* SIDEBAR */
#sidebar{}
#sidebar ul{
  padding:0;
  margin:0 0 20px 0;}
#sidebar ul h4{
  margin:0 0 5px 0;
  font-size:12px;
  color:#F63;}
#sidebar ul li{
  list-style-type:none;}
#sidebar ul ul{}
#sidebar ul ul li{
  margin:0 0 5px 0;
  padding:0;
  list-style-type:none;}
#sidebar ul ul li a{
  text-decoration:none;}
#sidebar ul ul li a:hover{
  text-decoration:underline;}


/* ALL PAGES */
#mainContent{}
#mainContent h1{
  font-size:24px;
  margin:0 0 10px 0;
  color:#666}
#mainContent h2{
	font-size:20px;
	color:#F63;
	margin:0 0 10px 0;
}
#mainContent h3{
  margin:0 0 5px 0;
  font-size:14px;}
#mainContent p{
  margin:0 0 15px 0;}
#mainContent ul{
  margin:0;
  padding:0 0 0 20px;}
#mainContent ul h2{}
#mainContent ul li{
  font-size: 12px;
  color:#666;
  list-style-type:none;
  margin:0 0 15px 0;}
#mainContent ul li h2{
  margin:0}
#mainContent ul li h3{
  margin:0}

/* TOOLTIP FORMS*/
.tooltip_box{
  position:absolute;
  margin:0 0 0 0px;
  border:1px solid #9BC;
  background:#DEF;
  width:200px;
  padding:10px;
  font-size:11px;}
.form_help{
  color:#999;}
.error{
  font-weight:bold;
  color:#f00;
  margin:0 0 10px 0;}


/* SPRITES */
.site_add{
  display:block;
  float:left;
  padding: 18px 0 0 0;
  width: 18px;
  overflow: hidden;
  background: url(images/sprite.png) 0 -20px no-repeat;
  height: 0px !important;
  height /**/:18px; /* IE bug */}
.site_add:hover{
  background: url(images/sprite.png) -20px -20px no-repeat;}
.site_edit{
  display:block;
  float:left;
  padding: 18px 0 0 0;
  width: 18px;
  overflow: hidden;
  background: url(images/sprite.png) 0 -60px no-repeat;
  height: 0px !important;
  height /**/:18px; /* IE bug */}
.site_edit:hover{
  background: url(images/sprite.png) -20px -60px no-repeat;}
.site_delete{
  display:block;
  float:left;
  padding: 18px 0 0 0;
  width: 18px;
  overflow: hidden;
  background: url(images/sprite.png) 0 -40px no-repeat;
  height: 0px !important;
  height /**/:18px; /* IE bug */}
.site_delete:hover{
  background: url(images/sprite.png) -20px -40px no-repeat;}
.watch_add{
  float:left;
  display:block;
  padding: 18px 0 0 0;
  width: 18px;
  overflow: hidden;
  background: url(images/sprite.png) 0 -80px no-repeat;
  height: 0px !important;
  height /**/:18px; /* IE bug */}
.watch_add:hover{
  background: url(images/sprite.png) -20px -80px no-repeat;}
.watch_remove{
  float:left;
  display:block;
  padding: 18px 0 0 0;
  width: 18px;
  overflow: hidden;
  background: url(images/sprite.png) 0 -100px no-repeat;
  height: 0px !important;
  height /**/:18px; /* IE bug */}
.watch_remove:hover{
  background: url(images/sprite.png) -20px -100px no-repeat;}
.tooltip{
  float:left;
  display:block;
  padding: 18px 0 0 0;
  width: 18px;
  overflow: hidden;
  background: url(images/sprite.png) 0 0px no-repeat;
  height: 0px !important;
  height /**/:18px; /* IE bug */}
.rss{
  float:left;
  display:block;
  padding: 12px 0 0 0;
  margin: 2px 4px 0 0;
  width: 12px;
  overflow: hidden;
  background: url(images/sprite.png) 0 -120px no-repeat;
  height: 0px !important;
  height /**/:12px; /* IE bug */}
.rss:hover{
  background: url(images/sprite.png) -20px -120px no-repeat;}
.search_featured{
  float:left;
  display:block;
  padding: 12px 0 0 0;
  margin: 2px 4px 0 0;
  width: 12px;
  overflow: hidden;
  background: url(images/sprite.png) 0 -140px no-repeat;
  height: 0px !important;
  height /**/:12px; /* IE bug */}
.show_more{
  float:left;
  display:block;
  padding: 6px 0 0 0;
  margin: 8px 4px 0 0;
  width: 6px;
  overflow: hidden;
  background: url(images/sprite.png) 0 -160px no-repeat;
  height: 0px !important;
  height /**/:6px; /* IE bug */}


/* HOME */
#home table{
  margin:15px 0;}
#home td{
  width:330px;
  padding:0 0 10px 0;
  font-size:12px;
  color:#666;}
#home h2{
  font-size:20px;
  margin:0 0 5px 0;}
#home .new_listings{
  float:left;
  display:block;
  padding: 90px 0 0 0;
  width: 85px;
  overflow: hidden;
  background: url(images/sprite_home.png) 0 0px no-repeat;
  height: 0px !important;
  height /**/:90px; /* IE bug */}
#home .websites_for_sale{
  margin:5px 0 0 8px;
  float:left;
  display:block;
  padding: 90px 0 0 0;
  width: 62px; /* 70-8 */
  overflow: hidden;
  background: url(images/sprite_home.png) -100px 0 no-repeat;
  height: 0px !important;
  height /**/:90px; /* IE bug */}
#home .sell_your_site{
  margin:5px 0 0 10px;
  float:left;
  display:block;
  padding: 90px 0 0 0;
  width: 75px; /* 85-10 */
  overflow: hidden;
  background: url(images/sprite_home.png) -300px 0 no-repeat;
  height: 0px !important;
  height /**/:90px; /* IE bug */}
#home .premiere_websites{
  margin:5px 0 0 8px;
  float:left;
  display:block;
  padding: 90px 0 0 0;
  width: 62px; /* 70-8 */
  overflow: hidden;
  background: url(images/sprite_home.png) -200px 0 no-repeat;
  height: 0px !important;
  height /**/:90px; /* IE bug */}
#home .valuation_tool{
  margin:5px 0 0 25px;
  float:left;
  display:block;
  padding: 90px 0 0 0;
  width: 60px;  /* 85 - 25 */
  overflow: hidden;
  background: url(images/sprite_home.png) -400px 0 no-repeat;
  height: 0px !important;
  height /**/:90px; /* IE bug */}
#home .resources{
  margin:5px 0 0 0;
  float:left;
  display:block;
  padding: 90px 0 0 0;
  width: 70px;
  overflow: hidden;
  background: url(images/sprite_home.png) -500px 0 no-repeat;
  height: 0px !important;
  height /**/:90px; /* IE bug */}



/*BROWSE CATEGORIES*/
#search_cats{
  background-image:url(images/bg1.gif);
  background-repeat:repeat-x;
  padding:10px;
  border:1px solid #ccc;
  margin:0 0 20px 0;
  float:left;}
#search_cats form input{
  font-size:16px;}
#browse_cats{
  clear:both;
  margin:0 0 20px 0}
#browse_cats td{
  vertical-align:top;
  font-size:11px;
  color:#999;
  width:50%;
  line-height:23px;}
#browse_cats td a{
  font-size:14px;}


/* NAVIGATION */
.navigation{
  clear:both;
  float:left;
  width:100%;
  text-align:center;
  font-size:12px;
  color:#666;
  padding:0;
  margin:0 0 5px 0;}
.navigation a{
  text-decoration: none;}
.navigation a:hover{
  color: #FFF;
  background-color: #666;}


/* SEARCH RESULTS */
#search_results{
  clear:both;
  float:left;
  width:100%;
  margin:0 0 10px 0;}
#search_results .header td{
  font-size:11px;
  padding: 1px 3px 1px 3px;
  color:FFF;
  background:#13B;
  border-bottom:1px solid #ccc;}
#search_results .header td{
  font-size:11px;
  padding: 1px 3px 1px 3px;
  color:FFF;
  background:#13B;
  border-bottom:1px solid #ccc;}
#search_results td a:hover{
  color:F63;}
#search_results .stats td,
#search_results .stats_hover td{
  font-size:11px;
  padding: 10px 0;
  color:#999;
  border-bottom:1px solid #ccc;}
#search_results tr .cat{
  width:70px;}
#search_results .stats_hover td{
  background:#eee;}
#search_results .title h3{
  line-height:normal;
  margin: 0 0 2px 0;
  padding: 0}
#search_results .title h3 a{
  font-size:14px;}
#search_results .price{
  font-size:13px;}

  /* FEATURED */
#search_results #featured.stats td,
#search_results #featured.stats_hover td{
  background-image:url(images/bg1.gif);
  background-repeat:repeat-x;
  padding-top:5px;
  padding-bottom:5px;
  color:#000;}
#search_results #featured.stats_hover td{
  background:#eee;}
#search_results #featured td a img{
  float:left;
  border:1px solid;
  margin:0 10px 0 0;}
#search_results #featured td a:hover img{
  float:left;
  border:1px solid #F63;
  margin:0 10px 0 0;}
#search_results #featured .title{
  color:666;}
#search_results  #featured h3 a{
  font-size:16px;}
#search_results .featured_listing{
  display:block;
  text-decoration:none;
  color:#f63;
  font-weight:bold;
  font-size:10px;
  height:14px;
  line-height:16px;}



  /* SEARCH FORM */
.search{
  width:100%;
  background-image:url(images/bg1.gif);
  background-repeat:repeat-x;
  border:1px solid #ccc;
  margin:0 0 10px 0;
  float:left;
  color:#666;}
.search form{
  text-align:center;
  padding:10px 10px;}
  /* OPTIONS */
#search_options{
  margin:0;
  float:left;
  margin:0 0 5px 0;
  width:100%;
  border:1px solid #ccc;
  background:#f6f6f6;}
#search_options form{ 
  display:block;
  float:left;}
#search_options ul{
  padding:2px 15px 2px 2px;
  float:left;}
#search_options ul li{
  margin:0;
  font-size:11px;}
#search_options input{
  font-size:10px;}
  /* SORT */
#sort_options{  
  clear:both;
  float:left;
  margin:0 0 5px 0;
  width:100%;}
#sort_options form{
  text-align:left;
  border:1px solid #9CDDFF;
  background:#F4F9FB;
  display:block;
  padding:5px;}
#sort_options form td{
  color:#666;
  font-size:11px;}
#sort_options form select{
  border:1px solid #aaa;
  font-size:11px;}
#sort_options form input{
  width:60px;
  font-size:11px;}


/* ADD LISTING */
#add_listing{}
#add_listing .intro{
  padding:3px 5px;
  background:#f6f6f6;
  color:#888;
  text-align:center;
  font-size:12px;
  margin:0 0 15px 0;}
#add_listing td{
  color:#333;
  padding:0 10px 10px 0;}
#add_listing td input,
#add_listing td textarea{
  font-size:13px;
  font-family:arial;}


/* MY SITES MY DOMAINS */
#my_sites td{
  color:#999;}
#my_sites .header td{
  padding: 1px 3px 1px 3px;
  color:FFF;
  background:#13B;}
#my_sites .header td a{
  color:FFF;}
#my_sites .stats td,
#my_sites .stats_hover td{
  background:#f6f6f6;
  border-bottom:1px solid #fff;
  padding: 3px;
  color:#666;}
#my_sites .stats_hover td{
  background:#eee;}
#my_sites .stats h3,
#my_sites .stats_hover h3{
  font-size:13px;
  margin:0;
  font-weight:normal;}




/* MY WATCHLIST */
#my_watchlist td{
  color:#999;}
#my_watchlist .header td{
  padding: 1px 3px 1px 3px;
  color:FFF;
  background:#13B;}
#my_watchlist .stats td,
#my_watchlist .stats_hover td{
  background:#f6f6f6;
  border-bottom:1px solid #fff;
  padding: 3px;
  color:#666;}
#my_watchlist .stats_hover td{
  background:#eee;}


/* MY MESSAGES */
#my_messages{}
#my_messages td{
  vertical-align:top;
  padding: 0px 10px 5px 0px;
  border-bottom:1px solid #fff;
  border-right:1px solid #fff;
  color:#999;}
#my_messages .stats{
  color:#333;}


/* PROFILE */
#profile .stats{
  vertical-align:top;
  width:130px;
  line-height:18px;
  color:#999;
  padding:0 10px 0 0;}
#profile .stats_value{
  vertical-align:top;
  padding:0 10px 0 0;
  line-height:18px;}
#profile .stats_value p{
  margin:0 0 5px 0;}
#profile .stats_value img{
  border:1px solid;}
#profile #other_sites{
  background:#f6f6f6;
  height:80px;
  overflow-y:scroll;
  border:1px solid #ccc;
  margin:5px 0 5px 0;
  padding:5px;}
#profile #other_sites ul{
  margin:0;
  padding:0;}
#profile #other_sites ul li{
  line-height:21px;
  font-size:12px;
  margin:0;
  padding:0;
  color:#666;}
#profile ul{
  line-height:18px;
  margin:0 0 15px 0 ;
  padding:0;}
#profile ul small{
  line-height:normal;
  color:#999;}
#profile ul li{
  color:#333;
  font-size:13px;
  margin:0 0 0 ;}
#profile .questions p{
  line-height:20px;}
#profile .questions small{
  line-height:normal;
  font-size:9px;
  color:#999;}
#profile .questions i{
  font-weight:bold;
  color:#999;}

/* FEEDBACK FORM */
#feedback{
  z-index: 2;
  font-size:12px;
  width:360px;
  height:380px;
  background:#fff;
  background-image:url(images/bg2.gif);
  background-repeat:repeat-x;
  background-position:top; 
  border:1px solid #fff;
  position: absolute;
  left: 50%;
  top: 40%;
  margin-left: -180px; 
  margin-top: -150px;}
#feedback p{
  font-size:11px;
  margin: 0 0 15px 0;}
#feedback form{
  margin:10px 30px 20px 30px;}
#feedback_menu{
  background:#13B;
  text-align:right;
  padding:3px 5px;}
#feedback_menu h4{
  margin:0;
  padding:0;
  float:left;
  color:#fff;
  font-size:12px;
  font-weight:normal;}
#feedback_menu a{
  color:#FFF;
  font-size:11px;}
#feedback form textarea{
  width:240px;
  height:80px;
  border:1px solid #aaa;
  font-size:12px;
  font-family:Arial;
  padding:2px;
  margin:5px 0 5px 0;}
#feedback form a{
  font-size:11px;}


/* LISTING UPGRADE FORM */
#listing_upgrade{
  z-index: 2;
  width:100%;
  border:1px solid #FFF;
  position: absolute;
  background:#fff;
  width:360px;
  height:210px;
  margin-left: -180px; 
  margin-top: -100px;
  left: 50%;
  top: 40%;}
#listing_upgrade form h3{
  color:#F63;}
#listing_upgrade form{
  background-image:url(images/bg1.gif);
  background-repeat:repeat-x;
  background-position:top; 
  padding:10px;}
#listing_upgrade_menu{
  background:#13B;
  text-align:right;
  padding:3px 5px;}
#listing_upgrade_menu a{
  color:#FFF;
  font-size:11px;}
#listing_upgrade_menu h4{
  margin:0;
  padding:0;
  float:left;
  color:#fff;
  font-size:12px;
  font-weight:normal;}
#listing_upgrade_menu small{
  color:#6B7BBA;
  font-size:11px;}
#listing_upgrade_footer{
  text-align:center;
  padding:5px 0 0 0;
  border-top:1px solid #eee;
  position:absolute;
  width:340px;
  left:10px;
  top:170px;}