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

TABLE OF CONTENTS:

DEFAULT LAYOUT 
  GENERAL SETTINGS
  CENTER
  DIV.BOX
  ERROR_BOX
  BUTTONS
    GENERAL SETTINGS
    REST
  ICONS
    GENERAL SETTINGS
    REST
REST

*/

/*** DEFAULT LAYOUT ***/

/** CENTER **/

div.box div.center, div.center {
  margin: 2px auto;
  text-align: center;
}

div.box div.center, div.center {
  width: auto;
  position: relative;
  left: 50%;
  float: left;
}

div.box div.center > *, div.center > * {
  position: relative;
  left: -50%;
  float: left;
}


/** DIV.BOX **/

div.box {
  width: 100%;
  background-color: #badff9; 
  position: relative;
  margin-bottom: 12px;
  padding-bottom: 4px;
  float: left;
}

div.box p, div.box form, div.box ul {
  margin: 0 12px 12px 12px;
}

div.box .not_strong {
  font-weight: normal;
}

div.box_header {
  height: 36px;
  background-color: #0055a7;
  width: 100%;
  float: left;
}

div.box_header h1 {
  margin: 0;
  padding: 5px 10px;
  color: white;
  font-size: 14px;
  text-align: left;
  line-height: 26px;
  font-weight: bold;
  width: 440px;
  height: 26px;
}

div.box_header em {
  display: block;
  color: white;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  margin-top: -25px;
  margin-right: 5px;
  float: right;
  }

div.box h2 {
  margin: 0;
  margin-bottom: 12px;
  height: 16px;
  padding: 10px 10px;
  background-color: #548dc4;
  color: white;
  font-size: 12px;
}

div.box a#explain_more {
  margin-left: 200px;
}

div.box > div {
  margin: 8px 12px;
}

div.no_header {
  padding: 8px 0;
}

div.no_content h2 {
  margin: 0;
}

div.no_content {
  margin: 0;
  padding: 0;
}

div.box div.long_labels label.radio {
  width: 480px;
  font-weight: normal;
}
  
div.box p.intro {
  margin: 18px 12px 0 12px;
}

/** ERROR_BOX **/

.success_box_top,
.error_box_top {
  background-image: url('../img/error_box/error_box_top.png');
  background-repeat: no-repeat;
  float: left;
  width: 554px;
  height: 5px;
}

.success_box_center,
.error_box_center {
  background-color: #bf2e1a;
  width: 534px;
  float: left;
  padding: 10px;   
}

.success_box_center h2,
.error_box_center h2 {
  margin: 0;
  float: left;
  color: #fff;
  font-size: 14px;
  width: 430px;
  margin-bottom: 10px;
}

.success_box_center .logo,
.error_box_center .logo {
  background-image: url('../img/error_box/error_box_exclamation_mark.png');
  background-repeat: no-repeat;
  float: left;
  width: 40px;
  height: 40px;
  margin-right: 20px;
}

.success_box_center ul,
.error_box_center ul {
  margin: 0;
  padding: 0;
  float: left;
  width: 430px;
  list-style-type: none;
}

.success_box_center ul li,
.error_box_center ul li {
  list-style-position: inside;
}

.success_box_center ul li {
  color: #000000;
}

.success_box_bottom,
.error_box_bottom {
  background-image: url('../img/error_box/error_box_bottom.png');
  background-repeat: no-repeat;
  float: left;
  width: 554px;
  height: 5px;
  margin-bottom: 10px;
}
.success_box_top
{
  background-image: url('../img/success_box/success_box_top.png');
}
.success_box_center
{
  background-color: #9bce44;
}
.success_box_center .logo
{
  background-image: url('../img/success_box/success_box_exclamation_mark.png');
}
.success_box_bottom
{
  background-image: url('../img/success_box/success_box_bottom.png');
}
.success_box_center ul li {
  color: black;
}
/** BUTTONS **/

/* GENERAL SETTINGS */

.button_margin {
  margin: 10px 3px;
}

div.advert_box .buttons {
  float: right;
  height: 24px;
  padding: 5px 10px;
}

.button, .button_negative, .button_inverse, .button_positive {
  background-repeat: no-repeat;
  background-position: top left;
  height: 22px;
  padding: 0;
  padding-left: 2px; 
  float: left;
  text-align: center;
  margin-right: 4px;
}

.button a, .button_negative a, .button_inverse a, .button_positive a, .button input, .button_negative input, .button_inverse input, .button_positive input {
  background-repeat: no-repeat;
  background-position: top right;
  background-color: transparent;
  height: 14px;
  padding: 4px;
  float: left;
  font-weight: bold;
  font-size: 12px;
  text-decoration: none;
}

.button input, .button_negative input, .button_inverse input, .button_positive input {
  height: 22px;
  border: 0;
}

.button, .button_negative, .button_inverse, .button_positive {
  float: left;
}

div.box .button input, div.box .button_negative input, div.box .button_inverse input, div.box .button_positive input {
  border: 0;
  float: left;
  font-size: 12px;
  width: auto;
}

.button:hover,
.button_negative:hover,
.button_inverse:hover,
.button_positive:hover {
  cursor: hand;
  cursor: pointer;
}

.button_small a, div.box .button_small input, .button_small input {
  width: 70px;
}

.button_medium a, div.box .button_medium input, .button_medium input {
  width: 100px;
}

.button_large a, div.box .button_large input, .button_large input {
  width: 180px;
}

.button {
  background-image: url("../img/buttons/white_left.png");
}

.button:hover  {
  background-image: url("../img/buttons/white_left_hover.png");
}

.button a, .button input {
  background-image: url("../img/buttons/white_right.png");
  color: #154a7c;
}

.button:hover a, .button:hover input {
  background-image: url("../img/buttons/white_right_hover.png");
  cursor: hand;
  cursor: pointer;
}

.button_negative  {
  background-image: url("../img/buttons/red_left.png");
}

.button_negative:hover  {
  background-image: url("../img/buttons/red_left_hover.png");
}

.button_negative a, .button_negative input {
  background-image: url("../img/buttons/red_right.png");
  color: #fff;
}

.button_negative:hover a, .button_negative:hover input {
  background-image: url("../img/buttons/red_right_hover.png");
  cursor: hand;
  cursor: pointer;
}

.button_inverse  {
  background-image: url("../img/buttons/blue_left.png");
}

.button_inverse:hover  {
  background-image: url("../img/buttons/blue_left_hover.png");
}

.button_inverse a, .button_inverse input {
  background-image: url("../img/buttons/blue_right.png");
  color: #fff;
}

.button_inverse:hover a, .button_inverse:hover input {
  background-image: url("../img/buttons/blue_right_hover.png");
  cursor: hand;
  cursor: pointer;
}

.button_positive  {
  background-image: url("../img/buttons/green_left.png");
}

.button_positive:hover  {
  background-image: url("../img/buttons/green_left_hover.png");
}

.button_positive a, .button_positive input {
  background-image: url("../img/buttons/green_right.png");
  color: #fff;
}

.button_positive:hover a, .button_positive:hover input {
  background-image: url("../img/buttons/green_right_hover.png");
  cursor: hand;
  cursor: pointer;
}



/* REST */

#new_bid_info div.box .button {
  margin-top: 10px;
}


/** ICONS **/

/* GENERAL SETTINGS */

.icon a.close_advert {
  background-image: url("../img/icons/close_advert.png");
  background-repeat: no-repeat;
  width: 50px;
  height: 22px;
  float: left;
}

.icon a.close_advert:hover {
  background-position: 0 -22px;
}

.icon a.delete {
  background-image: url("../img/icons/delete.png");
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  float: left;
}

.icon a.delete:hover {
  background-position: 0 -22px;
}

.icon a.edit {
  background-image: url("../img/icons/edit.png");
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  float: left;
}

.icon a.edit:hover {
  background-position: 0 -22px;
}

/* REST */

div.advert_box ul li.icon {
  float: right;
}



/*** REST ***/

#page_errors ul {
  padding: 0;
  list-style-position: outside;
  list-style-type: none;
}

#page_errors ul li {
  color: #fff;
}

#page_errors {
  background-color: red;
}

#job_done {
  float: left;
  margin-top: -4px;
  margin-bottom: 8px;
}

#intro_text_worker {
  margin: 0;
  height: 565px;
}

#garantiebod ul, #new_bid_info ul {
  padding: 0;
  margin: 10px;
  margin-left: 20px;
  text-align: justify;
}

#garantiebod ul li, #new_bid_info ul li {
  list-style: disc outside none;
  margin: 2px;
}

#new_bid_info label {
  width: auto;
  margin-left: 10px;
}

.login_name {
  margin-top: 10px;
}

.login_text {
  margin: 15px 0;
}

#text_incasso {
  font-weight: bold;
  padding-bottom: 15px;
}
  
div.already_done img {
  margin: 5px 0;
}

table.advertiser_reference {
  width: 100%;
  border: 0;
  margin-bottom: 8px;
  background-color: #badff9;
}

tr.wr_dark {
	background-color: #BCE0F8;
}

tr.wr_light{
	background-color: #D6E8F6;	
}