/* for iPortal software 4.25+ / by e-finland network Oy Ltd */
/* --------------------------------------------------------------- */
/* ------------ BASIC CSS-INFO FOR IPORTAL SOFTWARE -------------- */
/* --------------------------------------------------------------- */

/*  ( --- basic (x)html code --- )  */

body {
	scrollbar-base-color: #F0F0F0;
	scrollbar-shadow-color: #F0F0F0;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-face-color: #6699CC;
	scrollbar-highlight-color: #F0F0F0;
	scrollbar-darkshadow-color: #6699CC;
	scrollbar-3dlight-color: #6699CC;
	scrollbar-track-color: #F0F0F0;
	border-style: solid;
	border-width: 0px;
	font-family: "Lucida Grande","Lucida Sans Unicode",verdana,lucida,sans-serif,Arial;
	color: #323232;
	margin: 0px;
	padding: 0px;
	width: 100%;
	center;
	text-align: center;
	font-size: 9pt;
	background: #242424 url(http://www.beesting.fi/pic/bg.png) repeat-x fixed top;	
}
a:link 	 { color: #228B22; text-decoration: none;}
a:visited { color: #228B22; text-decoration: none;}
a:hover   { color: #0066CC; text-decoration: underline;}
a:active  { color: #0066CC; text-decoration: none;}		
form {margin: 0; padding: 0;}
img {border:0;}
select, input, textarea { 
	background:#FAFAFA; 
	font-size:100%; 
	font-family:verdana,lucida,sans-serif,Arial; 
	border-top: 1px solid #969696;
	border-left: 1px solid #969696;
	border-right: 1px solid #A2A2A2;
	border-bottom: 1px solid #A2A2A2;
	max-width: 400px;	
	}
hr {
	color: #DCDCDC;
	width: 100%;
	height: 1px;
}
code {
	color: #c63;
	line-height: 1.2em;
	text-align: left;
	}
em, i {
	font-style: italic;
	}
strong, b {
	font-weight: bold;
	}
strike {
	text-decoration: line-through;
	}
h1 {font-size:210%; font-weight: normal; letter-spacing: 2px; word-spacing: 2px; text-transform: capitalize; font-variant: small-caps; margin-top:0;}
h2 {font-size:180%; font-weight: normal; letter-spacing: 2px; word-spacing: 2px; text-transform: capitalize; font-variant: small-caps; }
h3 {font-size:140%; font-weight: normal; letter-spacing: 2px; word-spacing: 2px; text-transform: capitalize; font-variant: small-caps; }
h4 {font-size:120%; font-weight: normal; letter-spacing: 1px; word-spacing: 1px; text-transform: capitalize; font-variant: small-caps; }
h5 {font-size:115%; font-weight: bold; letter-spacing: 1px; word-spacing: 1px; }
h6 {font-size:110%; font-weight: bold; letter-spacing: 1px; word-spacing: 1px; }
h7 {font-size:105%; font-weight: bold; letter-spacing: 1px; word-spacing: 1px; }
.h1 {font-size:210%; font-weight: normal; letter-spacing: 2px; word-spacing: 2px; text-transform: capitalize; font-variant: small-caps; display: block;}
.h2 {font-size:180%; font-weight: normal; letter-spacing: 2px; word-spacing: 2px; text-transform: capitalize; font-variant: small-caps; display: block; }
.h3 {font-size:140%; font-weight: normal; letter-spacing: 2px; word-spacing: 2px; text-transform: capitalize; font-variant: small-caps; display: block; }
.h4 {font-size:120%; font-weight: normal; letter-spacing: 1px; word-spacing: 1px; text-transform: capitalize; font-variant: small-caps; display: block; }
.h5 {font-size:115%; font-weight: bold; letter-spacing: 1px; word-spacing: 1px; display: block; }
.h6 {font-size:110%; font-weight: bold; letter-spacing: 1px; word-spacing: 1px; display: block; }
.h7 {font-size:105%; font-weight: bold; letter-spacing: 1px; word-spacing: 1px; display: block; }
h1, h2, h3, h4, h5, h6, h7, .h1, .h2, .h3, .h4, .h5, .h6, .h7 {
	font-family: Verdana,lucida,sans-serif,Arial;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	color: #669933;
}
#off_use, .off_use {
	display: none;
}

/* --------------------------------------------------------------- */
/* basic standard styles (also in editor)  */	
/* --------------------------------------------------------------- */

.top   	 	{vertical-align:text-top}
.bottom  	{vertical-align:text-bottom}
.center	 	{text-align: center; }
.right 	 	{text-align: right; }
.left  	 	{text-align: left; }
.left_float {text-align: left; float: left;}
.right_float{text-align: right; float: right;}
.caps  	 	{font-variant: small-caps}
.space 	 	{padding: 4px 0 0 0;}
.non 	 	{background:none; color:none; border-style:none;}
.hidden  	{visibility:hidden; z-index:-1;}
.open    	{display: block; visibility:visible;}
.close   	{display: none;  visibility:hidden;}
.copy 	  	{font-size:90%;}
.tip      	{background:#F4F4F4; cursor: help;}
#tip 	  	{visibility:hidden;
		    position:absolute;
			z-index:1000; 
	}	
.search_word { color: #0000FF; }	
.error_box	{ 
	width: 100%;
	padding: 10px;
	margin: 10px;
	border: 1px dashed #c5c5c5;
	background: #F5F5F5;
	text-align: center;
	text-transform: capitalize;
	font-variant: small-caps;	
	font-weight: bold;
}	
.error_head	{ }	
.error_inf	{ }	
.error_but	{ }		
.edit_txt 	{font-size:100%; font-family:'Courier New',Courier,verdana,lucida,sans-serif,Arial; }

#form_edit_page {
	width: 550px;
}
#form_edit_data {
	width: 550px;
}
/* -------------------- */

/* area ______________________________________________ */	 
#area_back, .area_back {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;	
	font-size: 100%;
	font-family: "Lucida Grande","Lucida Sans Unicode",verdana,lucida,sans-serif,Arial;
	color: #323232;
	center;
	text-align: center;
} 

#area_page, .area_page {
	width: 750px;
	border: 0px 0px 0px 0px;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 100%;
}

#area_top, .area_top {
	clear: both;
	width: 100%;
	text-align: left;
	font-size: 100%;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	border: 0px 0px 0px 0px;	
	border-top: 5px solid #FFFFFF;
	border-bottom: 5px solid #FFFFFF;
} 
#area_page_main {
	clear: both;
	width: 100%;
	padding: 5px 5px 5px 5px;
	border: 0px 0px 0px 0px;
	background-color: #FFFFFF;
}
#area_main {
	clear: both;
	width: 100%;
	text-align: left;
	font-size: 100%;
	color: #202020;
	background-color: #F3F3F3;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
} 
#area_col_left {
	height: 100%;	
	width: 100%;	
}
#area_col_center {
	background-color: #FFFFFF;	
	width: 5px;
	height: 100%;
}
#area_col_right {
	height: 100%;
	/* background-color: #333333; */
	background-color: #A5D631;
}

#area_page_right, .area_page_right {
	background-color: #242424;	
}
#area_main_top {
	text-align: left;
	font-size: 100%;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;	
	border: 0px 0px 0px 0px;
}
#area_center, .area_center  {
	width: 100%;
	height: 100%;
	text-align: left;
	font-size: 100%;
	background-color: #E1E1E1;	
	border: 0px 0px 0px 0px;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-top: 5px solid #FFFFFF;
} 
#area_left, .area_left {
	float: left;
	display: inline;
	width: 50%;
	height: 100%;
	text-align: left;
	font-size: 100%;
	background: #E1E1E1;
	border: 0px 0px 0px 0px;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#area_right, .area_right {
	height: 100%;
	width: 200px;
	text-align: center;
	font-size: 100%;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	/* border-bottom: 5px solid #FFFFFF; */
}
#info_text_right {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	border: 0px 0px 0px 0px;	
}
#area_down, .area_down {
	clear: both;
	width: 100%;
	font-size: 100%;
	border: 0px 0px 0px 0px;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-top: 5px solid #FFFFFF;
	background-color: #CFCFCF;	
}
#area_down .box_area_top_center, .area_down .box_area_top_center{
	font-size: 85%;
}
#info_text_main, #info_text_down {
	margin: 5px 5px 5px 5px;	
}
#area_bottom, .area_bottom  {
	clear: both;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px none #FFFFFF;
 	font-size:100%;
	letter-spacing: 0.1em;
	font-variant: small-caps;	
} 

/*  ( --- .box --- )  */

.menu_box {
	/* clear: both; */
	width: 100%;
	margin: 5px 0px 10px 0px;
	padding: 0px;
	border: 0px;
	font-size: 90%;
	background: #FFFFFF;
}
.menu_box .tbody {
	background: #FFFFFF;
} 
.menu_box .box_top_left {}
.menu_box .box_top_center {
	text-align: left;
	padding: 0px 3px 0px 3px;
	font-variant: small-caps;
}
.menu_box .box_top_right {}
.menu_box .box_main_left {
	background: transparent url('http://www.beesting.fi/pic/back_menu_cl.gif') repeat-y fixed top;
}
.menu_box .box_main_center {
	width: 100%;
	height: 100%;
	padding: 3px 3px 3px 3px;
	letter-spacing: 0.1em;
	background: #F0F0F0;
	text-align: left;
}
.menu_box .box_main_center .close {}
.menu_box .box_main_right {
	background: transparent url('http://www.beesting.fi/pic/back_menu_cr.gif') repeat-y fixed top;
}
.menu_box .box_down_left {}
.menu_box .box_down_center {}
.menu_box .box_down_right {}

#box_login {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%; 
	font-size:80%;
	text-align: center;	
	}
.box table tr td, .box_line table tr td, .box_line1 table tr td, .box_line2 table tr td, .box_left table tr td, .box_right table tr td, .box1_left table tr td, .box1_right table tr td, .note_left table tr td, .note_right table tr td { 
	padding:0; 
	margin:0;
	}		
.box { 
	margin: 2px 0 2px 0px;
	width: 150px; 
	border: 1px solid #D6DFF7;
	background-color: #F0F0F0;
	padding: 4px;
	font-size:90%;
	text-align: left;
}
.box_line {
	width: 100%; 
	font-size:90%;
	border: 1px solid #D6DFF7;
	background-color: #F0F0F0;
	padding: 2px;
	text-align: center;
}
.box_line a    	    { text-decoration: none; width: 100%;}
.box_line a:hover   { text-decoration: none; background-color : #FFFFDD; }
.box_line1 {
	width: 100%; 
	font-size:100%;
	border: 1px solid #D6DFF7;
	background-color: #F0F0F0;
	padding: 2px;
	text-align: center;
}
.box_line2 {
	width: 100%; 
	font-size:110%;
	border: 1px solid #D6DFF7;
	background-color: #F0F0F0;
	padding: 3px;
	text-align: center;
}
.box_left { 
	float: left;
	margin: 2px 2px 2px 0;
	width: 150px; 
	font-size:90%;
	border: 1px solid #D6DFF7;
	background-color: #F5F5F5;
	padding: 2px;
}
.box_right { 
	float: right;
	margin: 2px 0 2px 2px;
	width: 150px; 
	font-size:90%;
	border: 1px solid #D6DFF7;
	background-color: #F5F5F5;
	padding: 2px;
}
.box1_left { 
	float: left;
	margin: 2px;
	width: 150px; 
	font-size:90%;
	padding: 2px;
}
.box1_right { 
	float: right;
	margin: 2px;
	width: 150px; 
	font-size:90%;
	padding: 2px; 
}

/*  ( --- .box_area --- )  */

.box_area_dark {
	width:220px;
	padding: 10px;
	background-color: #0099CC;
	color: #FFFFFF;
	font-size:85%;
	}		
.box_area_light {
	width:220px;
	padding: 10px;
	background-color: #E9E4BC;
	color: #323232;
	font-size:85%;
	}		
.box_area_right { 
	float: right;
	margin: 2px 0 2px 2px;
	width: 220px; 
	border-left: 1px solid #999999;
	padding: 4px 0px 4px 4px;
	}
.box_area_left { 
	float: right;
	margin: 2px 2px 2px 0;
	width: 220px; 
	/* border-left: 1px solid #999999; */
	padding: 4px 4px 4px 0px;
	}
	
/*  ( --- .note --- )  */

.note_left { 
	float: left;
	margin: 2px 2px 2px 0;
	width: 150px; 
	font-size:80%;
	border-right: 1px solid #999999;
	padding: 4px 4px 4px 0px;
}
.note_left:first-line, .note_left b {
	font-variant: small-caps;
	font-weight: bold;
	font-size:95%;
}
.note_right { 
	float: right;
	margin: 2px 0 2px 2px;
	width: 150px; 
	font-size:80%;
	border-left: 1px solid #999999;
	padding: 4px 0px 4px 7px;
}
.note_right:first-line, .note_right b {
	font-variant: small-caps;
	font-weight: bold;
	font-size:95%;
}

/*  ( --- .pic --- )  */

.pic_left { 
	float: left;
	margin: 0px;
	width: auto; 
	font-size:80%;
	padding: 10px 10px 10px 5px;
}
.pic_right { 
	float: right;
	margin: 2px;
	width: auto; 
	font-size:80%;
	padding: 10px 5px 10px 10px;
}
.pic_center { 
	margin: 2px;
	font-size:80%;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
.pic_left img, .pic_right img, .pic_center img { 
	border-top: 1px solid #404040;
	border-left: 1px solid #404040;
	border-right: 1px solid #6E89DE;
	border-bottom: 1px solid #6E89DE;
}

/*  ( --- .bg_color --- )  */

.bg_color_1 {
	background: #009CD6;
	color: #FFFFFF;
	padding: 10px 7px 10px 7px;
	width: 100%;
	display: inline;
}
.bg_color_2 {
	background: #0096D1;
	color: #FFFFFF;
	padding: 10px 7px 10px 7px;
	width: 100%;
	display: inline;
}
.bg_color_3 {
	background: #E5F5FD;	
	color: #323232;
	padding: 10px 7px 10px 7px;
	width: 100%;
	display: inline;
}
.bg_color_4 {
	background: #AED0D7;	
	color: #323232;
	padding: 10px 7px 10px 7px;
	width: 100%;
	display: inline;
}
.bg_color_5 {
	background: #BCD6DB;	
	color: #323232;
	padding: 10px 7px 10px 7px;
	width: 100%;
	display: inline;
}
bg_color_1 p:first-letter, bg_color_2 p:first-letter, bg_color_3 p:first-letter, bg_color_4 p:first-letter, bg_color_5 p:first-letter {
	font-size: 140%;
}

/* --------------------------------------------------------------- */
/* FORMS ( .form ) */	
/* --------------------------------------------------------------- */
.form {
	text-align: left;
	padding: 3px;
	margin: 10px 1px 1px 1px;
	background: #EAEAEA;
	border: 1px solid #DBDBDB;
}
.form select, .form input, .form textarea {
	font-size: 95%;
	font-family: verdana,lucida,sans-serif,Arial;
}	
.form tr, .form td {	
	vertical-align:text-top;
	padding: 3px;
	border: 1px solid;
	border-color: #F7F7F7 #CCCCCC #CCCCCC #F7F7F7; 
	}	
.form_sub {
	width:100%;
	border: 0px;
	margin: 0px;
    }	
.form_sub td {
	width:50%;
	border: 0px;
    }	
.form_head {
	font-size:120%;
	text-align: center;
	background-color: #DBDBDB;
	}
.form_search_name {
	font-size:120%;
	font-weight: bold;
    }
.form_name {
	font-variant: small-caps;
	font-size:85%;
	background-color: #F0F0F0;
	}
.form_incl	{
    background-color: #F0F0F0;
	text-align: center;
	}
.form_info {
	font-size:90%;
	background-color: #F0F0F0;
	}
.form_line {
	height: 5px;
}
.form_blank {
	background-color: #FFFFFF;
	height:15px;
	}
.form_info2 {
	font-size:95%;
	}
.form_action {
	text-align: center;
	font-size:100%;
	border: 1px solid #CCCCCC;
	background-color: #FFDD55;
	}
.form_error {
	background-color: #FFFF99;
    }

/* --------------------------------------------------------------- */	
/* LIST TYPES ( .list ) */
/* --------------------------------------------------------------- */
	
.search_abc ul {
	color: #6A6A6A;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
}
.search_abc ul li {
	display: inline;
	float: left;
	text-align: center;
	font-size:90%;
	margin: 0px 3px 0px 3px;
	padding: 0px 0px 0px 0px;
}
.search_abc ul li a:link, .search_abc ul li a:visited, {
	float: left;
	color: #008A47;
	text-decoration: none;
	margin: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
}
.search_abc ul li a:current, .search_abc ul li.current a:link, .search_abc ul li.current a:visited,  {
	float: left;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #C5E47A;
	border: 1px;
	margin: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-color: #A5D631;
}
.search_abc ul li a:hover {
	color: #008A47;
	background-color: #FFE006;
	border: #FFFFFF;
	border-width: 1px;
}		

.list_pages {
	height: 20px;
	width: 100%; 
	}	
.list_pages img {
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	}		
.list_pages a .current {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}			
.search_pages a {
	margin: 1px 0px 1px 0px;
	padding: 1px 1px 1px 1px;
}		
.search_pages a:hover {
	color: #008A47;
	background-color: #FFE006;
	border: #FFFFFF;
	border-width: 1px;
}		
.search_pages, .search_match {
	font-size:90%;
	height: 20px;
    }
.list_small .search_pages, .search_match {
	height: 20px;
    }
.list_types {
	width: 100%; 
	padding: 0px;
	margin: 7px 0 7px 0;
	}
.list_types ul {
	padding: 1px 0;
	margin: 2px 0 0 0;
	font-size:90%;
	border-bottom: 1px solid #778;
	}
.list_types li {
	list-style: none;
	margin: 0;
	display: inline;
	}
.list_types li a {
	padding: 1px 0.5em;
	margin-left: 3px;
	border: 1px solid #778;
	border-bottom: none;
	background: #DDE;
	text-decoration: none;
	}
.list_types li a:link    { color: #404040; }
.list_types li a:visited { color: #404040; }
.list_types li a:hover {
	color: #FFFFFF;
	background: #C5E47A;
	border-color: #227;
	text-decoration: none;
	}
.list_types li a.current {
	background: #C5E47A;
	border-bottom: 1px solid white;
	}
.list_types li a.mod {
	background: #EBEBFF;
	color: #AAAAAA;
	}	
	
/*  ( --- LIST SMALL --- )  */	

.list_small {
	border: 1px solid #A2A2A2;
	font-family: verdana,lucida,sans-serif,Arial;
	padding: 3px;
	margin: 0px;
}
.list_small tr, .list_small tr td  {
	vertical-align: top;
	padding: 3px;
	margin: 0px;
}		 

.list_small thead tr td {
	font-size:85%;
	font-weight: bold;
	background: #99CC99;
	color: #FFFFFF;	
} 
.list_small tbody, .list_small .body	{
	font-size:80%;
	color: #202020;	
	background: #F5F5F5;
}
.list_small tfoot, .list_small .foot	{
	font-size:90%;
	color: #999999;	
}

.list_small thead .headline, .list_small thead .headline td {	 
	height: 20px;
	font-size:100%;
	color: #FFFFFF;	
	background: #39AD5A;
}
.list_small thead .header, .list_small .header{
	height: 20px;
	font-size:90%;
	color: #000000;
	text-transform: capitalize;
} 
.list_small thead .header .current, .list_small .header .current{}
.list_small thead a:link, .list_small thead a:visited, .list_small thead a:active { 
	color: #FFFFFF; 
	text-decoration: none;
}
.list_small thead a:hover { 
	text-decoration: underline;
}
.list_small .even {
    background: #F0F0F0;
	}	
.list_small .even .headline  {
	font: bold;
	}		
.list_small .even .linenr  { }	
.list_small .odd {
    background: #FFFFFF;
	}
.list_small .odd .headline {
	font: bold;
	}
.list_small .odd .linenr { }
.list_small .active {
    background: #FFE006;
	}
.list_small .active .headline {
	font: bold;
	}
.list_small .active a:hover {
	background: #FFFFFF;
	text-decoration: none;
	color: #000000;
	}
			
.list_small tfoot .list_pages, .list_small .list_pages 	{	}

.list_grey .list_small thead .headline td {
	background: #CCCCCC;
	height: 20px;
	color: #000000;
}
.list_grey .list_small thead .header  td {
	background: #DCDCDC;
	height: 20px;
	color: #000000;
}
.list_grey .list_small thead a:link, .list_grey .list_small thead a:visited, .list_grey .list_small thead a:active { 
	color: #000000; 
}
.list_green .list_small thead .headline td {
	background: #39AD5A url('http://www.beesting.fi/pic/back_head_green.png') repeat-x;
	height: 20px;
	color: #FFFFFF;
}
.list_green .list_small thead .header td {
	background: #99CC99;
	height: 20px;
	color: #FFFFFF;
}
.list_green .list_small thead a:link, .list_green .list_small thead a:visited, .list_green .list_small thead a:active { 
	color: #FFFFFF; 
}
.list_blue .list_small thead .headline td {
	background: #0066FF url('http://www.beesting.fi/pic/back_head_blue.png') repeat-x;
	height: 20px;
	color: #FFFFFF;
}
.list_blue .list_small thead .header td {
	background: #6699FF;
	height: 20px;
	color: #FFFFFF;
}
.list_blue .list_small thead a:link, .list_blue .list_blue thead a:visited, .list_blue .list_small thead a:active { 
	color: #FFFFFF; 
}
.list_red .list_small thead .headline td {
	background: #D61810 url('http://www.beesting.fi/pic/back_head_red.png') repeat-x;
	height: 20px;
	color: #FFFFFF;	
}
.list_red .list_small thead .header td {
	background: #FF6666;
	height: 20px;
	color: #FFFFFF;	
}
.list_red .list_small thead a:link, .list_red .list_small thead a:visited, .list_red .list_small thead a:active { 
	color: #FFFFFF; 
}


/*  ----------  */	
	
.list_small_left {
	float: left;
	display: block;
	margin-right: 5px;	
	border: 1px solid #A2A2A2;
	background: #FFFFFF;
	font-family: verdana,lucida,sans-serif,Arial; 
	font-size:90%;
    }
.list_small_left thead, .list_small_left .header {
	background: #FFFFFF;
	font-size:95%;
	font-weight: bold;
    }
.list_small_left tfoot tr, .list_small_left .foot {
	background: #FFFFFF;
	font-size:90%;
    }	
.list_small_left tr {
    background: #F0F0F0;
	}
.list_small_left .odd {
    background: #F5F5F5;
	}	
.list_small_left td {
	padding: 3px; vertical-align:text-top;	
    }
	
.list_small_right {
	float: right;
	display: block;
	margin-left: 5px;	
	border: 1px solid #A2A2A2;
	background: #FFFFFF;
	font-family: verdana,lucida,sans-serif,Arial; 
	font-size:90%;
    }
.list_small_right thead, .list_small_right .header {
	background: #FFFFFF;
	font-size:95%;
	font-weight: bold;
    }
.list_small_right tfoot tr, .list_small_right .foot {
	background: #FFFFFF;
	font-size:90%;
    }	
.list_small_right tr {
    background: #F0F0F0;
	}
.list_small_right .odd {
    background: #F5F5F5;
	}		
.list_small_right td {
	padding: 3px; vertical-align:text-top;	
    }
	
/*  ( --- LIST TABLE --- )  */	
	
.list {
	background: #FFFFFF;
	font-size:100%;
	border: 1px dashed #A2A2A2;
    }
.list thead, .list .header {
	font-size:95%;
	font-weight: bold;
	background: #39AD5A url('http://www.beesting.fi/pic/back_head_green.png') repeat-x;
	height: 20px;
	color: #FFFFFF;	
    }
.list thead td.headline	{
	letter-spacing: 1px; 
	word-spacing: 1px; 
	text-transform: capitalize; 
	font-variant: small-caps;
}
.list tbody .headline	{
	font: bold 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	word-spacing: 1px;
	font-variant: small-caps;
	color: #228B22; 
}	 

#list_etusivu tbody .headline	{
	font: bold 20px Verdana, Geneva, Arial, Helvetica, sans-serif;
}	 

#list_products_sm tbody .headline	{
	font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #4A4A4A;
}	 

#list_products_sm tbody .add_info, #list_products_sm tbody .add_info a, #list_products_sm tbody .foto {
	color: #AAAAAA;
}	
#list_products_sm tbody .add_info a:hover {
	color: #0066CC;
}	
#list_products_sm tbody .manufactorLink, #list_products_sm tbody .foto {
	font-size:80%;
}	
#list_products_sm tbody .offer, #list_products_sm tbody .offer_extra {
	background-color: #FFFFC0;
}	
#list_products_sm tbody .price {
	font: bold 180%;
	color: #4A4A4A;
}	
#list_products_sm tbody .group, #list_products_sm tbody .tax  {
	font-size:80%;
	color: #8F8F8F;
}	
#list_products_sm tbody .normal .price_box {
	background-color: #F0F0F0;
}	
#list_products_sm tbody .offer .price_box {
	background-color: #FFFF40;
}	
#list_products_sm tbody .offer_extra .price_box, #list_products_sm tbody .offer_extra .price_box .price  {
	background-color: #FF4040;
	color: #FFFFFF;
}	


.list tbody p {
	font-size:90%;
	margin: 0 0 7px 0;
}	 
.list tfoot tr, .list .foot, {
	background: #F5F5F5;
	font-size:90%;
	border: 1px solid #F0F0F0;
    }	
.list tbody tr td {
	border-top: 1px dashed #A2A2A2;
    }		 
.list td {
	padding: 3px; vertical-align:top;	
    }

.list .pic {
	float: right;
	}
.pic_info {	
	float: left;
}
.pic_filetype {
	float: right;
	}
	
/*  ( --- LIST REST.. --- )  */		
	
.list .services {
	font-size:85%;
	margin:0;
	margin-top: 10px;
	vertical-align:middle;	
	}
.list .services span {
	padding: 5px;
	}
.list_left {
	float: left;
	display: block;
	margin-right: 5px;
	margin-bottom: 5px;
    }
.list_right {
	float: right;
	display: block;
	margin-left: 5px;	
	margin-bottom: 5px;	
    }
.list_line tr td {
	border-top: 1px solid #999999; 
	padding-top: 10px;
	padding-bottom: 4px;
	}	
.list_line img { 
	border-top: 1px solid #404040;
	border-left: 1px solid #404040;
	border-right: 1px solid #6E89DE;
	border-bottom: 1px solid #6E89DE;
	}	
.list_info { 
	float: right;
	margin: 2px 0 2px 2px;
	width: 150px; 
	font-size:80%;
	border-left: 1px solid #999999;
	padding: 4px 0px 4px 7px;
}
.list_info:first-line, .list_info b {
	font-variant: small-caps; font-size:95%;
	font-weight: bold;
	font-size:95%;
}

/*   ( --- TABLE --- )   */		

table {font-size:100%; }
table .sort		{ background: #FFFFFF; text-align: right; font-size:95%;	}
table .search_line1 { background: #F0F0F0; }
table .search_line2 { background: #F5F5F5; font-size:95%; }
table .lang		{ color: #969696; }
table .level	{ color: #969696;}
table .db  		{ text-align: center; }
table .name		{ font-weight: bold; }
table .date		{ text-align: right; }
table .headline {}
table .database_name {
	font: small-caps 85%;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #8F8F8F;
}
table .ingress  { font-size:100%; font-weight: normal; }
table .txt  	{ font-size:100%; font-weight: normal;}
table .more     { font-size:95%; font-weight: bold;}
table .link     { font-size:95%; font-weight: bold;}
table .linenr   { color: #969696;}
table a:list 	{ color: #228B22; text-decoration: none;}
table a:visited { color: #228B22; text-decoration: none;}
table a:hover   { color: #0066CC; text-decoration: underline; }
table a:active  { color: #228B22; text-decoration: none;}		

/* --------------------------------------------------------------- */
/* basic styles in templates (not in editor)  */	
/* --------------------------------------------------------------- */

/*  ( menu )  */

.menu {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	border: 0px 0px 0px 0px;	
	width: 100%;
	font-size: 80%;
	list-style-type: none;
	letter-spacing: 0.1em;
	text-align: left;
}
.menu ul {
	text-decoration: none;
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 3px 0px 3px 15px;
}
.menu li:first-letter {
	text-transform: uppercase;
}	
.menu li {
	padding: 2px 0px 2px 0px; 	
}
.menu li a {
	padding-left: 15px;
	font-weight: normal;
}
.menu_off a:link, .menu_off a:visited{
	background: transparent url('http://www.beesting.fi/iportal/pic/go_green.gif') left top no-repeat;
	text-decoration: none;
	color: #DFDFDF;
}
.menu_off a:hover, .menu_off a:active, .menu_off a#current {
	background: transparent url('http://www.beesting.fi/iportal/pic/go_orange.gif') left top no-repeat;
	text-decoration: underline;
	color: #FFFF00;
}
.menu_on a:link, .menu_on a:visited, .menu_on a:active, .menu_on a#current{
	background: transparent url('http://www.beesting.fi/iportal/pic/go_orange.gif') left top no-repeat; 
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	}
.menu_on a:hover, {
	background: transparent url('http://www.beesting.fi/iportal/pic/go_orange.gif') left top no-repeat; 
	text-decoration: underline;
	color: #FFFF00;
	font-weight: bold;
	}	  	

	
.menu_line {
	width: 100%;
	color: #0099CC;
	text-decoration: none;
	border-bottom: 1px dashed #0099CC;
	margin: 0px;
	padding: 0px; 	
    }
	 
#info_topmenu {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0x 0px 0px 0px;
	border: 0px 0px 0px 0px;
	text-align: center;
}
#info_topmenu2 {
	width: 100%;
	font-size: 100%;
	height: 22px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}
.menu_line1 ul {
	height: 22px;
	font-size: 8pt;
	font: bold; 
	font-variant: small-caps;	
	text-transform: capitalize;
	letter-spacing: 1px;
	word-spacing: 1px;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.menu_line1 ul li {
	display: inline;
	float: left;
	width: 100px;
	height: 21px;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.menu_line1 ul li.lock {
	float: left;
	width: 100px;
	height: 21px;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 0px;	
	color: #f5f5f5;
	background: transparent url('http://www.beesting.fi/pic/back_topmenu_off.png') left top no-repeat;
}	
.menu_line1 ul li a:link, .menu_line1 ul li a:visited {
	float: left;
	width: 100px;
	height: 21px;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 0px;	
	color: #FFFFFF;
	background: transparent url('http://www.beesting.fi/pic/back_topmenu.png') left top no-repeat;
}

.menu_line1 ul li#menuID_li_38.lock, .menu_line1 ul li#menuID_li_90.lock {
	color: #707070;
	background: transparent url('http://www.beesting.fi/pic/back_topmenu_off.png') left top no-repeat;
}	
.menu_line1 ul li#menuID_li_38 a:link, .menu_line1 ul li#menuID_li_38 a:visited,
.menu_line1 ul li#menuID_li_90 a:link, .menu_line1 ul li#menuID_li_90 a:visited {
	color: #FFFFFF;
	background: transparent url('http://www.beesting.fi/pic/back_topmenu.png') left top no-repeat;
}
.menu_line1 ul li#menuID_li_38.active a:link, .menu_line1 ul li#menuID_li_38.active a:visited, .menu_line1 ul li#menuID_li_38 a.current, .menu_line1 ul li#menuID_li_38 a:active, .menu_line1 ul li#menuID_li_38 a:hover, 
.menu_line1 ul li#menuID_li_90.active a:link, .menu_line1 ul li#menuID_li_90.active a:visited, .menu_line1 ul li#menuID_li_90 a.current, .menu_line1 ul li#menuID_li_90 a:active, .menu_line1 ul li#menuID_li_90 a:hover {
	color: #242424;
	background: transparent url('http://www.beesting.fi/pic/back_topmenu_on.png') left top no-repeat;
}	

.menu_line1 ul li.active a:link, .menu_line1 ul li.active a:visited, .menu_line1 ul li a.current, .menu_line1 ul li a:active, .menu_line1 ul li a:hover {
	float: left;
	width: 100px;
	height: 21px;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 0px;	
	color: #242424;
	background: transparent url('http://www.beesting.fi/pic/back_topmenu_on.png') left top no-repeat;
	}	

	 
.menu_line2 ul li a:hover {
	color: #0099CC;
	text-decoration: none;
	border-bottom: 1px dashed #0099CC;
    }
	
.menu_lock {
	padding-left: 15px;
	background: transparent url('http://www.beesting.fi/iportal/pic/lock_green.gif') left top no-repeat;
	text-decoration: none; 
	color: #AAAAAA;
    }	
.menu_last {
	background: transparent url('http://www.beesting.fi/iportal/pic/go_green.gif') left top no-repeat; 
    }	
	
/*  ( sitemap )  */

.sitemap {
	margin: 2px 0 2px 0px;
	width: 100%; 
	padding: 4px 0 4px 0px;
	font-size:90%;
 	list-style-type: none;
	letter-spacing: 0.1em;
	text-align: left;	
	}
.sitemap ul {
	text-decoration: none;
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 3px 3px 3px 17px; 
	}
.sitemap li a {
	padding-left: 15px;
	font-weight: normal;	
}
#sitemap .menu_off a:link, #sitemap .menu_off a:visited{
	background: transparent url('http://www.beesting.fi/iportal/pic/go_green.gif') left top no-repeat; 
	text-decoration: none;
	color: #808080;
	}
#sitemap .menu_off a:hover, #sitemap .menu_off a:active, #sitemap .menu_off a#current {
	background: transparent url('http://www.beesting.fi/iportal/pic/go_orange.gif') left top no-repeat; 
	text-decoration: underline;
	color: #4040FF;
	}
#sitemap .menu_on a:link, #sitemap .menu_on a:visited, #sitemap .menu_on a:active, #sitemap .menu_on a#current{
	background: transparent url('http://www.beesting.fi/iportal/pic/go_orange.gif') left top no-repeat; 
	text-decoration: none;
	color: #404040;
	font-weight: bold;
	}
#sitemap .menu_on a:hover {
	background: transparent url('http://www.beesting.fi/iportal/pic/go_orange.gif') left top no-repeat; 
	text-decoration: underline;
	color: #4040FF;
	font-weight: bold;
	}	  	
	
#sitemap .menu_line2 ul li a:hover {
	color: #0099CC;
	text-decoration: none; 
	border-bottom: 2px solid #0099CC;
}
	
#sitemap .menu_lock {
	padding-left: 15px;
	background: transparent url('http://www.beesting.fi/iportal/pic/lock_green.gif') left top no-repeat;
	text-decoration: none; 
	color: #AAAAAA;
    }	
#sitemap .menu_last {
	background: transparent url('http://www.beesting.fi/iportal/pic/go_green.gif') left top no-repeat; 
    }		
	
.level_read {}
.level_new {}
.level_edit {}
.level_all {}	

/* ID (dhtml menu)  */

#info_dhtml_menu {
	width: 100%;
	font-size: 90%;
	height: 22px;
	z-index:1;
}  

/* ID (top menu)  */

#info_menu {
	width: 100%;
	padding: 5px 0px 5px 5px;
	margin: 5px 3px 5px 0;
	font-size: 90%;
	border: 1px solid #E6E6E6;
}  
#info_menu_sub { 	
	width: 100%;
	padding: 10px 0px 10px 0px;
	margin: 0px 5px 0px 0px;
	font-size: 90%;
	border-bottom: 1px solid #999999;
}  
#navi 			 {display: none;}  
#info_menu_line1 {display: none;}  
#info_menu_line2 {display: none;}  
#info_menu_files { 
	width: 100%;
	padding: 10px 0px 10px 0px;
	margin: 0px 5px 0px 0px;
	font-size: 90%;
	border-bottom: 1px solid #999999;
}  

/* ID ------   */

#info_alert {
	color: Red;
	text-align: center;
} 
#info_time {
	display: none;
}
#info_date {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	border: 0px 0px 0px 0px;	
	font-size:  90%;
	font-variant: small-caps;
	text-align: center;
} 
#info_title {  
	display: none;
}  
#info_headline {
	font-family: "Franklin Gothic Demi",verdana,lucida,sans-serif,Arial;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 1px 0px;
	font-size: 250%;
	letter-spacing: 2px;
	word-spacing: 3px;
	color: #242424;
	text-transform: capitalize;
	font-variant: small-caps;
}  
#info_maintain {
	text-align: center;
	font-size: 90%;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	text-transform: capitalize;
	font-variant: small-caps;
}  
#info_search {
	float: right;
	text-align: right;
	padding: 0px 0px 0px 0px;
	font-size: 80%;
	width: 200px;
}  
#info_search select, #info_search input {
	background-color: #FFFFFF;
}  
#info_buttons {
	float: right;
	center;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}
#info_buttons img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#info_shopingcart {
	font-size: 90%;
	text-align: center;
}
#info_shopingcart img {
	text-align: center;
	margin: 5px 0px 0px 0px;
}
#info_shopingcart .cart_value {
	font-size: 120%;
	font: bold;
	color: #777777;
}
#info_shopingcart .cart_lines {
	font-size: 90%;
}
#info_filter {
	width: 100%;
	padding: 5px 0px 5px 5px;
	margin: 5px 3px 5px 0;
	font-size: 90%;
	border: 1px solid #E6E6E6;
}  
#info_logon, #info_logoff { 	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	border: 0px 0px 0px 0px;
	width: 100%;
	font-size: 90%;
	text-align: left;
}
#info_inside { 	
	width: 100%;
	padding: 5px 0px 5px 5px;
	margin: 5px 3px 5px 0;
	font-size: 90%;
	border: 1px solid #E6E6E6;
}   
#info_pageID {display: none;}  
#info_dir {
	font-variant: small-caps;
	color: #FFFFFF;
	font-size: 100%;
	margin: 2px 0px 0px 0px;
}  
#info_dir a {
	color: #FFFFFF;
	font-variant: normal;
}  
#info_dir a:hover {
	color: #202020;
}  
#info_lang {
	float: left;
	border: 0px none #FFFFFF;
	margin: 1px 5px 0px 0px;
}  
#info_copyright {
	text-align: left;
	color: #C0C0C0;
	padding: 3px 0px 0px 0px;
	font-size: 75%;
	letter-spacing: 0.1em;
	text-transform: capitalize;
	font-variant: small-caps;
}  
#info_copyright p {
	margin: 0px 0px 5px 0px;
}  
#info_copyright a {
	color: #C0C0C0;
	text-transform: capitalize;
	font-variant: small-caps;
}  
#info_copyright a:hover {
	color: #f0f0f0;
}  
#info_copyright img {
	margin: 5px 5px 0px 0px;
}  

#info_service {

}  
#info_service img {
	float: left;
	margin: 0px 5px 0px 0px;
}  

#info_service a {
	color: #FFFFFF;
}  
#info_format {
	margin: 5px 0px 5px 0px;
}  
.info_format {

}  
#info_generator {
	margin: 5px 0px 5px 0px;
	float: right;
	width: 200px;	
	text-align: center;
} 
#info_url {
	clear: both;	
	text-align: center;
	font-size: 75%;
	letter-spacing: 0.1em;
	color: #999999;
	margin-bottom: 3px;
}  
#info_url a {
	color: #999999;
}  
#info_url a:hover {
	color: #D4D4D4;
}  

#info_extra1, #info_extra2, #info_extra3, #info_extra4, #info_extra5, #info_extra6 {
	display: none;
}
#info_add {}
#info_add p {}
#info_add b {}
#info_add i {}
#info_adds { }  

/* info class ____________________________________________ */	 

.info_add {
	width: 100%;
	margin: 5px 0px 5px 0px;
	padding: 0px;
	border: 0px;
	color: #000000;
	text-align: center;
	border: 1px solid #FFFFFF;
	background-color: #FFFF80;
}
.info_add .add_price {
	font-size: 220%;
	font: bold;
	color: #D00000;
}
.info_add .add_curency {
	font-size: 85%;	
}
.info_add .add_name {
	font-size: 90%;
	font-variant: small-caps;
	letter-spacing: 0.1em;
	font: bold;
	margin: 0px 0px 5px 0px;
}
.info_add .add_name a {
	color: #008A01;
}
.info_add .add_info {
	font-size: 85%;	
	margin: 5px 0px 0px 0px;
}
.info_add .add_time {
	font-size: 85%;
	font: italic;
	color: #D2691E;
}
.info_add .add_order table {
	width: 100px;
	text-align: center;
	font-size: 85%;
	margin: 0px 0px 0px 0px;	
	padding: 5px 2px 0px 2px;	
}

.info_adds {
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;	
	border: 0px 0px 0px 0px;	
	border-bottom: 5px solid #FFFFFF;	
	text-align: center;
	font-size: 85%;
}
.info_error {

} 
.info_hello {text-align: center;}
.info_include, .info_languages, .info_more, .info_link, .info_eva, .info_note, .info_bbs, .info_mail, .info_cart, .info_edit { } 
	
/* --------------------------------------------------------------- */

.non table tr td {border: 0px none #FFFFFF;}

/*  ( --- .box_area --- )  */

.box_area {
	width: 100%;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px none #FFFFFF;
	font-size: 100%;
}
.box_area .box_area_top_center {
	padding: 3px 3px 0px 3px;
	font-variant: small-caps;
	letter-spacing: 0.1em;
}
.box_area .box_area_main_center {
	width: 100%;
	height: 100%;
	padding: 3px 3px 3px 3px;
}
.box_area .box_area_main_right {
	background: transparent url('http://www.beesting.fi/pic/back_cr.gif') repeat-y fixed top;
}
.box_area .box_area_main_left {
	background: transparent url('http://www.beesting.fi/pic/back_cl.gif') repeat-y fixed top;
}

#p0, #plus1 {
	border: 0px none #FFFFFF;
}
#info_topheadline {
	color: #333333;
	font-size: 80%;
	height: 15px;
	margin: 3px 0px 0px 0px;
}
#info_contact{
	color:#333333;
	font-size: 80%;
}
#info_contact a, #info_contact a:visited {
	color:#333333;
}

/*
============================================================
FOR EDITOR
============================================================

body {
	text-align: left;
}
#area_back, .area_back {
	width: 100%;
	height: 100%;
}
*/

/*
============================================================
COLOR TYPE GREEN 
============================================================
*/
#area_top, .area_top {
	background-color: #FFFF40;
	color: #202020;
} 
#area_text_right {
	background-color: #A5D631;
	color: #202020;
	padding: 5px 5px 5px 5px;
	border-bottom: 5px solid #FFFFFF;	
}
.info_adds {
	background-color: #FFFF40;
	color: #202020;
	padding: 5px 5px 5px 5px;
	border-bottom: 5px solid #FFFFFF;	
}
#area_menu {
	background-color: #389A1A;
	color: #FFFFFF;
	padding: 5px 5px 5px 5px;
	border-bottom: 5px solid #FFFFFF;
}
#area_topmenu {
	width: 100%;
	clear: both;
	background-color: #389A1A;
	padding: 0px 5px 0px 5px;	
}
#area_topmenu2 {
	width: 100%;
	clear: both;
	color: #000000;
	background-color: #C5E47A;
	padding: 0px 5px 0px 5px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;		
}
#area_dhtml_menu {
	overflow: visible;
	clear: both;
	width: 100%;
	color: #000000;
	background-color: #C5E47A;
	padding: 0px 5px 0px 5px;
}  
#area_date {
	background-color: #008000;
	color: #FFFFFF;
	padding: 5px 5px 5px 5px;
	border-bottom: 5px solid #FFFFFF;
} 
#area_login { 	
	background-color: #A5D631;
	color: #FFFFFF;
	padding: 5px 5px 5px 20px;
	border-bottom: 5px solid #FFFFFF;	
	text-align: left;
}

/*
============================================================
COLOR TYPE BLUE 
============================================================
#area_top, .area_top {
	background-color: #5FAAFF;
	color: #FFFFFF;
} 
#info_text_right {
	background-color: #5FAAFF;
	color: #FFFFFF;
}
.info_adds {
	background-color: #5FAAFF;
	color: #FFFFFF;
}
.menu {
	background-color: #0072C6;
	color: #FFFFFF;
}
#info_topmenu {
	background-color: #0072C6;¨
}
#info_topmenu2 {
	color: #FFFFFF;
	background-color: #5FAAFF;
}
#info_dhtml_menu {
	color: #FFFFFF;
	background-color: #5FAAFF;
}  
#info_date {
	background-color: #003C80;
	color: #FFFFFF;
} 
#info_logon, #info_logoff { 	
	background-color: #097DFF;
	color: #FFFFFF;
}
.menu_line1 ul li.lock {
	color: #707070;
	background: transparent url('http://www.beesting.fi/pic/back_topmenu_off_blue.png') left top no-repeat;
}	
.menu_line1 ul li a:link, .menu_line1 ul li a:visited {
	color: #FFFFFF;
	background: transparent url('http://www.beesting.fi/pic/back_topmenu_blue.png') left top no-repeat;
}
.menu_line1 ul li.active a:link, .menu_line1 ul li.active a:visited, .menu_line1 ul li a.current, .menu_line1 ul li a:active, .menu_line1 ul li a:hover {
	color: #242424;
	background: transparent url('http://www.beesting.fi/pic/back_topmenu_on.png') left top no-repeat;
}
*/