html{
width:100%;
height:100%;
} 
body{
  background-image: url(/images/bg4.png);
  background-repeat: repeat-x;
  background-color: #c1bebc;
  margin: 0;
  padding: 0;
  font-family: arial;
  font-size: 12px;
  color: #636363;
  height:100%;
}

@font-face {
    font-family: 'BureauGrotesqueThreeFive';
    src: url('bureaugrotesque-threefive-webfont.eot');
    src: url('bureaugrotesque-threefive-webfont.eot?#iefix') format('embedded-opentype'),
         url('bureaugrotesque-threefive-webfont.woff') format('woff'),
         url('bureaugrotesque-threefive-webfont.ttf') format('truetype'),
         url('bureaugrotesque-threefive-webfont.svg#BureauGrotesqueThreeFive') format('svg');
    font-weight: normal;
    font-style: normal;

}

#logo{
  position: absolute;
  height: 170px;
  width: 170px;
  cursor: pointer;
}

a{
  color: #c0272d;
  text-decoration: none;
}
a:hover{
  color: #c0272d;
  text-decoration: underline;
}
a:visited {
    color: #871b20
}

img, table, td{
  border: 0;
  padding: 0;
  margin: 0;
  font-family: arial;
  font-size: 12px;
}

#body_table{
  margin: auto;
  min-height: 600px;
  padding: 0;
  height:100%;
}

#left_td{
  width: 8px;
  background-image: url(/images/outer_left.png);
  background-repeat: repeat-y;
  margin-top: 30px;
  height:100%;
}

#right_td{
  width: 8px;
  background-image: url(/images/outer_right.png);
  background-repeat: repeat-y;
  margin-top: 30px;
  height:100%;
}

#content_table{
  margin: auto;
  width: 971px;
  height:100%;
}

#header_table{
  height: 175px;
  width: 971px;
  background-image: url(/images/header.png);
  background-repeat: no-repeat;
  margin: auto;
}

#banner_div{
  height: 90px;
  text-align: right;
  padding-right: 10px;
  margin: 0;
}

#banner_td{
  height: 90px
}

#banner_td img{
  padding: 0;
  margin: 0;
  border: 0;
}

#subnav_td{
  height: 38px;
}

#subnav_table{
  height: 28px;
  float: right;
  text-align: center;
  font-size: 11px;
  color: #ffffff;
}
#subnav_table a{
  font-size: 11px;
  text-decoration: none;
  color: #ffffff;
}
#subnav_table a:hover{
  color: #e84b53;
}

#main_nav_td{

}

#main_nav_div{
  font-size: 18px;
  font-weight: bold;
  color: #636363;
  padding: 0 0 0 168px ;
  margin: 8px 0 12px 12px;
}

#main_nav_td a{
  font-size: 18px;
  font-weight: bold;
  color: #636363;
  text-decoration: none;
  padding: 0 18px 0 0;
}

#main_nav_td a:hover{
  color: #c0272d;
}

#main_nav_table{
}

#search_form_div{
  padding-top: 4px;
  height: 37px;
}

#search_form_div .textinput{
  width: 145px;
  padding: 0;
  font-size: 10px;
}
#search_form_div .select{
  width: 70px;
  font-size: 10px;
}


.button_large{
  background-image: url(/images/btn_bg_large.gif);
  background-repeat: no-repeat;
  border: none;
  width: 92px;
  height: 23px;
  color: #ffffff;
  padding: 0 0 4px 0;
  font-weight: bold;
}

.button_long{
  background-image: url(/images/btn_bg_long.gif);
  background-repeat: no-repeat;
  border: none;
  width: 150px;
  height: 23px;
  color: #ffffff;
  padding: 0 0 4px 0;
  font-weight: bold;
}

.button_small{
  background-image: url(/images/btn_bg_small.gif);
  background-repeat: no-repeat;
  border: none;
  width: 42px;
  height: 23px;
  color: #ffffff;
  padding: 0 0 4px 0;
  font-weight: bold;
}

#content_td{
  width: 610px;
  background-color: #ffffff;
  height:100%;
}

#content_div{
  width: 600px;
  margin:0;
  padding: 12px;
  height:100%;
}

#right_col{
  width: 321px;
  background: #e6e3de;
  margin:0;
  background-image: url(/images/right_bg.png);
  background-repeat: repeat-y;
  padding: 12px;
}

.h1{
  color: #555555;
  font-size: 20px;
  font-weight: bold;
  background-image: url(/images/h1_arrow.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  padding-left: 10px;
}

h1{
  color: #555555;
  font-size: 20px;
  font-weight: bold;
  background-repeat: no-repeat;
  background-position: 0 0;
  margin:0;
  display:inline;
}

h1.ad { display: block; margin: 3px 0 0 0; line-height: 30px }

.header{
  margin-bottom: 10px;
  /*padding-top: 10px;*/
}

/* Ad-page specific header styles */
.header.ad { height: auto; overflow: auto; margin-left: 12px }
    .header .title {  }

.header2{
  margin-bottom: 10px;
  /*padding-bottom: 4px;*/
}

.red{
  color: #c0272d;
}

.more{
  float: right;
  margin-top: 10px;
}

.rss{

}

.h2{
  color: #555555;
  font-size: 16px;
  font-weight: bold;
}

h2{
  color: #555555;
  font-size: 16px;
  font-weight: bold;
  margin:0;
  display:inline;
}

h3 {
  color: #5a5a5a;
  font-size: 14px;
  font-weight: bold;
  margin:0;
  display:inline;
}

.subhead{
  color: #636363;
  font-family: verdana;
  font-weight: bold;
  font-size: 10px;
  background-color: #ebebeb;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
  padding: 0;
  margin: 2px 0;
}

.scroll_panel{
  border: solid 1px #dddddd;
  background-color: #f6f6f6;
}


.subhead .date{
  font-weight: normal;
}
.subhead_line{
  height: 1px;
  background-color: #ffffff;;
}

.subhead a{
  color: #5a5a5a;
  font-family: verdana;
}

.blockquote{
  padding: 12px;
}
.blockquote2{
  padding: 12px;
}

.best_td a{
  color: #636363;
  text-decoration: none;
}
.best_td a:hover{
  text-decoration: underline;
}

.best_td{
  width: 151px;
  color: #636363;
  font-size: 11px;
}

.best_div{
  padding: 6px 4px;
}

.best_box{
  width: 142px;
  height: 152px;
  background-image: url(/images/best_bg.png);
  background-repeat: repeat-x;
  position: relative;
}

.best_box.large {
    width: 190px;
    margin-bottom: 12px;
}

.dash_line{
   padding: 0;
   margin: 10px 5px 0 0;
   border-right: 1px dashed #ddd9d7;
   height: 245px;
   float: right;
}

#guest_judge_div{
  padding: 0 0 12px 0;
}

.blockquote img{
  padding: 0;
  margin: 12px 12px 12px 12px;
  border: solid 1px #a4a4a4;
  
}

#guest_judge_div .blockquote img {
	width: 100px;
}

.blockquote2 img{
  padding: 0;
  border: solid 1px #a4a4a4;
}

.linkbuttons {
	clear:both;
  padding: 4px 0 4px 4px;
  background-color: #f9f9f9;
  border-top: solid 1px #eeeeee;
  border-bottom: solid 1px #eeeeee;
}
.linkbuttons img{
  margin-right: 30px;
  border: none;
}


.best_thumb{
  width: 140px;
  height: 95px;
  border: 1px solid #c2c2c2;
}

.runners_up{
  padding:0 0 8px 10px;
  margin: 10px 0 0 10px;
}

.runner_li{
  padding:0 0 6px 0;
  margin: 0 0 0 0;
}

.best_medal{
  padding:0 4px 16px 0;
  margin: 0 0 0 0;
  float: left;
}

.news_div{
  clear: both;
}

.rhs_block{
  width: 276px;
  border: 3px solid #c1bab2;
  padding: 8px;
  background-color: #f3f1ef;
  margin-bottom: 12px;
}

.rhs_block td{
  font-weight: bold;
}
.rhs_block td+td{
  font-weight: normal;
}

.reg_input{
  width: 200px;
}

.reg_input_small{
  width: 98px;
}
.reg_input_select{
  width: 203px;
}

#signin_div{
}

#large_ad{
  width: 296px;
  height: 250px;
  margin-bottom: 12px;
}

.ad_125{
  float: left;
  margin: 6px 16px 6px 0;
  padding: 2px 2px 2px 0;
  border: 1px solid #c1bab2;
  width: 125px;
  height: 125px;
}

.ad_110{
  margin: 0;
  padding: 0;
  border: 1px solid #c1bab2;
  width: 125px;
  height: 125px;
}

.tab{
  width: 92px;
  height: 21px;
  background-color: #cbc8c5;
  float: left;
  text-align: center;
  color: #5a5a5a;
  font-weight: bold;
  padding-top: 8px;
}

.tab a{
  color: #5a5a5a;
}

.tab_active{
  background-color: #f3f1ef;
  width: 92px;
  height: 21px;
  float: left;
  text-align: center;
  color: #5a5a5a;
  font-weight: bold;
  padding-top: 8px;
}

.tab_active a{
  color: #5a5a5a;
}

.ranking_div{
  padding: 12px 4px 4px 4px;
}

.rank_td{
  background-image: url(/images/rankings_bg_block.png);
  width: 125px;
  font-size: 0.9em;
}

.rank_td_full{
/*  background-image: url(/images/rankings_bg_full.png);*/
  width: 300px;
  height:100%;
  overflow:hidden;
}
.rank_td_half{
/*  background-image: url(/images/rankings_bg_block.png);*/
  width: 140px;
  vertical-align: top;
}

.ranking_table{
  text-align: right;
  width: 268px;
  margin-top: 6px;
}

.ranking_table a{
  color: #636363;
}

.ranking_table td{
  text-align: right;
  font-weight: normal;
  vertical-align:top;
}

.ranking_table_full{
  text-align: right;
  width: 555px;
  margin-top: 6px;
}

.ranking_table_full a{
  color: #636363;
}

.ranking_table_full td{
  text-align: right;
  font-weight: normal;
  height:100%;
  overflow:hidden;
  vertical-align: top;
}

.ranking_table_half{
  text-align: right;
  margin-top: 6px;
}

.ranking_table_half a{
  color: #636363;
}

.ranking_table_half td{
  text-align: right;
  font-weight: normal;
}

.rank_title{
  padding: 3px 4px 3px 3px;
  background-color: #ffffff;
}

.rank_title_half{
  padding: 3px 4px 3px 3px;
  background-color: #ffffff;
  width:140px;
  vertical-align:top;
}

#rankings_div{
  clear: both;
  padding-top: 12px;
}

.warning{
  padding: 12px;
  border: 3px solid #c1bab2;
  color: #c0272d;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
}

#ad_table{
  margin: 12px 0;
}

#ad_table_links{
  padding-top: 5px;
}

.credit{
  padding-bottom: 12px;
}

#ad_table_links img{
  width: 4px;
  height: 10px;
  border: none;
  padding-right: 8px;
}


#submit_div{
  padding: 12px;
  border: 3px solid #c1bab2;
  background-color: #f3f1ef;
}

.submit_input_role{
  width: 240px;
}
.submit_input_select{
  width: 333px;
}

.submit_input{
  width: 329px;
}

.thumb_img{
   height: 80px;
   min-width: 80px;
}

.thumb img{
   border: 2px solid #c1bab2;
   padding: 2px;
}

a.thumb img{
   border: 2px solid #c1bab2;
}

a.thumb:hover img{
   border: 2px solid #f3f1ef;
}

#tabs_best2 {
  float:left;
  font-size:11px;
  font-weight:bold;
  line-height:normal;
}

#tabs_best2 ul {
  margin:0;
  padding:2px 0px 10px 2px;
  list-style:none;
}

#tabs_best2 li {
  display:inline;
  margin:0;
  padding:0;
}

#tabs_best2  a {
  float:left;
  background:url("/images/tab_left.png") no-repeat left top;
  margin:0;
  padding:0 0 0px 6px;
  text-decoration:none;
  color: #fff;
}

#tabs_best2 a span {
  float:left;
  display:block;
  background:url("/images/tab_right.png") no-repeat right top;
  padding:3px;
  color: #fff;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs_best2 a span {
  float:none;
}

/* End IE5-Mac hack */
#tabs_best2 a:hover span {
  color: #fff;
}

#tabs_best2 a:hover {
  background-position:0% -20px;
}

#tabs_best2 a:hover span {
  background-position:100% -20px;
}

#tabs_best2 .active {
background-position:0% -20px;
}

#tabs_best2 .active span {
background-position:100% -20px;
}

.rank_div{
  width:550px;
  padding: 10px;
  border-width:10px;
  border-color: #f3f1ef;
  border-style: solid;
}
.rank_div_custom{
  padding-top: 12px;
  padding-bottom:12px;
  padding-left:0;
  padding-right:0;
  background-color: #fff;
}
.rank_div_half{
  padding: 10px;
  border-width:10px;
  border-color: #f3f1ef;
  border-style: solid;
  width:251px;
  background-color: #fff;
}

.rank_div .mask{
  border: none;
  margin: 0;
  padding:0;
}

.rank_td_half .mask{
  border: none;
  height: 22px;
  margin: 0;
  padding:0;
}
.rank_td .mask{
  border: none;
  height: 22px;
  margin: 0;
  padding:0;
}
.rank_title .tooltipTrigger{
  border: none;
  margin: 0;
  padding:0;
}
.rank_title_half .tooltipTrigger{
  border: none;
  margin: 0;
  padding:0;
}
.see_all_ranks_div .bullet{
  border: none;
  margin: 0;
  padding:0;
}
.see_all_ranks_div .bullet{
  border: none;
  margin: 0;
  padding:0;
}


.rank_value{
  float: left;
  text-align: left;
  background-image: url(/images/rankings_bg_full.png);
  color: #bfbdbb;
  padding: 7px 0 0 6px;
  font-weight: bold;
  height:57px;
/*  position: absolute;
  z-index: 100;*/
}
.no-overflow {height:100%; overflow:hidden;}

.rank_div .bullet{
  width: 4px;
  height: 10px;
  border: none;
  padding-right: 8px;
}

.rank_div_half .bullet{
  width: 4px;
  height: 10px;
  border: none;
  padding-right: 8px;
}

#ad_table_links .bullet{
  width: 4px;
  height: 10px;
  border: none;
  padding-right: 4px;
  margin: 0;
}


.see_all_ranks_div{
  padding: 8px 0 0 4px;
  font-weight: bold;
}

/* prototip.css  */
.prototip { position: absolute; }
.prototip .effectWrapper,
.prototip .tooltip,
.prototip .toolbar,
.prototip .toolbar .title {  position: relative; }
.prototip .content { clear: both; }
.prototip .toolbar a.close {
  position: relative;
  text-decoration: none;
  float: right;
  width: 15px;
  height: 15px;
  background: transparent url(close.gif);
  display: block;
  line-height: 0;
  font-size: 0px;
  border: 0;
}
.prototip .toolbar a.close:hover { background: transparent url(close_hover.gif); }

.prototipLoader {
  position: absolute;
  top: -1000px;
  left: -1000px;
  background: url(prototip_loader.gif);
  height: 14px;
  width: 14px;
}

.iframeShim {
  position: absolute;
  border: 0;
  margin: 0;
    padding: 0;
    background: none;
}


.prototip .silver {  border: 2px solid #cccccc; color: #fff; font: 11px Arial, Helvetica, sans-serif;}
.prototip .silver .content { background: #fff; color: #666666; padding: 5px;}

img.tooltipTrigger {
  width: 12px;
  height: 12px;
  border: none;
}

#advanced_search_div{
margin:-5px 0 0 0;
}
 /*\*/
 html>body*#advanced_search_div {margin:-15px 0 0 0;; }
 /**/
.rating {
	float: right;
	  height:20px;
	  width:170px;
}

.rating strong {
  float:left;
}

#star {
  float:right;
}

#star ul.star
{
	background: url('/images/stars.gif') repeat-x;
	cursor: pointer;
	float: left;
	height: 20px;
	left: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	top: -5px;
	width: 85px;
}

#star li
{
	display: block;
	float: left;
	height: 20px;
	margin: 0;
	padding: 0;
	position: absolute;
	text-decoration: none;
	text-indent: -9000px;
	width: 85px;
	z-index: 20;
}

#star li.curr
{
	background: url('/images/stars.gif') left 25px;
	font-size: 1px;
}

#star div.user
{
	color: #888;
	float: left;
	font-family: arial;
	font-size: 13px;
	left: 15px;
	position: relative;
	width: 20px;
}

.accounthead{
  font-size: 1.5em;
  font-weight: bold;
  border-top: 1px solid #888888; 
  border-bottom: 1px solid #888888; 
  margin: 10px 0;
}
.pro_logo {
	background:url("/images/pro_logo_35.gif") no-repeat scroll 175px 0 transparent;
	border-left:2px solid #F1F1F1;
	float:left;
	padding-left:5px;
	width:240px;
	margin-bottom:20px;
}
.pro_logo ul {
	padding: 0;
	margin: 0 0px 0 10px;
	list-style:none outside none
}
.pro_logo ul li {
	margin: 0 0 6px 0;
}
.pro_logo .header .h1 {
	padding: 0;
	background-image: none;
}
.pro_logo .header {
	border: 0;
	margin-left:10px;
	padding: 0;
}
.pro_logo form {
	margin: 5px 0 20px 10px ;
}
#twitter_div {
	margin: 0 0 20px 0;
}

/*------  FOR FACEBOOK 'like' button -------------- */
.fb_edge_widget_with_comment  {
	float:left;
	padding:0 0 10px 0;
}
.addthis_button {
	clear:both;
	float:left;
	margin:0 0 10px;
}


/*------  Register page extraa -------------- */
form#register {
	width: 350px;
	float: left;
}
register_small {
	width: 350px;
}

/*------- NEW ads for GOOGLE DFP ------------------- */
ul.sponsorbanner {
	list-style:none;
	margin:15px 0 10px 0;
	padding:0;
	display:block;
	position:relative;
	z-index:0;
	}

ul.sponsorbanner li {
	padding:0;
	display:inline-block;
	}
	
ul.sponsorbanner li div {
	display:inline-block;
	height:125px!important;
	width:125px!important;
	margin:0 16px 16px 0 !important;
	overflow:hidden;
}

.Sponsor-container {
	width: 300px;
	overflow: hidden;
	margin: 0 0 15px 0;
}

.Sponsor-container a.advertise {
	color:#555555;
	text-decoration:underline;
	display:block;
	font-size:0.9em;
	margin:0;
	padding:0;
	position:relative;
	z-index:1000;
}
.Sponsor-container a:hover.advertise {
	text-decoration: none;
}

.Mrec-container {
	width: 300px; 
	height: 250px; 
	border: 0px;
	margin: 0 0 5px 0;
	background-color:#fff;
}

.Mrec-container ins,
#large_ad ins {
	height:0 !important;
	overflow:visible;
}

/*----------- advertise specs page -------------------------*/
.fancy {
	background-color:#EEEEEE;
	margin-bottom:10px;
  margin: 0; padding: 0; border-spacing: 0;
}
.fancy td {
	padding:4px 7px;
}
.fancy tr.first {
	background-color:#000000;
	color:#FFFFFF;
	font-weight:bold;
}
.fancy td {
	border-bottom:1px dotted #000000;
}
.fancy tr.last td {
	border-bottom:2px solid #000000;
}
pre {
	font-size:1.25em;
	margin:0;
	padding:0;
}

/*----------- info box -------------------------*/
.i_box {
  font-size:1.2em;
  background: #a9c6e2 url("/images/info-icon.png") no-repeat 5px center;
  color: #000000;
  border: #4b5864 1px solid;
  padding: 5px;
  overflow: hidden;
  min-height: 37px;
}
.i_text {
  background-color: #a9c6e2;
  margin-left: 37px;
  float: left;
}
.links_list {
  padding: 0;
  margin: 10px 0;
  list-style-type: none;
}
.links_list li {
  display: inline;
  padding-right: 10px;
  background: url('/images/bullet.png') left center no-repeat;
}
.links_list li a {
  padding-left: 10px;
}

/*----------- a style for useruploads on ad.php -------------------------*/
.uploader_name a {
  color:#555555;
  text-decoration:underline;
}
.uploader_name a:hover {
  text-decoration:none;
}

.profile_info { width: 600px }
    .profile_info .lft { float: left; width: 400px; clear: left }
        .profile_info .lft ul { list-style: none; margin: 10px 0 0; padding: 0 }
            .profile_info .lft ul li { margin: 0; padding: 0; height: 20px }
                .profile_info .lft ul li label { float: left; width: 100px }
                .profile_info .lft ul li div { float: left; width: 300px }
    .profile_info .rgt { margin-left: 400px }
    
    .profile_info .lft .social { margin: 20px 0 0 100px }

.clr { clear: both }

.ad-info { width: 350px; float: left }
.ad-related { float: right; width: 206px; margin-top: 20px }
    .ad-related h2 { padding-bottom: 10px; display: inline-block }

.ad-cat { background: #555; color: #FFF; padding: 3px 5px 1px; display: block; margin-right: 10px; float: left; font-size: 20px; font-weight: bold }
.ad-description { padding-top: 10px }

.ad-credits, .ad-details { list-style: none; margin: 12px 0; padding: 0 }
    .ad-details li { margin-bottom: 4px; overflow: auto; height: auto }
        .ad-details li span { display: block; float: left; width: 100px }
        .ad-details li a { display: block; overflow: auto }

    .ad-credits li { height: 40px }
        .ad-credits li div { display: block; float: left; width: 48px }

.share-social { z-index: 1; overflow: visible; border-bottom: 1px SOLID #CCC; height: 30px }
#fb_like, #twitter_tweet, #add_share { float: left; z-index: 25 }
#add_share { width: 100px }

.best-badge { float: right; background: url(/images/icons/best-badge.jpg) no-repeat; height: 33px; width: 32px; text-indent: -10000px; margin-right: 20px }
.best-description { background: url(/images/icons/best-badge.jpg) no-repeat 0 3px; margin: 2px 0 5px; padding: 12px 0 12px 40px; font-weight: bold }

.facebook-like-box { background: #FFF; margin-bottom: 12px; width: 298px }

.ad-form {  }
    .ad-form ul.tabs { height: 26px; list-style: none; border-bottom: 1px SOLID #CCC; padding: 0; margin: 20px 0; overflow: visible }
        .ad-form ul.tabs li { float: left; border: 1px SOLID #CCC; width: 170px; margin-right: 5px; background: #f8f8f8; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px }
        .ad-form ul.tabs li.active { border-bottom: 1px SOLID #FFF; background: #FFF }
            .ad-form ul.tabs li div { margin: 5px 10px }

    .ad-form ul.form { margin: 0 0 10px; padding: 0; list-style: none }
        .ad-form ul.form li { margin: 0; padding: 3px 0; clear: both }
            .ad-form ul.form li label { width: 150px; float: left; margin-top: 3px }
            .ad-form ul.form li.credit label { width: 250px; margin: 0 }
            .ad-form ul.form li.credit label select { width: 245px }
            .ad-form ul.form li.credit input { width: 250px }
            .ad-form ul.form li.ad-category select { width: 145px }

.part-draw { background: #f8f8f8; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border: 1px SOLID #CCC; padding: 10px; margin-bottom: 10px; overflow: hidden }

ul.form input, ul.form select, ul.form textarea { border: 1px SOLID #999; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; padding: 2px; font-family: arial; font-size: 12px; width: 350px }
ul.form input.no-border { border: none; padding: 0 }
    ul.form input.error, .ad-form ul.form select.error, .ad-form ul.form textarea.error { border: 1px SOLID #FF0000 }

ul.buttons { margin: 0; padding: 0; list-style: none; height: 30px }
    ul.buttons li { float: right; margin-left: 10px }

div.error { color: #FF0000; margin-bottom: 2px }

/* Autocomplete styles */
.ui-autocomplete { position: absolute; list-style: none; margin: 0; padding: 0; border: 1px SOLID #999; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px }
    .ui-autocomplete li { background: #ffff9e }
        .ui-autocomplete li a { cursor: pointer; display: block; text-decoration: none; color: #636363; padding: 2px 2px 2px 4px }
        .ui-autocomplete li a.ui-state-hover { background: #EFEFEF; color: #000 }

.add-ad { margin-left: 115px }

.progress { float: left; width: 350px; padding-bottom: 5px; display: inline-block }
    .progress .progressContainer { display: inline-block; width: 200px; border: 1px SOLID #999; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; background: #FFF; height: 5px; margin-top: 1px }
        .progress .progressContainer .progressBar { background: #C0272D; height: 5px; width: 0 }
    .progress .progressFile { font-size: 10px }

.profile .progress { width: 150px; float: none }
    .profile .progress .progressContainer { width: 110px }

.fileAction { font-size: 11px; margin-left: 2px }

.ad-files { }

/* Impromptu */
.jqifade{
	position: absolute;
	background-color: #FFF;
}
div.jqi{
	width: 400px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	position: absolute;
	background-color: #ffffff;
	font-size: 11px;
	text-align: left;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 7px;
}
div.jqi .jqicontainer{
	
}
div.jqi .jqiclose{
	position: absolute;
	top: 4px; right: -2px;
	width: 18px;
	cursor: default;
	color: #bbbbbb;
	font-weight: bold;
}
div.jqi .jqimessage{
	padding: 10px;
	line-height: 20px;
	color: #444444;
}
div.jqi .jqibuttons{
	text-align: center;
	padding: 5px 0 5px 0;
}
div.jqi button{
	padding: 3px 10px;
	margin: 0 10px;
	background-color: #2F6073;
	border: solid 1px #f4f4f4;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
}
div.jqi button:hover{
	background-color: #728A8C;
}
div.jqi button.jqidefaultbutton{
	background-color: #BF5E26;
}
.jqiwarning .jqi .jqibuttons{
	background-color: #BF5E26;
}

.jhidden { position: absolute; top: 999999px }

.helpfaq { margin-bottom: 3em }
    .helpfaq h2 { display: block; font-size: 1.7em }
    .helpfaq h3 { display: block; font-weight: normal; font-size: 1em; margin-top: 1em; cursor: pointer; color: #c0272d; text-indent: 1em; background: url(/images/red-arrow.gif) no-repeat 3px 5px }
    .helpfaq p { margin: 0.2em; display: none; margin-left: 1em }

.indicator { background: url(/images/indicator.gif) no-repeat; width: 16px; height: 16px; display: inline-block }

/* ad category colors */
.tv { background: #e90000 }
.integrated { background: #ff7300 }
.web_film { background: #ed008c }
.print { background: #e3a202 }
.press { background: #000 }
.direct_marketing { background: #00aef0 }
.outdoor { background: #728300 }
.ambient { background: #beda00 }
.interactive { background: #0054bc }
.radio { background: #7600da }
.experiential { background: #00da7b }

.best_box .delete { position: absolute; top: 0; right: 0 }
    .best_box .delete img { border: none }


/*-------------------- people/companies search results pages --------------------*/
.search_result						{ overflow:hidden; margin:0 0 10px; }
.search_result .search_photo		{ float:left; width:52px; height:52px; overflow:hidden; }
.search_result .search_photo img	{ border:1px solid #a4a4a4; }
.search_result .people_info			{ float:left; padding:0 0 0 10px; }
.search_result .people_info h3,
.search_result .company_info h3		{ display:block; font-size:18px; width:520px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.search_result .people_info h3 a,
.search_result .company_info h3 a	{ color:inherit; }


/****************************************************
	Custom rankings styles
****************************************************/
#custom_rankings		{  }
#custom_rankings ul		{ margin:0; padding:0; }
#custom_rankings ul li	{ list-style:none; margin:0 0 5px; }


/****************************************************
	Registration and account shared styles
****************************************************/
td#mobile_number_td					{ overflow:hidden; }
td#mobile_number_td .small			{ font-size:10px; }
td#mobile_number_td .large			{ font-size:16px; }
td#mobile_number_td .left			{ float:left; }
td#mobile_number_td .country_code	{ margin-left:3px; }
td#mobile_number_td .mobile_number	{ margin-left:5px; }
td#mobile_number_td .help			{ margin:4px 0 0 5px; }
input#country_code					{ width:60px; }
input#mobile_number					{ width:120px; }


h2#bestads_rankings					{ position:relative; width:300px; height:120px; display:block; background:transparent url(../../images/bestads-rankings-sponsored.png) left top no-repeat; }
h2#bestads_rankings span			{ position:absolute; top:9999px; left:-9999px; }

h2#latest-jobs-title { position:relative; left:-12px; display:block; width:318px; height:77px; background:url('/images/thebestadjobs-logo.png') no-repeat left top; }
h2#latest-jobs-title span { position:absolute; top:-9999px; display:block; }
#latest-jobs-widget { margin:5px 0 15px; }
ul#latest-jobs { list-style:none; width:277px; font-family:Arial,sans-serif; font-size:14px; margin:0; padding:0; }
ul#latest-jobs li { margin:0 0 5px; padding:5px; }
ul#latest-jobs li.featured { background:url('http://www.thebestadjobs.com/wp-content/themes/wpjobboard-theme/images/bg_featured-red.png') left top repeat; }
ul#latest-jobs li h3 { margin:0; }
ul#latest-jobs li div.meta { color:#999; font-size:0.8em; }

#image-holder {width: 100%; height: auto; text-align: center; margin-left:0px; margin-bottom: 20px; margin-top: 20px;}

.logo_left { float:left; background:url('/images/best_recruiters.png') left top no-repeat; cursor: pointer; width: 100%; height: 60px; text-indent: -9000px; margin-left:0px;text-align: center; }

.blockquote .rank_image {float:left;width:33px;height:33px;border-width:1px;border-style:solid; border-color: #c1bebc; padding:0;margin-top:0;margin-bottom: 0;margin-left: 0; margin-right: 5px;}
    .rank_image {float:left;width:33px;height:33px;border-width:1px;border-style:solid; border-color: #c1bebc; padding:0;margin-top:0;margin-bottom: 0;margin-left: 0; margin-right: 5px;}

.left {float:left; padding-left:5px;line-height:20px;text-align: left; padding-top:9px;}

.left p {margin:0;padding:0}

.top-pad {padding-top:8px}

#td-width-fix {width:252px}

/* rankings page redesign styles begin here */

.rank_div .rank-container-full-width {width:100%; /*border-bottom-style: dotted; border-bottom-width: 1px; border-bottom-color: #000;*/background:url('/images/bottom_border.png') left bottom repeat-x;padding-top:10px;padding-bottom:7px; background-color: #fff;}
    .rank_div .rank-container-full-width .details {width:247px;float:left;}
        .rank_div .rank-container-full-width .details .number-holder {float:left; color:#c0272d;font-size:28pt;font-family:BureauGrotesqueThreeFive;width:auto;margin-left:10px;margin-top:-6px;}
        .rank_div .rank-container-full-width .details .name-holder {float:right; color:#636363; text-wrap: normal;width:180px;padding-right:5px;}
    .rank_div .rank-container-full-width .graph {height:34px;background:url('/images/graph_bg.png') left center no-repeat; float:left;}
        .rank_div .rank-container-full-width .graph .rank {height:34px;color:#fff;font-size:18pt;font-family:BureauGrotesqueThreeFive;float:right;padding-top:3px;margin-right:5px;}
        
.rank_div_half .rank-container-half-width {width:100%; /*border-bottom-style: dotted; border-bottom-width: 1px; border-bottom-color: #000;*/background:url('/images/bottom_border.png') left bottom repeat-x; padding-top:10px; padding-bottom:9px;background-color: #fff;}
    .rank_div_half .rank-container-half-width .details {width:100%;float:left;}
        .rank_div_half .rank-container-half-width .details .number-holder {float:left; color:#c0272d;font-size:28pt;font-family:BureauGrotesqueThreeFive;width:auto;margin-left:10px;margin-top:-6px;}
        .rank_div_half .rank-container-half-width .details .name-holder {float:right; color:#636363; text-wrap: normal;width:185px;padding-left:5px;padding-right:5px;}
    .rank_div_half .rank-container-half-width .graph {height:34px;background:url('/images/graph_bg.png') left center no-repeat; float:left;}
        .rank_div_half .rank-container-half-width .graph .rank {height:34px;color:#fff;font-size:18pt;font-family:BureauGrotesqueThreeFive;float:right;padding-top:3px;margin-right:5px;}
        
#black-link {color:#636363}

.rank_div_custom .rank-container-full-width {width:97%;/*border-bottom-style: dotted; border-bottom-width: 1px; border-bottom-color: #000;*/background:url('/images/bottom_border.png') left bottom repeat-x;padding-top:10px; padding-bottom:7px; background-color: #fff;}
    .rank_div_custom .rank-container-full-width .details {width:247px;float:left;}
        .rank_div_custom .rank-container-full-width .details .number-holder {float:left; color:#c0272d;font-size:28pt;font-family:BureauGrotesqueThreeFive;width:auto;margin-left:10px;margin-top:-6px;}
        .rank_div_custom .rank-container-full-width .details .name-holder {float:right; color:#636363; text-wrap: normal;width:180px;padding-right:5px;}
    .rank_div_custom .rank-container-full-width .graph {height:34px;background:url('/images/graph_bg.png') left center no-repeat; float:left;}
        .rank_div_custom .rank-container-full-width .graph .rank {height:34px;color:#fff;font-size:18pt;font-family:BureauGrotesqueThreeFive;float:right;padding-top:3px;margin-right:5px;}

.rank_div_half .rank-container-half-width-home {width:100%; /*border-bottom-style: dotted; border-bottom-width: 1px; border-bottom-color: #000;*/background:url('/images/bottom_border.png') left bottom repeat-x; padding-top:10px; padding-bottom:9px;background-color: #fff;}
    .rank_div_half .rank-container-half-width-home .details {width:100%;float:left;}
        .rank_div_half .rank-container-half-width-home .details .number-holder {float:left; color:#c0272d;font-size:28pt;font-family:BureauGrotesqueThreeFive;width:auto;margin-left:10px;margin-top:-6px;}
        .rank_div_half .rank-container-half-width-home .details .name-holder {float:right; color:#636363; text-wrap: normal;width:200px;padding-left:5px;padding-right:5px;}
    .rank_div_half .rank-container-half-width-home .graph {height:34px;background:url('/images/graph_bg.png') left center no-repeat; float:left;}
        .rank_div_half .rank-container-half-width-home .graph .rank {height:34px;color:#fff;font-size:18pt;font-family:BureauGrotesqueThreeFive;float:right;padding-top:3px;margin-right:5px;}
        
        
.clear{ clear: both; font-size: 0px; height: 0px; line-height: 0px }

#side-pad {margin-top:  10px; margin-bottom: 5px;}

#side-pad-home {margin-top:  5px; margin-bottom: 10px; padding-top: 10px}

#link-pad {margin-top: 10px;}

.bureau {font-family:BureauGrotesqueThreeFive;font-weight: normal; font-size:20px; text-transform:uppercase;margin-bottom:5px;}
