@charset "UTF-8";

/**
* (c) Timo Häkkinen
* Mainostoimisto Aava & Bang Oy
* http://www.bang.fi/
*/

/* Structural site elements
----------------------------------------------- */

*
{
	margin: 0px;
	padding: 0px;
}

body
{
	background: #ebf0fa url('http://www.mvo.fi/images/background_site.jpg') repeat-x scroll top left;
	text-align: center;
}

div.container
{
	width: 980px;
	margin: 0px auto 0px auto;
}

div#header
{
	background: #173651 url('http://www.mvo.fi/images/background_header.jpg') no-repeat scroll top left;
	height: 260px;
	margin-top: 10px;
	overflow: hidden;
}

div#page
{
	margin-bottom: 10px;
}

div#sisalto
{
	padding: 20px 20px 10px 20px;
}

div#footer
{
	background: #009ee0 url('http://www.mvo.fi/images/background_footer.gif') no-repeat scroll top left;
	height: 40px;
}



/* jQuery
----------------------------------------------- */

.ui-tabs-hide
{
	display: none;
}

.ui-tabs-selected
{
	color: #000000;
	font-weight: bold;
}

.ui-tabs-selected a:link,
.ui-tabs-selected a:visited,
.ui-tabs-selected a:hover,
.ui-tabs-selected a:active
{
	color: #000000;
	text-decoration: none;
	border-bottom: 0px !important;
}

.error
{
	color: #cc0000;
}



/* Content design and layout
----------------------------------------------- */

div.column
{
	float: left;
	text-align: left;
}

div.main
{
	width: 710px;
}

div.sidebar,
div.sidebar_blank
{
	width: 270px;
}

div.sub_main
{
	width: 360px;
}

div.sub_sidebar
{
	float: right;
	width: 270px;
}

div#site_logo
{
	text-align: left;
	padding: 20px 20px 0px 20px;
}

div#user
{
	width: 230px;
	margin-left: 20px;
}

div#user h3
{
	margin-top: 0px;
	margin-bottom: 0px;
}

div#intro
{
	padding: 50px 20px 0px 20px;
}

div#page div.sidebar
{
	background: transparent url('http://www.mvo.fi/images/background_navigation_bottom.gif') no-repeat scroll bottom left;
}

div#page div.main
{
	background: #ffffff url('http://www.mvo.fi/images/background_content.gif') repeat-y scroll top left;
}

div#outro
{
	background: #c1e9f9 url('http://www.mvo.fi/images/background_content.gif') repeat-y scroll top left;
	padding: 20px 20px 20px 40px;
}

div.huomautus
{
	background-color: #e00022;
	border: 1px solid #f01032;
	color: #ffffff;
	width: 280px;
	padding-top: 10px;
	margin: 0px 0px 20px 00px;
}

div.huomautus p
{
	color: #ffffff;
	margin-left: 10px;
}

div.message p, div.message strong, div.message em
{
	color: #ffffff;
}

div.form_ok
{
	background-color: #75a32d;
	padding: 10px;
	margin-bottom: 20px;
}



/* General elements and styles
----------------------------------------------- */

img
{
	border: 0px;
}

.centered
{
	text-align: center;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.no_margin
{
	margin: 0px !important;
	padding: 0px !important;
}

.clear_both
{
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}

.parent_container
{
	overflow: auto;
}



/* Text styles
----------------------------------------------- */

*
{
	font-family: arial, helvetica, sans-serif;
	color: #5e5e5e;
}

p, div
{
	font-size: 9pt;
	line-height: 14pt;
	margin-bottom: 14pt;
}

div
{
	margin-bottom: 0px;
}

.strikethrough
{
	text-decoration: line-through;
}

.ylaindeksi
{
	font-size: 12pt;
	font-family: courier, monotype;
	margin-left: -0.15em;
}



/* Headers
----------------------------------------------- */

h1, h2, h3, h4
{
	line-height: 1em;
}

h1
{
	color: #657a86;
	font-size: 18pt;
	font-weight: bold;
	margin-top: 6pt;
	margin-bottom: 8pt;
}

h2
{
	color: #657a86;
	font-size: 16pt;
	margin-top: 6pt;
	margin-bottom: 8pt;
}

h3
{
	/*color: #b4cbd8;*/
	color: #657a86;
	font-size: 14pt;
	font-weight: normal;
	margin-top: 6pt;
	margin-bottom: 8pt;
}

div#user h3
{
	margin-top: 0pt;
	margin-bottom: 6pt;
}

h4
{
	color: #000000;
	font-size: 12pt;
	font-weight: normal;
	margin-bottom: 6pt;
}



/* Lists
----------------------------------------------- */

ul, ol
{
	margin-top: 0pt;
	margin-bottom: 14pt;
}

li
{
	line-height: 14pt;
	margin-left: 1em;
}

ol li
{
	margin-left: 2em;
}

li.odd
{
}

li.selected
{
}

ul.say_no_to_bullets li, ol.say_no_to_bullets
{
	list-style-type: none;
	margin-left: 0px;
}

ul.separated li
{
	margin-bottom: 1em;
}



/* Links
----------------------------------------------- */

a
{
	color: #287096;
}

a:link
{
	text-decoration: none;
}

a:visited
{
	text-decoration: none;
	color: #952896;
}

a:hover
{
	text-decoration: none;
}

a:active
{
	text-decoration: none;
}



table.tablesorter thead tr th
{
	/*cursor: pointer;*/
}

/* Site-specific styles
----------------------------------------------- */

div#intro p
{
	color: #ffffff;
	font-size: 12pt;
	font-weight: normal;
	margin-bottom: 6pt;
}

div#intro p a
{
	font-size: 11pt;
	color: #ffffff;
	text-decoration: none;
	padding: 3px;
	border-bottom: 1px solid #ffffff;
}

div#intro p a:hover
{
	background-color: #009ee0;
	text-decoration: none;
	border-bottom: 0px;
}

div.column p img
{
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}

h3#login
{
	color: #97adb8;
	font-size: 14pt;
	margin-top: 0px;
	margin-bottom: 10pt;
}

p#retrieve_password
{
	float: right;
	padding-right: 10px;
	line-height: 25px;
}

div#intro h2, div#intro h4
{
	color: #ffffff;
}

div#intro h4
{
	margin-top: 6pt;
	margin-bottom: 8pt;
}

p.pvm
{
	margin-bottom: 0px;
}

p.korostus
{
	color: #75a32d;
}

p.ingressi
{
	font-size: 10pt;
}

p.arkisto
{
	margin-top: 20pt;
	font-weight: bold;
}

div#outro p
{
	background: transparent url('http://www.mvo.fi/images/site_icon_outro.gif') no-repeat scroll top left;
	font-size: 8pt;
	padding-left: 80px;
	margin-bottom: 0px;
}

div#footer p
{
	color: #ffffff;
	font-size: 8pt;
	line-height: 40px;
	padding-left: 20px;
	margin-bottom: 0px;
}



/* Accessibility
----------------------------------------------- */

div#accessibility
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 30px;
	font-size: 4pt;
}

ul#accessibility_tools
{
	visibility: hidden;
}

p.back_to_top
{
	text-align: right;
	margin-bottom: 0px;	
}



/* Microformats
----------------------------------------------- */

div.vcard
{
	margin-bottom: 14pt;
}

div.vcard .fn
{
	font-weight: bold;
}

div.vcard .email
{
	font-style: italic;
}



/* Lists
----------------------------------------------- */

ul.uutisarkisto
{
	list-style-type: none;
	margin-bottom: 30px;
}

ul.uutisarkisto li
{
	margin: 0px 0px 10px 0px;
}

ol.liittymahinnasto li, ol.ukk li
{
	padding-left: 10px;
	border-left: 1px solid #657a86;
}

ol.liittymahinnasto li ul li
{
	margin-left: 2em;
	border-left: 0px;
}

ol.liittymahinnasto li ul li:hover, ol.ukk li ul li
{
	border-left: 0px;
}

ol.liittymahinnasto li ul li.lisatieto
{
	list-style-type: none;
	margin-top: 1em;
	margin-left: 0em;
}

ol#ukk
{
	margin-left: 2em;
}

ol.ukk_list li
{
	margin: 0em 0em 0.5em 1.5em;
}

ul.tiedostot li
{
	margin-bottom: 5px;
}



/* Forms
----------------------------------------------- */

ul.form_fields
{
	list-style-type: none;
	margin: 0px;
}

ul.form_fields li
{
	margin: 0px 0px 10px 0px;
}

input, textarea
{
	font-size: 9pt;
}

form.yhteydenotto label
{
	display: block;
	font-weight: bold;
}

form.yhteydenotto input.user_submit
{
	background-color: transparent;
	padding: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

form.yhteydenotto input,
form.yhteydenotto textarea
{
	color: #898d8d;
	font-size: 12pt;
	padding: 5px;
	border: 1px solid #c6c6c6;
}

form.yhteydenotto input.user_text:hover,
form.yhteydenotto input.user_text:focus,
form.yhteydenotto textarea.user_text:hover,
form.yhteydenotto textarea.user_text:focus
{
	color: #656567;
	border: 1px solid #909090;
}

fieldset
{
	padding: 5px 10px;
	margin-bottom: 14pt;
	border: 1px solid #d0d7da;
}

legend
{
	margin: 0px 10px;
	padding: 0px 5px;
}

div#user input.form_text
{
	display: block;
	width: 100%;
	padding: 3px 5px;
	margin-bottom: 4px;
	border: 1px solid #d0d7da;
}
/*
div#user input.form_submit
{
	background: #0065c6 url('http://www.mvo.fi/images/form_user_submit.gif') no-repeat scroll top left;
	color: #ffffff;
	width: 66px;
	height: 25px;
	margin-top: 2px;
	border: 0px;
}

div#user form p
{
	margin-bottom: 0px;
}
*/

div#user ul.form_fields
{
	margin-bottom: 0px;
}

div#user ul.form_fields li
{
	overflow: hidden;
	clear: both;
}

div#user ul.form_fields li label
{
	float: left;
	font-weight: bold;
	width: 80px;
}

div#user ul.form_fields li input.user_text
{
	width: 140px;
}

div#user ul.form_fields li input.user_button
{
	padding: 2px 5px;
}

div#user a
{
	padding: 3px;
	text-decoration: none;
}

div#user a:hover
{
	background-color: #009ee0;
	color: #ffffff;
	text-decoration: none;
}

div#pagelogin ul.form_fields li label
{
	display: block;
	font-weight: bold;
}

div#pagelogin ul.form_fields li input.user_button
{
	padding: 2px 5px;
}

div#pagelogin a
{
	padding: 3px;
	text-decoration: none;
}

div#pagelogin a:hover
{
	background-color: #009ee0;
	color: #ffffff;
	text-decoration: none;
}

div#mittarilukema_add
{
	overflow: hidden;
	margin-bottom: 14pt;
}

div#mittarilukema_add ul.form_fields label
{
	display: block;
	font-weight: bold;
}

div#mittarilukema_add ul.form_fields input.user_button
{
	display: block;
	width: auto;
	padding: 2px 5px;
}




/* Tables
----------------------------------------------- */

table#mittarilukema_view,
table#jasenet
{
	border-collapse: collapse;
	width: 350px;
	width: 660px;
	margin-top: 14pt;
	margin-bottom: 14pt;
}

table#mittarilukema_view th,
table#jasenet th
{
	text-align: left;
}

table#mittarilukema_view td,
table#jasenet td
{
	padding: 5px;
}

table#mittarilukema_view td,
table#jasenet td
{
	width: 210px;
}

table#mittarilukema_view tr.even td,
table#jasenet tr.even td
{
	background-color: #f0f0f0;
}



/* Links
----------------------------------------------- */

p#retrieve_password a
{
	text-decoration: none;
	border-bottom: 1px solid #287096;
}

p#retrieve_password a:visited
{
	color: #952896;
	border-bottom: 1px solid #952896;
}

p#retrieve_password a:hover
{
	border-bottom: 0px;
}

div#sisalto a, div#sisalto a:link
{
	border-bottom: 1px solid #287096;
}

div#sisalto a:visited
{
	border-bottom: 1px solid #952896;
}

div#sisalto a:hover, div#sisalto a:active
{
	border-bottom: 0px;
}

div#footer a, #footer a:link, #footer a:visited
{
	color: #ffffff;
	text-decoration: none;
}

div#footer a:hover, #footer a:active
{
	color: #ffffff;
	text-decoration: underline;
}



/* Navigation
----------------------------------------------- */

div#main_navigation
{
	padding-bottom: 20px;
}

div#main_navigation ul#parent
{
	background: transparent url('http://www.mvo.fi/images/background_navigation_top.gif') no-repeat scroll top left;
	padding-top: 20px;
}

div#main_navigation ul.navigation li
{
	list-style-type: none;
	font-size: 12pt;
	margin: 0px;
}

div#main_navigation ul#parent li a,
div#main_navigation ul#parent li.current ul li a
{
	background: transparent none;
	display: block;
	color: #050505;
	/* height: 25px; */
	/* line-height: 25px; */
	text-decoration: none;
	padding: 5px 40px 5px 40px;
	margin: 0px;
}

div#main_navigation ul#parent li a:hover,
div#main_navigation ul#parent li ul li a:hover
{
	background-color: #c1e9f9;
	background-image: none;
	color: #000000;
}

div#main_navigation ul#parent li.current a,
div#main_navigation ul#parent li ul li.current a
{
	background: #009ee0 url('http://www.mvo.fi/images/navigation_item_background.gif') no-repeat scroll center right;
	color: #fafdfe;
}

div#main_navigation ul#parent li ul
{
	margin: 0px;
}

div#main_navigation ul#parent li ul
{
	display: none;
}

div#main_navigation ul#parent li.current ul,
div#main_navigation ul#parent li.parent-current ul
{
	display: block;
}

div#main_navigation ul#parent li ul li a
{
	padding: 5px 40px 5px 50px !important;
}

div#main_navigation ul#parent li.parent-current a,
div#main_navigation ul#parent li.parent-current a:hover
{
	background-color: #009ee0;
	background-image: none;
	color: #fafdfe;
}

div#main_navigation ul#parent li.current ul li a,
div#main_navigation ul#parent li.parent-current ul li a
{
	background-color: #ebf0f3;
	background-image: none;
	color: #000000;
margin-left: -1px;
margin-right: -1px;
}

div#main_navigation ul#parent li.current ul,
div#main_navigation ul#parent li.parent-current ul
{
	border-left: 1px solid #dee4e7;
	border-bottom: 1px solid #dee4e7;
}

div#main_navigation ul#parent li.current ul li a:hover,
div#main_navigation ul#parent li.parent-current ul li a:hover
{
	background-color: #64c8f0;
	color: #ffffff;
}

div#main_navigation ul#parent li.parent-current ul li.current a,
div#main_navigation ul#parent li.parent-current ul li.current a:hover
{
	background: #009ee0 url('http://www.mvo.fi/images/navigation_item_background.gif') no-repeat scroll center right;
	color: #fafdfe;
}



/* Sub navigation: hanke
----------------------------------------------- */

ul#navigation_hanke
{
	margin: 0px;
}

ul#navigation_hanke li
{
	display: inline;
	list-style-type: none;
	padding: 0px 5px 0px 0px;
	margin-left: 0px;
	border-right: 1px solid #ffffff;
}

ul#navigation_hanke li.last
{
	padding-right: 0px;
	border-right: 0px;
}

ul#navigation_hanke li a
{
	font-size: 11pt;
	color: #ffffff;
	text-decoration: none;
	padding: 3px;
	border-bottom: 1px solid #ffffff;
}

ul#navigation_hanke li a:hover
{
	background-color: #009ee0;
	text-decoration: none;
	border-bottom: 0px;
}

ul#navigation_hanke li.current a
{
	background-color: #009ee0;
	border-bottom: 0px;
}



/* Sub navigation: osakas
----------------------------------------------- */

div#osakas_navigation
{
	border-top: 1px solid #d0d7da;
}

ul#navigation_osakas
{
	padding: 15px 0px 10px 0px;
	margin: 0px 20px;
	border-bottom: 1px solid #d0d7da;
}

ul#navigation_osakas li
{
	display: inline;
	list-style-type: none;
	font-size: 11pt;
	padding-right: 20px;
	margin-left: 0px;
}

ul#navigation_osakas li a
{
	line-height: 44px;
	text-decoration: none;
}

ul#navigation_osakas li a img
{
	padding-right: 7px;
}

ul#navigation_osakas li a span
{
	color: #287096;
	vertical-align: top;
	padding: 3px;
	border-bottom: 1px solid #287096;
}

ul#navigation_osakas li a:hover
{
	text-decoration: none;
}

ul#navigation_osakas li a:hover span
{
	background-color: #009ee0;
	color: #ffffff;
	border-bottom: 0px;
}

ul#navigation_osakas li.current a span
{
	background-color: #009ee0;
	color: #ffffff;
	border-bottom: 0px;
}



/* Extranet
----------------------------------------------- */

div#user ul.navigation
{
	list-style-type: none;
	margin-bottom: 0px;
}

div#user ul.navigation li
{
	margin: 0px;
}

div#user ul.navigation a
{
	display: block;
	margin-left: -20px;
	margin-right: -20px;
}

div#user ul.navigation a:link,
div#user ul.navigation a:visited,
div#user ul.navigation li.current ul li a:link,
div#user ul.navigation li.current ul li a:visited
{
	background-color: transparent;
	color: #287096;
	padding: 2px 23px;
	text-decoration: none;
}

div#user ul.navigation a:hover,
div#user ul.navigation a:active,
div#user ul.navigation li.current ul li a:hover,
div#user ul.navigation li.current ul li a:active
{
	background-color: #c1e9f9;
	color: #000000;
	text-decoration: none;
}

div#user ul.navigation li.current a:link,
div#user ul.navigation li.current a:visited,
div#user ul.navigation li.current a:hover,
div#user ul.navigation li.current a:active
{
	background-color: #009ee0;
	color: #ffffff;
	text-decoration: none;
}

div#user ul.navigation ul
{
	list-style-type: none;
	margin: 0px;
}

div#user ul.navigation ul li
{
	margin-left: 0px;
}