/* BASIC BLOCKS */
* {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
body, html, form {
	height: 100%;
}
body {
	background-image: url('kuvat/bodybg.gif');
	background-color: #00335C;
}
img {
	border: 0px solid #FFFFFF;
}


/* TEXT */
body {
	font-family: tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
	line-height: 1em;
	line-height: 1.4;
}
h1 {
	margin: 0px 0px 20px 0px;
	font-size: 24px;
	font-weight: normal;
	color: #2259B0;
}
h2 {
	margin: 0px 0px 20px 0px;
	font-size: 14px;
	font-weight: normal;
	color: #2259B0;
}
p {
	margin: 10px 0px 10px 0px;
}


/* WRAPPERS */
div#wrapper1 {
	position: relative;
	min-height: 100%;
	background-image: url('kuvat/contentbg1.jpg');
	background-repeat: repeat-y;
	width: 1020px;
	margin: 0 auto;
}
div#wrapper2 
{
	min-height: 900px;
	background-image: url('kuvat/contentbg2.jpg');
	background-repeat: no-repeat;
	background-repeat: repeat-y;
	/* width: 1020px; */
	width: 918px;
	padding: 0px 51px 0px 51px;
 
}
#flashEtela{
background-image: url('kuvat/flashtausta.gif');
height: 398px;
width: 670px;
}
#flashEtela2{
height: 360px;
width: 670px;

}
/* SUB WRAPPERS */
div#aboveall {
	width: 670px;
	height: 400px;
	background-repeat: no-repeat;
	text-align: right;
	margin: 0px 0px 0px 1px;
	}
div#aboveall a {
display:block;
	width: 24px;
	height: 24px;
	margin: 0px 1px 0px 0px;
	vertical-align:middle;
	text-align:center;
}
div#left {
	float: left;
	width: 245px;
	padding-bottom:20px;
}
div#content {
	float: right;
	width: 673px;
	margin: 0px 0px 20px 0px;
}
div.clearer {
	clear: both;
}
div#footer {
	clear: both;
	width: 918px;
	text-align: center;
	position: relative;
	background-color: #ffffff;
	padding: 0px 0px 10px 0px;
	
	margin-left: auto;
	margin-right: auto;
}
div#footer img {
	display: block;
}
div#footer-content{
position:absolute;
top:10px;
left:20px;	
color:#ffffff;
}
div#dynamic-content {
	/* width: 455px; */
	clear: both;
	float: left;
	width: 460px;
	padding: 25px 35px 25px 35px;
	margin: 0px 0px 0px 35px;
}
div#dynamic-content-etusivu {
	/* width: 455px; */
	clear: both;
	float: left;
	width: 385px;
	padding: 25px 35px 25px 35px;

}
div#side-content {
	float: right;
	width: 200px;
	padding: 25px 1px 0px 0px;
}
div#navigation {
float:left;
margin-bottom:20px;
}
div#search {
	background-color:#FaFaFa;
	margin: 0px 1px 0px 0px;
	padding: 2px 2px 2px 2px;
	text-align: right;
	width:170px;
	height:24px;
	float:right;
	vertical-align:top;
}
div#search img {
	float:right;
}
#haenappi2, #haenappi{
	margin:3px 6px 0px 0px;
}
div#search-title {
	text-align: left;
	margin-top:25px;
}
#navitausta{
	height:258px;
	background-image:url(kuvat/valikkotausta.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	width:247px;
	margin-bottom:20px;
}
#flags{
	width:212px;
	float:right;
}
#ylaboxi{
	width:220px;
	height:120px;
	top:0px;
	right:51px;
	position:absolute;z-index:100;	
}
#flags div{
	float:right;
	/* width: 36px; */
	width: 24px;
	height: 24px;
	margin: 0px 1px 0px 0px;
	vertical-align:middle;
	text-align:center;
}
#flags div a img{
	margin-top:8px;
}
a.flagon {
	background-image: url('kuvat/flagbg-on.jpg');
	background-repeat: no-repeat;
}
a.flagoff {
	/*background-image: url('kuvat/flagbg-off.jpg');
	background-repeat: no-repeat;*/
	background-color:#fdfcfd;
}
a {
	color: #2259B0;
	text-decoration: underline;
}
div#extranet {
	background-color: #ffffff;
	margin: 20px 5px 20px 20px;
	padding: 5px 20px 25px 0px;
	text-align: right;
	float:left;
}
#txtExtranetUsername{
	margin-left:0px;
}
#txtExtranetPassword{
	margin-left:0px;
}
div#extranet-title {
	text-align: left;	
	margin-bottom:5px;
}
div#extranet-title img{
	float:left;	
}
div#extranet img {
	/*display: block;*/
	float:left;
}
#imgExtranetGo{
	float:left;	
}
div#photoLogInfo {
	background-color: #F2F2F2; 
	padding: 5px 0px 5px 0px;
	text-align: center;	
	clear: both;
}
div#sent {
	margin: 10px 0px 10px 0px;
	background-color: #F2F2F2;
	border: 1px solid #000000;
	text-align: center;
	padding: 10px 0px 10px 0px;	
}
#flashContent{
	position:absolute;
	margin-left:0px;
	right:53px;
	top:0px;
}

/* KUVAPANKKI */
div#search-image {
/*	background-color: #F2F2F2;*/
	margin: 0px 5px 20px 0px;
	padding: 0px 5px 10px 5px;
	text-align: left;
	/*min-height: 100%;*/
	border-right:1px dotted #aaaaaa;
	border-bottom:1px dotted #aaaaaa;
	width:234px;
}
div#image-title {
	background-color: #F2F2F2;
	text-align: left;
	padding: 15px 15px 15px 15px;
	font-size: 14px;
	font-weight: bold;
	width: 460px;
	color: #2259B0;
	margin: 25px 0px 10px 0px;
}
.image-link a:link, .image-link a:visited, .image-link a:active {
	text-decoration: none;
	color: #2259B0;
	font-weight: bold;
}
div#search-button {
	/*background-color: #F2F2F2;*/
	text-align: right;
}
.image{
background-image: url('images/en-us/kuvapankki/tausta.gif');
width: 90px;
height: 90px;
}
.extra{
background-image: url('images/en-us/kuvapankki/tausta.gif');
width: 90px;
height: 90px;
}


/* LIGHTBOX */
div#lightbox-image {
	/*background-color: #F2F2F2;*/
	margin: 25px 5px 0px 0px;
	padding: 0px 40px 0px 0px;
	text-align: left;
}
div#lightbox-title {
	text-align: left;
}
div#lightbox-content {
	/*background-color: #E9E7E7;*/
	text-align: left;
	margin: 0px 5px 0px 10px;
	padding: 5px 40px 5px 5px;
}
.lightbox-size {
	color: #2259B0;
}
div#lightbox-radio {
	color: #2259B0;
}
.lightbox-link a:link, .lightbox-link  a:visited, .lightbox-link  a:active {
	text-decoration: none;
}
div#lightbox-line {
	background-color: #CECDCD;
	text-align: left;
	width: 220px;
	height: 1px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.lightbox-line2 {
	text-align: left;
	width: 450px;
	height: 1px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.lightbox-line3 {
	background-color: #CECDCD;
	text-align: left;
	width: 437px;
	height: 1px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div#lightbox-total {
	padding-top:4px;
	/*color: #2259B0;
	font-weight: bold;*/
	color:#505050;
	font-weight:normal;
}
div#lightbox-totalsum {
	color: #2259B0;
	font-weight: bold;
}
div#lightbox-bottom {
	/*background-color: #F2F2F2;*/
	margin: 0px 5px 0px 10px;
	padding: 5px 40px 5px 5px;
	text-align: left;
}
div#lightbox-select {
	font-weight: bold;
	font-size: 12px;
	color: #2259B0;
}
div#lightbox-contenttitle {
	font-weight: bold;
	font-size: 12px;
	color: #2259B0;
	margin: 10px 0px 5px 0px;
}
div#lightbox-downloadbutton {
	margin: 5px 0px 0px 366px;
}
div#lightbox-download {
	color: #2259B0;
	font-size: 12px;
}
div#lightbox-notice {
	color: #2259B0;
	font-size: 14px;
	font-weight: bold;
}


/* Brochures */
.brochures {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
}
.brochure-link a:link, .brochure-link  a:visited, .brochure-link  a:active {
	text-decoration: none;
	margin:0;
	padding:0;
}
.brochure-list-title 
{
	font-weight: bold;
	font-size: 11px;
	color: #2259B0;
	margin: 0px 2px 0px 2px;
	padding: 0;
}
.brochure-text
{
	color: #2259B0;
	margin:1px 1px 1px 3px;
	padding:0;
}
.brochure-line {
	background-color: #999999;
	margin: 3px 0px 3px 0px;
	padding:0;
	height:2px;
}
.brochure-background {
	background-color: #F2F2F2;
	margin: 0px 5px 15px 0px;
	padding: 10px 0px 0px 10px;
	text-align: left;
	float: left;
}
.brochure-title 
{
	width:120px;
	font-weight: bold;
	font-size: 12px;
	color: #2259B0;
	margin:0px;
	padding: 0px 0px 10px 0px;
	float: left;
}
.brochure-field-style 
{
	width:300px;
	float: right;
	margin:0px;
	padding: 0px 0px 10px 0px;
}
.brochure-field 
{
	font-family: tahoma;
	font-size: 11px;
	border: 1px solid #2259B0;
	margin:0px;
	padding:0px;
}


/* LINKS */

a:hover {
	color: #555555;
	text-decoration: underline;
}
div#navigation-polku {
	color: #4478A0;
	margin: 0px 0px 0px 71px;
}
div#navigation-polku a:link, div#navigation-polku a:visited, div#navigation-polku a:active {
	color: #4478A0;
	text-decoration: underline;
}


/* FORMS */
.side-input {
	width: 100px;
	font-family: tahoma;
	font-size: 11px;
	padding: 1px 1px 1px 2px;
	border: 1px solid #BDBCBD;
	margin: 3px 3px 5px 6px;
	color: #555555;
	float:left;
	
}
.side-input2 {
	width: 100px;
	font-family: tahoma;
	font-size: 11px;
	padding: 1px 1px 1px 2px;
	border: 1px solid #BDBCBD;
	margin: 0px 3px 0px 6px;
	color: #555555;
	float:left;
	
}
.side-input-imagebank {
	width: 100px;
	font-family: tahoma;
	font-size: 11px;
	padding: 1px 1px 1px 2px;
	border: 1px solid #BDBCBD;
	margin: 3px 3px 5px 0px;
	color: #555555;
	float:left;
	
}
.side-submit {
	margin: 0px 0px 0px 0px;
}
div#dynamic-content input, div#dynamic-content textarea {
	font-family: tahoma;
	font-size: 11px;
	color: #555555;
	line-height: 1em;
	line-height: 1.4;
	margin-right: 5px;
}
div#dynamic-content input.lomakenappi {
	padding: 5px 10px 5px 10px;
	margin-top: 10px;
}


/* MILONIC */
.mainMenuOff {
	text-decoration: none;
	color: #0056ae;
	font-weight:bold;
}
.subMenuOff a:active{
	text-decoration: none;
	color: #ffffff;
	font-weight:bold;
}
.mainMenuOff {
	padding: 0px 0px 0px 25px;	
}
.mainMenuOn {
	padding: 0px 0px 0px 25px;	
}
.mainMenuOn a:link, .mainMenuOn a:visited{
	text-decoration: none;
	color: #ffffff;
	font-weight:bold;
}
.subMenuOff {
	padding: 5px 5px 5px 5px;
	text-decoration: none;
	color: #0056ae;
	font-weight:bold;
}
.subMenuOn {
	padding: 5px 5px 5px 5px;
	background-color:#2259B0;
}
.subMenuOn a:link, .subMenuOn a:visited, .subMenuOn a:active{
	text-decoration: none;
	color: #ffffff;
	font-weight:bold;
}


/* PHOTO BANK */
.photocell {
	display: block;
	width: 120px;
	height: 120px;
	float: left;
	margin: 0px 2px 0px 2px;
	padding: 0px 2px 0px 2px;
	background-image: url('kuvat/loading.gif');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.titleline {
	margin: 0px 0px 3px 0px;
	text-align: center;
}


/* EXTRANET LINK EDIT */
#filelink_window{
width:472px;
}
.gray_row{
background-color:#f9f9f9;
}
.filelink{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#2259b0;
text-decoration:underline;
}
.linkname{
width:266px;
padding:4px;
vertical-align:middle;
}
.savelink{
width:77px;
padding:4px;
vertical-align:middle;
}
.editlink{
width:46px;
padding:4px;
vertical-align:middle;
}
.deletelink{
padding:4px;
vertical-align:middle;
}
.gray_link{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#949494;
text-decoration:none;
}
.editicon{
border:none;
margin-right:5px;
float:left;
}
.arrangelinks{
padding:4px;
padding-left:97px;
padding-top:8px;
vertical-align:middle;
}
#addlink_window{
width:472px;
border:1px solid #c0c0c0;
background-color:#f2f2f2;
background-image:url(kuvat/addlink_background.gif);
background-repeat:repeat-x;
}
#addlink_td{
padding:10px 20px 20px 20px;
}
.addlink_title{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#2259b0;
margin-top:4px;
padding-top:0px;
margin-bottom:0px;
padding-bottom:0px;
}
.addlink_subtitle{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#2259b0;
margin-top:10px;
margin-bottom:2px;
padding-bottom:0px;
}
#txtExtranetlinkkimuokkaus{
height:16px;
border:1px solid #c0c0c0;
width:300px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding-left:4px;
}
#filExtranetlinkkimuokkaus{
height:16px;
border:1px solid #c0c0c0;
width:300px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding-left:4px;
}
#ibtExtranetlinkkimuokkaus{
margin-top:10px;
}
 ul .linkit{
	list-style:none;
}

/* HIDE PRINTER DIVISIONS */
div#print-header, div#print-footer, div#printonly {
	display: none;	
}

/* UUTISET */
#newsheader{
border:none;
}
.uutinen{
margin-top:10px;
padding-left:18px;	
padding-bottom:10px;
padding-right:8px;
border-bottom:1px dotted #aaaaaa;
}
.newstitle{

}
.newstitle a{
text-decoration:none;	
}
.newstitle a:hover{
text-decoration:underline;	
}
.newsdate{
color:#aaaaaa;	
}
.newstext{
	
}
#thenews{
float:left;
margin-top:0px;	
border-right:1px dotted #aaaaaa;
border-bottom:1px dotted #aaaaaa;	
width:242px;
}
#allnewstd{
padding-left:18px;	
padding-bottom:10px;
padding-right:8px;
padding-top:8px;
}
#allnewstd a{
text-decoration:none;	
}
#table_uutiset{
margin-top:20px;
margin-left:20px;	
}
.uutismerkinta a{
text-decoration:none;	
}
.zipFile{
	padding: 10px 0px 10px 0px;
}
.LinkSubTitle
{
	margin: 40px 0px 10px 0px;
font-weight: bold;
}
.mainMenuMatch a:active, .mainMenuMatch a:link, .mainMenuMatch a:visited{
color:#ffffff;	
}

/* IMAGE BANK UUDET */
#DataList22 td{
padding-right:20px;
padding-bottom:20px;
}
#DataList22 td a{
text-decoration:none;
}
#dlPageImages td{
padding:0px 5px 5px 0px;
}
#dlPageImages td a{
text-decoration:none;
}

.imgbanktd{
padding-right:20px;
padding-bottom:20px;
}
.imgbanktd a{
text-decoration:none;
}
.imagebanknuoli{
margin-right:6px;	
}
.valiviiva{
background-color:#ffffff;
color:#ffffff;
height:0px;
border:none;
border-bottom:1px dotted #cccccc;
margin-top:0px;
padding-top:0px;
margin-bottom:20px;	
}
.valiviiva_brochures{
background-color:#ffffff;
color:#ffffff;
height:0px;
border:none;
border-bottom:1px dotted #cccccc;
margin-top:5px;
padding-top:0px;
margin-bottom:5px;	
}
.imagebankbrowse{
margin-top:20px;
margin-left:0px;	
}
.imgbankbrowsetd{
padding-left:6px;
padding-right:6px;	
}
.imgbankbrowsetd a{
text-decoration:none;	
}
.currentimagepage{
padding-left:10px;
padding-right:10px;	
}
.pageimagestd{
padding:0px 5px 5px 0px;	
}
.pageimage{
border:none;
margin:0px;	
padding:0px;
float:left;
}
.allimages a{
text-decoration:none;	
}
.gotoimagebanknuoli{
margin-right:6px;
}
#lightbox_x{
border-right:1px dotted #aaaaaa;
border-bottom:1px dotted #aaaaaa;
clear:left;
}
.chkSub{
padding: 0px 0px 0px 20px;
}
.chkMain{
padding: 0px 0px 0px 5px;
}

#Imagebutton2{
	margin-left:4px;
}

/* videostyles */
.videohr{
height:0px;
border:none;
background-color:#ffffff;
border-top:1px dotted #959595;
clear:left;
}
.videoh2{
margin-bottom:0px;
padding-bottom:0px;	
}
.videotable{
margin-top:20px;	
margin-bottom:20px;
}
.videotd1{
width:300px;	
vertical-align:middle;
}
.videotd2{
width:80px;
vertical-align:middle;
}
.videotd3{
vertical-align:middle;
}
.videotd3 a{
text-decoration:none;
color: #555555;
}
.videotd3 img{
float:left;	
margin-right:5px;
border:none;
}
.videotable2{
margin-top:20px;	
}
.videopreview img, .videopreview_extra img{
border:none;	
}
.videopreview a, .videopreview_extra a{
text-decoration:none;	
}
.videopreview_extra{
background-color:#ffe97a;	
padding-bottom:3px;
}
.playnuoli{
float:left;margin-right:4px;	
border:none;
margin-left:3px;
}
.videopreview_extra .playnuoli{	
margin-left:3px;
}
.duration{
float:right;	
}
.videopreview_extra .duration{	
padding-right:3px;
}
.videotext{
padding-left:20px;
vertical-align:top;	
}
.videotext p{
font-style:italic;	
}
.videotext h2{
margin-bottom:10px;
padding-bottom:0px;
}
#dhtmltooltip{
position: absolute;
width: 300px;
border: 1px solid black;
padding: 2px;
padding-left: 5px;
background-color:#E5E5E5;
visibility: hidden;
z-index: 100;
font-size: 8pt; 
font-family: Verdana;
}
#videobank_imgVideo
{
    margin:20px 0px 20px 0px;
}

/* MOBIILIMENU */


#mobimenu{
margin:0px;
padding:0px;
width:246px;
background-image:url(kuvat/alatoka.gif);	
font-family:Tahoma, Geneva, sans-serif;
font-weight:bold;
font-size:11px;
vertical-align:middle;
line-height:12px;
list-style:none;
}
#mobimenu li{
font-size:11px;
vertical-align:middle;
line-height:12px;
color:#2259b0;
list-style:none;
}
#mobimenu li a{
text-decoration:none;
}
.mobi0{
background-image:url(kuvat/alaala.gif);
background-repeat:repeat-x;
padding:10px 2px 10px 45px;
}
.mobi0 a, .mobi1 a, .mobi1x a, .mobi0 a, .mobi1 a, .mobi2 a, .mobi3 a, .mobi4 a, .mobi5 a, .mobi6 a{
color:#2259b0;
}
.mobi1{
padding:2px 2px 3px 45px;
}
.mobi1a{
padding:2px 2px 3px 45px;
background-color:#2259b0;
color:#ffffff;
}
.mobi1x{
padding:4px 2px 3px 45px;
background-image:url(kuvat/alaeka.gif);
background-repeat:repeat-x;
}
.mobi1a a, .mobi2a a, .mobi3a a, .mobi4a a, .mobi5a a, .mobi6a a{
color:#ffffff;	
}
.mobi2{
padding:2px 2px 3px 65px;
}
.mobi2a{
padding:2px 2px 3px 65px;
background-color:#2259b0;
color:#ffffff;
}
.mobi3{
padding:1px 2px 2px 80px;
}
.mobi3a{
padding:1px 2px 2px 80px;
background-color:#2259b0;
color:#ffffff;
}
.mobi4{
padding:1px 2px 2px 95px;
}
.mobi4a{
padding:1px 2px 2px 95px;
background-color:#2259b0;
color:#ffffff;
}
.mobi5{
padding:0px 2px 1px 110px;
}
.mobi5a{
padding:0px 2px 1px 110px;
background-color:#2259b0;
color:#ffffff;
}
.mobi6{
padding:0px 2px 1px 125px;
}
.mobi6a{
padding:0px 2px 1px 125px;
background-color:#2259b0;
color:#ffffff;
}
#flashContentMedium { width:100%; height:100%; }
.lbClose 
{
    font-size: 14px;
    }