* {margin:0; padding:0; }
/* 
creamy yellow FBEEAE 
light green B4D891
dark green 94BC81
*/
/* logy styles for rahtikirjanumerot
bg very light blue ecf3f7
light blue e5eef3
darker blue afccda
still darker blue, for mainmenu hover 7eadc4
still darker blue, for h1 4d829b
pink input fields fce5e5
darker pink submit buttons fad5d5
*/
html,body {height:100%; }

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	}

div#page {
    /* without border, padding is left above & below bg image - why? */
        width:100%;
    margin:0 auto 0 auto; 
    background-color:#e7eef6;
    padding:0;
    border-bottom: 1px solid #afccda;
}

div#wrap {
        width:902px;
        margin:0 auto 0 auto; 
        padding: 0;
        border-left: 1px solid #afccda;
        border-right: 1px solid #afccda;
        background-color:white;
}
div#wrap h1 {color:#4d829b;
	margin:26px auto 24px auto;
	padding: 0px 0 3px 0; 
	text-align:center;
	border-bottom:1px solid #4d829b;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:2.8em;
	text-transform: uppercase; 
}
div#wrap h1.first {
        margin-top:0;
}


div#header {     
    height:70px;
    background: #e5eef3 url(/images/header.jpg) no-repeat center center;
    border-bottom:1px solid #4d829b;
}
div#header h1 {padding-top: 20px; text-align:center;color:#4d829b; font-size:3.0em;}
div#rightcolumn form#searchform input#s {
    width:100px;
}
div#rightcolumn form#searchform input.submit,
form.searchform input.submit {
    font-size:1.1em;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    width:50px;
}
form#orderform input.submit {
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    width:150px;
}

/* register and login - remove "display.none" from the following to enable */

div#header2 { 
    width:692px; 
    margin: 0px auto 4px auto;
    padding:4px;
    background-color: #fff;
    text-align:right;
    font-size:1.1em;
    border:1px solid black;
}

div#menu {margin-left:10px; padding-top:12px;font-size:1.4em;}
div#menu .L1, .L1_selected {margin-top:8px; margin-bottom:6px; line-height:1;}
div#menu li {margin-bottom:4px; }
div#menu li.L2, li.L2_selected {margin-left:20px;padding-left:0;}
div#menu .L1_selected, div#menu .L2_selected {color:#000; font-weight:bold;}

/* cim violetti 5d3887 */
#menu a:link    {color:#0E3366;text-decoration:none; font-weight: bold;}
#menu a:visited {color:#0E3366;text-decoration:none; font-weight: bold; }
#menu a:hover   {color:#0E3366;text-decoration:underline;font-weight: bold; } 

h2 {font-size:1.7em;margin:34px 10px 9px 0px; max-width:668px;}
h2.noAdmin {padding:4px; font-size:2em;text-align:center; }
h2.Admin {padding:0px; font-size:1.8em;text-align:center; max-width:1000px;}
h3 {font-size:1.6em;margin:20px 10px 6px 0px; }
div#logout {margin-top:30px; text-align:center; }


div.center {text-align:center}
p.center     {margin-left:auto; margin-right:auto;}
table.center {margin-left:auto; margin-right:auto;}

.display_none   {display:none;}
.display_inline {display:inline;}
.display_block {display:block;}

div#leftcol {
    background-color: white;
    float:left;
}
div#middlecol {
    background-color:white;
    float:left;
    min-height:100%;
}
div#rightcol {
  width:184px;
  background-color:white;
  float:left;
  min-height:100%;
}
div#maincontents {
    width:668px;
    background-color:#fff;
    padding:0px 20px 14px 20px;
    }
div#maincontents p {margin-top:16px; margin-bottom:6px; line-height:1.4; max-width:668px;}
div#maincontents ul {
    margin: 12px 0 6px 40px; max-width:668px;
}
div#maincontents ol {
    margin: 12px 0 6px 30px; max-width:668px;
}
div#maincontents p, 
table.containstext td,
div#maincontents ul,
div#maincontents ol {
    font-size:1.4em; 
}
ul#langselect, form#LoginFormMinimal {
  margin:14px 0 20px 0;
  text-align:right;
}
ul#langselect li {display:inline;font-size:0.7em;margin:0;padding:0;}
ul#langselect a {text-decoration:none; }

ul#accountmenu {
  padding:14px 0 20px 0;
  text-align:center;
}
ul#accountmenu li {
  display:inline;
  background-color:#e5eef3;
  border:1px solid #7eadc4; 
  font-size:0.9em;
  padding:4px 16px;
}
ul#accountmenu a {text-decoration:none; }

li {margin-top: 8px;}
ul li blockquote {margin:6px 0 6px 0;font-weight:normal;}

table {font-size: 100%; } 
/* always needed because font-size doesn't inherit to tables in Win/IE5.5 */

td {text-align:left; vertical-align:top;
}

textarea {font-size:1.2em;}
input {font-size:1.2em;}
input.submit {background-color:#fad5d5;
              padding:4px 10px 4px 10px;}
select {font-size:1.0em;}

td#speakBubbleText {text-align:left; vertical-align:middle;
}

div#maincontents p.slogan {
	line-height:1.1;
	font-size: 1.8em;
	color:#5D3887;
}
div#maincontents p.pieni {font-size:1.2em;}
div#maincontents p.pieni a {color:#555;
			}

.ptag {
	font-size: 1em;
	color: #666;
}
.adminList {
	padding-right: 6px;
	font-size: 0.8em;
}

/* cim violetti
div#maincontents a:link	    {color:#0E3366; text-decoration:underline; }
div#maincontents a:visited  {color:#0E3366; text-decoration:underline;  }
div#maincontents a:hover    {color:#0E3366; text-decoration:underline; }
*/
/* iuisa
a:link { color: #036; text-decoration: underline; font-weight: normal;}
a:visited { color: #036; text-decoration: underline; font-weight: normal; }
a:hover { color: #036; text-decoration: none; font-weight: normal; }
*/
a:link   { color: #1e2a63; text-decoration: underline; font-weight: normal;}
a:visited{ color: #1e2a63; text-decoration: underline; font-weight: normal; }
a:hover  { color: #1e2a63; text-decoration: none; font-weight: normal; }
a:active { color: #a6a6a6; text-decoration: none; font-weight: normal; }

div#footer {
        margin: 24px auto 0px auto;
        padding: 10px 0 24px 0;
	text-align:center;
        background-color:#ecf3f7;
        border-top:1px solid #afccda;
    
}
div#footer p {
    color:#222;
    margin-top:12px;
    padding:0;
    font-size:1.1em;
    }

.listview {
	font-size: 80%;
	padding-right:10px;
}
/* page prodgroups.html */

div#prodgroups p {margin:0; padding:0; }
div#prodgroups li {margin-left:30px; padding:0; }

/* speakBubble */

div.speakBubble {width:350px; 
    padding-top:20px;
    padding-bottom:45px;
    margin-left:auto;
    margin-right:auto;
}
div.speakBubbleImage {float:left; width:32px;}
div.speakBubbleText  {
    float:left; 
    width:300px; 
    padding-left:12px;
    text-align:left;
    font-size:14px;
    color:#066; /* dark green; default: bright red, #c03 */
}

/* ### admin pages ### */
body#adminpage { background-image:none;background-color:#eee; }
#adminpage div#wrap {
	width:770px;
        margin: 0 auto 0 auto;
        padding: 0;
}
table.editformtable {margin:0 auto 20px auto;}
table.editformtable th {text-align:right;padding-right:10px; }
table.editformtable th.listviewlabel {
  text-align:left;padding:0 3px 0 3px; }
th.listviewlabel { vertical-align:top;}
table.editformtable th.listviewlabel_addform {
  background-color:#ffc;text-align:left;padding:0 3px 0 3px; }
table.editformtable td.listview_addform {
  background-color:#ffc;
  padding:5px 4px 10px 0;
  border-bottom:1px solid #fc3;
}
table.editformtable td {vertical-align:top;font-size:11pt; padding:4px;}
p.noentry {margin:0;font-size:50%;}
table.editformtable div.helptext { 
  display:inline;
  float:left;
  padding-top:5px; 
  padding-left:12px; 
  font-size:0.9em;
  }

table.editformtable .iso {font-size:14pt; }
table.editformtable .isohko {font-size:12pt; }
table.editformtable .normaalikoko {font-size:11pt;}
table.editformtable .puolipieni {font-size:10pt; }
table.editformtable .pieni {font-size:9pt; }

input:focus, textarea:focus, label:focus {
    background: #fce5e5;
    border: 1px solid #111;
}

textarea, input {
        background: #f4f4f4;
	border: 1px solid #777;
	color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 1px 1px 1px 0;
	padding: 1px 3px 3px 0;
}
select {
	background: #f4f4f4;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 1px;
	padding: 3px;
}

table.editformtable textarea, table.editformtable input, table.editformtable select {
  float:left;
  }
table.editformtable td.formblockheading {text-align:left;padding:14px 0 6px 3px;font-size:1.4em;font-weight:bold;}
table.editformtable td.formblockheadingr2 {font-size:1.2em;font-weight:bold;}


/* # admin menu # */

#adminmenu {
	background: #fff;
	width:100%;
        margin: 0px auto 0px auto;
	padding-top: 5px; 
	text-align:center;
}

#adminmenu .current, #adminmenu2 .current, #ed_strong {
	font-weight: bold;
}

#adminmenu a {
	border: 0px solid #fff;
	color: #000;
	font-size: 1.6em;
	font-weight: normal;
	margin: 0;
	padding: 3px 5px 2px 5px;
	text-decoration: none;
}

#adminmenu a:hover, #adminmenu .current {
	background: #bbb;
	border-top: 1px solid #fff;
	border-right: 2px solid #ccc;
	color: #000;
}
#adminmenu .superadminCurrent {
	background: #5D93AF;
	border: 1px solid #9d9d9d;
	color: #fff;
}

#adminmenu li, #adminmenu2 li {
	display: inline;
	line-height: 200%;
	list-style: none;
	text-align: center;
}

#adminmenu2 {
        text-align:center;
	background: #bbb;
	border-bottom: none;
	margin: 0;
	padding: 6px 12px 2px 12px;
}

#adminmenu2 .current {
	background: #f2f2f2;
	border-top: 1px solid #888;
	border-right: 2px solid #666;
	border-bottom: none;
	color: #000;
}

#adminmenu2 a {
	border: none;
	color: #000;
	font-weight:bold;
	text-decoration: none;
	font-size: 12px;
	padding: 2px 5px 5px 5px;
}

#adminmenu2 a:hover {
	background: #f0f0f0;
	border-top: 1px solid #888;
	border-right: 2px solid #666;
	color: #393939;
}

#adminmenu2 li {
	line-height: 160%;
}

/*  # main menu #  
    See newer versions in www.logexpo.fi (subitems inline) 
*/

div#mainmenu {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, Sans-Serif;
}

div#mainmenu ul {
}
    /*
    background - syntax help http://www.w3schools.com/css/css_background.asp
    param order: color image repeat attachment position
    */

/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul {
 margin: 0;
 padding: 0;
 width: 193px; /* adjust width here */
 list-style: none;
}

/*
 Submenus (<ul> tags) are hidden and absolutely positioned across from 
 their parent.
 They don't *have* to touch their parent menus, but is' a good idea as 
 CSS-only fallback
 mode requires menus to touch/overlap (when JS is disabled in the browser).
*/
.menulist ul {
 display: none;
 position: absolute;
 top: -2px;
 left: 193px;
 width:193px;
}

/* all li items. NO padding here, it messes up poor ie7 */
ul.menulist li {
	position: relative;
	margin: 0 0 0 0;
	background-color: white;
	border-bottom:3px solid white;
	/* background: url(http://dev.greenspot.fi/theme1/images/menu_bgs.gif) 0 -65px; */
}
ul.menulist li.selected {
	background-color: #e5eef3;
	border-bottom:3px solid #e5eef3;
}
ul.menulist li:hover, 
ul.menulist li:focus {
	background-color:#e5eef3;
	border-bottom:3px solid #e5eef3;
}

/* sub-items (override values from above) */
ul.menulist ul {
    /* border-top - not good, causes a stripe for *empty* submenu */
	border-top:2px solid #afccda;
	border-left:2px solid #afccda;
	border-right:2px solid #afccda;
}
ul.menulist ul li {
    padding: 4px 8px 4px 10px;
    border:0;
    border-bottom:2px solid #afccda;
}

ul.menulist ul li:hover, 
ul.menulist ul li:focus {
	background-color:#7eadc4;
}

/* top-level items */
div#mainmenu ul li a{
	display:block;
	padding: 8px 5px 0 10px;
	text-align:left;
	text-transform: uppercase; 
	color: #000;
	font-size:1.4em;
	font-weight: bold;
}
/* sub-items */
div#mainmenu ul ul li a {
	display:block;
	padding-top:0px;
	text-align:left;
	color: #000;
	font-size:1.4em;
	font-weight: bold;
}
div#mainmenu a {text-decoration:none;
}

div#mainmenu p {
	font-size:1.4em;
	font-weight:bold;
}

div#logofill {
  height:25px;
  width:184px;
}
div#rightcolumn {
  width:184px;
}
div.newsStrip {
  width:172px;
  padding:20px 14px 14px 0;
  font-size:12px;
}
.newsStrip h2 {    
    width:166px;
    margin-top:20px;
    padding:4px 0px 5px 5px;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    background-color:#066;
    color:#fff;
    font-weight:bold; 
    font-size:16px;
}
.newsStrip h2.first {    
    margin-top:0;
}
.newsStrip p.heading {
    width:160px;
    font-size:1.1em;
    font-weight:bold;
    color:#066;
}
.newsStrip p.heading a {
    font-weight:bold;
    color:#066;
    text-decoration:none;
}
.newsStrip p.heading a:hover, 
.newsStrip p.heading a:active {
    text-decoration:underline;
}

.newsStrip p { line-height:1.1;
		margin:5px 0 6px 6px;
}
.newsStrip p.newsdate { font-weight:normal;font-style:italic;
                color:#666;margin-bottom: 0px;
}
.newsStrip p.leipis {  font-weight:normal;
                font-size:1em;
                color:black; line-height:1.0;
                margin-left:6px; margin-top:5px; margin-bottom: 6px;
}

/* Begin Images */

p img {
        padding: 0;
        max-width: 100%;
        }

/*      Using 'class="alignright"' on an image will (who would've
        thought?!) align the image to the right. And using 'class="centered',
        will of course center the image. This is much better than using
        align="center", being much more futureproof (and valid) */

div.imagebox_left  {
  float:left; 
  padding:4px;
  margin:0 7px 0 0;
  border:1px solid #777; 
}
div.imagebox_right {float: right;padding:4px;margin:0 0 0 7px; }
p.caption { padding:5px 0 14px 0;font-size:10px;font-style:italic; }
img.centered { display: block; margin-left: auto; margin-right: auto; }

/* sample html code 
// "margin:0" has to be in p.caption html code, don't know why
<div class="imagebox_left"><img alt="toimisto" src="/custom/images/iukonttori220px.jpg" />
<p class="caption" style="margin:0;">Is&auml;nn&ouml;itsij&auml;unioni Oy:n toimisto</p>
</div>
*/

/* styles for uploaded images */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}

/* End Images */

/* login form */


form#LoginFormMinimal input {	
	width:80px;
	margin: 1px;
	padding: 3px;
	border: 1px solid #999;
	background: #f4f4f4;
	color: #000;
	font-size:1em;
    }
form#LoginFormMinimal input:focus {
    background: #fce5e5;
    border: 1px solid black;
}
form#LoginFormMinimal input.submit {	
    background: #fad5d5;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}
form#LoginFormMinimal input.submit:hover {	
    border: 1px solid black;
}


div#login {
	background: #fff;
	border: 2px solid #a2a2a2;
	margin: 2em auto;
	padding: 1.5em;
        width:26em;
        font-size:1.2em;
}

div#login div.label      { float:left;width:13em;margin:0;padding:0;}
div#login input#username { float:left;width:10em;padding: 3px; }
div#login input#password { float:left;width:10em;padding: 3px; }

#login input#submit {
        float:left;
        margin:0.5em 0 0 0;
        padding:4px;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
        font-size:1.2em;
}
#login input#submit:hover {
      background-color:#ddd;
}
#login #login_error {
	background: #c00;
	border: 1px solid #a40000;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: .5em;
	text-align: center;
}

div#login h1 {
	margin:0 0 16px 0;
        padding:2px 0 2px 0;
        text-align:center;
        font-size:1.6em;
        font-weight:bold;
}

div#login ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div#login ul li {
        font-size:0.7em;
	margin:10px 20px 0 0;
}


/* AJAX field validations */

div.fieldval_error {
  color:red;
  font-weight:bold;
}
div.fieldval_noerror {
  color:green;
  font-weight:bold;
}

/* rahtikirjanumerot */
table.hinnasto {float:right;border:1px solid black; margin:34px 0 10px 10px;padding:0px;}
table.hinnasto th, table.hinnasto td {padding:6px; border-bottom:1px solid #afccda;}
table.hinnasto td.right {text-align:right; padding-right:35px;}
table.hinnasto td.left {text-align:left;padding-left:10px;}
table.hinnasto .grey {background-color:#e5eef3;}


/* flash messages 2012-09 */ 
.flash {
  text-align:center;
  width:440px;
  margin:20px auto 20px auto;
  padding: 0.8em 1em;
      -moz-border-radius:5px;
      -webkit-border-radius:5px;
      border-radius:5px;
}
.notice, .alert-info, .alert-success {
  background-color:#cfc; /* light green */
  border:1px solid #3c6; /* green */
}
.error, .alert-error {
  background-color:#fcc; /* pink */
  border:1px solid #f00; /* red */
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
/* temp fix */
.navbar-nav li {list-style-type:none;}