body
  {
  margin:0px;
  padding:0px;
  background-color:#fff;
  font:normal normal 11px verdana,arial,sans;
  }
form
  {
  margin:0px;
  padding:0px;
  }
table
  {
  border-collapse:collapse;
  }
a
  {
  color:#155B8E;
  }
h2,h3
  {
  margin:6px 0px 6px 0px;
  padding:0px;
  color:#0F70AA;
  font:normal bold 14px arial,verdana,sans; 
  }
h3
  {
  font-size:13px;
  }
h4
  {
  font:normal bold 12px arial,verdana,sans;
  background-color:#fff;
  padding:3px 6px 3px 6px;
  margin:0px;
  }
div#logo
  {
  height:92px;
  position:relative;
  background: transparent url(/pics/kp-logo.gif) 0px 0px no-repeat;
  }
div#logo img
  {
  position:absolute;
  left:12px;
  top:12px;
  }
div#logo h2
  {
  position:absolute;
  left:20px;
  top:12px;
  font-size:20px;
  display: none;
  }
div#header
  {
  background-position:183px 0px;
  position:relative;
  height:76px;
  
  }
div#header h1
  {
  margin:0px;
  padding:0px;
  font:normal normal 22px arial,verdana,sans;
  position:absolute;
  top:35px;
  left:183px;
  color:#0F70AA; 
  }
div#login
  {
  padding:48px;
  position:relative;
  }
div#home
  {
  font:normal normal 10px verdana;
  padding: 55px 0px 0px 20px;
  }
div#home a
  {
  text-decoration:none;
  font:normal bold 10px verdana,arial;
  color: #366994;
  }
  
div#home ul
  {
  margin:0px;
  padding:0px;
  list-style-type:none;
  }
div#home li.a
  {
  /*display:none;*/
  }
  
div#page
  {
  position:relative;
  width:700px;
  background-image:url(/pics/kp-bg.gif);
  background-repeat:repeat-y;
  background-position:187px;
  }
div#page2
  {
  width:730px;
  background-repeat:repeat-y;
  background-position:730px;
  border-bottom:solid 1px;
  }
div#navi
  {
  float:left;
  width:187px;
  }
  
.navi
  {
  background-color:#EAEDEF;
  border-bottom: solid 1px #C1C5C9;
  border-top: solid 1px #fff;
  
  }
  
.navitxt { color: #366994; text-decoration: none; font: normal bold 11px arial,verdana,serif;}
.navitxt:hover, .navitxt:visited { 
	color: #366994; 
	font: normal bold 11px arial,verdana,serif;
	}

  
div#newclassa
  {
  padding:2px 12px 2px 12px;
  }
div#newclass img
  {
  margin-right:4px;
  }
div#navia table
  {
  }
div#content
  {
  float:left;
  width:530px;
  margin-left: 9px;
  overflow: hidden;
  }
div#contentheader
  {
  height:50px;
  position:relative;
  background: transparent url(/pics/kp-nav-bg.gif) 0px 1px repeat-x;
  }
div#contentheader2
  {
  position:absolute;
  left:12px;
  top:12px;
  }
  
  
  
div#contentheader ul
  {
  list-style-type:none;
  padding:0px;
  margin:0px;
  }
div#contentheader li
  {
  float:left;
  padding:10px;
  text-align:center;
  }
div#contentheader li a
  {
  text-decoration:none;
  font:normal normal 10px arial,verdana;
  }
div#path
  {
  background-color:#EAEDEF;
  clear:both;
  padding:2px;
  font:normal bold 11px arial,verdana;
  border-top: solid 1px #C1C5C9;
  }
div#path a
  {
  padding:1px 1px 2px 11px;
  text-decoration:none;
  }
div#toolbar
  {
  position:relative;
  background-color:#EAEDEF;
  height:21px;
  font:normal normal 11px arial,verdana;
  }
div#toolbar ul,div#toolbar2 ul
  {
  list-style-type:none;
  margin:0px;
  padding:0px;
  }
div#toolbar li,div#toolbar2 li
  {
  padding-top:2px;
  padding-bottom:1px;
  padding-left:6px;
  padding-right:6px;
  border-left:solid 2px #F1F1F1;
  border-top:solid 2px #F1F1F1;  
  border-right: solid 1px #A7ADB2;
  border-bottom: solid 1px #A7ADB2;
  float:left;
  }
div#toolbar li.b
  {
  float:right;
  padding-right:12px;
  border: none;
  }
div#toolbar li.active
  {
  background-color:#fff;
  border-left:solid 2px #F1F1F1;
  border-top:solid 2px #F1F1F1;
  border-right: solid 2px #A7ADB2; 
  border-bottom: solid 2px #fff;
  }
  
  #toolbar li.active a { color: #324C62 }
#toolbar li#eimitaa { border: none; padding-top: 4px; }
div#toolbar a,div#toolbar2 a
  {
  font:normal bold 11px arial,verdana;
  text-decoration:none;
  color: #366994;
  }
div#toolbar_end
  {
  clear:both;
  }
div#content_body,div#contentbody
  {
  }
div#content_body2,div#contentbody2
  {
  padding: 12px;
  }
div#content_end
  {
  clear:both;
  }
div#footer
  {
  position:relative;
  border-top:solid 1px #49b64a;
  border-bottom:solid 1px #cddfed;
  }
div#footer div
  {
  position:absolute;
  font:normal normal 10px verdana,arial;
  left:20px;
  }
div#search
  {
  display:none;
  }
div#collections
  {
  background-repeat:repeat-x;
  padding-top:12px;
  }
  
div#collections h4 {
	font: normal bold 11px arial,verdana,serif;
	}  
  
div#collections div
  {
  margin:6px;
  background-color:#EAEDEF;
  border:solid 1px #C1C5C9;
  padding-bottom:6px;
  }
div#collections ul
  {
  list-style-type:none;
  margin:0px;
  padding:3px 6px 3px 6px;
  }
  
#collections ul li a { color: #366994; font: normal bold 11px arial,verdana,serif; }  

table th { 
	font: normal bold 11px arial,verdana,serif; 
	color: #324C62;
	}
  
table.list
  {
  border:solid 1px #C1C5C9;
  width:95%;
  font:normal normal 11px arial,verdana,sans;
  }
table.list tr
  {
  vertical-align:top;
  }
table.list th
  {
  padding:2px;
  background-color:#324C62;
  color: #fff;
  font: normal normal 10px arial,verdana,serif;
  text-align: left;
  border-right: solid 1px #A1A1A1;
  border-bottom: solid 1px #A1A1A1;
  border-left: solid 1px #fff;
  border-top: solid 1px #fff;
  padding: 3px;
  }
  
  table.list th a { color: #fff; }
  
table.list td
  {
  padding:2px;
  border-bottom:solid 1px #C1C5C9;
  border-right:solid 1px #C1C5C9;
  background: #EAEDEF;
  }
div#navia
  {
  margin-top:28px;

  } 
div#navia ul,div#navib ul
  {
  padding:0px;
  margin:0px;
  list-style-type:none;
  }
  
div#navia ul {
  padding-top:12px;
  padding-bottom:12px;
  background: #EAEDEF;
  border-top: solid 1px #C1C5C9;
  border-bottom: solid 1px #C1C5C9;    
}

div#navia ul ul {
  padding:0px;
  border: none;
}

div#collections ul { border-bottom: none; }

div#navia li
  {
  background-image:url(/pics/navi-nuoli2.gif);
  background-repeat:no-repeat;
  background-position:6px 5px;
  padding:1px 0px 2px 16px;
  }
div#navia li li
  {
  background-image:none;
  padding-left:0px;
  }
div#navia li li li
  {
  padding-left:7px;
  }
div#navia a
  {
  font:normal bold 11px arial,verdana;
  text-decoration:none;
  color: #366994;
  }
div#navia li li a
  {
  font:normal normal 11px arial,verdana;
  text-decoration:underline;
  color:#366994;
  }
div#navib
  {
  margin-left:8px;
  }
div#navib a
  {
  font:normal normal 12px arial,verdana,serif;
  text-decoration: underline;
  margin-left: 5px;
  }
div.thumb
  {
  position:relative;
  border:solid 1px #C1C5C9;
  float:left;
  width:165px;
  height:240px;
  margin-right: 2px;
  margin-bottom:3px;
  margin-top:3px;
  background: #EAEDEF;  
  }
  
div.thumb div.a
  {
  xposition:absolute;
  xtop:0px;
  background-color:#D7DEE2;
  border-bottom:solid 1px #C1C5C9;
  xwidth:163px;
  padding:5px;
  font:normal normal 11px arial;
  }
div.thumb div.b
  {
  position:absolute;
  top:36px;
  left:0px;
  text-align:center;
  width:165px;
  }
div.thumb div.c
  {
  position:absolute;
  top:20px;
  }
div.thumb div.d
  {
  position:absolute;
  left:0px;
  bottom:0px;
  background-color:#D7DEE2;
  border-top:solid 1px #C1C5C9;
  width:165px;
  padding-top:1px;
  text-align:right;
  }
div#end_thumbs
  {
  clear:both;
  }
div#collection_info
  {
  position:relative;
  position:absolute;
  top:42px;
  left:201px;
  }
  
div#collection_info h3
  {
  margin:0px;
  padding:0px;
  }
div#collection_info ul
  {
  margin:0px;
  padding:0px;
  list-style-type:none;
  }
div#collection_info  li
  {
  background-image:url(http://www.metsatissue.com/pics/navi-nuoli2.gif);
  background-repeat:no-repeat;
  background-position:3px 5px;
  padding:2px 0px 2px 14px;
  }
div#collection_info  li a
  {
  font:normal bold 11px verdana,arial;
  color:#0CA960;
  text-decoration:none;
  }
div#collection_info div.a li
  {
  background-image:none;
  }

div#collection_info div.a li
  {
  margin:0px;
  padding:0px;
  }
  
div#collection_info div.a,
div#collection_info div.b,
div#collection_info div.c
  {
  float:left;
  margin-right:20px;
  }
  
   
/* dialogi-ikkunoiden ulkoasu *************************************************************************************************************/
 
 div.popup {
    position:absolute;
    width:320px;
    height:240px;
    background-color:#D3DDE6;
    border:solid 1px #000;
    padding:1px;
    -moz-border-radius: 7px;
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color=#80808080, Positive='true');
 }
 div.popup div.container {
  position:relative;
  height:100%;
  width:100%;
  background-image:url(/pics/contentmanager/editor/window-bg.gif);
 }
 
 div.popup div.content {
  position:absolute;
  top:24px;
  left:1px;
  overflow:hide;
  background-color:#fff;
 }
 
 div.popup button {
    background-image:url(/pics/contentmanager/editor/bg-button.gif);
    color:#000;
    padding:1px;
    margin:0px;
    border:outset 2px #fff;
    font:normal normal 11px arial;
    height:24px;
 }
 
 div.popup button.titlebar, div.popup button.close {
    border:none;
    color:#000;
    background-color:#e8f4f9;
    border-bottom:solid 1px #49b64a;
    font:normal bold 11px arial;
    padding:1px;
 }
 
 div.popup button.resize {
    border:none;
    background-image:none;
    background-color:transparent;
 }
 
 div.popup form {
   margin:12px;
 }
 
 /* peittotaso popuppeja liikutellessa */
 div.plex {
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    background-image:url(/pics/c.gif);
 }
 
div#advancedsearch
  {
  padding:12px;
  }
  
div#advancedsearch td, div#advancedsearch th
  {
  padding:4px;
  }

div.pages {
 clear:both;
}

#fooo {
position:absolute;
top:0px;
left: 635px;

}

#helppi {
  background-image:url(/pics/bg-pisteet-x.gif);
  background-repeat:repeat-x;
  background-position:0px 10px;
  padding-top:16px;
  clear:both;
}

#helppi b {
	display: block;
	background: #EDEFF1;
	font: normal bold 12px arial,verdana,serif;
	text-transform: uppercase;
	padding: 5px;
	}

#versiot {
	border: solid 1px #C1C5C9;
	}
	
	#versiot h3 {
		background: #EAEDEF;
		border-left: solid 1px #fff;
		border-top: solid 1px #fff;
		border-right: solid 1px #fff;				
		border-bottom: solid 1px #CCCCCC;
		font: normal bold 14px arial,verdana,serif;
		padding: 3px;
		}