/* New css file based on new non-table design

TABLE OF CONTENTS:

GENERAL SETTINGS
DEFAULT LAYOUT
  BREADCRUMB
  ADVERT_DESCRIPTION

  DIV.ADVERT_BOX
  DIV#BIDS
  FORMS
  TABLE
REST
  QUESTIONBOOK


*/

/*** GENERALS SETTINGS ***/

img {
  border: 0;
}

p {
  line-height: 18px;
}

ul {
  padding: 0;
  margin: 0 12px;
  list-style-position: outside;
  list-style-type: none;
}

ul.errors {
  color:#FF0000;
}

.last {
  padding-bottom: 12px;
}

.error {
  color:#FF0000;
}

input.error {
  border: 1px solid #FF0000;
}

.clear {
  clear: both;
}

.block {
  display: block;
}

.underline {
  text-decoration: underline;
}

.no_margin {
  margin: 0;
}


.margin_right {
  margin-right: 50px;
}

.float_right {
  float: right;
}

.right {
  text-align: right;
}

.spot {
  margin-right: 4px;
  width: 17px;
}

div.float {
  float: left;
}

.float {
  float: left;
}

.full_width {
  width: 100%;
}

.inline {
  display: inline;
}

p.center {
  text-align: center;
}

div.box .warning {
  color: #bf2e1a;
}

.width100 {
  width: 100px;
}

p a {
  text-decoration: underline;
}

.not_visible {
  visibility: hidden;
  height: 0;
  width: 0;
}

.no_display {
  display: none;
}



/*** DEFAULT LAYOUT ***/

/** ADVERT_DESCRIPTION **/

div#advert_description {
  margin: 0;
  width: 276px;
  float: left;
  min-height: 254px;
}
div#advert_description div.desc {
  min-height:203px;
  margin-left: 0px;
}
#advert_description li {
	clear:left;
	float:left;
	margin:4px 0;
	width:100%;
}
#advert_description li label {
  width: auto;
  font-weight: normal;
  margin-right:4px;
}

div#advert_information {
  width: 277px;
  float: left;
  margin-bottom: 0;
}


div#advert_information h2 {
  width: 258px;
}

#advert_information ul {
  margin-bottom: 0;
  float: left;
}

#advert_information li > strong {
  float: left;
  color: #008AE8;
  margin-right: 4px;
}

#advert_information li {
  margin: 4px 0;
  float: left;
  clear: left;
  width: 100%;
}

#advert_information li .sup {
  float: left;
  margin-top: -3px;
}

#advert_information .warning {
  color: #bf2e1a;
}


div.white_box {
  width: 276px;
  background-color: #fff;
  float: left;
  padding-right: 1px;
}

div.box_container {
  width: 100%;
  background-color: #BADFF9;
  margin-bottom: 12px;
  float: left;
}

div.box a#new_advert{
  position: absolute;
  height: 0;
  left: 430px;
  top: 10px;
}

div.box label.hidden, label.hidden {
  text-indent: -10000px;
  width: 0;
}

/** BREADCRUMB **/

div.breadcrumb h2 span.category {
  width: 440px;
  height: 18px;
  overflow: hidden;
  float: left;
}

div.breadcrumb a {
  color: #fff;
}

div.breadcrumb h2 {
  height: auto;
  float: left;
  width: 535px;
  margin-bottom: 4px;
}

div.breadcrumb h2 span.print a {
  display: block;
  float: right;
}

div.breadcrumb h2 span.print a img {
  margin-right: 5px;
}

div.breadcrumb p {
  width: auto;
  margin: 0;
}

div.breadcrumb p.left {
  float: left;
}

div.breadcrumb p.right {
  float: right;
}

div.breadcrumb div.p_container {
  height: 20px;
  float: right;
  width: 530px;
}

div.breadcrumb p a {
  color: #000;
}

/** DIV.ADVERT_BOX **/

div#advertser,
div#adverts {
  float: left;
}

div.advert_boxer,
div.advert_box {
  border: 1px solid #badff9;
  width: 100%;
  background-color: #fff;
  position: relative;
  margin-bottom: 12px;
  float: left;
}

div.advert_boxer p, div.advert_boxer ul,
div.advert_box p, div.advert_box ul {
  margin: 0 12px 12px 12px;
}

div.advert_boxer div.image,
div.advert_box div.image {
  width: 60px;
  height: 60px;
  float: left;
  margin: 5px;
}

div.advert_boxer h2,
div.advert_box h2 {
  width: 465px;
  overflow: hidden;
  margin: 5px;
  float: left;
}

div.advert_boxer h2 a,
div.advert_box h2 a {
  color: #0055a7;
  font-weight: bold;
  font-size: 14px;
}

div.advert_boxer p.description,
div.advert_box p.description {
  float: left;
  padding: 0 5px;
  margin: 0;
  width: 455px;
  height: 35px;
  overflow: hidden;
}

div.advert_boxer p.description a,
div.advert_box p.description a {
  text-decoration: none;
}

div.advert_boxer p.average_price,
div.advert_box p.average_price {
  float: left;
  padding: 0 5px;
  margin: 0 0 5px 0;
  width: 455px;
  height: 20px;
  overflow: hidden;
  font-weight: bold;
}

div.advert_boxer ul,
div.advert_box ul {
  float: left;
  margin: 0;
  height: 28px;
  background-color: #badff9;
  width: 100%;
}

div.advert_boxer ul li,
div.advert_box ul li {
  width: auto;
  margin: 6px 10px;
  float: left;
  color: #008ae8;
  font-size: 12px;
}

div.advert_boxer ul li a,
div.advert_box ul li a {
  color: #008ae8;
}

div.advert_boxer ul li.icon,
div.advert_box ul li.icon {
  margin: 3px 5px;
}

div.advert_boxer .dark_blue,
div.advert_box .dark_blue {
  color: #154a7c;
  font-weight: bold;
}

div.advert_boxer .dark_red,
div.advert_box .dark_red {
  color: #bf251f;
}

/** DIV#BIDS **/

div#bids div.bids_bg {
  padding: 0;
  margin: 0;
/*  background-image: url("../img/bids_bg.png"); */
  float: left;
}

div.bid_box div div {
  border: 0;
  border-right: 1px solid white;
  margin-bottom: 20px;
}

div#bids div.bidder {
  width: 103px;
}

div#bids div.branche {
  width: 50px;
}

div#bids div.report {
  width: 41px;
}

div#bids div.star {
  width: 41px;
}

div#bids div.distance {
  width: 37px;
  border-right: none;
  *padding-right: 6px !important;
}
div#bids div.header div.distance {
  width: 46px;
}
div#bids div.datum {
  width: 61px;
}

div#bids div.price {
  width: 65px;
}

div#bids div.winner {
  background-color: #7E0;
}

div#bids div.bids_bg div {
  float: left;
}

div#bids div.header {
  margin-top: -12px;
}

div#bids div.header div {
  height: 30px;
  padding: 10px;
  background-color: #88B4DF;
  clear: right;
}

div#bids div.header div {
  text-align: center;
  font-weight: bold;
  color: #000;
}

div#bids div.bieding {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  margin-top: -1px;
  clear: right;
}

div#bids div.bieding div {
  padding: 10px;
  overflow: hidden;
}

div#bids div.advertiser_buttons {
  background-color: #BADFF9;
  width: 100%;
  padding: 4px 0;
}

div#bids div.advertiser_buttons div {
  float: right;
  margin-right: 4px;
}

/** FORMS **/

div.box input {
  width: 250px;
}

div.box textarea {
  width: 250px;
  height: 100px;
}

div.box label {
  float: left;
  width: 260px;
  font-weight: bold;
}

div.box div.required label {
  font-weight: bold;
}

div.box div.required label:after {
  content: ' *';
}

div.box label.checkbox {
  font-weight: normal;
}

div.box input.checkbox{
  width: auto;
}

div.radio {
  float: left;
}

div.radio p {
  width: 260px;
  float: left;
  margin: 0;
}

div.radio div.inputs {
  float: left;
  width: 260px;
}

div.radio input {
  width: 15px;
  height: 15px;
  float: left;
  clear: left;
  margin: 3px;
}

div.radio label {
  display: block;
  float: left;
  width: 200px;
  padding: 3px;
}

div.box p.file_note {
  text-align: right;
}

div.box div.documents label {
  clear: left;
}

div.box div.phone {
  width: 380px;
  float: left;
  margin-right: 0;
  margin-bottom: 35px;
}

div.phone input {
  width: 100px;
}

div.box input.radio {
  width: auto;
  float: left;
  display: block;
}

div.box div.phone_public {
  margin-top: 5px;
  margin-left: 0;
  width: 140px;
  float: left;
}

div.phone_public label {
  margin-top: 5px;
  width: 110px;
  display: block;
  float: left;
}

div.phone_public input {
  margin-top: 5px;
  display: block;
  float: left;
  width: auto;
}

div.box textarea.margin_left {
  float: left;
  margin: -15px 0 0 250px;
}

div.box input.margin_left {
  float: left;
  margin-left: 250px;
}

div.box input.counter {
  width: 30px;
  float: left;
}

div.box label.counter {
  font-weight: normal;
  margin: 3px 0 0 40px;
  width: 150px;
}

div.box input#text_length2 {
  margin: 0;
}

div.box input#reason_text {
  width: 250px;
  margin: 0;
  margin-left: 10px;
  clear: none;
}

div.box div.long_labels label.width_auto {
  width: auto;
}

div.box label.width {
  width: 400px;
  margin-bottom: 10px;
}

div.box textarea.width {
  width: 500px;
  height: 100px;
}

div.box input.advert_price {
  margin-left: 10px;
  width: 100px;
}

div.box label.radio {
  font-weight: normal;
}

div.box label.other_worker_name {
  margin-left: 20px;
  width: 100px;
}

div.box input#other_worker_name {
  width: 200px;
  float: left;
  clear: none;
}

/** TABLE **/

div.box table {
  margin: -12px 0;
  width: 100%;
  background-color: #fff;
}

div.box th {
  background-color: #88b4df;
  padding: 10px;
  text-align: left;
  vertical-align: top;
}

div.box td {
  padding: 10px;
}

div.box tr.odd {
  background-color: #D5E7F2;
}

div.box tr.even {
  background-color: #BADFF9;
}

div.box table.report {
  background-color: #badff9;
  border-collapse: collapse;
  margin: 10px;
  width: 540px;
}

table.report th {
  padding: 5px;
  border: 1px solid #000;
  width: 60px;
  text-align: center;
  vertical-align: top;
}

table.report tr, table.report td {
  background-color: #badff9;
}

table.report td {
  padding: 5px;
  border: 1px solid #666;
  text-align: center;
}

th.price {
  width: 92px;
}

table th.worker {
  width: 140px;
  vertical-align: top;
}

th.datum {
  width: 65px
}

th.distance {
 width: 50px;
}

div.box th.star {
 text-align: center;
}

td {
  vertical-align: top;
}

div.box div.winning_worker {
  background-color: #7E0;
}



td p.datum {
  float: left;
  margin: 0;
  padding: 0;
}




/*** REST ***/

div.overlib {
  font-size: 11px;
  width: 100px;
}

div.verified {
  width: 300px;
}

div.box div.contractor div {
  float: left;
  margin: 4px;
}

div.box div.contractor label.select {
  width: auto;
  margin: -2px 10px 0 22px;
  font-weight: normal;
}

div.contractor #description {
  height: 50px;
}

div.box div.contractor div.not_werkspot_reason {
  float: right;
}

div.contractor #description {
  height: 50px;
  width: 200px;
  margin-right: 70px;
}


div.login_choice {
  font-weight: bold;
}

div.login_choice ul {
  color: #008ae8;
}

div.login_choice ul li a {
  color: #008ae8;
  text-decoration: none;
  float: left;
  margin-bottom: 5px;
}

div.login_choice input.small {
  width: 30px;
  display: block;
  float: left;
  clear: left;
  margin-bottom: 5px;
}

div.login_choice label {
  width: auto;
}


#if {
  margin: 0 10px;;
  float: left;
  position: relative;
  left: -50%;
}

.textarea_right {
  float: left;
}

div.textarea_counter textarea {
  float: left;
}

div.textarea_counter input {
  clear: left;
}


/*** tim ***/
#advertiser_postal_code { width: 190px; }
#advertiser_house_number { width: 50px; }

.my_adverts th.price { width: 60px; min-width: 60px; }
.my_adverts td.amount { text-align: center; }

tr.answer td.first { background-color: #88B4DF; }


/** QUESTIONBOOK **/

.question_box {
  background-color: #dceffc;
  float: left;
  width: 100%;
  padding: 10px 0;
  margin-bottom: 8px;
}
.text_balloon {
  float: left;
  width: 478px;
  margin: 0 10px;
}

.text_balloon .top_left,
.text_balloon .top_left_advertiser,
.text_balloon .top_right,
.text_balloon .top_right_advertiser,
.text_balloon .center_balloon,
.text_balloon .bottom {
  margin: 0 auto;
}

.text_balloon .top_left {
  background-image: url("../img/question_book/text_balloon_top_left.png");
  background-repeat: no-repeat;
  width: 458px;
  height: 12px;
  float: left;
  padding: 8px 10px 2px 16px;
  margin-left: -6px;
  color: #548dc4;
  font-weight: bold;
}

.text_balloon .top_left_advertiser {
  background-image: url("../img/question_book/text_balloon_top_left_advertiser.png");
  background-repeat: no-repeat;
  width: 458px;
  height: 20px;
  float: left;
  padding: 8px 10px 2px 16px;
  margin-left: -6px;
  color: #548dc4;
  font-weight: bold;
}

.text_balloon .top_right {
  background-image: url("../img/question_book/text_balloon_top_right.png");
  background-repeat: no-repeat;
  width: 458px;
  height: 12px;
  float: left;
  padding: 8px 10px 2px 10px;
  color: #548dc4;
  font-weight: bold;
}

.text_balloon .top_right_advertiser {
  background-image: url("../img/question_book/text_balloon_top_right_advertiser.png");
  background-repeat: no-repeat;
  width: 458px;
  height: 20px;
  float: left;
  padding: 8px 10px 2px 10px;
  color: #548dc4;
  font-weight: bold;
}

.text_balloon .center_balloon {
  background-image: url("../img/question_book/text_balloon_center.png");
  background-repeat: repeat-y;
  width: 454px;
  float: left;
  text-align: justify;
  padding: 4px 10px 2px 10px;
}

.text_balloon .bottom {
  background-image: url("../img/question_book/text_balloon_bottom.png");
  background-repeat: no-repeat;
  width: 478px;
  height: 2px;
  float: left;
  margin-bottom: 10px;
}

.text_balloon .worker {
  text-decoration: underline;
  color: #548dc4;
}

.text_balloon .top_right_advertiser .button,
.text_balloon .top_right_advertiser .button_inverse,
.text_balloon .top_right_advertiser .button_positive,
.text_balloon .top_right_advertiser .button_negative,
.text_balloon .top_right_advertiser .icon,
.text_balloon .top_left_advertiser .button,
.text_balloon .top_left_advertiser .button_inverse,
.text_balloon .top_left_advertiser .button_positive,
.text_balloon .top_left_advertiser .button_negative,
.text_balloon .top_left_advertiser .icon {
  margin-top: -4px;
}

.text_balloon .top_text {
  width: 458px;
  height: 20px;
  overflow: hidden;
  float: left;
}

.text_balloon .center_balloon .button,
.text_balloon .center_balloon .button_inverse,
.text_balloon .center_balloon .button_positive,
.text_balloon .center_balloon .button_negative,
.text_balloon .center_balloon .icon {
  margin: 4px;
}

.text_balloon form textarea {
  width: 445px;
  height: 54px;
}

#advert_question {
  border: 1px solid #BADFF9;
}

.text_balloon .center_balloon .first {
  margin-right: 6px;
}

div.worker_detail {
  margin-bottom: 0;
}

.logo_worker {
  background-image: url("../img/question_book/logo_worker.png");
  background-repeat: no-repeat;
  width: 55px;
  height: 60px;
  float: left;
  padding-bottom: 10px;
}

.logo_worker a.report,
.logo_worker div.report {
  display: block;
  float: left;
  margin: 38px 0 0 15px;
  *margin: 38px 0 0 8px;
}

.logo_advertiser {
  background-image: url("../img/question_book/logo_advertiser.png");
  background-repeat: no-repeat;
  width: 41px;
  height: 58px;
  float: left;
  clear: left;
  margin-left: 10px;
  padding-bottom: 10px;
}
ul.question_remove_choice li label {
    float:none;
    display:block;
    font-weight:normal;
    width:auto;
}
ul.question_remove_choice li input {
    width:20px;
}
span.onlyworker {
	float: right;
	color: #00E5FD;
}

.questionbook .titleComment {
	color: #BADFF9;
	font-size:10px;
}

/** ADVERTISER MESSAGES **/

div.advertiser_messages h2 {
  background-color: #43881e;
}

div.advertiser_messages {
  background-color: #ccefb5;
}

div.advertiser_messages div.top_text,
div.advertiser_messages div.top_text a,
div.advertiser_messages div.top_right,
div.advertiser_messages div.top_right a,
div.advertiser_messages div.top_left,
div.advertiser_messages div.top_left a,
div.advertiser_messages label {
  color: #418a1e;
}

div.advertiser_messages textarea {
  border: 1px solid #9adf6b;
}

div.advertiser_messages div.top_right_advertiser {
  background-image: url("../img/question_book/text_balloon_top_right_advertiser_green.png");
}

div.advertiser_messages div.top_left_advertiser {
  background-image: url("../img/question_book/text_balloon_top_left_advertiser_green.png");
}

div.advertiser_messages div.top_right {
  background-image: url("../img/question_book/text_balloon_top_right_green.png");
}

div.advertiser_messages div.top_left {
  background-image: url("../img/question_book/text_balloon_top_left_green.png");
}

div.advertiser_messages div.center_balloon {
  background-image: url("../img/question_book/text_balloon_center_green.png");
}

div.advertiser_messages div.bottom {
  background-image: url("../img/question_book/text_balloon_bottom_green.png");
}

.advertiser_messages .titleComment {
	color: #9ADF6B;
	font-size:10px;
}

div.advertiser_messages div.error {
	padding: 0 0 10px 10px;
}
div.advertiser_messages div.error ul {
  list-style-type: circle;
}
div.advertiser_messages div.deleted {
	padding: 0 0 0px 10px;
  color: #418A1E;
  float:left;
}

div.mijnopdr {
  margin-bottom:12px;
  background-color:#548DC4;
}
div.mijnopdr h1 a {
  color: #FFFFFF;
}
div.mijnopdr h1 a:hover {
  text-decoration: underline;
}
.blijmetws {
  padding-bottom: 12px;
  padding-left:1px;
}
div.advert_subcat_question {
   margin:8px 10px;
}
div.advert_subcat_question label {
   width: 250px;
}
div.advert_subcat_question input {
   width: 100px;
}