@charset "utf-8";

/*=======================*/
/* Tarjoukset.           */
/*=======================*/

/* Tarjouksien alue. */
.offers_area {
  /* Ulkopuolen reunukset. */
  margin-top  : 15px;
  margin-left : 5px;

  /* Kehys. */
  border       : solid;
  border-width : 2px;
  border-color : #A0A0A0;

  /* Tausta. */
  background : #FFFFFF;

  /* Sisäpuolen täytteet. */
  padding : 1px;

  /* Alue. */
  width : 610px;
}

/* Tarjouksen alue. */
.offer_area {
  /* Ulkopuolen reunukset. */
  margin-top  : 15px;
  margin-left : 5px;

  /* Kehys. */
  border       : solid;
  border-width : 2px;
  border-color : #A0A0A0;

  /* Tausta. */
  background : #FFFFFF;

  /* Sisäpuolen täytteet. */
  padding : 5px;

  /* Alue. */
  width : 350px;
}

/* Tarjoustaulukko. */
.offer_table {
  /* Ulkopuolen reunukset. */
  margin : 5px;

  /* Kehys. */
  border       : solid;
  border-width : 1px;
  border-color : #C0C0C0;

  /* Tausta. */
  background : #F4FFF4;

  /* Sisäpuolen täytteet. */
  padding : 5px;
  
  /* Taulukon solut. */
  border-spacing : 0px;
}

/* Tarjoustaulukon solut. */
.offer_table  td{
  /* Sisäpuolen täytteet. */
  padding : 3px;
}

/* Painikkeiden alue. */
.buttons_area {
  /* Ulkopuolen reunukset. */
  margin-top   : 15px;
  margin-right : auto;
  margin-left  : auto;

  /* Kehys. */
  border       : solid;
  border-width : 0px;
  border-color : #A0A0A0;

  /* Tausta. */
  background : #FFFFFF;

  /* Alue. */
  width : 610px;
  
  /* Teksti.*/
  line-height : 28px;  
}

/* Tekstirivi. */
.text_row {
  /* Ulkopuolen reunukset. */
  margin-top   : 2px;
  margin-right : 2px;
  margin-left  : 2px;

  /* Kehys. */
  border       : solid;
  border-width : 0px 0px 1px 0px;
  border-color : #D0D0D0;

  /* Alue. */
  min-height : 22px;
}

/* Tekstirivi. */
.background_offers_header {
  /* Tausta. */
  background : #50C0FF;
}

/* Minimikorkeus 22px. */
.min_height_22px {
  /* Alue. */
  min-height : 22px;
}

/* Tarjoustaulukon sarake: tunniste. */
.column_offer_id {
  /* Sijainti. */
  float : left;

  /* Kehys. */
  border       : solid;
  border-width : 0px;
  border-color : #FF0000;

  /* Sisäpuolen täytteet. */
  padding : 2px;

  /* Alue. */
  width : 60px;
}

/* Tarjoustaulukon sarake: otsikko. */
.column_offer_header {
  /* Sijainti. */
  float : left;

  /* Kehys. */
  border       : solid;
  border-width : 0px;
  border-color : #FF0000;

  /* Sisäpuolen täytteet. */
  padding : 2px;

  /* Alue. */
  width : 150px;
}

/* Tarjoustaulukon sarake: alkaa. */
.column_offer_start {
  /* Sijainti. */
  float : left;

  /* Kehys. */
  border       : solid;
  border-width : 0px;
  border-color : #FF0000;

  /* Sisäpuolen täytteet. */
  padding : 2px;

  /* Alue. */
  width : 70px;
}

/* Tarjoustaulukon sarake: päättyy. */
.column_offer_end {
  /* Sijainti. */
  float : left;

  /* Kehys. */
  border       : solid;
  border-width : 0px;
  border-color : #FF0000;

  /* Sisäpuolen täytteet. */
  padding : 2px;

  /* Alue. */
  width : 70px;
}

/* Tarjoustaulukon sarake: tila. */
.column_offer_status {
  /* Sijainti. */
  float : left;

  /* Kehys. */
  border       : solid;
  border-width : 0px;
  border-color : #FF0000;

  /* Sisäpuolen täytteet. */
  padding : 2px;

  /* Alue. */
  width : 90px;
}

/* Tarjoustaulukon sarake: komennot. */
.column_offer_commands {
  /* Sijainti. */
  float : left;

  /* Kehys. */
  border       : solid;
  border-width : 0px;
  border-color : #FF0000;

  /* Sisäpuolen täytteet. */
  padding : 2px;

  /* Alue. */
  width : 90px;
}

/* Tarjouksen otsikko. */
.offer_header {
  /* Ulkopuolen reunukset. */
  margin       : 5px;
  margin-left  : auto;  /* Keskitys. */
  margin-right : auto;  /* Keskitys. */

  /* Kehys. */
  border       : solid;
  border-width : 0px;
  border-color : #F00000;

  /* Sisäpuolen täytteet. */
  padding : 2px;

  /* Alue. */
  width : 340px;

  /* Fontti. */
  font-family : Arial, Helvetica, Sans-serif;
  font-size   : 20px;
  font-weight : bold;
  color       : #5050C0;

  /* Teksti.*/
  text-align : center;
}

/* Tarjouksen viesti. */
#message_area {
  /* Ulkopuolen reunukset. */
  margin       : 5px;
  margin-left  : auto;  /* Keskitys. */
  margin-right : auto;  /* Keskitys. */

  /* Fontti. */
  font-family : Arial, Helvetica, Sans-serif;
  font-size   : 12px;
  font-weight : normal;

  /* Teksti.*/
  text-align : center;
}

/* Tarjouksen kuva. */
.offer_picture {
  /* Ulkopuolen reunukset. */
  margin       : 5px;
  margin-left  : auto;  /* Keskitys. */
  margin-right : auto;  /* Keskitys. */

  /* Kehys. */
  border       : solid;
  border-width : 0px;
  border-color : #F00000;

  /* Sisäpuolen täytteet. */
  padding : 2px;

  /* Alue. */
  width : 340px;

  /* Fontti. */
  font-family : Arial, Helvetica, Sans-serif;
  font-size   : 20px;
  font-weight : bold;
  color       : #5050C0;

  /* Teksti.*/
  text-align : center;
}

/* Tarjouksen kuvaus. */
.offer_description {
  /* Ulkopuolen reunukset. */
  margin-top    : 5px;
  margin-left   : auto;  /* Keskitys. */
  margin-right  : auto;  /* Keskitys. */
  margin-bottom : 10px;

  /* Kehys. */
  border-width          : 1px 1px 1px 1px;
  border-style          : solid;
  border-color          : #C0C0C0;
  -webkit-border-radius : 3px 3px 3px 3px;
  -moz-border-radius    : 3px 3px 3px 3px;
  border-radius         : 3px 3px 3px 3px;

  /* Tausta. */
  background : #FAFAFA;

  /* Sisäpuolen täytteet. */
  padding : 2px;

  /* Alue. */
  width : 340px;

  /* Fontti. */
  font-family : Arial, Helvetica, Sans-serif;
  font-size   : 12px;
  font-weight : bold;
  color       : #505050;
}

/* Tarjouksen hinta. */
.offer_price{
  /* Ulkopuolen reunukset. */
  margin-top    : 5px;
  margin-left   : auto;  /* Keskitys. */
  margin-right  : auto;  /* Keskitys. */
  margin-bottom : 5px;

  /* Kehys. */
  border       : solid;
  border-width : 0px;
  border-color : #808080;

  /* Sisäpuolen täytteet. */
  padding : 2px;

  /* Alue. */
  width : 340px;

  /* Fontti. */
  font-family : Arial, Helvetica, Sans-serif;
  font-size   : 18px;
  font-weight : bold;
  color       : #3030A0;

  /* Teksti.*/
  text-align : center;
}

/* Tarjouksen lisätiedot. */
.offer_extra_information {
  /* Ulkopuolen reunukset. */
  margin-top    : 5px;
  margin-left   : auto;  /* Keskitys. */
  margin-right  : auto;  /* Keskitys. */
  margin-bottom : 5px;

  /* Kehys. */
  border-width          : 1px 1px 1px 1px;
  border-style          : solid;
  border-color          : #C0C0C0;
  -webkit-border-radius : 3px 3px 3px 3px;
  -moz-border-radius    : 3px 3px 3px 3px;
  border-radius         : 3px 3px 3px 3px;

  /* Tausta. */
  background : #FAFAFA;

  /* Sisäpuolen täytteet. */
  padding : 2px;

  /* Alue. */
  width : 340px;

  /* Fontti. */
  font-family : Arial, Helvetica, Sans-serif;
  font-size   : 12px;
  font-weight : normal;
  color       : #505050;
}

/* Tarjouksen voimassaoloaika. */
.offer_dates {
  /* Ulkopuolen reunukset. */
  margin-top    : 10px;
  margin-left   : auto;  /* Keskitys. */
  margin-right  : auto;  /* Keskitys. */
  margin-bottom : 5px;

  /* Kehys. */
  border       : solid;
  border-width : 0px;
  border-color : #C0C0C0;

  /* Sisäpuolen täytteet. */
  padding      : 2px;
  padding-left : 2px;

  /* Alue. */
  width : 340px;

  /* Fontti. */
  font-family : Arial, Helvetica, Sans-serif;
  font-size   : 12px;
  font-weight : normal;
  color       : #505050;
}