/*
 * 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.
 */
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;
padding: 2px;
}

input[type=text], input[type=date], input[type=search], input[type=password], textarea
{
background: #f9f9f9;
border: 1px solid #ADC0B4;
color: #222;
padding: 2px;
font-size: 10px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
}

textarea:disabled, textarea[disabled], textarea[readonly], input:disabled, input[disabled], input[readonly]
{
background: #cecece;
}

#new_user_session #user_session_login,
#new_user_session #user_session_password
{
 font-size: 126%;
 background: #FFFADB;
 border: 1px solid #ADC0B4;
 color: #222;
 padding: 2px;
}

#new_user_session 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;
position:fixed; top: 0;left:0;right:0; 
border-bottom: 2px solid #fff;
background:url("/assets/solar_small-911c8894.png") no-repeat;
background-color: #E7F1F8;
background-attachment:fixed;
background-position: top left;
font-size: 10px;
font-weight:bold;
}
#header.devheader { background-color: #cb899d; }
div#menu{float:left;width:100%;}
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0;margin-left:90px;margin-right:20px;}
ul#nav li{float:left;text-align: center;margin-right:1px;margin-left:0;}
ul#nav a{float:left;padding-top: 10px;padding-bottom:10px;padding-left:10px;padding-right:10px;text-decoration:none;color: #1e1a3e;background:#E7F1F8;}
ul#nav a.active {color: #1e1a3e; background: #fff;}
#header.devheader ul#nav a.active {color: #1e1a3e; background: #fff;}
ul#nav a:hover{color: #1e1a3e; background: #fff;}
#header.devheader ul#nav a { background-color: #97173c; color: #fff}

div#container{padding:20px;margin-top:25px;}
div#containerwomenu{padding:20px;}

ul#product_nav,ul#product_nav li{list-style-type:none;margin:0;padding:0}
ul#product_nav{width:100%;font-weight:bold;}
ul#product_nav li{float:left;margin-right: 1px;text-align: center}
ul#product_nav a{float:left;padding-top: 10px;padding-bottom:10px;padding-left:10px;padding-right:10px;background: #E7F1F8;text-decoration:none;color: #1e1a3e;}
ul#product_nav a.active {color: #1e1a3e;background: #fff;}
ul#product_nav a:hover{background: #fff;color: #1e1a3e;}

ul#order_buttons,ul#order_buttons li{list-style-type:none;margin:0;padding:0}
ul#order_buttons{width:100%;}
ul#order_buttons li{float:left;margin-right: 2px;text-align: center;}


.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;
}

tr {
padding: 0px 0px 0px 0px;
border-width: 0px;
outline-width: 0px;
}

td {
padding: 0px 0px 0px 0px;
border-width: 0px;
outline-width: 0px;
}

select
{
margin:1px;
padding:0;
}

input
{
margin:1px;
padding:0;
}

table.data_rows
{
border-collapse: collapse;
}

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: 4px 2px 5px 5px;
}

table.data_rows tr.even td
{
background-color: #E7F1F8;
}

table.data_rows tr.expired td
{
/*background-color: #eee;*/
color: #888;
}

table.data_rows tr.aexpired td
{
color: #ee0000;
}

table.data_rows tr.ready td
{
color: #888;
}

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;
}

table.data_rows tr.merkki td
{
background-color:#E7F1F8;
padding: 10px;
vertical-align: top;
border: 1px solid #BBD9EE;
}

div#order_form label
{
font-weight: bold;
padding-bottom:1em;
}

div#order_form p
{
margin: 10px 0 0 0;
}

div.printout_content
{
/* border: 1px solid #000; */
text-align:center;
}

div.printout_form
{
width:750px;
margin:0px auto;
border:1px solid #eee;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
}

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.printout_form div.tuotteetv
{
width:260px;
}
div.printout_form div.tuotteetk
{
width:200px;
}
div.printout_form div.tuotteeto
{
width:200px;
}

div.email_form
{
width:750px;
margin:0px auto;
border:1px solid #eee;
padding:0;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
}

div.email_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.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:12px;
padding: 2px 5px;
background:url("/assets/submitbg-f6df79a4.gif") repeat-x left top;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
}

a.formbutton
{
display:inline-block;
text-decoration: none;
text-align:center;
color: #666;
}

button.formbutton
{
display:inline-block;
text-decoration: none;
color: #666;
overflow:hidden;
}

a:hover.formbutton
{
text-decoration: none;
color: #666;
}

div.changelog
{
  width: 700px;
  margin-bottom: 20px;
}

div.changelog div.time
{
  border-style: solid;
  border-width: 1px;
  padding: 5px 0 5px 5px;
  background: #E7F1F8;
  color: #000;
  border-color: #BBD9EE;
  font-weight:bold;
}

div.changelog div.changes
{
  padding: 10px 0 0 0;
}

div.changelog_notice {
  width: 400px;
  border: 2px solid green;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

div.download_notice {
  border: 2px solid green;
  padding: 1em;
  padding-bottom: 12px;
}

/*
div.pagination .prev_page
{
border: 1px solid #ccc;
padding: 2px;
}

div.pagination .next_page
{
border: 1px solid #ccc;
padding: 2px;
}
*/

/*
 * Rails scaffold.css
 */

.field_with_errors {
  padding: 1px;
  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;  
}

div#customer_search_results {
  background-color:white;
  margin:0;
  padding:0;
}
div#customer_search_results ul {
  list-style-type:none;
  border:1px solid #888;
  margin:0;
  padding:0;
}
div#customer_search_results ul li.selected { background-color: #ffb;}
div#customer_search_results ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}

table.versio {
  margin-top: 2em;
  border: 1px solid #ccc;
  border-spacing: 1px;
}

table.versio tr th {
  padding: 4px;
  background-color: #ccc;
}

table.versio tr td {
  padding: 4px;
}