html						{ border: 0px; font-family: Segoe; height: 100%; min-height: 100%; max-height: 100%; margin: 0px; padding: 0px; bottom: 0; top: 0; }
body						{ background-image: url("/images/bg_body.gif"); background-repeat: repeat-x; background-color: #B2B2B2; bottom: 0; color: #000000; height: 100%; font-size: 13px; min-height: 100%; max-height: 100%; margin: 0px; padding: 0px; top: 0; }
td							{ vertical-align: top; }
hr							{ border: 1px #CCCCCC dotted; }
input[type="button"]		{ cursor: pointer; border: 0 }
div							{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

input, input:focus			{ outline: none !important}
button, button:focus		{ outline: none !important}

::placeholder				{ font-style: italic }

/* LOGON alue ja sen alapuolella oleva content */
div.contentheader			{ height: 100px; margin: auto; width: 980px; }
div.content					{ background: rgba(255, 255, 255, 1); border: 1px solid rgba(150, 150, 150, 1); width: 980px; min-height: 800px; -moz-border-radius: 15px; border-radius: 15px; padding: 10px; margin: auto; }


/* PÄÄCONTENT-TAULU */
.bodycontent				{ width: 990px; height: 100%; bottom: 0px; top: 0px; margin: auto; }
.cleft						{ padding: 5px; }
.cright						{ padding: 5px; }

/* CONTENTIN INFOBOXI */
div.infobox					{ background: rgba(250, 250, 250, 1); border: 1px solid rgba(150, 150, 150, 1); line-height: 21px; width: 100%; -moz-border-radius: 15px; padding: 10px; margin-bottom: 15px; }
div.wbox					{ background: #FF4A4A; color: #FFFFFF; width: 700px; -moz-border-radius: 15px; border-radius: 15px; padding: 10px; text-align: justify; }

/* SININEN valikkomenu */
div.copyright				{ font-size: 9px; width: 190px; }

/* Main navigation */
div.menu					{ margin: 0 0 3px 5px; position: relative }
div.menu div				{ margin: 0 0 10px 15px; position: relative }
div.menu::before			{ background: rgba(0, 0, 0, 1); content: ''; display: block; position: absolute; padding: 0; top: 6px; left: -10px; height: 4px; width: 4px; z-index: 0; }

/* main rows */
.ititle, .iline, .iliner	{ padding: 3px; text-align: left; }
.ititle						{ font-weight: bold }
.ititle, .iline, .iliner	{ border-bottom: 1px #ddd solid; }
.iliner						{ border-right: 1px #ddd solid; }
.iline, .iliner				{ font-weight: normal; line-height: 20px }
.iblock						{ display: inline-block; }

/* border classes */
.bn							{ border-right: 1px #eee solid !important; }
.br							{ border-right: 1px #ccc solid; }
.bt							{ border-top: 1px #ccc solid;} 
.bd 						{ border-bottom: 1px #ccc solid; }
.bl							{ border-left: 1px #ccc solid; }
.active						{ background: #22a832 !important; color: #fff !important }

/* Titles */
.title						{ font-size: 16px; font-weight: bold; margin: 0 0 10px 0; padding: 0 0 5px 0; }

/* Order text input */
.form_text					{ max-width: 212px; width: 100% }
.form_textarea				{ height: 100px; width: 99% }
.form_text, .form_textarea	{ border: 1px solid rgba(180, 180, 180, 1); border-radius: 4px; padding: 2px; }

/* success classes */
.splashok					{ background: rgba(51, 190, 76, 1) !important; color: rgba(255, 255, 255, 1) !important; }
.splashok::placeholder		{ color: rgba(240, 240, 240, 1) !important; }

/* error classes */
.splasherr					{ background: rgba(255, 0, 0, .5) !important; color: rgba(255, 255, 255, 1) !important; }
.splasherr::placeholder		{ color: rgba(240, 240, 240, 1) !important; }

/* transforms */
.splasherr, .splashok		{ transform-origin: center center; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -ms-transition: all 2s ease; -o-transition: all 2s ease; transition-property: all; transition: 2s }

/* Error elements */
.error						{ color: rgba(255, 0, 0, 1); display: none; }

/* inputs */
#act_order					{ padding: 6px; font-size: 13px; min-width: 60px}
#act_order, .act_select		{ background: rgba(53, 59, 73, 1); color: rgba(253, 253, 253, 1); }
#user_acc, #user_pass		{ width: calc(100% - 10px); }
#act_logon					{ width: calc(100% - 6px); }

/* inputs */
.act_select					{ padding: 4px; font-size: 12px; min-width: 150px; margin: 2px }
.bglightblue				{ background: rgba(20, 160, 255, .8) !important; color: rgba(250, 249, 247, 1) !important; }
.bglightblue:hover			{ background: rgba(20, 160, 255, .7) !important; }
.mlabel						{ background: rgba(81, 97, 115, 1); color: rgba(253, 253, 253, 1); padding: 4px; font-size: 12px; min-width: 100px; margin: 4px 2px 4px 4px }
.iblock .ititle				{ min-width: 200px; }
.arow						{ padding: 4px }
.mbtn						{ background: rgba(81, 97, 115, 1); color: rgba(253, 253, 253, 1); padding: 4px; font-size: 12px; min-width: 60px; margin: 0 2px 0 2px}

.arow .form_text			{ min-width: 200px; }

/* Headerin nikita-teksti */
div.nikita1 {
 color: #3e3c3c;
 float: right;
 font-size: 30px;
 margin-right: 5px;
 margin-top: 30px;
}

div.nikita2 {
 color: #3e3c3c;
 float: right;
 font-size: 16px;
 letter-spacing: 4px;
 margin-right: 50px;
 margin-top: 40px;
}


div.link {
 font-size: 12px;
 margin: 5px;
}

div.info {
 text-align: justify;
}

div.content2 {
 color: #595959;
 text-align: justify;
}

.bold {
 font-weight: bold;
}

.italic {
 font-style: italic;
}

div.warning {
 font-weight: bold;
 margin-right: 10px;
 text-align: right;
 text-decoration: underline;
}

div.topic {
 color: #003d8f;
 font-size: 18px;
 font-weight: bold;
 margin-top: 10px;
 margin-bottom: 30px;
}

div.subtopic {
 color: #003d8f;
 font-size: 15px;
 font-weight: bold;
 margin-top: 30px;
 margin-bottom: 15px;
}

div.menutopic {
 font-size: 16px;
 font-weight: bold;
 margin-bottom: 10px;
}

span.linktopic {
 color: #FFFFFF;
 font-size: 14px;
 font-weight: bold;
}

div.cinfo {
 background: #E5E5E5;
 border: 1px #888888 dotted;
 margin-left: 10px;
 margin-right: 10px;
 padding: 2px;
}

div.sinfo {
 background: #E5E5E5;
 border: 1px #888888 dotted;
 padding: 4px;
}

div.winfo {
 background: #FF4A4A;
 border: 1px #888888 dotted;
 color: #FFFFFF;
 padding: 4px;
}

p.topic {
 font-size: 14px;
 font-weight: bold;
 margin-bottom: 20px;
 text-decoration: underline;
}

span.kuvateksti {
 font-style: italic;
}


/* Shell-ikkunat */
div.pke {
 background: #000000;
 border: 1px #bbbbbb solid;
 color: #bbbbbb;
 font-family: Courier;
 margin-left: 0px;
 margin-bottom: 5px;
 padding: 5px;
 width: 700px;
}

span.pke {
 color: #FFFFFF;
 font-weight: none;
 text-decoration: underline;
}
span.pkn {
 color: #FFFFFF;
}

span.lg1 {
 color: #55ff55;
}

span.lg2 {
 color: #3c55ff;
}

.warning {
 font-weight: bold;
 font-size: 14px;
 text-decoration: underline;
}

/*
##
## Tunnus-sivun boxityylit
##
*/
div.shellbox {
 background: #e3e3e3;
 border: 1px #CCCCCC solid;
 color: #444444;
 padding: 10px;
 height: 300px;
 width: 340px;
 -moz-border-radius: 15px;
 border-radius: 15px;
 margin: auto;
 text-align: justify;
}

td.tuote1 {
 background: #e3e3e3;
 padding: 4px;
 vertical-align: middle;
 width: 150px;
}

td.tuote2 {
 background: #e3e3e3;
 color: #777777;
 padding: 4px;
 vertical-align: middle;
 width: 80px;
}

td.tuote3 {
 background: #e3e3e3;
 font-weight: bold;
 padding: 4px;
 vertical-align: middle;
 width: 470px;
}

li.shellrivi {
 color: #000000;
 font-size: 12px;
 margin-left: 15px;
 padding-bottom: 3px;
}


/* Omat tiedot */
div.tausta, table.tausta {
 background: #e7e6e5;
 margin-top: 15px;
 padding: 3px;
}

td.tilausinfo {
 font-weight: bold;
 padding: 3px;
 width: 100px;
} 

td.tilausdata {
 padding: 3px;
 width: 250px;
} 

input.omatinput {
 border: 1px #cccccc solid;
 width: 250px;
}

input.omatinputfail {
 background: #ff7171;
 border: 1px #cccccc solid;
 width: 250px;
}