

/* css reset */
* {font-size: 100.01%;}
html {font-size: 62.5%; height: 100%;}
body{
	margin:0 auto;
	font:1em Arial, Helvetica, sans-serif;
	color:#505050;
	background:#fff;
  width: 960px;
  height: 100%;
  text-align: center;
  
}

/*fix alignments  caused by body text-align*/
body p, body h1, body h2, body h3, body h4, body ul, body ul li{
	text-align: left;
}

#gallery h2{
	font:normal 1.2em "Trebuchet MS", Helvetica, sans-serif;
}

#gallery .galleryimagedescription{
	font:normal 1.2em "Trebuchet MS", Helvetica, sans-serif;
}


img{border:none;}
a{color:#0080C7; text-decoration: none;cursor:pointer;}
a:visited {color:#4d9bc7;}
a:hover{text-decoration:underline; color:#0080C7;}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border:none;
}

#aspnetForm {
  height: 100%;
  width: 960px;
  text-align: left;
}


.hidden{ display:none; }
/* page wrapper */
#wrapper{
  min-width:960px;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -4em;
  background: #fff url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/bg-main.gif) repeat-x 0 100%;
}

#wrapper .pushfooter {
  padding-top: 22px;
}
/* header */
#header{
	width:100%;
}
/* header top part */
#header .top{
	width:100%;
	overflow:hidden;
	background:#035d9d url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/bg-header-top.gif) repeat-x;
}
#header .holder{
	height:1%;
	margin:0 20px;
}
#header .holder:after{
	content:"";
	clear:both;
	display:block;
}
.top-holder{
	width:100%;
	float:left;
}
.logo{
	float:left;
	padding:21px 0 0 10px;
}
.logo a{
	display:block;
	width:151px;
	height:43px;
	text-indent:-9999px;
	background:url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/bg-logo.gif) no-repeat;
	overflow:hidden;
}
.header-column{ margin:0 0 0 161px; }
.header-column .conteiner{
	width:730px;
	float:right;
}
.top-nav{
	float:right;
	margin:0 -5px 11px 0;
	position:relative;
	display:inline;
	padding:0;
	list-style:none;
	font:1.1em/1.182em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.top-nav li{
	float:left;
	background:url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/top-separator.gif) no-repeat 0 19px;
	padding:0 0 0 2px;
	position:relative;
}
.top-nav li:first-child{ background:none; }
.top-nav li a{
	color:#fff;
	text-decoration:none;
	float:left;
	padding:12px 5px 4px
}
.top-nav li a:hover{ background:#006fb4 url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/top-nav-hover.gif) repeat-x 0 100%; }
.search-form{
	float:right;
	clear:both;
	margin:0 -3px 2px 0;
	position:relative;
	display:inline;
}
.search-form fieldset{ float:left; }
.inp01{
	float:left;
	width:151px;
	height:20px;
	background:url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/bg-inp01.gif) no-repeat;
}
.inp01 input{
	margin:0;
	padding:2px 10px;
	border:0;
	width:131px;
	font-size:12px;
	line-height:15px;
	background:none;
}
.btn-search{
	float:left;
	margin:0;
	padding:0;
}
.header-nav{
	float:right;
	clear:both;
	margin:0 -9px 0 0;
	position:relative;
	display:inline;
	padding:0;
	list-style:none;
	font:1.1em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.header-nav li{
	float:left;
	padding:0 0 0 1px;
}
.header-nav li a{
	float:left;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	padding:7px 9px 13px 8px;
}
.header-nav li a.active,
.header-nav li a:hover{
	border:none;
	background:#0080c7 url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/bg-header-nav-hover.gif) repeat-x;
}
.header-nav li a img{ float:left; }
.header-nav li a span{
	float:left;
	padding:0 0 0 3px;
}
/* navigation */
#header .bottom{
	width:100%;
	background:url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/bg-header-bottom.gif) repeat-x;
	border-bottom:3px solid #0269a2;
}
.top_nav ul {
	width:100%;
	overflow:hidden;
	margin:0;
	padding:0;
	list-style:none;
	font:1.4em/41px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.top_nav li{
	float:left;
	background:url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/bg-nav-separator.gif) no-repeat 0 50%;
}
.top_nav li:first-child{ background:none; }
.top_nav li a{
	float:left;
	background:url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/bg-nav-hover-l.gif) no-repeat -9999px -9999px;
	color:#646464;
	text-decoration:none;
	margin:-1px -2px 0 0;
	display:inline;
	position:relative;
	cursor:pointer
}
.top_nav li a span{
	float:left;
	background:url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/bg-nav-hover-r.gif) no-repeat -9999px -9999px;
	height:41px;
	padding:0 14px 0 12px;
}
.top_nav li.selected a,
.top_nav li a:hover{
	background-position:0 0;
	color:#fff;
	border:none;
}
.top_nav li.selected a span,
.top_nav li a:hover span{ background-position:100% 0; }
/* main box */
#main{
  min-height: 100%;
  height: auto !important;
  height: 100%;
	padding:0 20px 20px;
}
.main-holder{ width:100%; }
.main-holder:after{
	content:"";
	clear:both;
	display:block;
}
/* content column */
#content{
	width:100%;
	float:left;
}
.c1{
	padding:9px 0 0 236px;
	height:1%:
}
.c1 ol, .c1 ul {
  list-style-position: inside;
}
/* tools row */
.tools{
	height:1%;
	position: absolute;
  right: 50%;
	margin-right: -460px;
}
.resize{
	float:right;
	margin:0;
	padding:0 0 0 16px;
	list-style:none;
}
.resize li{
	float:left;
	padding:0 0 0 3px;
}
.resize li a{ float:left; }
.resize li a img{ display:block; }
.print-link{
	float:right;
	font:1.1em/1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#005496;
	text-decoration:none;
	background:url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/icon-print.gif) no-repeat 0 50%;
	padding:0 0 0 20px;
}
.print-link:hover{ text-decoration:underline; }
/* article */
.aticle{
	height:1%;
	overflow:hidden;
	font-size:1.2em;
	line-height:1.25em;
	padding:0 0 3px;
}
.aticle .ill{
	width:100%;
	overflow:hidden;
	margin:0 0 15px;
}
.aticle .ill img{ display:block; }
.aticle p{ margin:0 0 15px; }
#content h1{
	margin:6px 0 10px 0;
	color:#000;
	font:normal 1.8em/1.23em "Trebuchet MS", Helvetica, sans-serif;
}
/* three columns */
.three-columns{
	height:1%;
	overflow:hidden;
	font-size:1.2em;
	line-height:1.25em;
	padding:17px 0 92px;
	border-top:1px solid #bdbcbd;
}
.three-columns .column{
	float:left;
	width:29.5%;
	padding:0 0 0 1.5%;
	margin:0 0 0 3%;
	display:inline;
}
.three-columns .column:first-child{ margin-left:0; }
.three-columns ul{
	margin:0;
	padding:0;
	list-style:none;
	height:1%;
	overflow:hidden;
}
.three-columns ul li{
	background:url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/bullet.gif) no-repeat 0 6px;
	padding:0 0 5px 10px;
}
.three-columns ul li a{
	text-decoration:none;
	color:#0080c7;
}
.three-columns ul li a:hover{ text-decoration:underline; }
.ad-row{
	height:1%;
	overflow:hidden;
	margin:0 0 20px;
}
.ad1{
	float:left;
	width:450px;
}
.ad3 img,
.ad2 img,
.ad1 img{ display:block; }
.ad2{
	float:left;
	margin:0 0 0 19px;
	display:inline;
	width:215px;
}
.ad3{ width:684px; }
/* side column */
#sidebar{
	float:left;
	width:218px;
	margin:0 0 0 -100%;
	display:inline;
	position:relative;
	font-size:1.2em;
	line-height:1.25em;
}
/* side box */
.sidebox{
	width:100%;
	padding:20px 0 0;
}
.sidebox .t{
	height:66px;
	background:url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/bg-sidebox2-t.png) no-repeat;
	overflow:hidden;
}
.sidebox2 .t{
	height:218px;
	background:url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/bg-sidebox1-t.png) no-repeat;
}
.sidebox .c{
	height:1%;
	background:url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/bg-sidebox-c.png) repeat-y;
	padding:0 20px 0 21px;
}
.sidebox .c:after{
	content:"";
	clear:both;
	display:block;
}
.sidebox .content{
	width:100%;
	float:left;
	margin:-50px 0 0;
	position:relative;
}
.sidebox2 .content{ margin:-204px 0 0; }
.sidebox .b{
	height:13px;
	background:url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/bg-sidebox-b.png) no-repeat;
	overflow:hidden;
}
#sidebar h2{
	margin:0 0 5px;
	font:normal 1.5em/1.22em "Trebuchet MS", Helvetica, sans-serif;
	color:#505050;
}
.post-list{
	margin:0;
	padding:0;
	list-style:none;
}
.post-list div{
	background:url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/sidebox-separator.gif) no-repeat scroll 0 bottom;
	padding:6px 0 9px;
	height:1%;
}
.post-list .channelitem h2{ margin:0; font: normal 1em Arial,Helvetica,sans-serif !important; }
.channelnewitemtag{
  color:#00cc00;
  font-size:0.8em;
  text-transform:uppercase;
}
.post-list a{
	color:#0080c7;
	text-decoration:none;
}
.post-list .standfirst {
  display: none;
}
.post-list li, .post_list li p {
  line-height: 1.25em;
}
.post-list a:hover{ text-decoration:underline; }
.post-list em{
	display:block;
	font-style:normal;
}
.sidebox .arrow{
	position:absolute;
	top:0;
	left:-30px;
}
.sidebox .arrow img{ display:block; }
.sidebox .title-icon{
	position:absolute;
	top:-25px;
	right:-10px;
}
.sidebox .title-icon img{ display:block; }
.link-list{
	margin:0;
	padding:6px 0 5px;
	list-style:none;
	font-weight:bold;
}
.link-list li{
	background:url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/bullet2.png) no-repeat;
	padding:0 0 0 15px;
	height:1%;
}
.link-list li a{
	color:#005496;
	text-decoration:none;
}
.link-list li a:hover{ text-decoration:underline; }



/* right hand side channel */
.rightchannel{
	width:218px;
	padding:20px 0 0;
}
.rightchannel .t{
	height:218px;
	background:url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/bg-sidebox1-t.png) no-repeat;
}
.rightchannel .c{
	height:1%;
	background:url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/bg-sidebox-c.png) repeat-y;
	padding:0 20px 0 21px;
}
.rightchannel .c:after{
	content:"";
	clear:both;
	display:block;
}

.rightchannel .content{
	width:100%;
	float:left;
	margin:-50px 0 0;
	position:relative;
  margin:-204px 0 0; 
}

.rightchannel .b{
	height:13px;
	background:url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/bg-sidebox-b.png) no-repeat;
	overflow:hidden;
}
.rightchannel .arrow{
	position:absolute;
	top:0;
	left:-30px;
}
.rightchannel .arrow img{ display:block; }
.rightchannel .title-icon{
	position:absolute;
	top:-25px;
	right:-10px;
}
.rightchannel .title-icon img{ display:block; }



/* inner1 page */
.post{
	height:1%;
	overflow:hidden;
	font-size:1.2em;
	line-height:1.5em;
}
.post h2{
	margin:0 0 7px;
	color:#505050;
	font:normal 1.33em/1.25em "Trebuchet MS", Helvetica, sans-serif;
}
.post h3{
	margin:0 0 5px;
}
.post p{ margin:0 0 16px; }
.ill-r{
	float:right;
	padding:0 0 10px 10px;
}
.ill-r img{ display:block; }
.sub-nav{
	width:217px;
	margin:20px 0 0 1px;
	padding:0;
	list-style:none;
	background:#ebebeb url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/bg-sub-nav.gif) repeat-x;
}
.sub-nav li{
	width:100%;
	overflow:hidden;
}
.sub-nav li a{
	display:block;
	height:1%;
	overflow:hidden;
	background:url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/bg-sub-nav-c.gif) repeat-y;
	color:#0080c7;
	text-decoration:none;
	cursor:pointer;
}
.sub-nav li a span{ display:block; }
.sub-nav li a .holder{
	display:block;
	background:url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/bg-sub-nav-t.gif) no-repeat;
}
.sub-nav li a .frame{
	display:block;
	background:url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/bg-sub-nav-b.gif) no-repeat 0 100%;
}
.sub-nav li.first a .holder{ background:url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/bg-sub-nav-t-first.gif) no-repeat; }
.sub-nav li.last a .frame{ background:url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/bg-sub-nav-b-last.gif) no-repeat 0 100%; }
.sub-nav li a .frame span{
	height:1%;
	overflow:hidden;
	padding:7px 10px 8px 20px;
}
.sub-nav li a.has-drop .frame span{ background:url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/nav-arrow.gif) no-repeat 199px 50%; }
.sub-nav li.active a,
.sub-nav li a:hover{
	border:1px solid #005496;
	background:#5bb7eb url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/bg-sub-nav-hover.gif) repeat-x 0 100%;
	color:#fff;
}
.sub-nav li.active a .frame,
.sub-nav li.active a .holder,
.sub-nav li a:hover .frame,
.sub-nav li a:hover .holder{ background:none; }
.sub-nav li.active a .frame span,
.sub-nav li a:hover .frame span{ padding:6px 10px 7px 20px; }
.sub-nav li a.has-drop:hover .frame span{ background:url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/nav-hover-arrow.gif) no-repeat 198px 50%; }
.sub-nav li.active a.has-drop:hover .frame span,
.sub-nav li.active a.has-drop .frame span{ background:url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/nav-active-arrow.gif) no-repeat 197px 50%; }
.sub-nav .drop{
	background:url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/bg-drop.gif) repeat-y;
	width:100%;
	overflow:hidden;
	display:none;
}
.sub-nav li.active .drop{ display:block;}
.sub-nav ul{
	margin:0;
	padding:0 21px;
	list-style:none;
	background:url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/bg-drop-nav.gif) no-repeat;
	height:1%;
	overflow:hidden;
}
.sub-nav ul li{
	background:url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/drop-separator.gif) repeat-x;
	padding:7px 0 8px;
	position:relative;
}
.sub-nav ul li:first-child{ background:none; }
.sub-nav li.active ul li a,
.sub-nav ul li a{
	background:url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/drop-bullet.gif) no-repeat 2px 50%;
	padding:0 0 0 14px;
	color:#0080c7;
	border:none;
}
.sub-nav ul li.active a,
.sub-nav ul li a:hover{
	background:url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/drop-bullet.gif) no-repeat 2px 50%;
	border:none;
	font-weight:bold;
	color:#0080c7;
}
/* inner2 page */
.inner2 .c1{ padding-left:10px; }
.two-columns{
	height:1%;
	overflow:hidden;
}
.two-columns {
	font-size:1.2em;
	line-height:1.35em;
}
.two-columns h2{
	margin:0 0 5px;
	font:normal 1.33em/1.2em "Trebuchet MS", Helvetica, sans-serif;
	color:#505050;
}
.two-columns ul{
	margin:0 0 11px;
	padding:0 0 0 10px;
	list-style:none;
}
.two-columns ul a{
	color:#0080c7;
	text-decoration:none;
}
.two-columns ul a:hover{ text-decoration:underline; }
.two-columns .main-column{
	height:1%;
	overflow:hidden;
	font-size:1.2em;
	line-height:1.35em;
}
.two-columns .main-column h2{
	margin:0 0 5px;
	font:normal 1.33em/1.2em "Trebuchet MS", Helvetica, sans-serif;
	color:#505050;
}
.three-col{
	height:1%;
	overflow:hidden;
}
.three-col .column{
	float:left;
	width:29.8%;
	padding:0 0 0 1.5%;
	margin:0 0 0 3%;
	display:inline;
}
.three-col .column:first-child{ margin-left:0; }
.three-col ul{
	margin:0 0 13px;
	padding:0;
	list-style:none;
}
/* footer */
#footer{
	width:100%;
	overflow:hidden;
	border-top:1px solid #036ba4;
	background:#0e609f url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/bg-footer.gif) repeat-x 0 100%;
	font-size:1.1em;
	line-height:1.182em;
	color:#fefefe;
	padding:2px 0 6px;
  margin-top: 17px;
}
#footer .holder{
	height:1%;
	margin:0 20px;
}
#footer ul{
	margin:0;
	padding:0;
	list-style:none;
}
#footer ul li{
	float:left;
	background:url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/footer-separator.gif) no-repeat 0 50%;
	padding:0 3px 0 5px;
}
#footer ul li:first-child{
	background:none;
	padding-left:3px;
}
#footer ul li a{
	color:#fefefe;
	text-decoration:none;
}
#footer ul li a:hover{ text-decoration:underline; }


.threecols {
  width: 100%;
}
.threecols td {
  width: 215px;
  vertical-align: top;
  padding-right: 20px;
}
.threecols td.last {
  padding-right: 0;
}
.threecols td.fulltd {
	width: 100%;
  padding: 0;
	width: 100%;
}
.threecols td.twothird {
  width: 450px;
}

.threecols .xmldoc td {
  padding:0;
}

.fourcols {
  width: 100%;
}
.fourcols td {
  width: 215px;
  vertical-align: top;
  padding-right: 20px;
}
.fourcols td.last {
  padding-right: 0;
}
.fourcols td.fulltd {
  padding: 0;
}

.fivecols {
  width: 100%;
}
.fivecols td {
  width: 20%;
  vertical-align: top;
  padding-right: 2%;
}
.fivecols td.fulltd {
  padding: 0;
}

.sixcols {
  width: 100%;
}
.sixcols td {
  width: 16%;
  vertical-align: top;
  padding-right: 2%;
}
.sixcols td.fulltd {
  padding: 0;
}

.halfcols td {
  width: 49%;
}
.halfcols td.last {
  width: 49%;
  padding-left: 2%;
}

.nomargin {
  margin: 0;
}

.roundedbannerimage img {
  margin-top: 28px;
}

.noleftpadding {
  padding-left: 0 !important;
}

.frontpagecontent ul{
	margin:0;
	padding:0 0 0 20px;
	list-style:none;
	height:1%;
//	overflow:hidden;
}
.frontpagecontent ul li{
	background:url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/bullet.gif) no-repeat 0 6px;
	padding:0 0 5px 10px;
}

table.datatable {
  width:95%;
}

table.datatable td {
  font-size:11px;
  text-align:left;
}

.channelitemcontainsswf{
	display:none;
}

.channelitemswfobj{
	display:none;
}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:229999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    /* Shared properties to all border sides */
    #cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight, #cboxMiddleLeft, #cboxMiddleRight {
      visibility:hidden;
    }
    /* Individual border sides */
    #cboxTopLeft{width:14px; height:14px; background:url(/pics/colorbox/controls.png) 0 0 no-repeat;}
    #cboxTopCenter{height:14px; background:url(/pics/colorbox/border.png) top left repeat-x;}
    #cboxTopRight{width:14px; height:14px; background:url(/pics/colorbox/controls.png) -36px 0 no-repeat;}
    #cboxBottomLeft{width:14px; height:43px; background:url(/pics/colorbox/controls.png) 0 -32px no-repeat;}
    #cboxBottomCenter{height:43px; background:url(/pics/colorbox/border.png) bottom left repeat-x;}
    #cboxBottomRight{width:14px; height:43px; background:url(/pics/colorbox/controls.png) -36px -32px no-repeat;}
    #cboxMiddleLeft{width:14px; background:url(/pics/colorbox/controls.png) -175px 0 repeat-y;}
    #cboxMiddleRight{width:14px; background:url(/pics/colorbox/controls.png) -211px 0 repeat-y;}
    /* Content */
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(/pics/colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(/pics/colorbox/loading.gif) center center no-repeat;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
        /* Shared control button properties */
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:5px; background:url(/pics/colorbox/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
        /* Individual control button properties */
        #cboxPrevious{left:5px; background-position: -51px -25px;}
        #cboxPrevious.hover{background-position:-51px 0px;}
        #cboxNext{left:32px; background-position:-75px -25px;}
        #cboxNext.hover{background-position:-75px 0px;}
        #cboxClose{right:5px; background-position:-100px -25px;}
        #cboxClose.hover{background-position:-100px 0px;}
        
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}

/* TABLESORTER */

/* tables */
table.datatable {
	font-family:arial;
	/*background-color: #CDCDCD;*/
	margin:10px 0pt 15px;
	font-size: 8pt;
	/*width: 100% !important;*/
  width:684px;
	text-align: left;
  border-spacing:0px;
  border-collapse:collapse;
}
table.datatable thead tr th, table.datatable tfoot tr th {
	background-color: #fff;
	font-size: 8pt;
	padding: 4px;
}
table.datatable thead tr td {
	font-size: 8pt;
	padding: 0 4px 4px;
}
table.datatable thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
  border-bottom:3px solid #005395;
  border-collapse:collapse;
}
table.datatable tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.datatable tbody tr.odd td {
	background-color:#f9f9f9;
  border-top:1px solid #eaeaea;
  border-bottom:1px solid #eaeaea;
}
table.datatable thead tr .headerSortUp {
	background-image: url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/asc.gif);
}
table.datatable thead tr .headerSortDown {
	background-image: url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/desc.gif);
}
table.datatable thead tr .headerSortDown, table.datatable thead tr .headerSortUp {
background-color: #e5f2fa;
}

table.datatable td.sortedeven
{
    background-color:#EDF5FF;        
}
table.datatable td.sortedodd
{
    background-color:#DBEAFF;            
}

.light_blue {
  background: #E5F2FA;
}

table.filters thead tr .header {
  border: 0;
}
table.filters thead tr td {
  border-bottom:3px solid #005395;
}

.filter_row {
  display: none;
}

.filter_row input, .filter_row select {
  width: 1px;
  border: 1px solid #666;
  margin-bottom: 1px;
}

.datatable .filter_active {

}

.datatable .filter_inactive {
  display: none;
}

/* TABLESORTER */

table.satamaslangi {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #cccccc;
}

table.satamaslangi td {
  border: 1px solid #cccccc;
  padding: 5px;
}

.shipregister .updated {
  display:block;
  margin-top: 10px;
}

/* SATAMAKARTAT */

* { padding:0; margin:0; }

img {
 border: none;
}

.docks {
    position: absolute;
    z-index: 22;
    display: inline;
    height: 20px;
    background-repeat: no-repeat;

    font-size: 0.8em;
    /*overflow: hidden;*/
    color: white;
    font-family: verdana;
    border: 1px solid black;
    width: 120px;
}

.docks .shipName {
   background: url('/instancedata/prime_product_julkaisu/helsinginsatama/pics/ship.png') no-repeat top right;
   padding: 3px 30px 3px 5px;
}


.shipName {
 white-space: nowrap;
 margin: 0;
 height: 14px;
 position: relative;
 float: left;
 display: inline;
 border-left: 2px solid #494949;
 /*overflow: hidden;*/
}

.shipHighlight {
 position: absolute;
 width: 70px;
 height: 70px;
 z-index: 21; 
 background-image: url('/instancedata/prime_product_julkaisu/helsinginsatama/pics/highlight.png');
 /*display: none;*/
}

.berths {
 position: absolute;
 display: inline;
 width: 35px;
 height: 19px;
 border: 1px solid #494949;
 background: white;
 text-align: center;
 padding-top: 3px;
 z-index: 20;
}

.berthHighlight {
    background: red;

}

.closeMapButton {
    position: absolute;
    top: 5px;
    right: 5px;
}


.docksFocus {

}

.docksPassengerShip .shipName {
 background-image: url("/instancedata/prime_product_julkaisu/helsinginsatama/pics/shipPassenger.png");
 padding: 3px 30px 3px 5px;

}

#docksMouseOverData {
    position: absolute;
    background: white;
    border: 1px solid black;
    width: 200px;
    height: 150px;
    display: none;
    z-index: 23;
    padding: 5px;
}

#docksMouseOverData h1{
    
}

.dockModalContainer {
    position: absolute; 
    top: 150px; 
    left: 150px; 
    z-index: 20; 
    background: white;
    display: none;
    overflow: hidden;
}

.dockContainer {
    position: relative; 
    height: 612px; 
    width: 735px; 
    z-index: 21; 
    border: 1px solid red; 
    background-repeat: no-repeat;
}

#etelasatamaContainer {
    background-image: url('/instancedata/prime_product_julkaisu/helsinginsatama/pics/etelasatama.gif'); 
}

#lansisatamaContainer {
    background-image: url('/instancedata/prime_product_julkaisu/helsinginsatama/pics/lansisatama.gif');
}

#vuosaariContainer {
    background-image: url('/instancedata/prime_product_julkaisu/helsinginsatama/pics/vuosaari.gif');
}

#docksDetailWindow {
    position: absolute;
    left: 25%;
    top: 25%;
    width: 500px;
    height: 250px;
    background: white;
    z-index: 25;
    display: none;
    border: 1px solid black;
    
}

.filetype {
	margin-left: 5px;
}

#docksDetailContainer {
    position: relative;
}

#docksDetailClose {
    position: absolute;
    right: 15px;
    top: 5px;
    background: #eeeeee;
    z-index: 26;
}

#docksDetailBody {
    position: absolute;
    left: 5px;
    top: 15px;
    width: 490px;
}

.xmldoc ul, .xmldoc ol{
  list-style-position:outside;
  padding-left:20px;
  margin-left:10px;
}

.two-columns .fourcols .fulltd .xmldoc{
  width:730px;
}


/*** Following are the docks itself ***/

#dockEPL {
    top: 230px;
    left: 29px;
    -sand-transform: rotate(87deg); 
}

#dockEM4 {
    top: 326px;
    left: 77px;    
    -sand-transform: rotate(50deg);
}

#dockEM3 {
    top: 386px;
    left: 126px;
    -sand-transform: rotate(50deg);
}

#dockEO2 {
    top: 438px;
    left: 150px;
    -sand-transform: rotate(47deg);
}

#dockEO1 {
    top: 525px;
    left: 212px;
    -sand-transform: rotate(52deg);

}

#dockEK5 {
    top: 231px;
    left: 177px;
    -sand-transform: rotate(36deg);
}

#dockEKL {
    top: 283px;
    left: 255px;
    -sand-transform: rotate(34deg);
}

#dockEK6 {
    top: 330px;
    left: 324px;
    -sand-transform: rotate(34deg);
}

#dockEK7 {
    top: 364px;
    left: 400px;
    -sand-transform: rotate(16deg);
}

#dockERA {
    top: 345px;
    left: 487px;
    -sand-transform: rotate(-34deg);
}

#dockERB {
    top: 289px;
    left: 569px;
    -sand-transform: rotate(-34deg);
}


#dockLMB {
    top: 563px;
    left: 213px;
    -sand-transform: rotate(-48deg);
}

#dockLMA {
    top: 510px;
    left: 261px;
    -sand-transform: rotate(-48deg);
}

#dockLM9 {
    top: 470px;
    left: 315px;
    -sand-transform: rotate(-48deg);
}

#dockLV7 {
    top: 505px;
    left: 312px;
    -sand-transform: rotate(-73deg);
}

#dockLSL {
    top: 586px;
    left: 353px;
    -sand-transform: rotate(27deg);
}

#dockLJ6 {
    top: 533px;
    left: 440px;
    -sand-transform: rotate(-62deg);
}

#dockLJ5 {
    top: 427px;
    left: 496px;
    -sand-transform: rotate(-62deg);
}

#dockLJ4 {
    top: 345px;
    left: 540px;
    -sand-transform: rotate(-62deg);
}

#dockLJ3 {
    top: 245px;
    left: 555px;
    -sand-transform: rotate(-96deg);
}

#dockLHC {
    top: 560px;
    left: 500px;
    -sand-transform: rotate(-61deg);
}

#dockLHB {
    top: 440px;
    left: 562px;
    -sand-transform: rotate(-62deg);
}

#dockLHA {
    top: 365px;
    left: 600px;
    -sand-transform: rotate(-82deg);
}

#dockLEL {
    top: 75px;
    left: 85px;
    -sand-transform: rotate(-28deg);
}

#dockVA6 {
    top: 483px;
    left: 415px;
    -sand-transform: rotate(-40deg);
}

#dockVD5 {
    top: 460px;
    left: 423px;
    -sand-transform: rotate(49deg);
}

#dockVDC {
    top: 374px;
    left: 391px;
    -sand-transform: rotate(49deg);
}

#dockVDB {
    top: 330px;
    left: 353px;
    -sand-transform: rotate(49deg);
}

#dockVDA {
    top: 285px;
    left: 315px;
    -sand-transform: rotate(49deg);
}

#dockVD4 {
    top: 240px;
    left: 277px;
    -sand-transform: rotate(49deg);
}

#dockVB3 {
    top: 228px;
    left: 290px;
    -sand-transform: rotate(49deg);
}

#dockVB2 {
    top: 208px;
    left: 313px;
    -sand-transform: rotate(49deg);
}

#dockVE1 {
    top: 211px;
    left: 323px;
    -sand-transform: rotate(49deg);
}

#dockVEA {
    top: 234px;
    left: 375px;
    -sand-transform: rotate(49deg);
}

#dockVEB {
    top: 275px;
    left: 410px;
    -sand-transform: rotate(49deg);
}

#dockVEC {
    top: 315px;
    left: 445px;
    -sand-transform: rotate(49deg);
}

#dockVED {
    top: 404px;
    left: 467px;
    -sand-transform: rotate(49deg);
}

#dockVGA {
    top: 370px;
    left: 547px;
    -sand-transform: rotate(-41deg);
}

#dockVG9 {
    top: 324px;
    left: 555px;
    -sand-transform: rotate(49deg);
}

#dockVG8 {
    top: 299px;
    left: 573px;
    -sand-transform: rotate(49deg);

}



#dockVG7 {
    top: 297px;
    left: 587px;
    -sand-transform: rotate(49deg);

}



#dockVG6 {
    top: 274px;
    left: 603px;
    -sand-transform: rotate(49deg);

}



#dockVG5 {
    top: 258px;
    left: 622px;
    -sand-transform: rotate(50deg);
}


#dockVF4 {
    top: 206px;
    left: 560px;
    -sand-transform: rotate(50deg);
}

#dockVFA {
    top: 125px;
    left: 513px;
    -sand-transform: rotate(50deg);
}

#dockVF3 {
    top: 88px;
    left: 477px;
    -sand-transform: rotate(49deg);
}

#dockVC2 {
    top: 68px;
    left: 504px;
    -sand-transform: rotate(40deg);
}

#dockVC1 {
    top: 50px;
    left: 522px;
    -sand-transform: rotate(40deg);
}


/** BERTHS **/

#berthEPL {
    top: 232px;
    left: 47px;
    -sand-transform: rotate(87deg); 
}

#berthEM3 {
    top: 367px;
    left: 119px;
    -sand-transform: rotate(50deg);
}

#berthEM4 {
    top: 317px;
    left: 78px;    
    -sand-transform: rotate(50deg);
}

#berthEO2 {
    top: 422px;
    left: 144px;
    -sand-transform: rotate(47deg);
}

#berthEO1 {
    top: 508px;
    left: 207px;
    -sand-transform: rotate(52deg);

}

#berthEK5 {
    top: 173px;
    left: 194px;
    -sand-transform: rotate(40deg);
}

#berthEKL {
    top: 245px;
    left: 291px;
    -sand-transform: rotate(33deg);
}

#berthEK6 {
    top: 292px;
    left: 363px;
    -sand-transform: rotate(33deg);
}

#berthEK7 {
    top: 338px;
    left: 447px;
    -sand-transform: rotate(16deg);
}

#berthERA {
    top: 328px;
    left: 505px;
    -sand-transform: rotate(-34deg);
}

#berthERB {
    top: 292px;
    left: 560px;
    -sand-transform: rotate(-34deg);
}




#berthLMB {
    top: 543px;
    left: 209px;
    -sand-transform: rotate(-48deg);
}

#berthLMA {
    top: 481px;
    left: 266px;
    -sand-transform: rotate(-48deg);
}

#berthLM9 {
    top: 443px;
    left: 301px;
    -sand-transform: rotate(-48deg);
}

#berthLV7 {
    top: 481px;
    left: 363px;
    -sand-transform: rotate(-73deg);
}

#berthLSL {
    top: 567px;
    left: 380px;
    -sand-transform: rotate(27deg);
}

#berthLJ6 {
    top: 498px;
    left: 440px;
    -sand-transform: rotate(-62deg);
}

#berthLJ5 {
    top: 437px;
    left: 474px;
    -sand-transform: rotate(-62deg);
}

#berthLJ4 {
    top: 315px;
    left: 537px;
    -sand-transform: rotate(-62deg);
}

#berthLJ3 {
    top: 265px;
    left: 544px;
    -sand-transform: rotate(-94deg);
}

#berthLHC {
    top: 580px;
    left: 535px;
    -sand-transform: rotate(-61deg);
}

#berthLHB {
    top: 435px;
    left: 612px;
    -sand-transform: rotate(-62deg);
}

#berthLHA {
    top: 382px;
    left: 640px;
    -sand-transform: rotate(-82deg);
}

#berthLEL {
    top: 49px;
    left: 94px;
    -sand-transform: rotate(-28deg);
}



#berthVA6 {
    top: 473px;
    left: 402px;
    -sand-transform: rotate(-40deg);
}

#berthVD5 {
    top: 430px;
    left: 421px;
    -sand-transform: rotate(49deg);
}

#berthVDC {
    top: 378px;
    left: 377px;
    -sand-transform: rotate(49deg);
}

#berthVDB {
    top: 332px;
    left: 337px;
    -sand-transform: rotate(49deg);
}

#berthVDA {
    top: 289px;
    left: 301px;
    -sand-transform: rotate(49deg);
}

#berthVD4 {
    top: 240px;
    left: 258px;
    -sand-transform: rotate(49deg);
}

#berthVB3 {
    top: 192px;
    left: 270px;
    -sand-transform: rotate(-40deg);
}

#berthVB2 {
    top: 165px;
    left: 300px;
    -sand-transform: rotate(-40deg);
}

#berthVE1 {
    top: 160px;
    left: 353px;
    -sand-transform: rotate(49deg);
}

#berthVEA {
    top: 210px;
    left: 398px;
    -sand-transform: rotate(49deg);
}

#berthVEB {
    top: 252px;
    left: 433px;
    -sand-transform: rotate(49deg);
}

#berthVEC {
    top: 295px;
    left: 470px;
    -sand-transform: rotate(49deg);
}

#berthVED {
    top: 339px;
    left: 508px;
    -sand-transform: rotate(49deg);
}

#berthVGA {
    top: 348px;
    left: 548px;
    -sand-transform: rotate(-41deg);
}

#berthVG9 {
    top: 272px;
    left: 535px;
    -sand-transform: rotate(49deg);
    height: 15px;
}

#berthVG8 {
    top: 258px;
    left: 550px;
    -sand-transform: rotate(49deg);
    height: 15px;

}



#berthVG7 {
    top: 244px;
    left: 570px;
    -sand-transform: rotate(49deg);
    height: 15px;

}



#berthVG6 {
    top: 230px;
    left: 585px;
    -sand-transform: rotate(49deg);
    height: 15px;

}



#berthVG5 {
    top: 215px;
    left: 610px;
    -sand-transform: rotate(-40deg);
    height: 15px;

}


#berthVF4 {
    top: 197px;
    left: 560px;
    -sand-transform: rotate(50deg);
}

#berthVFA {
    top: 138px;
    left: 508px;
    -sand-transform: rotate(50deg);
}

#berthVF3 {
    top: 85px;
    left: 460px;
    -sand-transform: rotate(50deg);
}

#berthVC2 {
    top: 33px;
    left: 470px;
    -sand-transform: rotate(-47deg);
}

#berthVC1 {
    top: 5px;
    left: 497px;
    -sand-transform: rotate(-47deg);

}








/** SHIP HIGHLIGHTS **/


#highlightEPL {
    top: 210px;
    left: 57px;
}

#highlightEM3 {
    top: 335px;
    left: 130px;

}

#highlightEM4 {
    top: 275px;
    left: 80px;    

}

#highlightEO2 {
    top: 390px;
    left: 160px;
}

#highlightEO1 {
    top: 470px;
    left: 220px;
}

#highlightEK5 {
    top: 185px;
    left: 170px;
}

#highlightEKL {
    top: 245px;
    left: 245px;
}

#highlightEK6 {
    top: 280px;
    left: 310px;
}

#highlightEK7 {
    top: 335px;
    left: 405px;
}

#highlightERA {
    top: 325px;
    left: 495px;
}

#highlightERB {
    top: 285px;
    left: 560px;
}




#highlightLMB {
    top: 540px;
    left: 215px;
}

#highlightLMA {
    top: 475px;
    left: 270px;
}

#highlightLM9 {
    top: 445px;
    left: 310px;
}

#highlightLV7 {
    top: 470px;
    left: 315px;    
}

#highlightLSL {
    top: 555px;
    left: 345px;
}

#highlightLJ6 {
    top: 505px;
    left: 435px;
}

#highlightLJ5 {
    top: 405px;
    left: 495px;
}

#highlightLJ4 {
    top: 320px;
    left: 540px;
}

#highlightLJ3 {
    top: 220px;
    left: 555px;
}

#highlightLHC {
    top: 530px;
    left: 500px;
}

#highlightLHB {
    top: 415px;
    left: 565px;
}

#highlightLHA {
    top: 340px;
    left: 600px;
}

#highlightLEL {
    top: 50px;
    left: 90px;
}




#highlightVA6 {
    top: 470px;
    left: 415px;
}

#highlightVD5 {
    top: 385px;
    left: 420px;
}

#highlightVDC {
    top: 345px;
    left: 385px;
}

#highlightVDB {
    top: 300px;
    left: 345px;
}

#highlightVDA {
    top: 255px;
    left: 310px;
}

#highlightVD4 {
    top: 210px;
    left: 255px;
}

#highlightVB3 {
    top: 195px;
    left: 280px;
}

#highlightVB2 {
    top: 175px;
    left: 305px;
}

#highlightVE1 {
    top: 155px;
    left: 333px;
}

#highlightVEA {
    top: 200px;
    left: 370px;
}

#highlightVEB {
    top: 245px;
    left: 400px;
}

#highlightVEC {
    top: 280px;
    left: 445px;
}

#highlightVED {
    top: 335px;
    left: 480px;
}

#highlightVGA {
    top: 350px;
    left: 545px;
}

#highlightVG9 {
    top: 270px;
    left: 545px;
}

#highlightVG8 {
    top: 260px;
    left: 560px;
}



#highlightVG7 {
    top: 250px;
    left: 580px;
}



#highlightVG6 {
    top: 240px;
    left: 590px;    
}



#highlightVG5 {
    top: 220px;
    left: 610px;
}


#highlightVF4 {
    top: 150px;
    left: 560px;
}

#highlightVFA {
    top: 100px;
    left: 510px;
}

#highlightVF3 {
    top: 50px;
    left: 465px;
}

#highlightVC2 {
    top: 35px;
    left: 500px;
}

#highlightVC1 {
    top: 13px;
    left: 520px;
}

.last .xmldoc{
  margin-top:40px;
}

/* JQUERY UI */

/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ctl=themeroller
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/jqueryui/ui-bg_glass_75_ffffff_1x400.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/jqueryui/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/jqueryui/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
/* .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/jqueryui/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } */
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/jqueryui/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; background: #fbf9ee url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/jqueryui/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/jqueryui/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/jqueryui/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/jqueryui/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/jqueryui/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/jqueryui/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/jqueryui/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/jqueryui/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/jqueryui/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/jqueryui/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/jqueryui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(/instancedata/prime_product_julkaisu/helsinginsatama/pics/jqueryui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }

/* Dialog
----------------------------------*/
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }


/* JQUERY UI ENDS */

















/*social media*/
.socialmedia{
  padding: 10px 0 0 0;
}

.socialmedia a{
  padding: 0;  
  border: 0 none;
}

.socialmedia a:hover{
  padding: 0 0 0 0;  
  border: 0 none;
  text-decoration: none;
}




/*Parking ounter*/

table.parkcounter {
  border: 1px solid #C0BFC0;
  padding: 0 10px 10px 15px;
  background-color: #F9F9F9;
  margin-top: 50px;
  margin-left: 150px;
}

.parkcounter option{
  width: 117px;
}

.parkcounter td{
  padding: 5px 10px 0 10px;
  /* width: 100px; */
  vertical-align: middle;
}

.parkcounter tr{
 height:50px;
}

.parkcountertime {
  width: 20px;
}

.parkcounterdate{
  width: 70px;
}

.parkcounterinfocolumn{
  width: 30% !important;
}

.parkcounteroptioncolumn{
  width: 70% !important;
}

.arkcounterexplaincolumn{
  width: 15% !important;
}


/* DatePicker */
      

div.row input#datepicker {
border: 0;
  line-height: 0;
  font-size: 0;
  height: 0;
  width: 0;
  overflow: hidden;
}

.ui-corner-all { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }

.ui-widget-header {
    background: url("/images/v5/sidebar-header/a4d9f8") repeat-x scroll 50% 50% #EDF5F9;
    color: #222222;
    font-weight: bold;
}

.xmldoc span span.filetype img {
  margin-left:4px;
  position:relative;
  top:3px;
}

.ui-widget-content {
  background: url("/images/jQuery/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50% #FFFFFF;
  border: 1px solid #3D80C5;
  color: #222222;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #3D80C5;
  background-color: #3D80C5;
}

.parkcounter ui-state-hover {
  background-image: none;
}

/*     feed      */
.rss {	
  padding: 10px 0 0 0;
	float: right;
	width:20px;
	height:20px;	
}



/* MISC */
.bordered {
  border: 1px solid #c0bfc0;
}

div.inlinediv {
  display: inline-block;
  
}

/*     Newsletter      */
.newsletter p {  /* '*' not supported by some e-mail clients */
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
line-height:17px;
}

.newsletter a {
  font-family:"Trebuchet MS",Helvetica,sans-serif;
  font-size:12px;
  line-height:17px;
  color:#0000ee;
  text-decoration:none;
}
.newsletter{
  margin-top: 10px;
}
.newsletter a:hover {
  text-decoration:underline;
}
.newsletter h1{
  font-size:22px;
  line-height:22px;
  font-weight: bold;
  margin-left:20px;
}

.newsletter h2 {
  font-size:20px;
  line-height:20px;
  font-weight: bold;
}

.newsletter h3 {
  font-size: 16px;
  line-height: 16px;
  font-weight: bold;
}

.newsletter h4 {
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
}

.newsletter h1 a, .newsletter h2 a, .newsletter h3 a {
  color:#0080C7;  /* Teemaväri alueen mukaan? */
  font-family: "Trebuchet MS",Helvetica,sans-serif;
}

.newsletter h1, h2, .newsletter h3, .newsletter h4 {
  font-family: "Trebuchet MS",Helvetica,sans-serif;
}
.newsletter_maincolumn{
  padding-right:0px !important;
}

.newsletter_maincolumn td{
  padding-right:0px;
}

.newsletter_maincolumn p{
  width:800px ;
  padding: 10px;
}

