/* nere - Craftsmen site */
/* Copyright 2008, 2009 Milos Lenoch */
/* Added: Dec 13th, 2008 */

/* color: #ff7100;  orange master */
/* color: #1B97F2 blue master */
/* dark blue #003399 */
/* light-blue #EDF3FE, field_bachground #EEF7FD */
/*light-blue link #2A70FC; => #0069ea */
/* light-prange #ffcfa9 */
/* light-green #99FF99 */

/* layouts */
/* col2 layout */
.filter_col1 {  }
.main_col1 { width: 950px; margin: 0 20px 20px 10px;}
.main_col1 h1, .main_col1 #subtitle { margin-left: 5px; margin-top: 5px; margin-bottom: 10px;}

/* col2 layout */
.filter_col2 {  }
.main_col2 { width: 470px; margin: 0 10px 20px 15px; z-index: 1;}
.map_col2 { width: 450px; height: 450px }
.ranking_col2 { width: 180px; }
.info_col2 { width: 470px; margin: 0 15px 20px 8px; }
.main_col2 h1, .main_col2 #subtitle { margin-left: 5px; margin-top: 5px; margin-bottom: 10px;}

/* col3 layout */
.filter_col3 { width: 960px; margin: 0 0 10px 10px; padding-bottom: 10px;}
.main_col3 { width: 450px; margin: 0 20px 0 10px; }
.map_col3 { width: 300px; height: 300px; margin: 15px 0 0 0; }
.ranking_col3 { width: 180px; margin: 15px 0 0 15px; }

/* widecol2 layout */
.filter_widecol2 {  }
.main_widecol2 { width: 475px; margin: 0px 20px 20px 10px; }
.map_widecol2 { width: 300px; height: 350px }
.ranking_widecol2 {  }

/* form layout */
.filter_form {  }
.main_form { width: 900px; margin:0 0 0 70px;}
.map_form { width: 600px; height: 450px; display: block; margin-left: -300px;
border:1px solid #BBBBBB;}
#editable_map{width: 600px;margin-left:-300px;padding:5px;}
.ranking_form {  }
.map_wrapper_form { margin-left: 50%; margin-top: 20px; }

/* end of layouts */

.subtitle_help { 
  padding: 10px;
  border:1px solid #DDDDDD;
  color:#777777;
  background:#ffffff;
}

.box, .bubble{
  border: solid 1px #DDDDDD;
  padding-bottom:8px;
  position: static;
  -moz-border-radius-bottomleft:10px;
  -moz-border-radius-topleft:10px;
  -moz-border-radius-bottomright:10px;
  -moz-border-radius-topright:10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-top-right-radius: 10px;
}

.bubble{
  width:400px;
/*  background-color:#E2F2FF;  #EDF3FE;*/
  background-image:url(/images/bubble_back.png);
  padding:10px;
  border: solid 2px #CCF5FF;
  margin:10px 0;
}
.bubble .head{
  color:#FF7100;
  font-family:georgia,Arial,'Lucida Sans Unicode';
  font-size:170%;
  font-weight:normal;
  margin:0;
  padding:10px 0 0 0;
}
.bubble .head2{
  color:#FF7100;
  font-family:Trebuchet MS,Arial,Lucida Sans Unicode;
  font-size:200%;
  letter-spacing:-1px;
  font-weight:normal;
  margin:0;
  padding:10px 0 0 0;
}
.bubble .text{
color:#808080;
font-family:'Trebuchet MS', Arial,Lucida Sans Unicode;
line-height:20px;
margin:0;
padding:10px 0 0;
}
.gray_mid{
  color:#808080;
}
.form_labels{float:left; width:198px;}
.form_fields{float:left; }
.image_right{float:right; margin:20px 20px 0 0;}
.emphasize{font-weight:bold; color:#0069ea;font-size:14px;
  font-family: Helvetica, Arial;letter-spacing:-1px}

.boxed_text{
  padding-left:10px;
  padding-right:10px;
  margin-top: 10px;
}
.box_header{
  position:relative;
}
.box_spacer{
  height:20px;
}
.user_progress .completion{
  font-size:200%;
  padding-left:15px;
  padding-right:10px;
  color:#777777;
}
.user_progress .reward{
  color: #999999;
  padding-left:10px;
  font-size:13px;
}
.user_progress .link{
  font-size:16px;
  font-weight:bold;
  letter-spacing:-1px;
  padding-left:10px;
}
.user_progress .total, .user_progress .total_num{
  color: #999999;
  font-size:200%;
  padding-left:10px;
}

.user_progress .total_num{
  text-align: right;  
  padding-left:5px;
  padding-right:10px;
  border-top: solid 2px;
}

table.user_progress{
  padding-top:10px;
  padding-left:10px;
  font-family:"Trebuchet MS", Arial;
}

.summary td{
  padding:5px 5px 2px 5px;
}
.summary{
  font-family:"Trebuchet MS", Arial;
}
.summary .icon{
  margin:0 6px 0 6px;
}
.summary .desc{
  vertical-align:top;
  padding-left:10px;
}
.tiny_note{
  color: #999999;
  font-size:10px;
}
.tiny_note_no_color{
  font-size:10px;
  font-weight:normal;
  letter-spacing:0;
}
.summary .stronger{
  font-size:16px;
  font-weight:bold;
  letter-spacing:-1px;
}
.summary .user_no{
  font-size:20px;
  color:#E3282D;
}
#progress_meter{
  height:60px;
  width:60px;
}

.ir_rank{
  font-size:300%;
  font-weight:bold;
}

.ir_points{
  font-size:200%;
  font-weight:bold;
  color:#777777;
}

.top_rank{
  color:#555555;
  background-color:#ccffcc;
  border:#66cc66 solid 1px;
  padding:3px;
  padding-left:10px;
  padding-right:6px;
  vertical-align:text-top;
  -moz-border-radius-bottomleft:10px;
  -moz-border-radius-topleft:10px;
  -moz-border-radius-bottomright:10px;
  -moz-border-radius-topright:10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-top-right-radius: 10px;
}

h1.summary_h1{
  background: url(images/logo_back.gif) 0px 80px;
  padding:10px;
  margin:0;
  -moz-border-radius-topleft:10px;
  -moz-border-radius-topright:10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
}


/* reusable table */
table.generic {
  border-collapse:collapse;
  border-left:1px solid #DDDDDD;
  border-right:1px solid #DDDDDD;
  margin:10px;
}

tr.generic_header{
  background:transparent url(/images/head_mid_blue.gif) repeat-x scroll 0 0;
  color:white;
  font-weight:bold;
  height:28px;
}

table.generic td{
  padding: 2px;
  padding-right: 4px;
  border-bottom:1px solid #DDDDDD;
}

tr.parent{
  background-color:#EEEEEE;
}

.expand_right{
  background-image:url(/images/expand_right.png);
  background-repeat:no-repeat;
}
.expand_down{
  background-image:url(/images/expand_down.png);
  background-repeat:no-repeat;
}

.referrals li{
  display:list-item;
}

li .val{
  left:150px;
  position:absolute;
}

.referrals ul{
  padding-left: 20px;
}

.quote{
  padding: 20px 0;
  color:#0489B7;
  font-size:20px;
  line-height:26px;
  font-family:georgia,serif;
}
.quoute_char{
  font-size:25px;
}
.market h2, .market h3{
  font-size: 170%;
  margin: 0;
  padding:10px 0 0 0px;
  font-family: georgia, Arial, Lucida Sans Unicode;
  font-weight:normal;
  color: #FF7100;
}
.market h3, .market_h3{
  color: #0069ea;
  font-size: 16px;
  font-weight:bold;
  margin:10px 0 0 0;
  padding:10px 0 0 0;
}
h2.market_link, .market_link, .market_link a:visited{
  color: #0069ea;
}
.intro_page{
  margin: auto 150px auto 40px;
}

h1.intro_page_head{
  margin-left:0px;
}
.market p, .market li{
  font-size: 16px;
  line-height:20px;
  margin: 0;
  padding: 10px 0 0 0;
  color: #808080;
  /*    font-weight: bold;*/
}
.market_goals{
  margin-right:25px;
}
.roof_image{
  float: right;
  margin: 20px 0 0 0;
  width: 172px;
  height:222px;
}
.roof_image a{
  display:block;
  width: 172px;
  height:222px;
}
.market .roof_image a img{
  display:block;
  background: none;
}

.market .camera_image {
  float: right; 
  text-align: center;
  display: inline;
  margin: 55px 20px 5px 0;
}

.market .camera_image img {
  float:right; 
  display: inline;
}

.market .camera_image div {
  font-size: 10px;
  font-family:Arial;
  margin-left: 5px; 
  clear: both;
}

.market_intro{
  margin: 0;
  width: 250px;
  background-image:  url(/images/bubble_back.png);
  padding: 10px 20px 20px 20px;
  border: solid 1px #CCF5FF;
}

.market_intro_left{
  margin: 0;
  width: 240px;
  background-image:  url(/images/bubble_back.png);
  padding: 10px 20px 20px 20px;
  border: solid 1px #CCF5FF;
}
.review_tips_photo{
  float:right;
  width:400px;
  height:300px;
  margin: 50px -40px 0 0;
}
.terms_photo{
  float:right;
  width:299px;
  height:292px;
  margin: 10px -20px 0 20px;
}
.review_tips_bullet{
  float:left;
  padding:10px 10px 0 0;
}
.review_tips_bullet2{
  float:left;
  padding:10px 10px 0 25px;
}


.market {
  font-family: georgia, serif;
  /*    font-family: "Trebuchet MS", Arial, Lucida Sans Unicode;*/
  color:#4B4742;
}
a.big_button{
  text-decoration:none;
}
a.big_button:active, a.big_button:focus{
  outline:none;
}
.big_button{
  margin: 5px auto 0 auto;
  width: 180px;
  height:40px;
  display:block;
  line-height:37px;
}
.big_button_text, .big_button_text:visited, .big_button_text:hover, .big_button_text:visited:hover{
  color:#fff;
  font-family: Trebuchet MS, Arial;
  font-size:16px;
  font-weight:bold;
  letter-spacing:-1px;
  margin:0;
  text-decoration: none;
  padding-left:15px;
  display:block;
  background:  transparent url(/images/long_button.gif) no-repeat scroll right top;
}


.upload_mark {
  padding-left: 20px;
}
.upload_link{
  padding-left: 5px;
  color:#0069ea;
  text-decoration:underline;
  font-weight: bold;
}
.upload_form_wrap{
  height:28px;
  float:left;
  margin:0;
}
.swfupload{
  position:absolute;
  z-index: 1;
  vertical-align: top;
}
.swfupload:focus {
  outline-style:none;
  outline-width:0;
}
#get_flash{
  display:none;
  margin-bottom:5px;
  float:left;
}
.mid_align{
  vertical-align:middle;
  width:100%;
}

/* links */
a, a:hover, a:visited, a.field_label {
  color: #0069ea;
}

/* end of links */

.fieldWithErrors {
  display:inherit;
}

.hidden {
  display: none;
}

#bid_list_info, #notice, #error{
  background-color:#ccffcc;
  color:black;
  font-weight:bold;
  font-size:1.3em;
  border:#66cc66 solid 1px;
  margin: 0 10px 15px;
  padding:5px 10px;
}
#error{
  background: #ffe9e0;
  color: #e00000;
  border: 1px solid #e00000;
}
#notice {
  background-color:#E9FAD0;
}
.flash_header{
  font-size: 17px;
  font-weight:bold;
  margin-bottom: 4px;
}
.flash_bigger{
  font-weight:bold;
  font-size: 14px;
}
.flash_small{
  font-size: 13px;
  font-weight:normal;
  color:#999999;
}
h1, h2 {
  letter-spacing:-1px;
  color: #777777;
  font-family:"Trebuchet MS", Arial;
  font-size:20px;
  margin-top:5px;
  margin-bottom:10px;
  padding-right:5px;
}

/* ------------------------- form ------------------------- */

.main_form h1 {
  margin-left: 210px; /* field_label +10 */
  margin-top: 5px;
}

.form_button {
  margin:5px 0 0 210px;
}

.field_label, .static_label, .field_label_radio {
  float: left;
  width: 200px;
  margin-right: 10px;
  margin-top: 5px;
  text-align: right;
  font-weight:bold;
  font-family: "Trebuchet MS", Arial;
  font-size:13px;
  clear: left;
  float: left;
  display: block;
  color:#777777;
}

.field_label_radio{
  margin-top: 2px;
}
.gen_label{
  font-weight:bold;
  font-family: "Trebuchet MS", Arial;
  font-size:13px;
  color:#777777;
}
.login_note {
  font-family: Arial, Helvetica;
  font-size:11px;
  color:#999999;
}
.static_label{
  width: 100px;
}

.form_field {
  float: left;
}

.form_field input.changed_field
{
  background-color: #99FF99;
  font-weight: bold;
}


.form_field input, .form_field_text_area textarea, .form_field div{
  background-color: white;
  border: 1px solid #8eacbf;
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-bottomright:5px;
  -moz-border-radius-topright:5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  margin: 0px 0 4px 0;
  float: left;
  padding: 5px 3px 3px 4px;
}

.form_field input, .form_field div {
  height: 16px;
  width: 250px;
}

.form_field_text_area textarea {
  margin: 1px 0 4px 0;
  width: 400px;
  height: 150px;
  max-width: 400px;
}

.form_field input:focus, .form_field_text_area textarea:focus {
  background-color: #fafcff;
  border: 2px solid #4a749f;
  outline-color:-moz-use-text-color;
  outline-style:none;
  outline-width:0;
  -moz-border-radius-bottomright:0;
  -moz-border-radius-topright:0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
}

.form_field input:focus {
  margin: 0px 0 4px 0;
  padding: 4px 3px 2px 3px;
  height: 16px;
  width: 249px;
}

.form_field_text_area textarea:focus {
  margin: 0 0 3px 0;
  padding: 5px 3px 3px 3px;
}

.form_field input.error, .form_field textarea.error {
  border: #801B1B solid 1px;
  -moz-border-radius-bottomright:0;
  -moz-border-radius-topright:0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
}

.form_field input:focus.error, .form_field_text_area textarea:focus.error {
  border:#cc7656 solid 2px;
}

.form_field input:focus.nohint {
  -moz-border-radius-bottomright:5px;
  -moz-border-radius-topright:5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
}

.form_field label.error, .form_field label.hint, .form_field_text_area label.error, .form_field_text_area label.hint {
  -moz-border-radius-bottomright:5px;
  -moz-border-radius-topright:5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  padding:5px 5px 1px 5px;
  height: 18px;
  margin-left: 0px;
  float: left;
  z-index: 1;
}

.form_field label.error, .form_field_text_area label.error {
  color:#801B1B;
  background-color:#FFCFCF;
  border:#801B1B solid 1px;
  border-left: #e9e9e9 solid 1px;
}

.form_field_star_rating label.error {
  -moz-border-radius-bottomright:5px;
  -moz-border-radius-topright:5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-topleft:5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  padding:5px 5px 1px 5px;
  height: 18px;
  margin-left: 10px;
  float: left;
  color:#801B1B;
  background-color:#FFCFCF;
  border:#801B1B solid 1px;
}

.form_field_star_rating span {
  margin-top: -3px;
}

.form_field label.hint, .form_field_text_area label.hint {
  color:#4a749f;
  background-color:#e2f2ff;
  border:#4a749f solid 1px;
  border-left: #e9e9e9 solid 1px;
}

.form_field_text_area label.hint, .form_field_text_area label.error {
  width: 150px;
  height: 154px;
}

.field_wrapper {
  float: left;
  width: 900px;
  margin: 4px 0;
  display: inline;
}

input.check_box, input:focus.check_box{
  width:auto;
  margin-top:5px;
}

.provider_terms_txt{
  float:left;
  margin: 7px 15px 0 5px;
  font-size: 11px;
}

.no_right_border .form_field label.error{border-left:#801B1B 1px solid;}
#field_break{clear:both;}

.locked input {
  background: #E2F2FF;
}

.locked {
  position: relative;
}
.locked .lock {
  position: absolute;
  background: url("/images/locked.png") no-repeat 0 0;
  height:7px;
  top: 6px;
  left: 240px;
/*  margin:6px 448px 0 0;*/
  width:8px;
  border: none;
  clear: both;
}


/* ------------------------- end of form ----------------------*/

/* ------------------------- detail ---------------------------*/

.text_field_detail, .star_rating_detail {
  display:inline;
  float:left;
  margin:5px 0;
  width:900px;
  height: 25px;
}

.text_area_detail {
  display:inline;
  float:left;
  margin:5px 0 10px 0;
  width:900px;
}

.text_field_detail .label, .star_rating_detail .label, .text_area_detail .label {
  clear:left;
  display:block;
  float:left;
  font-weight:bold;
  font-family: "Trebuchet MS", Arial;
  font-size:13px;
  margin-right:10px;
  margin-top:5px;
  text-align:right;
  width:200px;
  color:#777777;
}
.text_field_detail .value, .text_area_detail .value {
  margin-top: 7px;
  width: 550px;
  float:left;
}

.star_rating_detail .label {
  margin-top: 9px;
}

.text_field_detail .value_without_label{
  display:inline;
  margin-left: 210px;
  margin-top: 6px;
  float:left;
}
.main_form .single_value{
  display:inline;
  margin-left: 210px;
  margin-top: 6px;
  float:left;
}
.text_field_detail .value_without_label {
  margin-top: 6px;
  float: left;
}

#parsed_emails_wrapper {
  margin-bottom: 10px;
  display:inline;
}

#parsed_emails_wrapper input {
  margin-top: 0;
}

#parsed_emails_wrapper label {
  margin-left: 2px;
  vertical-align: top;
  margin-top: 0;
}
#friendly_radios{
  display:inline;
}

/* ---------------------- end of detail -----------------------*/


a.category_cell{
  padding:2px;
  margin:2px;
}

/* ------------------ categories filter ------------------- */

#ff_search input, #ff_category input
{
  width: 200px;
  margin-left: 20px;
}

#filter {
  float: left;
  position: relative;
  display: inline;
  border: 1px solid #e0e0e0;
  background-color: #fafafa;
  margin:0 15px 15px 15px;
  padding-bottom:10px;
  -moz-border-radius:5px;
  -webkit-border-radius: 5px;
}

#search_form {
  margin-left: 20px;
  margin-top: 10px;
  float: left;
  display: inline;
}

#search_form div {
  float: left;
}

#search_form #category_expand {
  margin-left: 5px;
}

#search_form #region_mine, #search_form #region_all {
}

#search_form #region_pick {
  margin-left: 5px;
  margin-top: 4px;
}

#search_form input[name="commit"] {
  margin-top: 4px;
}

#search_form input:focus {
  -moz-border-radius-bottomright:5px;
  -moz-border-radius-topright:5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  margin-right: -1px;
}

#search_form #region_pick input,  #search_form #region_pick input:focus {
  display: block;
  float: left;
  margin: 3px 0 0 3px;
}

#search_form img {
  vertical-align: text-bottom;
  margin-top: 6px;
}

#search_form #region_pick label {
  display: block;
  float: left;
  margin-top: 3px;
  margin-right: 9px;
  margin-left: 3px;
}


#category_list {
  margin: 0 20px 0 20px;
  width: 870px;
  float: left;
  clear: both;
  display: inline;
}

#category_list .category_table {
  margin-top: 3px;
  margin-bottom: 0;
}

#category_list a:link, .rnk_tbl a:link, #category_list a:visited, .rnk_tbl a:visited{
  color:#003399;
  text-decoration:none;
}

#category_list a:hover, .rnk_tbl a:hover {
  color:#0069ea;
  text-decoration:underline;
}

/* can remove when done with categories
#xcategory_list td:hover .cat_check{
    display:inline;
    outline: none;
}

#xcategory_list td:hover .category_not_active{
    display:none;
} */

#category_list table{
  font-size:1.1em;
  border-collapse:collapse;
  margin-top:10px;
}

#category_list td{
  width:180px;
}

.cat_check{
  display:none;
  margin:0;
  margin-right:2px;
  padding-top:2px;
}

.cat_selected{
  background-color:#ffcfa9;
}
.category_active_obsolete{
  display:inline;
}

.category_active_font{
  font-weight:bold;
}

.category_related_font{
  font-style:italic;
}

.category_related{
  margin:4px;
  padding-left:4px;
  padding-right:4px;
  background-image:url(images/rank_same.gif);
  background-repeat:no-repeat;
}

.category_not_active{
  margin:0px;
  padding-left:15px;
  /* background-color:#EDF3FE; /* box under the checkbox */
}

.category_arrow{
  padding-left:5px;
  padding-right:5px;
}

.c_what{
  color: #999999;
}
/* ------------------ end of categories filter ------------------- */

/* ---------------------------- login -----------------------------*/

.login_popup {

}

.error_popup {
  
}

.login_popup #login_logo {
  background: url("images/nere_logo.png");
  width: 205px;
  height: 41px;
  overflow: hidden;
  margin: 0 auto 10px;
}

#popup input.login {
  background-color: white;
  border: 1px solid #8eacbf;
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-bottomright:5px;
  -moz-border-radius-topright:5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  height: 16px;
  width: 200px;
  margin:5px 20px 4px 0;
  padding: 5px 3px 3px 4px;
}

#popup_box {
  position: absolute;
  top: 0;
  left: 0;
}

#popup {
  position: fixed;
  border: 4px solid #8eacbf;
  width: 300px;
  z-index: 9002;
  padding: 20px 20px 13px;
  -moz-border-radius-bottomleft:15px;
  -moz-border-radius-topleft:15px;
  -moz-border-radius-bottomright:15px;
  -moz-border-radius-topright:15px;
  -webkit-border-bottom-left-radius: 15px;
  -webkit-border-top-left-radius: 15px;
  -webkit-border-bottom-right-radius: 15px;
  -webkit-border-top-right-radius: 15px;
  margin: -174px 0 0 -99px;
  opacity: 1;
  filter:alpha(opacity=100);
  background: #E6F0FA;
  display: none;
}

.login_popup .login_label {
  width: 45px;
  text-align: right;
  float: left;
  margin: 7px 5px 0 0;
}
.login_label {
  font-weight:bold;
}
#popup #login_form {
  text-align: left;
  position: relative;
}

#popup .login_submit {
  margin: 5px 0 5px 50px;
}

#popup .login_selection {
  margin: 0 0 5px 50px;
}

#popup #field_for_errors {
  margin:10px 40px 10px 50px;
  padding: 5px;
  background: #ffe9e0;
  color: #e00000;
  border: 1px solid #e00000;
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-bottomright:5px;
  -moz-border-radius-topright:5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
}

#popup_background {
  position: fixed;
  z-index: 9001;
  width: 100%;
  display: none;
  background-color:#111;
  opacity: 0.65;
  filter:alpha(opacity=65);
  height: 100%;
}

/* ------------------------- end of login --------------------------*/

/* style for scritaculous autocomplete */
div.auto_complete {
  width: 350px;
  background: #fff;
  z-index:9999;
  border: 0;
}
div.auto_complete ul {
  border:1px solid #888;
  margin:0;
  padding:0;
  width:100%;
  list-style-type:none;
}
div.auto_complete ul li {
  margin:0;
  padding:3px;
}
div.auto_complete ul li.selected {
  background-color: #EDF3FE;
  width:97%;
}
div.auto_complete ul strong.highlight {
  color: #800;
  margin:0;
  padding:0;
}

/*             styles for the star rater                */    
.star_rating{
  list-style:none;
  margin: 0px;
  padding:0px;
  width: 150px;
  height: 30px;
  position: relative;
  overflow:hidden;
  background: url(images/star_rating.png) top left repeat-x;
}
.star_rating li{
  padding:0px;
  margin:0px;
  height:30px;
  width: 30px;
  float: left;
}
.star_rating li a{
  display:block;
  width:30px;
  height: 30px;
  text-decoration: none;
  text-indent: -9000px;
  z-index: 20;
  position: absolute;
  padding: 0px;
  overflow:hidden;
}
.star_rating li a:hover{
  background: url(images/star_rating.png) left center;
  z-index: 2;
  left: 0px;
  border:none;
}
.star_rating li a:focus{
  background: url(images/star_rating.png) left center;
  z-index: 2;
  border:none;
  width: 30px;
}
.star_rating a.s1-stars{
  left: 0px;
}
.star_rating a.s1-stars:focus{
  left: 0px;
}
.star_rating a.s1-stars:hover{
  left: 0px;
  width:30px;
}
.star_rating a.s2-stars{
  left:30px;
}
.star_rating a.s2-stars:focus{
  left: 30px;
}
.star_rating a.s2-stars:hover{
  left: 0px;
  width: 60px;
}
.star_rating a.s3-stars{
  left: 60px;
}
.star_rating a.s3-stars:focus{
  left: 60px;
}
.star_rating a.s3-stars:hover{
  left: 0px;
  width: 90px;
}
.star_rating a.s4-stars{
  left: 90px;
}    
.star_rating a.s4-stars:focus{
  left: 90px;
}
.star_rating a.s4-stars:hover{
  left: 0px;
  width: 120px;
}
.star_rating a.s5-stars{
  left: 120px;
}
.star_rating a.s5-stars:focus{
  left: 120px;
}
.star_rating a.s5-stars:hover{
  left: 0px;
  width: 150px;
}
.star_rating li.current_rating{
  background: url(images/star_rating.png) left bottom;
  position: absolute;
  height: 30px;
  display: block;
  text-indent: -9000px;
  z-index: 1;
  left:0px;
}

/* remove halo effect in firefox   */
.star_rating li a:active, .star_rating li a:focus{
  outline: none;
}
/* RATING END */

img {
  border:0;
  /*    padding-left:10px;*/
}

#bids {
  position: relative;
}

#bid_list {
  width: 452px;
  position: relative;
  float: left;
}

#bid_list .bid {
  background: url(/images/hammer_32.png) no-repeat 7px 10px;
  margin-bottom: 10px;
  height: 36px;
  width: 400px;
  text-decoration: none;
  border: 1px solid #dddddd;
  padding: 9px 5px 5px 45px;
  -moz-border-radius-bottomleft:10px;
  -moz-border-radius-topleft:10px;
  -moz-border-radius-bottomright:10px;
  -moz-border-radius-topright:10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  float: left;
}

#bid_list .bid_wrapper {
  display: block;
  width: 475px;
}

#bid_list .bid_wrapper .accept_bid {
  float: left;
  margin: 16px 0 0 5px;
}

#selected_bidder {
  float: left;
  width: 473px;
  margin-left: 25px;
}

#bid_list a.bid:hover {
  background-color: #f7f7f7;
}

.bid .left_part {
  float: left;
  height: 36px;
  width: 90px;
}

.bid .middle_part {
  float: left;
  height: 36px;
  width: 225px;
}

.bid .right_part {
  float: left;
  height: 36px;
  width: 85px;  
}

.bid .provider_name {
  color:#404040;
  font-family:"Trebuchet MS",Arial;
  font-size:14px;
  font-weight:bold;
  margin-left: 4px;
  display: block;
}

.bid .created_at {
  font-size: 8.5px;
  margin-left: 1px;
  margin-top: 3px;
  display: block;
}

.bid .quote_amount {
  color:#909090;
  font-family:"Trebuchet MS",Arial;
  font-size:14px;
  font-weight:bold;
  margin-left: 4px;
  float: right;
  margin-top: 8px;
  margin-right: 5px;
}

.bid .title {
  display: block;
  color: #777777;
  margin-left: 3px;
}

#bid_list .provider_rating_wrapper {
  height: 15px;
  width: 80px;
  margin: 2px 2px 0 0;
  background: url(/images/star_rating_medium_gray.png) repeat top left;
  display: block;
}

#bid_list .provider_rating {
  height: 15px;
  margin: 0;
  background: url(/images/star_rating_medium_yellow.png) repeat top left;
  display: block;
}

.not_read{
  background-color:lime;
}

.quote_amount{
  font-weight:bold;
}

/* header in LM */

#rnk {
  width:170px;
  margin:0;
  padding:0;
}

#selected_bidder #rnk {
  width: 300px;
  margin-left: 40px;
}

.hdr {
  border-collapse:collapse;
  border-spacing:0;
  height:28px;
  width:100%;
}

.ranking .hdr .edge{
  width:6px;
  margin:0;
  padding:0;
}

/* TODO could it be done progrmatically to by DRY? (3 x 3 seems unnecessary) */
.ranking .hdr .r_blue{
  background:transparent url(images/head_right_blue.gif) no-repeat 0 0;
}

.ranking .hdr .l_blue{
  background:transparent url(images/head_left_blue.gif) no-repeat 0 0;
}

.ranking .hdr .m_blue {
  background:transparent url(images/head_mid_blue.gif) repeat-x scroll 0 0;
}

.ranking .hdr .r_orange{
  background:transparent url(images/head_right_orange.gif) no-repeat 0 0;
}

.ranking .hdr .l_orange{
  background:transparent url(images/head_left_orange.gif) no-repeat 0 0;
}

.ranking .hdr .m_orange {
  background:transparent url(images/head_mid_orange.gif) repeat-x scroll 0 0;
}

.ranking .hdr .r_green{
  background:transparent url(images/head_right_green.gif) no-repeat 0 0;
}

.ranking .hdr .l_green{
  background:transparent url(images/head_left_green.gif) no-repeat 0 0;
}

.ranking .hdr .m_green {
  background:transparent url(images/head_mid_green.gif) repeat-x scroll 0 0;
}

.ranking .hdr td {
  font-size:15px;
  font-weight:bold;
  color:white;
}

.ranking  td span{
  padding-left:10px;
}

/* footer in LM */
.ftr {
  border-collapse:collapse;
  border-spacing:0;
  width:100%;
  height:6px;
  font-size:5px;
}

.ranking .ftr .r{
  background:transparent url(images/ftr_r.gif);
  width:5px;
  padding:0;
  margin:0;
}

/* todo is it possible to have common defintion that has only the image different ? */
.ranking .ftr .l{
  background:transparent url(images/ftr_l.gif);
  width:5px;
  padding:0;
  margin:0;
}

.ranking .ftr td {
  background:transparent url(images/ftr_m.gif) repeat-x scroll 0 0;
}

.rnk_tbl {
  background:#F5F5F5 url(images/brdr_rght.gif) repeat-y scroll right top;
  margin:0px;
  width:100%;
}

.rnk_tbl_in {
  background: transparent url(images/brdr_lft.gif) repeat-y scroll 0 0;
  padding:5px 6px;
  overflow:auto;
}

.rnk_tbl_in .name{
  display:block;
  float:left;
  overflow:hidden;
  width:95px;
}

#selected_bidder .rnk_tbl_in .name {
width: 160px;  
}

.rnk_tbl_in .rank{
  background-position:left center;
  background-repeat:no-repeat;
  float:left;
  display:block;
  overflow:hidden;
  padding-left:14px;
  text-align:right;
  width:40px;
}

.rnk_tbl_in .rank_same{
  background-image:url(images/rank_same.gif);
}

.rnk_tbl_in .rank_up{
  background-image:url(images/rank_up.gif);
}

.rnk_tbl_in .rank_down{
  background-image:url(images/rank_down.gif);
}

.rnk_tbl_in ul li {
  list-style-type:none;
}

ol, ul {

  margin:0px;
  padding:0px;
}

li{
  display:table;
  margin:0;
  padding:0;
}

/* end of rank table */

#google_map{
  float: left;
  margin-top:5px;
  margin-bottom:15px;
  display: inline;
}

.map_label{
  background-color:#99FF99;
  font-weight:bold;
  font-size:larger;
  padding:2px;
}
.mini_icon{width:14px;height:23px;}
.g_bubble_header {
  font-weight:bold;
}

.g_bubble_desc {
  font-size:smaller;
}

.spacer:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}

/* TODO to be merged - used just in attachment previews in job detail */

#attachments {
  width:750px;
  margin:10px;
}

#add_attachment{
  background:transparent url(/images/ico_attach.gif) no-repeat scroll left center;
  margin:0.6em 0 0.4em;
  padding-left:16px;
}

#images{
  margin-left:210px;
  width: 590px;
}
.photo_mid{
  float:left;
  position:relative;
  margin:0 6px 6px 0;
}
.photo_ie_hack{
  display:none;
}
.photo_mid a.delete{
  position:absolute;
  z-index:3;
  right:-3px;
  bottom:-6px;
  display:none;
}

.photo_mid .photo_li{
  display:block;
  position: relative;
  margin-bottom:-3px;
}

.photo_mid a.photo_li img {
  border:1px solid #CCCCCC;
  margin:0;
  padding:2px;
  width:100px;
  height:100px;
}

.photo_small{
  float:left;
  position:relative;
  margin:0 6px 6px 0;
}

.photo_small .photo_li{
  display:block;
  position: relative;
  margin-bottom:-3px;
}

.photo_small a.photo_li img {
  border:1px solid #CCCCCC;
  margin:0;
  padding:2px;
  width:40px;
  height:40px;
}

.upload_error{
  width:100px;
  height:100px;
  float:left;
  position:relative;
  margin:0 6px 6px 0;
  padding: 2px;
  color:#801B1B;
  background-color:#FFCFCF;
  border:#801B1B solid 1px;
  text-align: center;
}
.upload_big{
  font-size:14px;
  font-weight:bold;
}

.flickr_pagination {
  text-align: center;
  padding: .3em; }
.flickr_pagination a, .flickr_pagination span {
  padding: .2em .5em; }
.flickr_pagination span.disabled {
  color: #AAA; }
.flickr_pagination span.current {
  font-weight: bold;
  color: #FF7100; }
.flickr_pagination a {
  border: 1px solid #DDDDDD;
  color: #1B97F2;
  text-decoration: none; }
.flickr_pagination a:hover, .flickr_pagination a:focus {
  border-color: #003366;
  background: #1B97F2;
  color: white; }
.flickr_pagination .page_info {
  color: #aaa;
  padding-top: .8em; }
.flickr_pagination .prev_page, .flickr_pagination .next_page {
  border-width: 2px; }
.flickr_pagination .prev_page {
  margin-right: 1em; }
.flickr_pagination .next_page {
  margin-left: 1em; }


#jobs .item_header {
  font-weight:bold;
  font-family: "Trebuchet MS", Arial;
}

#jobs .item_header a {
  color: #606060;
  text-decoration: underline;
}

#jobs .item_header a:hover {
  text-decoration: none;
}

.job_bids{
  font-weight:bold;
  color:#1B97F2;
  padding: 0px 10px;
}

.job_state{
  float: right;
  padding: 0px 10px;
}

#job_detail.box {
  padding: 0;
  background-color:#F9F9F9;
}

h1.review_detail_title {
  margin-top: 20px;
}

.job_detail_categories {
  width: 124px;
  float: right;
}

#job_detail.box .clear {
  clear: both;
}

#job_detail .job_description {
  background-color:#FBFBFB;
  border-right:1px solid #DDDDDD;
  float:left;
  padding:10px;
  width:672px;
  -moz-border-radius-bottomleft:10px;
  -webkit-border-bottom-left-radius: 10px;
}

#job_detail .job_metadata {
  width: 250px;
  background: #f9f9f9;
  float: right;
  -moz-border-radius-bottomright:10px;
  -webkit-border-bottom-right-radius: 10px;
  height: 100%;
}

#job_detail .job_metadata label {
  font-weight:bold;
  font-family: "Trebuchet MS", Arial;
  font-size:13px;
  color:#777777;
  float: left;
  display: inline;
  width: 120px;
  text-align: right;
  margin-right: 5px;
}

#comments{
  margin-right:150px;
}

.odd_line{
  padding:5px 10px 10px 15px;
  background-color:#F9F9F9;
  border-top:1px dotted #D1D1D1;
}
.even_line {
  padding:5px 10px 10px 15px;
  border-top:1px dotted #D1D1D1;
}

/* TODO make one selector implmentation of commands appearing on the job lines */
.odd_line:hover .job_action, .even_line:hover .job_action{
  display:block;
}

.odd_line:hover .job_detail, .even_line:hover .job_detail{
  display:block;
}

.odd_comment {
  padding:5px 10px;
  border-top: 2px dotted #aaaaaa;
}
.even_comment {
  padding:5px 10px;
  border-top: 2px dotted #aaaaaa;
}

.job_detail{
  display:none;
  float:right;
  margin-right:5px;
  margin-top:5px;
}

.job_action{
  display:none;
  float: right;
  /* the negative margin is just workaround - to be done properly*/
  margin-top:-10px;
  margin-right:10px;
}

.comment_content{
  margin:7px;
}

.created_at {
  color:#666666;
  font-size:10px;
}

.user, .owner_user{
  font-size:13px;
  font-weight:bold;
  padding: 0px 5px;
}

.highlight{
  font-weight:bold;
}


.user a{
  text-decoration:none;
  color:#1B97F2;
}

.owner_user a{
  text-decoration:none;
  color:#ff7100;
}


#comments hr {
  border-color:#CCCCCC -moz-use-text-color -moz-use-text-color;
  border-style:solid none none;
  border-width:1px medium medium;
  margin:0 auto;
  width:500px;
}

.comment_react{
  float:right;
  margin-right:20px;
  margin-top:2px;
  font-size: 11px;
}

.comment_react a {
  color: #aaaaaa;
}

#wrapper{
  position: relative;
  padding:20px 0 0;
  width: 990px;
  margin: 0 auto;
}

#signin_message {
  border: 2px solid red;
  padding: 1em;
  margin-bottom: 2em;
  background-color: #f0f0f0;
  font-weight:bold;
}

body
{
  margin: 0;
  padding: 0;
  color: #333;
  font: 12px Arial, Trebuchet, sans-serif;
  background: #E6F0FA;
  text-align: center;
  background-image:url(images/brick_tiles.png);
}

textarea
{
  font: 12px Arial, Trebuchet, sans-serif;
}

acronym
{
  border: none;
}

#main h3 span, #participation h3 span, #benefits h3 span, #requirements h3 span, #lresources h3.resources span, #larchives h3.archives span, #lselect h3.select
{
  display:none;
}

#container
{
  margin: 0 auto;
  width: 990px;
  position: relative;
  background: #fff;
  padding: 0 0px 0 0px;
  text-align: left;
  right: 0px;
  border:1px solid silver;
  float: left;
  background: #fbfbfb;
}

#footer {
  background-color:#F8F8F8;
  background-image:url(images/logo_back_reverted.gif);
  border-top:1px solid #CCCCCC;
  color:#505050;
  float:left;
  height:35px;
  padding-top:20px;
  text-align:center;
  width:100%;  
}

#footer a {
  color: #777777;
}

#container .blank {
  height: 500px;
  width: 1px;
}

#header_graphics {
  background-image: url(/images/main_pict.png);
  background-repeat: no-repeat;
  padding: 0px;
  width: 350px;
  height: 105px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 30px; /*512px;*/
  margin-right: 0px;
  float:left;
  display: inline;
}

#login_section {
display:inline;
float:right;
margin:20px 0 0 0;
padding:0;
width:100px;
}
.signin_label{
  text-align:right;
}
.user_label{
  font-weight:bold;
}
.signin_label label{
  width:125px;
  text-align:right;
  padding-right:5px;
}
#logged_in_section {
  float:right;
  margin:0 20px 0 15px;
  padding:0;
  width:300px;
  display: inline;
  text-align:right;
}
.logged_user{
  color: #0069ea;
  margin: 15px 0 0 0;
  padding:0;
}
.logged_user a, .logged_user a:visited{
  color: #0069ea;
  text-decoration:none;
}
.logged_user a:hover, .logged_user a:active{
  color: #0069ea;
  text-decoration:underline;
}

.unconfirmed_mail{
  color:#FF7100;
}

#login_section a:link, #login_section a:visited {
  color: #003399;
}

#login_section a:hover {
  color: #0069ea;
}

#login_section input.text_field {
  background-color: white;
  border: 1px solid #8eacbf;
  font-size: 11px;
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-bottomright:5px;
  -moz-border-radius-topright:5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  margin: 1px 0 1px 0;
  padding: 2px 3px 2px 3px;
  width: 150px;
}

#login_section .button {
  font-size: 11px;
  vertical-align: middle;
}

#login_section table td {
  padding: 0;
  margin: 0;
}

#login_section table td.submit_row {
  padding-top: 2px;
}

#login_section input.text_field:focus {
  border: 2px solid #4a749f;
  outline-color:-moz-use-text-color;
  outline-style:none;
  outline-width:0;
  margin: 0px 0 0px 0;
  padding: 2px 3px 2px 2px;
}


#login_section .email_validation {
  font-size: 11px;
}

#menu{
  float:none;
  display: block;
  margin-bottom: 15px;
}


#page_header
{
  width: 200px;
  margin-top: 20px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 25px;
  float: left;
  display: inline;
}

#logo
{
  background: url("images/nere_logo.png");
  width: 205px;
  height: 41px;
  overflow: hidden;
  margin: 0;
  margin-left:1px;
}

.slogan
{
  color: #ff7100;
  font-size: 16px;
  font-weight:bold;
  padding-left: 5px;
  margin: 0;
  margin-bottom: 10px;
}

.slogan a, .slogan a:visited, .slogan a:active {
  color: #ff7100;
}

#quick_summary
{
  padding-top: 85px;
}
#quick_summary .p2
{
  font-size: 12px;
  position: absolute;
  top: 65px;
  right: 20px;
  margin: 0;
}

#intro 
{
  margin: 0;
  border-bottom:2px solid #CCCCCC;
  background-color: #f8f8f8;
  background-image: url(images/logo_back.gif);
  float: left;
  width: 100%;
  display: inline;
  padding: 0;
}

#container #intro #quick_summary .p1  span
{
  padding: 30px 530px 0 30px;
  display: block;
  margin: 0;
  font: 12px/150% Trebuchet MS;
}

#info {
  position: relative;
  float: left;
  display: inline;
}

#main
{
  position: relative;
  float: left;
  display: inline;
}

#main p
{
  line-height: 150%;
  margin: 10px 0 10px 0;
}
#main h3, #participation h3, #benefits h3, #requirements h3
{
  width: 200px;
  height: 24px;
  margin: 0px 0 10px 0;
}
#requirements
{
  margin-bottom: 40px;
}

#ranking
{
  position: relative;
  float: left;
  display: inline;
}

#rank_table tr
{
  border-bottom:1px solid #E6EEF0;
}

#lselect ul, #larchives ul, #lresources ul
{
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 40px;
}
#lselect ul li a
{
  text-decoration: underline;
  display: block;
  font-size: 13px;
}
#lselect ul li.c, #lselect ul li a.c
{
  display: inline;
  font-size: 12px;
  color: #333;
}
#lselect ul li a.c
{
  text-decoration: none;
}
#lselect ul li a.c:hover
{
  color: #D60808;
}
#lselect ul li
{
  font-size: 12px;
  border-bottom: 1px solid #E6EEF0;
}
#link_list #larchives ul li
{
  font-size: 13px;
  border-bottom: 1px solid #E6EEF0;
  display: block;
  padding: 5px 0;
}
#link_list #lresources ul li
{
  font-size: 13px;
  border-bottom: 1px solid #E6EEF0;
  display: block;
  padding: 5px 0;
}

#container #menu {
  clear: both;
  text-align: center;
  border-top: #999 solid 2px;
  text-decoration: none;
}

#container #menu a.navigation:hover, a.navigation:active, a.navigation:link, a.navigation:visited{
  background-color: #D03D03;
  color:#000;
  background:transparent url(images/menuItem.jpg) repeat-x scroll left bottom;
  border-bottom:1px solid #CCCCCC;
  border-right:1px solid #CCCCCC;
  border-left:1px solid #CCCCCC;
  display:block;
  font-size:14px;
  font-weight:bold;
  padding:7px 7px 6px;
  position:relative;
  text-decoration:none;
  float: left;
}

#container #menu a.navigation:hover{
  background:#EEF7FD none repeat scroll 0 0;
  border-right:1px solid #CCCCCC;
  text-decoration:underline;
}

#button_to, form input.button_to, input .button_to, a.button_to{
  background-color:#3CF;
  border:1px solid #009;
  color:#FFF;
  cursor:pointer;
  font-size:11px !important;
  font-weight:bold;
  height:2em;
  margin:2px 0;
  padding:0 1em;
  text-decoration: none;
}

.login_form_container {
  border-style:none;
  margin-top:13px;
  padding-top:3px;
  width:280px;
}

.button_dyna {visibility:visible;}

a.button_dyna , a:link.button_dyna , a:visited.button_dyna {
  display:block;
  float:left;
  background: url(images/dyna_button_right.png) no-repeat top right;
  height:15px;
  font-size:11px;
  line-height:-8px;
  margin:0 .5em 0 3px;
  text-decoration:none;
  cursor:pointer;
}

.button_dyna span {
  background:transparent url(images/dyna_button_left.png) no-repeat scroll left top;
  color:#FFFFFF;
  float:left;
  height:15px;
  line-height:13px;
  margin-left:-3px;
  padding:0 5px;
}

a:hover.button_dyna { 
  background-position: right -15px;
}

a:hover.button_dyna span{
  background-position: 0px -15px;
  color:#000;
}

a:active.button_dyna , a:focus.button_dyna  { 
  background-position: right -30px;
  outline: none; /* hide dotted outline in Firefox */
}

a:active.button_dyna span, a:focus.button_dyna span {
  background-position: 0px -30px;
  color:#fff;
  padding:1px 5px;
}

/* reviews */

.review {
}

.review .item_header {
  font-size: 14px;
  margin: 10px 10px 0px 0px;
}

.review .item_header a, .review .item_header a:active {
  color: #FF7100;
  text-decoration: none;
}

.review .item_header a:visited {
  color: #EE6000;
}

.review .item_header a:hover {
  text-decoration: underline;
}

.review .item_text {
  margin: 5px 10px 2px 0px;
}

.review .item_photo {
  float: right;
  margin: 14px 0 10px 10px;
  width: 44px;
  height: 44px;
  border: 1px solid #d0d0d0;
  background: #e7e7e7;
}

.review .item_photo img {
  margin: 2px;
}

.review_rating_mouseover_area {
  float: right;
  margin: 14px 5px 10px 10px;
  position: relative;
  z-index: 50;
  clear: right;
  display: inline;
}

.review_rating_mouseover_area .review_rating_wrapper, .review_rating_mouseover_area .review_rating_wrapper_readonly {
  width: 44px;
  height: 44px;
  border: 1px solid #d0d0d0;
  background: white;
  position: relative;
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-bottomright:5px;
  -moz-border-radius-topright:5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
}

.review_rating_mouseover_area .review_rating_fadeout {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 44px;
  height: 44px;
  margin: 1px;
  background: #ccddff;
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-bottomright:5px;
  -moz-border-radius-topright:5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  z-index: 0;
}

.review_rating_mouseover_area:hover .review_rating_fadeout {
  -moz-border-radius-bottomright:0px;
  -moz-border-radius-topright:0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-top-right-radius: 0px;
}

.review_rating_mouseover_area .review_rating_edit {
  position: absolute;
  background: #FBFBFB;
  top: 0px;
  left: 45px;
  width: 65px;
  height: 44px;
  border: 1px solid #d0d0d0;
  display: none;
  z-index: 50;
  -moz-border-radius-bottomright:5px;
  -moz-border-radius-topright:5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
}

.review_rating_mouseover_area .item_review_rating_up, .review_rating_mouseover_area .item_review_rating_up_fadeout {
  position: absolute;
  top: 7px;
  left: 6px;
}


.review_rating_mouseover_area .item_review_rating_down, .review_rating_mouseover_area .item_review_rating_down_fadeout {
  position: absolute;
  top: 7px;
  left: 33px;
}

.review_rating_mouseover_area .item_review_rating_up_fadeout, .review_rating_mouseover_area .item_review_rating_down_fadeout {
  z-index: 1;
}

.review_rating_mouseover_area:hover .review_rating_wrapper {
  -moz-border-radius-bottomright:0px;
  -moz-border-radius-topright:0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-top-right-radius: 0px;
}

.review_rating_mouseover_area:hover .review_rating_edit {
  display: block;
}

.review_rating_mouseover_area:hover .hidden {
  display: none;
}

.review_rating_initial_review_detail {
  float: left;
  display: inline;
  width: 140px;
}

.review_rating_initial_review_detail .review_rating_mouseover_area .review_rating_edit {
  display: block;
}

.review_rating_initial_review_detail .review_rating_mouseover_area .review_rating_wrapper {
  -moz-border-radius-bottomright:0px;
  -moz-border-radius-topright:0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-top-right-radius: 0px;
}

.review_rating_initial_review_detail_closed {
  float: left;
  display: inline;
  width: 205px;
}


.review_rating_text {
  font-family: "Trebuchet MS", Arial;
  font-size: 18px;
  width: 45px;
  text-align: center;
  margin-bottom: 0;
  z-index: 1;
  position: relative;
}

.review_rating_label {
  color: #a0a0a0;
  font-size: 10px;
  margin-top: 4px;
  width: 100%;
  text-align: center;
  z-index: 1;
  position: relative;
}

.review .info_bar {
  margin: 0px;
  height: 20px;
  margin-left: -1px;
}

.review .info_bar .item_info {
  padding: 0px 10px 3px 0px;
  float: left;
}

.review .item_info .item_rating_wrapper {
  float: left;
  height: 10px;
  width: 55px;
  margin: 2px 2px 0 0;
  background: url(/images/star_rating_grey_small.png) repeat top left;
  height: 10px;
  display: inline;
}
.review .job_provider {
  font-size:11px;
  margin:0 3px;
  color:#0069ea;
  font-weight:bold;
  text-decoration: none;
}

.review a.job_user {
  color: #777777;
  font-weight:bold;
  text-decoration: none;
}
.review a.job_user:hover {
  text-decoration: underline;
}

.provider{
  color:#0069ea;
}

.job_owner {
  color: #FF7100;
}

.review .job_date, .upload_hint {
  font-size: 10px;
  color: #666666;
  margin-left: 5px;
  margin-top: 0px;
}
.review .job_date{
  float: left;
}
.tiny_centered_hint{
  display:block;
  text-align:center;
  font-family:Arial;
  font-size: 11px;
  color: #666666;
}

.review .item_info .item_rating_wrapper .item_rating {
  background: url(/images/star_rating_yellow_small.png) repeat top left;
  height: 10px;
  width: 55px;
}

.review_rating_mouseover_area .red {
  color: #e02222;
}

.review_rating_mouseover_area .green {
  color: #22e022;
}

.review_rating_mouseover_area .grey {
  color: #909090;
}

/* end of reviews */

/* referrals */
table.sent_referrals {
  margin: 10px;
  width: 450px;
}
#market_intro p{
  margin:0;
  padding:10px 0 0 0;
}

.dialog {
	width: 25em;
	padding: 0 4em 1em;
	margin: 0 auto 0 auto;
	text-align: center;  
	font-size: 13px;
}

.dialog h1 {
  font-size: 14px; 
  color: #f00; 
  line-height: 1.5em; 
  margin: 0;
}

/* providers lookup */

#provider_wrapper {
  margin: 5px 0 0 210px;
  position: relative;
}

.providers {
  background: white;
  border: 1px solid #8eacbf;
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-bottomright:5px;
  -moz-border-radius-topright:5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  margin-bottom: 10px;
  width: 400px;
}

.providers .providers_list_hint {
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  background: #f0f0f0;
  font-weight: bold;
  border-bottom: 1px solid #8eacbf;
  padding: 5px;
  color:#777777;
  font-family:Trebuchet MS;
}

.providers a {
  display: block;
  text-decoration: none;
  color: #101010;
  font-weight: bold;
  margin: 0;
  padding: 5px 6px 3px 6px;
}

.chosen_provider {
  background: #E2F2FF;
  border: 1px solid #8eacbf;
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-bottomright:5px;
  -moz-border-radius-topright:5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  margin-bottom: 10px;  
  display: inline;
  text-decoration: none;
  color: #101010;
  font-weight: bold;
  margin: 0;
  padding: 5px 6px 3px 6px;
  margin-bottom: 10px; 
  width: 400px; 
  float: left;
  position: relative;
  height: 32px;
}

.providers span, .chosen_provider span {
  display: block;
  color: #303030;
  font-size: 11px;
  font-weight: normal;
  line-height: 18px;
}

.providers a:hover {
  background: #E2F2FF;
}

/*#provider_arrow_background {
  display:none;
  height:150px;
  left:480px;
  position:absolute;
  top:48px;
  width:100px;
}
*/
#provider_wrapper .clear_button_wrapper {
  clear: both;
  position:absolute;
  height:36px;
  width: 36px;
  left:405px;
  top:-5px;
}

#provider_wrapper .clear_button_wrapper input {
  margin: auto 0;
}

#provider_background {
  float: left;
  position: relative;
}

.writing_big {
background: url(/images/writing_big.png) no-repeat 0 0;
height:222px;
margin:30px 97px 0;
width:157px;
}