@charset "utf-8";
/*
	Patria Theme CSS
	created on 14.10.2008
	by AL, Descom Oy
*/

/* =reset browser defaults, used YUI reset-min.css */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

html {
    text-align: center;
}

body {
    position: relative;
    width: 880px;
    height: 100%;
}

/* =entry page */
body#entry {
    width: 430px;
    margin: 0 auto;
}

body#entry #branding {
    width: 430px;
    margin: 0;
    text-align: center;
}

body#entry #branding img {
    margin: 31px auto 17px;
    width: 117px;
}

body#entry #content {
    width: 430px;
    left: 0;
    height: 100%;
}

body#entry #content img#main {
    margin: -3px 0 0 -9px;
}

body#entry #content ul#patria-contents {
    margin: 2px 161px 0 0;
    text-align: right;
}

body#entry #content ul#patria-contents a {
    text-decoration: none;
}

body#entry #content ul#patria-contents a:hover {
    text-decoration: underline;
}

body#entry #content ul#patria-contents li {
    margin: 8px 0;
}

body#entry #content ul li {
    list-style: none;
}

/* =branding */
#branding {
    position: relative;
    width: 580px;
    margin: 0 0 0 192px;
}

#branding img#logo {
    margin: 20px 0 0 238px
}

/* =nav-main */
ul#nav-main {
    position: relative;
    width: 580px;
    margin: 0 0 0 204px;
    z-index: 999;
}

ul#nav-main li {
    float: left;
    padding: 21px 16px 0 0;
}

ul#nav-sub {
    clear: both;
}

/* =sidebar */
div#sidebar {
    position: absolute;
    display: block;
    padding: 8px 0 0;
    width: 190px;
    top: 105px;
    left: 0;
}

/* =nav-sub */
ul#nav-sub {
    position: relative;
}

ul#nav-sub li {
    margin: 6px 21px 6px 0;
}

/* =language selection */
body#entry ul#language-selection li {
	padding: 10px 12px 0 0;
}

body#entry ul#language-selection li a {
	width: 68px;
	height: 46px;
}

ul#language-selection {
    position: relative;
    float: right;
    margin: 37px 15px 0 0;
    padding: 0;
}

ul#language-selection li {
    float: left;
    padding: 0 8px 0 0;
    list-style: none;
}

ul#language-selection li a {
    display: block;
    text-indent: -9999px;
    width: 27px;
    height: 28px;
}

/* =content */
div#content {
    position: relative;
    display: block;
	overflow-y: auto;
	overflow-x: hidden;
    top: 26px;
    left: 193px;
    width: 560px;
    padding: 9px;
    min-height: 300px;
}

div#content.results {
	left: 0;
}

div#content span.main img {
    position: relative;
    margin: -54px 0 22px -9px;
    margin: -20px 0 22px -9px;
}

div#content p {
    margin: 12px 0;
}

div#content h1, div#content h2 {
    margin: 12px 0 0;
}

div#content blockquote {
    margin: 12px 39px;
}

div#content p.patria-focus {
    float: right;
    margin: -10px -7px 0 0;
    padding: 0 0 50px 0;
}

div#content ul,
div#content ol {
    padding: 12px 0 12px 40px;
}

div#content ul li {
    list-style: disc;
}

div#content ol li {
	list-style: decimal-leading-zero;
}

div#content ul#news {
    padding: 12px 0 0 0;
}

div#content ul#news li {
    list-style: none;
    padding: 0 0 48px 0;
}

div#content ul#news li em {
    display: block;
}

div#content ul.news {
	margin: 0 0 0;
	padding: 1px 0 0;
}

div#content ul.news li {
	list-style: none;
	margin: 2px 2px 5px;
}

ul.news li {
	position: relative;
	padding: 0 0 0 115px;
}

ul.news li em {
	position: absolute;
	margin: 0 0 0 -115px;
}

div#content p.title {
	margin: 2px 0;	
	position: relative;
}

div#content p.title em {
	position: absolute;
	left: 115px;
}

div#content ul#annual-report {
    margin-left: 0;
}

div#content ul#annual-report li {
    list-style-type: none;
}

div#content h3.announcements {
    margin-top: 15px;
    padding: 1px;
}

div#content ul.announcements {
    padding: 2px 0 2px;
    margin: 0 0 15px;
}

div#content ul.announcements li {
    display: inline;
}

div#content ul.announcements.pages {
	margin-top: 5px;
}

div#content ul.announcements.pages li {
	vertical-align: top;
}

div#content ul#magazine {
    position: relative;
    padding: 12px 0;
    margin-left: 0;
    width: 49%;
    float: left;
}

div#content ul#magazine li {
    position: relative;
    list-style: none;
}

div#content ul#magazine li img {
    display: block;
    position: relative;
    margin: 2px 0;
    top: 0;
    left: 0;
}

div#content ul#magazine li p {
    position: absolute;
    top: 0;
    left: 150px;
    margin: 0;
    width: 400px;
}

div#content ul#magazine-old {
    position: relative;
    padding: 12px 0;
    margin-left: 0;
    width: 49%;
    float: left;
}

div#content ul#magazine-old li {
    position: relative;
    list-style: none;
    display:none;
}

div#content ul#stories {
    margin-left: 0;
}

div#content ul#stories li {
    list-style: none;
    padding: 10px 0;
}

div#content h3.search {
    width: 100%;
    padding: 2px;
    margin: 0 0 15px;
}

div#content fieldset.search {
    position: relative;
}

div#content fieldset.search legend {
    display: none;
}

div#content fieldset.search input.search {
    width: 200px;
}

div#content fieldset.search ul {
    clear: both;
    display: block;
    position: relative;
    padding: 0;
}

div#content fieldset.search li {
    list-style: none;
    float: left;
    padding: 4px 7px 0 0;
}

div#content fieldset.search li.pages, 
div#content fieldset.search li.documents, 
div#content fieldset.search li.announcements {
    padding: 4px 7px 0 20px;
}

div#content fieldset.search li.options {
    clear: both;
}

div#content ul.result-control, 
div#content ul.search-results {
    clear: both;
    display: block;
    position: relative;
    padding: 0;
}

div#content ul.result-control {
    margin: 15px 0;
    padding: 3px 0 13px;
}

div#content ul.result-control li {
    list-style: none;
    float: left;
    padding: 4px 7px 0 0;
}

div#content ul.result-control a#first-page, 
div#content ul.result-control a#prev-page, 
div#content ul.result-control a#next-page, 
div#content ul.result-control a#last-page {
    display: block;
    width: 17px;
    height: 16px;
}

div#content ul.result-control a#first-page, 
div#content ul.result-control a#prev-page, 
div#content ul.result-control a#next-page, 
div#content ul.result-control a#last-page {
    text-indent: -9999px;
}

div#content ul.search-results {
    padding: 10px 0 0 0;
}

div#content ul.search-results li {
    position: relative;
    list-style: none;
    margin: 0 0 7px 0;
}

div#content ul.search-results a {
    padding: 0 0 0 25px;
}

div#content ul.search-results p {
    padding: 0 0 0 25px;
    margin: 0;
    width: 415px;
}

div#content ul.search-results li em {
    position: absolute;
    top: 0;
    right: 0;
}

#content ul#solutions-services {
    margin: -30px 0 30px;
    padding: 0 0 30px;
	float: left;
}

#content ul#solutions-services li {
    list-style: none;
    float: left;
    height: 130px;
    padding: 0 35px 0 0;
}

#content ul#solutions-services li a:hover {
    text-decoration: underline;
}

/* =sidebar-tools */
ul#sidebar-tools {
    position: absolute;
    top: 114px;
    left: 790px;
}

/* =sidebar-tools */
ul#sidebar-tools li {
    padding: 4px 0;
}

ul#sidebar-tools li.print a {
    padding: 4px 0 4px 17px;
}

/* =breadcrumb */
ul#breadcrumb {
    position: absolute;
    top: 276px;
    left: 193px;
}

ul#breadcrumb li {
    float: left;
    padding: 0 4px 0 0;
}

div#content ul#breadcrumb-tuotteet {
    margin: 0 0 15px -5px;
    padding: 0 0 15px;
}

div#content ul#breadcrumb li, 
div#content ul#breadcrumb-tuotteet li {
    float: left;
    padding: 0 4px 0 0;
    list-style: none;
}

p.clear {
    clear: both;
}

/* =footer */
div#footer {
    clear: both;
    position: relative;
    display: block;
    width: 580px;
    margin: 40px 0 0 190px;
    padding: 5px 0 0 0;
}

#footer ul#footer-tools {
    position: absolute;
    right: 0;
    top: 13px;
}

#footer ul#footer-tools li {
    padding: 0 0 0 5px;
    float: left;
}

#footer ul#footer-tools li.print a {
    padding: 4px 0 4px 17px;
}

#footer ul#footer-tools li.top-link a {
    padding: 4px 0 4px 22px;
}


/* the overlayed element */
div.overlay {
	
	/* growing background image */
	background-image:url(img/white.png);
	
	/* dimensions after the growing animation finishes  */
	width:580px;
	height:470px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding: 55px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(img/overlay/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* use a semi-transparent image for the overlay */ 
#overlay { 
    background-image: url(img/overlay/white-long.png); 
    height:100%; 
} 
 
/* container for external content. uses vertical scrollbar, if needed */ 
div.contentWrap { 
    height: 441px; 
    overflow-y: auto; 
} 

/* = jquery quickpager */

ul.pageNav {
	padding: 0 0 30px !important;
	margin: 5px 0 0 !important;
}

ul.pageNav li{
    display:block;
    float: left;
    padding: 3px;
}

ul.pageNav li a{
    color: #333;
    text-decoration: none;
}

li.currentPage {
	background: red;
        background: #003270;	
}

ul.pageNav li.currentPage a {
	color: #fff;	
}

/* = jquery quickpager */