/* itella PAGE HEADER */

#page-header {
	background-position:100px 0px;
}

#page-header #site-navi ul {
	width:200px;
}

/* CONTENT */

#content {
	float:left;
	margin:0;
	padding:0;
	padding-right:20px;
	font:100% arial, helvetica, sans-serif;
	line-height:1.2em;
	width:508px;
	-width:510px;
	padding-left:36px;
	-padding-left:35px;
}

#content h1 {
	margin-top:0;
}

.news_list {
	margin:0 !important;
	margin-bottom:6px !important;
	padding:0 !important;
	font:78% arial, helvetica, sans-serif !important;
	line-height:160% !important;
}

.news_list li {
	list-style:none !important;
	font:100% arial, helvetica, sans-serif !important;
}	

.news_list li a {
	padding-left:5px;
	text-decoration:none;
}

.news_list li a:hover {
	text-decoration:underline;
}

.news_list li.month {
	margin-top:10px;
}

/* SPECIAL LINKS */

.link_with_arrow {
	background-image:url('../pics/arrow_right_2.gif');
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:10px;
	padding-top:2px;
	font:100% arial, helvetica, sans-serif;
	text-decoration:none;
}

.link_with_arrow:hover {
	text-decoration:underline;
}

.link_login {
	border:1px solid #7194b2;
	background-image:url('../pics/painike_tausta_2.gif');
	background-repeat:repeat-x;
	background-position:bottom;
	color:#0000cc;
	margin:0;
	padding:5px;
	white-space:nowrap;
	text-decoration:none;
	height:22px;
	-height:25px;
}

.link_login:hover {
	background-image:url('none');
    background-color:#ffffff;
	text-decoration:none
}

.link_login:active {
	background-image:url('none');
    background-color:#c8dcff;
	text-decoration:none
}

/* MAIN NAVI */

#main-navi ul li {
	margin:0;
	padding:0;
	border-right:1px solid #7DA0FF;
}

#main-navi ul li.on {
	background:#009933;
}

/* SUB NAVI */

#sub-navi ul li a {	
	color:#0000CC;
}

#sub-navi h2 {
	/* color:#1c358f; */
	color:#0100c6;
}

/* THEME */

#theme {
	display:block;
	width:100%;
	float:left;
	margin:0;
	padding:0;
/*	border-bottom:1px solid #009933; */
	border-bottom:1px solid #c8dcff;
	padding-bottom:17px;
}

#theme .image {
	margin:0;
	padding:0;
	display:inline;
	float:left;
	margin-right:20px;
}

#features {
	float:left;
	margin:0;
	padding:0;
}

/* SERVICES */

#services, #misc-info {
	font:100% Arial, Helvetica, sans-serif;
	padding-bottom:10px;
	margin:0;
	line-height:100%;
}

#services #info, #services #related, #services #related_outside, #services #online, #services #other_countries, #services #extranet, #misc-info #related, #misc-info #related_outside, #misc-info #online, #misc-info #banner, #misc-info #product-info, #misc-info #product-combine, #services #product-info, #services #product-combine {
	margin:0;
	padding:0;
	margin-bottom:15px;
}

#services #info h3, #services #related h3, #services #related_outside h3, #services #online h3, #services #other_countries h3, #services #extranet h3, #misc-info #related h3, #misc-info #related_outside h3, #misc-info #online h3, #misc-info #banner h3, #services #product-info h3, #services #product-combine h3 {
	margin:0;
	padding:10px;
	padding-left:15px;
	padding-bottom:11px;
}

#services #info h4, #services #related h4, #services #related_outside h4, #services #online h4, #services #other_countries h4, #services #extranet h4, #misc-info #related h4, #misc-info #related_outside h4, #misc-info #online h4, #misc-info #banner h4, #misc-info #product-info h4, #misc-info #product-combine h4, #services #product-info h4, #services #product-combine h4 {
	margin:0;
	padding:0;
	padding-bottom:5px;
	padding-top:2px;
	padding-left:15px;
}

#services #related p, #services #related_outside p, #services #online p, #services #other_countries p, #services #extranet p, #misc-info #info p, #misc-info #related p, #misc-info #related_outside p, #misc-info #online p, #misc-info #banner p, #misc-info #product-combine p, #services #product-info p, #services #product-combine p {
	margin:0;
	padding:0;
	padding-left:15px;
	padding-right:15px;
	padding-top:1px;
	padding-bottom:10px;	
}

/* Added 19.7.07 */
#misc-info #product-info p, #services #product-info p {
	margin:0;
	padding:0;
	padding-left:15px;
	padding-right:15px;
	padding-top:1px;
	padding-bottom:5px;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
}

#services #info ul, #services #related ul, #services #related_outside ul, #services #online ul, #services #other_countries ul, #services #extranet ul, #misc-info #related ul, #misc-info #related_outside ul, #misc-info #online ul, #misc-info #banner ul, #misc-info #product-info ul, #misc-info #product-combine ul, #services #product-info ul, #services #product-combine ul {
	margin:0;
	padding:0;
	padding-left:15px;
	padding-bottom:9px;
	font-size:78%;
	list-style:none;
	line-height:120%;
}

#services #online ul  {
	border-top:1px solid #F0F5FF;
}

#services #info ul li, #services #related ul li, #services #related_outside ul li, #services #online ul li, #services #other_countries ul li, #services #extranet ul li, #misc-info #related ul li, #misc-info #related_outside ul li, #misc-info #online ul li, #misc-info #banner ul li, #misc-info #product-info ul li, #misc-info #product-combine ul li, #services #product-info ul li, #services #product-combine ul li {
	margin:0;
	padding:0;
	background-image:url('../pics/arrow_right.gif');
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:15px;
	padding-top:1px;
	padding-bottom:1px;	
}

/* Added 18.7.07 - used for non-link item lists */
#misc-info #product-info ul li.list, #misc-info #related ul li.list, #services #related ul li.list {
	margin:0;
	padding:0;
	background-image:url('../pics/ball.gif');
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:15px;
	padding-top:1px;
	padding-bottom:1px;
}

#services #info ul li a, #services #related ul li a, #services #related_outside ul li a, #services #online ul li a, #services #other_countries ul li a, #services #extranet ul li a, #misc-info #related ul li a, #misc-info #related_outside ul li a, #misc-info #online ul li a, #misc-info #banner ul li a, #misc-info #product-info ul li a, #misc-info #product-combine ul li a, #services #product-info ul li a, #services #product-combine ul li a {
	margin:0;
	padding:0;
	display:block;
	width:85%;
	text-decoration:none;
}

#services #info ul li a:hover, #services #related ul li a:hover, #services #related_outside ul li a:hover, #services #online ul li a:hover, #services #other_countries ul li a:hover, #services #extranet ul li a:hover, #misc-info #related ul li a:hover, #misc-info #related_outside ul li a:hover, #misc-info #online ul li a:hover, #misc-info #banner ul li a:hover, #misc-info #product-info ul li a:hover, #misc-info #product-combine ul li a:hover, #services #product-info ul li a:hover, #services #product-combine ul li a:hover {
	text-decoration:underline;
}

#services #info p .link_with_arrow, #services #related p .link_with_arrow, #services #related_outside p .link_with_arrow, #services #online p .link_with_arrow, #services #other_countries p .link_with_arrow, #services #extranet p .link_with_arrow, #misc-info #related p .link_with_arrow, #misc-info #related_outside p .link_with_arrow, #misc-info #online p .link_with_arrow, #misc-info #banner p .link_with_arrow, #misc-info #product-info p .link_with_arrow, #misc-info #product-combine p .link_with_arrow {
	font-size:100%;
	display:block;
	margin-top:0;
	padding-top:2px;
	padding-left:15px;
}

/* RELATED, INFO */

#services #related, #misc-info #related, #services #info, #misc-info #info {
	background-image:url('../pics/bg_info.gif');
	background-repeat:repeat-x;
}

#services #related .header, #misc-info #related .header, #services #info .header, #misc-info #info .header {
	height:4px;
	background-image:url('../pics/bg_header_info.gif');
	background-repeat:no-repeat;
}

#services #related .footer, #misc-info #related .footer, #services #info .footer, #misc-info #info .footer {
	height:5px;
	width:100%;		
	float:left;	
	background-image:url('../pics/bg_footer_info.gif');
	-background-image:url('../pics/bg_footer_info2.gif');
	background-repeat:no-repeat;	
}

#services #related .data, #services #info .data, #misc-info #info .data, #services #related h3, #misc-info #related h3, #services #info h3, #misc-info #info h3, #services #related ul, #misc-info #related ul, #services #info ul, #misc-info #info ul, #services #related p, #misc-info #related p, #services #info p, #misc-info #info p  {
	border-left:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
}

/* Added 1.3.07 */
#services #info p {
	margin:0;
	padding:0;
	padding-left:15px;
	padding-right:5px;	
	padding-bottom:10px;
	font-size:78%;
	width: 179px;
	border-left:1px solid #e6e6e6;
	-border-left:1px solid #e6e6e6;
}

/* INFO .DATA */ 

#services #info .data {
	margin:0;
	padding:0;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:10px;
	font-size:78%;		
}

/* RELATED_OUTSIDE */

#services #related_outside, #misc-info #related_outside {
	border:2px solid #b7b7b7;
	-width:200px;
	-border-left:2px solid #b7b7b7;
	-border-right:2px solid #b7b7b7;
}

#services #related_outside p, #misc-info #related_outside p {
	padding-left:15px;
	padding-bottom:10px;
	margin-bottom:0;
}
#services #related_outside h3, #misc-info #related_outside h3 {
	background:#f5f5f5;
	border-bottom:1px solid #b7b7b7;
	margin:0;
	padding-top:5px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:5px;
	margin-bottom:10px;
}

/* ONLINE */

#services #online, #misc-info #online {
	border-bottom:1px solid #c8dcff;
	background-color:#f0f5ff;
	/*padding-bottom:4px;*/
	margin-bottom:15px;
}

#services #online h3, #misc-info #online h3 {
	margin:0;
	margin-bottom:9px;
	padding-right:15px;
	padding-top:3px;
	padding-bottom:5px;
	background-image:url('../pics/bg_online_header.gif');
	background-repeat:no-repeat;
	background-position:top left;
	color:#0a2b88;
}

/*#services #online ul, #misc-info #online ul {
	width:180px;
 }*/

#services #online .sections .section .data form, #misc-info #online .sections .section .data form {
	margin:0;
	padding:0;	
	padding-left:15px;
	vertical-align:top;
}


#services #online .section .text, #misc-info #online .section .text {
	width:118px;
	padding:0;
	padding-top:3px;
	padding-bottom:3px;
/*	font-style:italic; */
}

#services #online .submit, #misc-info #online .submit {
	-padding-left:3px;
	-padding-right:3px;
}

#services #online .sections .section .data .link a, #misc-info #online .sections .section .data .link {
	display:block;
	margin-top:4px;
	padding-bottom:11px;
}

#services #online .link a, #misc-info #online .link a {
	margin:0;
	padding:0;
	font:78% arial, helvetica, sans-serif;
	background-image:none;
	background:none;
	text-decoration:none;
}

#services #online .link a:hover, #misc-info #online .link a:hover {
	text-decoration:underline;
}


#services #online td.login_header {
	margin:0;
	padding:0;	
	padding-left:15px;
	vertical-align:top;
	font:78% arial, helvetica, sans-serif;
}

#services #online td.login_input {
	margin:0;
	padding:0;	
	padding-left:15px;
	vertical-align:top;
}


/* BANNER */

#misc-info #banner {
	margin:0;
	margin-bottom:11px;
	padding:0;
}

#misc-info #banner a img {
	margin:0;
	padding:0;
	border-collapse:collapse;
}

/* PRODUCT INFO, PRODUCT  COMBINE */

#misc-info #product-info h3, #misc-info #product-combine h3, #services #product-info h3, #services #product-combine h3 {
	margin:0;
	margin-bottom:10px;
	padding:0;
	padding-top:5px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:5px;
}

#misc-info #product-info h4, #misc-info #product-combine h4, #services #product-info h4, #services #product-combine h4 {
	padding-bottom:2px;
}

/* PRODUCT-INFO blue */

#misc-info #product-info, #services #product-info {
	border:2px solid #bad1e6;
	border-top:1px solid #bad1e6;
}

#misc-info #product-info h3, #services #product-info h3 {
	background:#f0f5ff;
	border-top:1px solid #bad1e6;
	border-bottom:1px solid #bad1e6;
}

/* PRODUCT-COMBINE green */

#misc-info #product-combine, #services #product-combine {
	border:2px solid #bedf8f;
	border-top:1px solid #bedf8f;
}

#misc-info #product-combine h3, #services #product-combine h3 {
	background:#f0f8e5;
	border-top:1px solid #bedf8f;
	border-bottom:1px solid #bedf8f;
}

/* SERVICES EXTRANET */

#services #extranet {
	/*float:left;*/
	padding:0;
	margin-bottom:15px;
	background:#ffffff;
	border:0px none;
	width:200px; margin-left:0; margin-right:0; margin-top:0
}

#services #extranet .header {
	/*float:left*/;
	margin:0;
	padding:0;	
}

#services #extranet .footer {
	/*float:left;*/
	margin:0;
	padding:0;
	background-image:url('../pics/bg_footer_extranet.gif');
	background-repeat:no-repeat;
	height:5px;
	width:100%;
}

#services #extranet .data {
	/*float:left;*/
	margin:0;
	padding:0;
	padding-bottom:15px;
	border-left:1px solid #c4d6ec;
	border-right:1px solid #c4d6ec;
	width:198px;
}

#services #extranet h3 {
	/*float:left;*/
	margin:0;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:15px;
	background-image:url('../pics/bg_header_extranet.gif');
	background-repeat:no-repeat;
	border:0px none;
	color:#ffffff;
	width:185px; padding-right:0
}

#services #extranet ul {
	/*float:left;*/
	padding-right:15px;
}

#services #extranet p {
	/*float:left;*/
	margin:0;
	padding:0;
	padding:15px;
}


/* SERVICES other_countries */

#services #other_countries {
	/*float:left;*/
	margin:0;
	padding:0;
	background:#ffffff;
	width:200px;
	margin-bottom:14px;
	-margin-bottom:11px;
}

#services #other_countries .header {
	/*float:left;*/
	margin:0;
	padding:0;	
	width:100%;
}

#services #other_countries .footer {
	/*float:left;*/
	margin:0;
	padding:0;
	width:100%;
}

#services #other_countries .data {
	/*float:left;*/
	margin:0;
	padding:0;	
	width:100%;
}

#services #other_countries h3 {
	/*float:left;*/
	margin:0;
	padding:0;
	padding-top:3px;
	padding-bottom:2px;
	padding-left:15px;
	background-image:url('../pics/bg_header_other_countries.gif');
	background-repeat:no-repeat;
	color:#2d2d2d;
	width:190px;
}

#services #other_countries .data form {
	/*float:left;*/
	margin:0;
	padding:0;
}

#services #other_countries .data .form {
	/*float:left;*/
	margin:0;
	padding:0;
	padding:7px;
	padding-top:20px;
	padding-bottom:22px;	
	background-image:url('../pics/bg_other_countries.gif');
	background-repeat:no-repeat;
	width:190px;
	height:21px;
}

#services #other_countries .data .form select {
	/*float:left;*/
	margin:0;
	padding:0;
	font:70% Arial, Helvetica, sans-serif;
	width:150px;
	margin-left:0px;
	margin-right:0px;
	border-color:#cbcbcb;
}

/* OPERA spesific */

@media all and (min-width: 0px) {
#services #online ul {
	width:180px;
	}
}

/* HIGHLIGHT */

.pic_highlight {
	display:inline;
	float:left;
	margin-right:15px;
	margin-bottom:15px;
}