@import url("navi.css"); /* import navigation style */ 

/* elements */
html,
body {
	font-family: "Verdana", "Arial", sans-serif;
	text-align:center;
	margin:0 auto;
	font-size: 11px;
	background: #e9f0f7 url(../gfx/bg08_sininen.jpg) repeat-x;
	height:100%;
}
table, tr,td{
	font-size: 11px;
} 
ul, li{
	margin:0;
	padding:0;
}
img{
	border:none;
}
a{
	color: #000;
	text-decoration:underline;
}
a:visited{
	color: #000;
}
a:hover{
	color: #333366;
	
}
h1, h2, h3, h4, h5{
	margin:0;
	padding:0;
	font-size:11px;
}
p{
	margin:8px 0;
}
form{
	margin:0;
	padding:0;
}
/* admin bar */
#admin {
    background-color: white;
    border-bottom: 1px solid gray;
}
/* wrappers */
#mainWrapper{
	width:990px;
	margin:auto;
	text-align:left;
}
#main{
	width:990px;
	position:relative;
	background:#fff url(../gfx/main_bg.gif) repeat-y;/*main_bg_new.gif*/
	min-height:100%;
}

#page{
	width:984px;
	background: url(../gfx/page_bg.gif) no-repeat;
	min-height:250px;
	padding:10px 3px 0;
	/*margin:10px 0;*/
	text-align:left;
	
}
#page a, #page a:visited{
	color: #000;
}
#page a:hover{
	color: #333366;
}
#content{
	float:left;
	width:844px;
	position:relative;
	margin-bottom:10px;
	
}

#banners{
	width:120px;
	float:right;
	margin-right:10px;
}
#testBanner{
	width:120px;
	float:right;
	margin-bottom:10px;
}
#banners img{
	margin-bottom: 8px;
}
#banners #flashBanners{
	height:250px;
	margin-bottom:10px;
}
#javascriptBanners {
	list-style: none;
}
/* HEADER *********************************************************/
#header{
	height:159px;
	width:984px;
	background: url(../gfx/mepco_header14.jpg) no-repeat;
	padding:0 3px;
	position:relative;
}
#tilaa_uutiskirje{
	position:absolute;
	right:-32px;
	top:0;
	height:142px;
	width:35px;
}
#header_logo{
	height:100px;
	text-align:left;
	float:left;
	width:200px;
}
#header_logo img{
	width:115px;
	height:72px;
	margin: 45px 0 0 25px;
}
#header_links{
	height:100px;
	text-align:left;
	float:left;
	width:600px;
}
#header_links .accountor{
	height:30px;
	margin:75px 0 0 30px;
	width:140px;
}
#lang{
	width: auto;
	float:right;
	text-align:right;
	margin:20px;
	white-space: nowrap;
}
/* MAIN TEMPLATE CONTENT ******************************************/
#flash{
	width:550px;
	height: 160px;
	/*background: url(../gfx/flash.jpg);*/
	float:left;
	margin-left:10px;
	z-index:0;
}
#centerFlash{
	height: 160px;
	background: #e9e9d4 url(../gfx/quote_bg.gif);
	float:left;
	width:274px;
	margin-left:10px;
	text-align:right;
	overflow:hidden;
	display:block;
	z-index:0;
}
#quote{
	height: 120px;
	background: #e9e9d4 url(../gfx/quote_bg.gif);
	float:left;
	width:234px;
	margin-left:10px;
	padding:20px 20px;
	text-align:right;
	overflow:hidden;
}
#quote p {
	margin:3px 0px;
}
/* COLUMNS AND ROWS */
.column{
	float:left;
	/*margin:10px 0 0 10px;*/
	margin:10px 0 0 0px;

}
.column h1,
#columnRight h1, .column h3,
#columnRight h3, #columnRight ul.tabList li span{
	font-size: 11px;
	font-weight:bold;
	color: #fff;
	line-height: 22px;
	padding:0 10px;
}
.column .txt,
#columnRight .txt{
	padding:5px 10px;
}
.blue{
	background: #e9f0f7;
}
.green{
	background: #f2f2e5;
}
#rekrybanneri{
	margin-bottom:20px;
}
.tId_144 #addthis,
.tId_157 #addthis {
	margin-left:10px;
}
.tId_145 #addthis,
.tId_146 #addthis,
.tId_147 #addthis{
	float:right;
	margin-top:3px;
}
/* rows and columns: */
.r1,
.r2,
.r3{
	margin-bottom:10px;
	width:270px;
	float:left;
	margin-left:10px;
	height:100%;
	
}
#c3r1{
	width:274px;
	
}
#c1{
	background:url(../gfx/row_blue_bg.gif) top left repeat-y;
}
#c2{
	/*background:url(../gfx/row_green_bg.gif) top left repeat-y;*/
	margin-bottom:0px;
}
#c1,
#c2{
	width:850px;
	
	/*width:290px;*/
}
#c3{
	width:300px;
}

/*****/
#c1 .r1.blue h1,
#c2 .r1.blue h1{
	background:url(../gfx/h1_blue270.jpg) top left;
}
#c1 #c3r1.blue h1,
#columnRight h1{
	background:url(../gfx/h1_blue274.jpg) top left;
}
#c1 .r2.green h1,
#c2 .r2.green h1{
	background:url(../gfx/h1_green270.jpg) top left;
}
/******/

#c1 .r1.blue h3,
#c2 .r1.blue h3{
	background:url(../gfx/h1_blue270.jpg) top left;
}
#c1 #c3r1.blue h3,
#columnRight h3{
	background:url(../gfx/h1_blue274.jpg) top left;
}
#c1 .r2.green h3,
#c2 .r2.green h3{
	background:url(../gfx/h1_green270.jpg) top left;
}
#c3r2{
	margin:0 0 0 10px;
	padding: 0;
	text-align: center;
	width:274px;
	float:left;
}
#c3r2 img{
	margin: auto;
	padding:0;
}
#c3r2{
min-height:265px;
}

/* Mepco_visupäivitys 20.10.2011***************************************** */
.tId_157 #col1,
.tId_157 #col2,
.tId_157 #col3{
	width:270px;
}
.tId_157 #col3{
	width:274px;
}
.tId_157 .column{
	margin:0 0 0 10px;
}
.tId_157 #col1 .r1,
.tId_157 #col1 .r2,
.tId_157 #col1 .r3,
.tId_157 #col2 .r1,
.tId_157 #col2 .r2,
.tId_157 #col2 .r3,
.tId_157 #col3 .r1,
.tId_157 #col3 .r2,
.tId_157 #col3 .r3 {
	float:none!important;
	margin:0;
}
.tId_157 .r1{
	padding-bottom:10px;
}
.tId_157 #c1{
	background-image:url(../gfx/two_row_blue_bg.gif);
	margin-top:10px;
	padding-top:0;
}

.tId_157  #rekrybanneri{
	margin:0px;
	padding:10px 0;
	background-color:white;
}

/* ********************************************************************** */



/* looper layout */
.news dd.date, .events dd.date{
	margin:.75em 0 0 0;
	padding:0 2em 0 0;
	clear:both;
}
.news dt.heading, .events dt.heading{
	text-align: left;
	margin:0;
	padding:0;
}
.events dt.heading {
	margin:.75em 0 0 0;
	padding:0;
}
/* content images */
img.right{
	float: right;
	padding: 10px;
	margin: 0 0 10px 10px;
}
img.left{
	float: left;
	padding: 10px;
	margin: 0 10px 10px 0;
} 
/* 2 COLUMN TEMPLATE ****************************************************** */
#columnLeft{ 
	width: 550px; 
	margin:0 0 0 10px;
	float:left;
	min-height:770px;
}
#columnLeft h1 {
	font-size:14px;
	margin:10px 0 15px;
}
#columnLeft h2 {
	font-size:12px;
	color:#6699CC;
}
#columnRight{
	margin:0 0 10px 0;
	padding:0;
	width:274px;
	background: #e9f0f7;
	right:0;
	float:right;
	height: 100%;
	min-height:100%;
	position: absolute;
	/* css2 */
	overflow: scroll;
	/* css3 */
	overflow-y: auto;
	overflow-x: hidden;
}
#columnRight form{
	padding:10px;
}
/* DOWNLOAD CENTER ************************************************/
form a:hover, form a, form a:visited{
	text-decoration:none;
	color:#006699;
	background:none;
}

.selection input.button,
.selection a.button {
	color:#006699!important;
	border:none;
	background:none;
	cursor:pointer;
	font-family:"Lucida Grande",Verdana,Arial,sans-serif;
	font-size:11px;
	padding:0;
	text-decoration:none;
}
form#downloadForm{
	margin-top:20px;
}
form#downloadForm ul li {
	background:transparent url(../gfx/tab_bg.jpg) no-repeat scroll left top;
	display:block;
	width:136px;
	height:35px;
	float:left;
}
form#downloadForm .tabs10 li a{
	text-decoration:none;
}

form#downloadForm .tabs10 li a:hover, form#downloadForm .tabs10 li.selected a{
	text-decoration:underline;
	color:#fff;
}

form#downloadForm .tabs10 a span {
	display:inline;
	float:left;
	padding:5px;
	font-weight:bold;
	margin:0;
	background:none;
	color:#fff;
}

form .selection{
	margin:10px 0 5px 10px;
	color:#6699cc;
}
form .selection a#toggleSelect{
	color:#006699;
	text-decoration:none;
}

ul#documents li a{
	background:none;
	color:#000;
	border:none;
}
ul#documents li a span{
	font-weight:bold;
	margin:25px 0 5px;
	background:none;
	color:#000;
}
form .tabs10 .documents.panel {
	border:#6699cc 1px solid;
	margin-left:1px;
	width:541px;
	padding:5px 0;
}
form .documents.panel .title {
	padding: 3px 0 2px 3em;
}
form .documents.panel .title.even,
.documents.panel .caption.even,
form .documents.panel .title.odd,
.documents.panel .caption.odd {
	background:none;
	line-height:22px;
}
form .documents.panel span.keywords {
}

form .documents.panel .icon {
	height:22px;
}
form .documents.panel dl {
	margin:0 0 0 10px;
}
form .documents.panel .icon img {
	max-width:22px;
}
form .lores {
	font-weight:normal;
	margin-right:1em;
	color:#006699;
	text-decoration:underline;
}
/* TABS ***********************************************************/
#columnLeft .tabs10 {
	padding:0;
	margin:0;
}
#columnRight .tabs10 {
	text-align:left;
	padding-bottom:10px;
}
#columnRight .tabs10 a{
	padding:0 10px;
}
#columnRight .tabs10 a:hover{
	background:none;
	color: #333366;
}
#columnRight .tabs10 ul a,
#columnRight .tabs10 div a{
	padding:0;
}
#columnRight ul.tabList li{
	background:url(../gfx/h1_blue274.jpg) top left;
	display:block;
}
#columnRight .tabs10 li a {
	background:none;
	border:none;
	float:none;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}
#columnRight .tabs10 a span{
	background:none;
	float:none;
	display:inline;
}
#columnRight .tabs10 .panel {
	padding:5px 10px;
}
#columnRight .tabs10 dt.heading {
	margin-bottom:8px;
	padding:0 0 0 0;
}
#columnRight .tabs10 dd.date {
	clear:both;
	margin:0;
	padding:0;
	width:255px;
}
/* FOOTER *********************************************************/
#footer{
	background:#fff;
	color:#6699cc;
	width: 964px;
	margin:auto;
	text-align:right;
	padding:0 10px 0;
}
#footer p{
	padding:5px 0;
	margin:0;
	border-top: #6699cc 1px solid;
}
#footer a{
	color: #6699cc;
	text-decoration: none;
}
#footer a:visited{
	color: #6699cc;
}
#footer a:hover{
	color: #6699cc;
	text-decoration: underline;
}
/* ****************************************************************/

.clear{
	clear:both;
	float: none;
}
.hide{
	display: none;
	height:0;
	width:0;
}