@import url("editor.css");
@import url("services.css");

body,html{
	width: 100%;
	height: 100%;
}

body {
	position: relative; /* fix ie7 zoom bug */
	background: white url(../gfx/body.gif) repeat-x top center;
}
#wrapper_body {
    margin: 0 auto;
	 height: 100%;
    min-height: 100%;
    position: relative;
    width: 100%;
	 background: transparent url(../gfx/body_image.png) no-repeat center top;	 
}* html #wrapper_body {background: transparent url(../gfx/body_image.gif) no-repeat center top;}
#wrapper_line{
	width: 100%;
	height: 100%;
	background: transparent url(../gfx/wrapper_lines.gif) repeat-y center top;	 	
} 

/* WRAPPER */
#wrapper {
	width: 959px;
	border-right: solid 1px #cccccc;
	border-left: solid 1px #cccccc;	
	margin: 0 auto;
	position: relative;
}

/* HEADER */
#header {
	height: 70px;
	margin-right: 30px;
	position: relative;
	z-index: 99;
}
  #logo{
  	 background: url(../gfx/logo.png) no-repeat;
    position:absolute;
	 height: 110px;
	 width: 233px;
    top: 0px;
    left: 60px;
  }* html #logo{background: url(../gfx/logo.gif) no-repeat;}

	#print_logo{
		display: none;
	}	
	
	/* HORIZONTAL MENU*/
	#horizontal_navigation{
		position: absolute;
		top: 0;
		right: 0;
		width: 623px;
	}
		/* box */
		#horizontal_navigation #button_box{
			width: 47px;
			height: 47px;
			float: right;
		}
			#link_1, #link_2, #link_3, #link_4{
				width: 22px;
				height: 22px;
				background-color: #333333;
				float: left;
			}
			#link_1, #link_3{
				border-right: solid 1px white;
			}
			#link_1, #link_2{
				border-bottom: solid 1px white;
			}
			#link_1{
				background: #333333 url(../gfx/link_1.gif) no-repeat;
			}
			#link_3{
				background: #333333 url(../gfx/link_3.gif) no-repeat;
			}
			#link_4{
				background: #333333 url(../gfx/link_4.gif) no-repeat;
			}
		/* navigation */	
		#horizontal_navigation_space{
			float: right;
                        margin-left:-50px;
		}/* html #horizontal_navigation_space{float: left;}*/
			#horizontal_navigation ul{
				margin: 0;
				width: 100%;
				height: 45px;
				background: transparent url(../gfx/horizontal_navigation_line.gif) repeat-y left;
				border-bottom: solid 1px #333333;
			}* html #horizontal_navigation ul {border-bottom: none;}
			#horizontal_navigation ul li{
				list-style: none;
				float: left;
				margin: 0;
				padding: 0;
				background: transparent url(../gfx/horizontal_navigation_line.gif) repeat-y right;
			}
			#horizontal_navigation ul li a{
				margin: 0 1px;
				text-decoration: none;
				display: block;
				color: #333333;
				padding: 15px 20px;
				text-transform: uppercase;
				border-bottom: solid 1px #333333;
				
			}
			#horizontal_navigation ul li a:hover{	
				border-bottom: solid 1px #5bac26;		
			}
			#horizontal_navigation ul li a.active{	
				border-bottom: solid 1px #5bac26;
			}
		
/* MAIN */
#main {
	position: relative;
	zoom: 1;
}
/************************************************ INNERTEMPLATERS ************************************************/
/*                                                  default.tpl                                                  */
#default{
	margin-top: 55px;
	border-top: solid 1px #333333;
	padding: 0 30px 30px 30px;
}
	/* SIDEBAR */
	#sidebar {
		margin-top: 15px;
		width: 250px;
		padding: 0;
		float: left;
		overflow: hidden;	
	}
		#open ul li.item_level_0{
			display: none;
		}
		#open ul.menu_level_0 > li.active{
			display: block!important;
		}
		
		#close li.active{
			display: none;
		}
		
		#vertical_navigation_title{
			background: transparent url(../gfx/vertical_navigation_title.gif) no-repeat left;
			padding: 8px 0 8px 40px;		
			font-size: 14px;
			
		}
			#vertical_navigation_title a{
				color: #333333;
				text-decoration: none;
			}
		/* VERTICAL NAVIGATION */
		#vertical_navigation {
		    margin: 1px;
		}
		#vertical_navigation ul {
		    padding: 0;
		    margin: 0;
		}
		#vertical_navigation ul li {
		    padding: 0;
		    margin: 0;
			 list-style: none;
		}
		#vertical_navigation ul li a {
			text-decoration: none;
			padding: 5px;
			margin-bottom: 1px;
			display: block;
			color: white;
			background-color: #5bac26;
		}
		#vertical_navigation ul li a.active {
			background-color: #459113;
		}
		#vertical_navigation ul li a:hover {
			background-color: #459113;
		}
		/* lelve 2 */
		#vertical_navigation ul ul {
		    padding: 0;
		    margin: 0;
		}
		#vertical_navigation ul ul li{}
		#vertical_navigation ul ul li a{
			color: #333333;
			background: transparent url(../gfx/vertical_navigation_line.gif) repeat-x left bottom;
		}
		#vertical_navigation ul ul li a.active {
			background-color: #efefef;
			background-image: none;
		}
		#vertical_navigation ul ul li a.current {
			background-color: #e2e2e2;
			background-image: none;
		}
		#vertical_navigation ul ul li a:hover{
			background-color: #e2e2e2;
		}
		/* lelve 3 */
		#vertical_navigation ul ul ul{
		    padding: 0;
		    margin: 0 0 0 1.5em;
		}
	
	/* CONTENT */
	#content {
		float: left;
		width: 645px;
	}
		#route {
			text-align: right;
			clear: both;
			line-height: 24px;
			padding: 5px 0;
			font-size: 10px;
			background: transparent url(../gfx/vertical_navigation_line.gif) repeat-x left bottom;
			margin-left: 30px;
		}
		#data{
			padding: 30px 30px 15px 30px;
			overflow: hidden;
		}
		#show_sets{
			padding: 0 0 0 30px;
			overflow: hidden;		
		}
		#tabs_box{
			padding: 0 30px 30px 30px;
			overflow: hidden;		
		}
			#tabs{
				margin: 0;
				position: relative;
			}
				#tabs .tab{
					float: left;
					list-style: none;
					background: #333333 url(../gfx/tabs_left.gif) no-repeat left;						
					margin: 0 2px 4px 0;		
					
				}
					#tabs .tab_link_over{
						background: transparent url(../gfx/tabs_right.gif) no-repeat right;													
						display: block;
					}
					#tabs .tab_link{
						color: white;
						padding: 9px 20px 10px 20px;
						margin-right: 10px;
						display: block;
						text-decoration: none;
						font-size: 14px;
						background: transparent url(../gfx/place_arrow.gif) no-repeat right;
					}
					#tabs .tab_select{
						background: transparent url(../gfx/place_arrow_select.gif) no-repeat right;
					}
					
			#tabs_box .slide{
				padding: 20px;
				display: none;
				background-color: white;
				border: solid 1px;
				overflow: hidden;						
				width: 570px;
			}
			#tabs_box .slide_show{
				display: block;
			}
			#tabs_box .tab_title_edit{
				border: solid 1px #666666;
				padding: 3px;
				background-color: #cccccc;
				display: block;
				position: relative;
			}#tabs_box .tab_title_edit .htmldata_controls {/*position: absolute;right: 0px;top:0;*/}
	
		#print_button{
			background: transparent url("../gfx/demo_print.gif") no-repeat;
			padding-left: 25px;
			margin: 0 30px 30px 30px;
		}
/*                                                 home.tpl                                                    */	
#home {
	position: relative;
	padding:0;
	background-color: white;
}  
	#home .row_line{
		border-bottom: solid 1px #333333!important;	
		zoom:1;
	}
	#home .row{
		display: block;
		position: relative;		
	}
	
	/* yllä */
	#home .row #wall {
		float: left;
		height: 270px;
		margin-top: -70px;
		overflow: hidden;
		position: relative;
		width: 340px;
	}#home .row #wall .htmldata_controls {position: absolute;bottom: 0;left: 0;}
	#home .row #news{
		position: relative;
		width: 608px;
		height: 200px;
		float: right;
		overflow: hidden;		
	}#home .row #news .htmldata_controls {position: absolute;bottom: 0;left: 0;}
	#home .row_content{
		padding: 20px 30px 0 30px;	
		position: relative;
	}
	#place{
	 height: 35px;
    margin: 0 30px;
    position: absolute;
    right: 27px;
    top: 23px;
	}
		#place ul{
			margin: 0;
			position: relative;
			z-index: 100;
		}
		#place ul li{
		}
		#search_embed{
			width: 276px!important;
			height: 35px!important;
			background: transparent url(../gfx/search.gif) no-repeat!important;
			position: relative;
	   }
			#search_embed_title{
				color: white;
				left: 13px;
				position: absolute;
				top: 9px;
			}
			.search_form{}	
			#search_embed .searchstring{
				background-color: white;
				border: medium none;
				height: 21px;
				line-height: 21px;
				left: 53px;
				position: absolute;
				top: 7px;
				color: #666666;
				padding: 0 5px;
				width: 174px;
			}
			#search_embed .submit_button{
				background-color: transparent;
				border: medium none;
				height: 35px;
				position: absolute;
				right: 0;
				top: 0;
				width: 37px;
				cursor: pointer;
			}
		
	/* alla */
	#home .row .box_3x{
		width: 33%;
		float: left;
		overflow: hidden;
		display: block;
		position: relative;		
	}
	#home .home_title{
		position: relative;
		margin: 0 10px 0 0;
	}	#home .home_title .htmldata_controls {position: absolute;top: 5px;right: 5px;}
		#home .title_1, #home .title_2, #home .title_3,#home .title_4, #home .title_5, #home .title_6{
			height: 30px;
			padding-left: 40px;
			line-height: 30px;
			font-weight: normal;
			font-size: 24px;
		}
		#title_one{
			background: transparent url(../gfx/vertical_navigation_title.gif) no-repeat left;
			padding: 8px 0 8px 40px;		
		}
		
		.home_sub_menu ul{
			margin: 0;
			padding:0;		
			position: relative;
		}
			.home_sub_menu ul li{
				list-style: none;
				margin: 0 0 1px 0;
				display: block;
			}
			.home_sub_menu ul li a{
				color: white;
				background-color: #5bac26;
				text-decoration: none;
				display: block;
				padding: 6px 12px;
			}
			.home_sub_menu ul li a:hover{
				background-color:#459113;
			}			
		#home .title_4{
			background: transparent url(../gfx/title_4.gif) left no-repeat;	
		}
		#home .title_5{
			background: transparent url(../gfx/title_5.gif) left no-repeat;	
		}
		#home .title_6{
			background: transparent url(../gfx/title_6.gif) left no-repeat;	
		}
	#home .home_content{
		padding: 10px 20px 10px 0;
	}
.ext{
	clear: both;
}	
/************************************************** FOOTER *****************************************************/
#footer {
	clear: both;
	border-top: solid 1px #333333;
	padding: 30px;	
	color: #666666!important;
}
	#footer a, #footer td{ color: #666666;}

/* EMEDIA SIGNATURE */
#signature {
	position: absolute;
	right: 5px;
	bottom: 5px;
	margin-top: 2px;
}
	#signature, #signature a {
		color: #cccccc;
		font-family: Verdana, Arial;
		font-size: 9px;
		line-height: 16px;
		text-align: right;
	}
	#signature a {
		text-decoration: none;
		font-weight: bold;
	}
.ext{
	clear: both;
}