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

html, body{
	height: 100%;
}
body {
	position: relative; /* fix ie7 zoom bug */
	background: #fbfdf0 url(../gfx/body.gif) repeat-y center;
}
	body.edit {
		padding-top: 20px;
	}

/* WRAPPER */
#wrapper {
	width: 960px;
	padding: 0;
	background-color: white;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;	
	margin: 0 auto;
	position: relative;
}

/* HEADER */
#header {
	height: 155px;
	position: relative;
	border-bottom: solid 5px #e31c19;
	z-index: 99;	
}
	#exra_menu{
		position: absolute;
		right: 10px;
		top: 15px;
		z-index: 99;
	}
		#exra_menu ul{
			margin: 0;
			padding: 0;
			float: left;
		}
		#exra_menu ul li{
			list-style:none;
			float: left;
			position: relative;
		}
		#exra_menu ul li a{
			color: #333333;
			display: block;
			padding: 4px 10px 9px;
			border-right: 1px solid ;
			line-height: 12px;
		}
		#exra_menu a.last{}
		#exra_menu ul li:hover ul{
			display: block;
		}
		/*lev2*/
		#exra_menu ul ul{
			position: absolute;
			left: 0;
			top: 25px;
			background-color: white;
			display: none;
			border-top: 3px solid;
		}
		#exra_menu ul ul li{
			float: none;
			width: 250px;			
			border: 1px dotted #CCCCCC;
			border-top: none;
		}
		#exra_menu ul ul li a{
			border-right: none;
			padding: 8px;		
			
		}
  #lang{
  	position: absolute;
	right: 20px;
	top: 5px;
  }  #lang a{color: #333333!important;}
  
  #logo{
    position:absolute;
    bottom:15px;
    left:15px;
  }
	/* HORIZONTAL MENU*/
	#horizontal_navigation{
		position: absolute;
		bottom: 0;
		right: 0;
/*		width: 700px;*/
	}
	#horizontal_navigation ul{
		margin: 0;
	}
	#horizontal_navigation ul li{
		position: relative;
		list-style: none;
		float: left;
		margin: 0;
		padding: 0;
	}
	#horizontal_navigation ul li a{
		text-decoration: none;
		display: block;
		padding: 15px 20px;
		color: #333333;
	}
	#horizontal_navigation ul li a:hover{
		color: #993333;		
	}
	#horizontal_navigation ul li a.active{	
		color: #993333;			
	}
	/* level 2 */
	#horizontal_navigation ul ul {
		position: absolute;
		left: 0;
		top: 50px;
		min-width: 150px;
		background-color: #e31c19;
		display: none;
	}
	#horizontal_navigation ul li:hover ul, #horizontal_navigation ul li.over ul  {
		display: block;
	}
	#horizontal_navigation ul ul li {
		float: none;
		background: transparent url(../gfx/white_dot.gif) repeat-x left bottom;
	}
	#horizontal_navigation ul ul li.last{
	background-image: none;
	}
	#horizontal_navigation ul ul li a {
		color: white;		
		padding: 10px;		
	}
	#horizontal_navigation ul ul li a.active {
		color: white;			
	}
	#horizontal_navigation ul ul li a:hover {
		color: white;			
		padding-left: 15px;
	}
	
/* MAIN */
#main {
	position: relative;
	zoom: 1;
	z-index: 90;
}
/************************************************ INNERTEMPLATERS ************************************************/
/*                                                  default.tpl                                                  */
/* SIDEBAR */
#sidebar {
	width: 289px;
	padding: 40px 0 40px 40px;
	float: left;
	overflow: hidden;
}
   /* Haku loota */
	#search_embed{
		position: relative;
		border: solid 1px #e0e0e0;
		height: 30px;
  		width: 269px;		
	}
		.searchstring{
			border: medium none;
			padding: 8px 0 0 9px;
			width: 229px;
			position: absolute;
			left: 0;
			top: 0;	
		}
		.submit_button{
			border: none;
			background: transparent url(../gfx/search.gif) no-repeat;
			height: 30px;
			width: 30px;
			overflow: hidden;
			position: absolute;
			right: 0;
			top: 0;		
		}
	/* Sisältö alueet */	
	.right_title{
		border-bottom: solid 3px; 
		padding: 13px 0 13px 3px;
		font-weight: normal;
	}
	.right_content{
		 padding-bottom: 15px;		
	}
	
	/* VERTICAL NAVIGATION */
	#vertical_navigation {
	    margin: 1px;
		 padding-bottom: 15px;
	}
	#vertical_navigation ul {
	    padding: 0;
	    margin: 0;
 		 border-bottom: 1px dotted #CCCCCC;
	}
	#vertical_navigation ul li {
	    padding: 0;
	    margin: 0;
		 list-style: none;
	}
	#vertical_navigation ul li a {
		text-decoration: none;
		padding: 12px 12px 12px 26px;
		margin-bottom: 1px;
		display: block;
		color: #333333;	
		border-bottom: 1px dotted #CCCCCC;
		background: transparent url(../gfx/right-column-li-bg.gif) no-repeat left;
	}
	#vertical_navigation ul li a.active {
		text-decoration: underline;		
	}
	#vertical_navigation ul li a:hover {
		text-decoration: none;
		color: #993333;
	}
	#vertical_navigation ul li a.last {
		 border-bottom: none;
	}	
	/* level 2 */
	#vertical_navigation ul ul {
	    padding: 0;
	    margin: 0 0 0 1.5em;
	}

	/* CONTENT */
	#content_image{
		border-bottom: solid 5px #e31c19;
	}
		#content_image p{
			margin: 0;
			padding: 0;
		}
	#content {
		float: left;
		width: 630px;
		overflow: hidden;
	}
	
		#route {
			text-align: right;
			clear: both;
			line-height: 24px;
			padding: 10px;
			font-size: 11pt;
   		font-style: italic;
		   margin: 0 0 10px;
			color: #575757;
			border-bottom: 1px dotted #CCCCCC;
		}
		#data{
			padding: 15px;
		}
		#print_button{
			margin: 15px;
		}
/*                                                 home.tpl                                                    */	
#home {
	padding: 0;
	margin: 0;
}
	.top_red{
		border-top: solid 5px #e31c19;
	}
	
	/* slide show START  */	
	#show{
		position: relative;	
	}
		#show_images{
			height: 355px;
			width: 100%;
			overflow: hidden;
			z-index: 90;
		}#show_images .htmldata_controls{
			position: absolute;
			left: 5px;
			bottom: 5px;
		}
			.images{
				height: 355px;
				width: 100%;
				color: white;
			}
		#show_content{
			overflow: hidden;
			width: 960px!important;
		}
			.text{
				background-color: white;
				padding: 20px;					
			}.text .htmldata_controls{
				position: absolute;
				left: 5px;
				bottom: 15px;
			}
		#next{
			background: transparent url(../gfx/big-arrows.png) no-repeat -70px -70px;
			width: 50px;
			height: 50px;
			position: absolute;
			right: -25px;
			top: 152px;			
			z-index: 99;			
		} * html #next{background: transparent url(../gfx/big-arrows.gif) no-repeat -70px 0px;}
		#next:hover{background: transparent url(../gfx/big-arrows.png) no-repeat -70px 0px;}
		#prev{
			background: transparent url(../gfx/big-arrows.png) no-repeat 0px -70px;
			width: 50px;
			height: 50px;			
			position: absolute;
			left: -25px;
			top: 152px;			
			z-index: 99;			
		} * html #prev{background: transparent url(../gfx/big-arrows.gif) no-repeat 0px 0px;}
		#prev:hover{background: transparent url(../gfx/big-arrows.png) no-repeat 0px 0px;}
	/* END slide show */	
	
	#article_4{
		overflow: hidden;
		background: transparent url(../gfx/viiva_x4.gif) repeat-y;
	}
		.artic_4{
			float: left;
			width: 237px;		
		}
		.left_border{
			width: 240px;				
		}
			.art_image_4{
				overflow: hidden;	
			}
			.art_image_4 p{
				margin: 0;
			}
			.art_content{
				padding: 20px;	
				overflow: hidden;	
			}
	#article_2{}
		.artic_2{
			float: left;
			width: 50%;	
			overflow: hidden;			
		}	
			.art_image_2{	
			    overflow: hidden;
			    margin: 20px;			
			}
				.art_image_2 p{
					margin: 0;
					padding: 0;
				}
			.art_content_2{
				padding: 10px 20px;	
			}
			.art_content_2 .news_title{
				position: relative;
				height: 1em;
			}.art_content_2 .news_title .htmldata_controls {position: absolute;right: 0;top: 5px;}
			.news_right .line0, .news_right .line1, .news_right .line2{
				display: none;
			}
			.news_left .tagfeed_links {
				display: none;				
			}
.ext{
	clear: both;
}	
/************************************************** FOOTER *****************************************************/
#wrapper_bottom {
	width: 100%;
}
	#footer {
		margin: 0 auto;
		padding: 15px;
		overflow: hidden;
		position: relative;
		width: 930px;
		border-top: solid 5px #e31c19;
	}
		#footer a{
			color: white;
		}	
		.footer_content{
			float: left;
			width: 265px;
			padding: 0 20px;
			overflow: hidden;
			color: white;
		}
		#footer_content_1{}
		#footer_content_2{}
		#footer_content_3{}
			.footer_title{
				color: #ff0000;	
			}		
	/* EMEDIA SIGNATURE */
	#signature {
		clear: both;
		margin-top: 2px;
	}
	#signature, #signature a {
		color: #fff;
		font-family: Verdana, Arial;
		font-size: 9px;
		line-height: 16px;
		text-align: right;
	}
	#signature a {
		text-decoration: none;
		font-weight: bold;
	}
	
.ext{
	clear: both;
}
/* editor_css muutos */
.lue_lisaa:hover{
	background-position: right 2px;
	color: #333333!important;
}
#footer .lue_lisaa{
	background-image: none;
}

/** CSV-taulukon tyylejä **/

.csv_section, .csv_wwwdata {
	margin-top: 10px;
}
.csv_section  .csvtable .easysetup_currvalue {
	display: none;
}
.csv_section .csvtable .easysetup_text {
	display: none;
}
.csvtable .header .easysetup {
	width: 24px;
}
.csvtable td {
	text-align: right;
}
.csvtable .header, .csvtable .row_title {
	text-align: left;
}
.csvtable_editable th, .csvtable_editable td {
	vertical-align: top;
}
.csvtable   {
	border-collapse:collapse;
}
.csvtable_editable input {
	border: 1px solid #c3c3c3;	
	display: block;
	width: 90px;
}
.csvtable_editable .csvdata_gramex_title {
	border: 3px solid #c3c3c3;
	font-style: italic;
}
.csvtable_editable td.row_data{
	text-align: right;
}
.csvtable td, .csvtable th {
	padding: 5px;
	border: 1px dashed #c3c3c3;
}
.csv_section .csvcontrols {
	margin: 0;
	padding: 0;
}
.csv_section .csvcontrols  li {
	display: inline;
	padding-right: 3px;
}