/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

table.data_rows {
  font-size: 10px;
}

 /* body
 {
  margin: 0;
  padding: 0;
  background-color: #fff;
  color: #000;
  font-size: 10px;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
 } */
 
 /* h1
 {
     font-size:13px;
 }
 
 h2
 {
     font-size:12px;
 }
  */

 .textinput
 {
 background: #f9f9f9;
 border: 1px solid #ADC0B4;
 color: #222;
 margin: 1px;
 padding: 1px;
 font-size: 10px;
 font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
 }
 
 #xxx_order_search_order_status_id
 {
 background: #f9f9f9;
 border: 1px solid #ADC0B4;
 color: #222;
 padding: 2px;
 }
 
 .form-login #login, .form-login #password
 {
  font-size: 126%;
 /* background: #FFFADB url("/assets/submitbg-f6df79a4.gif") repeat-x;*/
  background: #FFFADB;
  border: 1px solid #ADC0B4;
  color: #222;
  padding: 2px;
 }
 
 .form-login label
 {
 float: none;
 display: block;
 font-weight:bold;
 font-size: 107%;
 }
 
 a { color: #666; }
 a:visited { color: #666; }
 a:hover { color: #999; }
 
 /*
 div#header{width:100%;overflow:hidden;background: #595D66; position:fixed; top: 0;left:0;right:0; border-bottom: 2px solid #fff;}
 div#header h1,div#menu{width:770px;margin:0 auto;text-align:left}
 div#header h1{padding: 30px 0 10px;color: #FFF}
 div#menu{float:left;width:100%;padding-top:40px;background: #BBD9EE;}
 ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
 ul#nav{width:100%}
 ul#nav li{float:left;margin-right: 3px;text-align: center}
 ul#nav a{float:left;padding:0.7em 1em 0.5em 1em; background: #E7F1F8;text-decoration:none;color: #000}
 ul#nav a.active {color: #000;font-weight:bold;background: #fff;}
 ul#nav a:hover{background: #FFA826;color: #FFF}
 ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #FFF;color: #003}
 div#container{padding:20px;margin-top:40px;}
 div#containerwomenu{padding:20px;}
 */
 
 div#header{width:100%;overflow:hidden;background: #595D66; position:fixed; top: 0;left:0;right:0; border-bottom: 2px solid #fff; }
 div#header h1,div#menu{width:770px;margin:0 auto;text-align:left}
 div#header h1{padding: 30px 0 10px;color: #FFF}
 div#menu{float:left;width:100%;background: #BBD9EE;}
 ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
 ul#nav{width:100%}
 ul#nav li{float:left;margin-right: 3px;text-align: center}
 ul#nav a{float:left;width: 100px;padding: 5px 5px;background: #E7F1F8;text-decoration:none;color: #666}
 ul#nav a.active {color: #000;font-weight:bold;background: #fff;}
 ul#nav a:hover{background: #FFA826;color: #FFF}
 ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #FFF;color: #003}
 div#container{padding:20px;margin-top:50px;}
 div#containerwomenu{padding:20px;}
 
 .clear 
 {
 clear: both;
 height: 0px;
 font-size: 1px;
 }
 
 table {
 text-align: left;
 margin-bottom: 0px;
 margin-top: 0.6em;
 margin-bottom: 0.3em;
 padding: 0px 0px 0px 0px;
 border-width: 0px;
 border-spacing: 0px;
 outline-width: 0px;
 border-collapse: collapse;
 }
 
 tr {
 padding: 0px 0px 0px 0px;
 border-width: 0px;
 outline-width: 0px;
 vertical-align: top;
 }
 
 td {
 padding: 0px 0px 0px 0px;
 border-width: 0px;
 outline-width: 0px;
 vertical-align: top;
 }
 
 select
 {
 margin:0;
 padding:0;
 }
 
 input
 {
 margin:0
 padding:0;
 }
 
 table.data_rows
 {
 }
 
 table.data_rows tr th
 {
 padding: 1px 5px 1px 5px;
 border-top: 1px solid #BBD9EE;
 border-bottom: 1px solid #BBD9EE;
 background-color: #E7F1F8;
 font-weight:bold;
 }
 
 table.data_rows td
 {
 padding: 2px 5px 2px 5px;
 vertical-align: middle;
 }
 
 table.data_rows tr.input_row td
 {
 padding: 2px 5px 2px 5px;
 vertical-align: top;
 }
 
 tr.data_total td
 {
 font-weight:bold;
 padding: 1px 5px 1px 5px;
 border-top: 1px solid #000;
 }
 
 div#order_form label
 {
 font-weight: bold;
 padding-bottom:1em;
 }
 
 div.printout_content
 {
 /* border: 1px solid #000; */
 text-align:center;
 }
 
 div.printout_form
 {
 width:750px;
 margin:0px auto;
 border:1px solid #eee;
 }
 
 div.printout_form input 
 {
 border:0;
 /*background: #aaa;*/
 margin:2px;
 padding:0;
 font-size: 12px;
 font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
 }
 
 div.printout_form input.hinta
 {
 text-align:right;
 font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
 }
 
 div.printout_form textarea
 {
 font-size: 12px;
 padding:0;
 margin:0;
 border:0;
 /*background: #aaa;*/
 width:100%;
 font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
 overflow: hidden;
 }
 
 div.printout_form div
 {
 margin:1px;
 padding:10px;
 /*border: 1px solid #aaa;*/
 text-align:left;
 }
 
 div.printout_form div.otsikkov
 {
 width:350px;
 }
 div.printout_form div.otsikkoo
 {
 width:350px;	
 }
 
 div.printout_form div.sisaltov
 {
 width:200px;
 }
 div.printout_form div.sisaltoo
 {
 width:500px;
 }
 div.printout_form div.lopputeksti
 {
 width:163px;
 }
 
 div.sivuotsikko
 {
 width:750px;
 font-weight:bold;
 background-color: #E7F1F8;
 padding:5px 2px 5px 2px;
 margin:1px auto;
 height:20px;
 }
 
 div.printout_form .valiotsikko
 {
 margin:0 0.5em 0 0.5em;
 padding:0;
 width:724px;
 height:1px;
 border-top: 1px solid #111;
 }
 
 div.printout_form .otsikko
 {
 font-weight:bold;
 font-size:16px;
 }
 
 div.printout_form .aliotsikko
 {
 font-weight:bold;
 font-size:12px;
 }
 
 .formbutton
 {
 cursor:pointer;
 border:outset 1px #ccc;
 background:#999;
 color:#666;
 font-size:10px;
 padding: 2px 5px;
 height: 22px;
 background:url("/assets/submitbg-f6df79a4.gif") repeat-x left top;
 font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
 }
 
 tr.top_row td
 {
 padding-top: 1em;
 border-top: 1px solid #ccc;
 /*border-left: 1px solid #ccc;*/
 }
 
 tr.top_row td:first-child 
 {
 border-left: 1px solid #ccc;
 }
 
 tr.bottom_row td:last-child 
 {
 border-right: 1px solid #ccc;
 }
 
 tr.top_row td:last-child 
 {
 border-right: 1px solid #ccc;
 }
 
 tr.bottom_row td
 {
 border-left: 1px solid #ccc; 
 border-bottom: 1px solid #ccc;
 padding-bottom: 1em;
 }
 
 tr.header_row th:first-child 
 {
 border-left: 1px solid #ccc;
 }
 
 tr.header_row th:last-child 
 {
 border-right: 1px solid #ccc;
 }
 
 
 .formbutton_on
 {
 font-weight:bold;
 cursor:pointer;
 border:outset 1px #ccc;
 background:#999;
 color:green;
 font-size:10px;
 padding: 2px 3px;
 margin: 0 2px 0 0;
 height: 22px;
 background:url("/assets/submitbg-f6df79a4.gif") repeat-x left top;
 font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
 }
 
 .formbutton_off
 {
 font-weight:bold;
 cursor:pointer;
 border:outset 1px #ccc;
 background:#999;
 color:red;
 font-size:10px;
 padding: 2px 2px;
 margin: 0 2px 0 0;
 height: 22px;
 background:url("/assets/submitbg-f6df79a4.gif") repeat-x left top;
 font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
 }
 
 /*
  * Rails scaffold.css
  */
 
 .fieldWithErrors {
   padding: 2px;
   background-color: red;
   display: table;
 }
 
 #errorExplanation {
   width: 400px;
   border: 2px solid red;
   padding: 7px;
   padding-bottom: 12px;
   margin-bottom: 20px;
   background-color: #f0f0f0;
 }
 
 #errorExplanation h2 {
   text-align: left;
   font-weight: bold;
   padding: 5px 5px 5px 15px;
   font-size: 12px;
   margin: -7px;
   background-color: #c00;
   color: #fff;
 }
 
 #errorExplanation p {
   color: #333;
   margin-bottom: 0;
   padding: 5px;
 }
 
 #errorExplanation ul li {
   font-size: 12px;
   list-style: square;
 }

/* pagination */
div.paginationblock
{
clear:both;
}

.pagination a, .pagination span, .pagination em {
  padding: 0.2em 0.5em;
  display: block;
  float: left;
  margin-right: 1px; }

.pagination .current {
  padding: 2px 5px;
  margin-right: 5px;
  display: block;
  float: left;
  border-style: solid;
  border-width: 1px;
  border-color: #BBD9EE;
  background: #E7F1F8;
}

.pagination a {
  color: rgb(47,47,47);
  border-color: #BBD9EE;
}

.pagination a:hover {
  color: #000;
  background: #E7F1F8;
}

.pagination a, .pagination span {
  padding: 2px 5px;
  margin-right: 5px;
  display: block;
  float: left;
  border-style: solid;
  border-width: 1px;
  border-color: #BBD9EE;
}

.pagination span.current {
  font-weight: bold;
}

.pagination a {
  text-decoration: none;
}