/* 
finnports.com & satamaliitto.fi
copyright jaagon.com
last edited 070104

003366 deep blue
99cccc light blue
ffcc33 orange
990000 red

*/

/* General */
/* ======= */
body {
	margin: 0px; 
	margin-width: 0px; 
	margin-height: 0px;
	}

p, td {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
	}

a {
	color: #003366;
	text-decoration: underline;
	}

a:hover {
	color: #990000;
	}



/* Statistics main page */
#statGrid {
	width: 760px;
	clear: both;
	}

.statGridRow {
	width: 100%;
	clear: both;
	overflow: hidden;
	border: 0px solid #fff;
	background: #fefefe;
	margin-bottom: 10px;
	}

#statGridRow1 {
	background: url(gr/stat/1.jpg) -10px -10px no-repeat;
	}

#statGridRow2 {
	background: url(gr/stat/2.jpg) -10px -30px no-repeat;
	}

#statGridRow3 {
	background: url(gr/stat/3.jpg) -10px -10px no-repeat;
	}

.statLaunch {
	text-align: left;
	width: 458px;
	background: #ffcc33;
	padding: 10px;
	float: right;
	border: 0px solid #fff;
	}

.statLaunch h1 {
	color: #003366;
	font: 1.3em/1.4em Verdana, Georgia, Times, "Times New Roman", sans-serif;
	margin: 0 0 0.3em 0;
	}

.statLaunch p {
	font: 0.7em/1.3em Verdana, Georgia, Times, "Times New Roman", sans-serif;
	margin: 0 0 0.3em 0;
	}

.statLaunch select {
	margin: 1em 0 0.3em 0;
	}


/* Doc */
/* === */
#doc {
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	}

#doc .headline, .h {
	font: 18px Arial, sans-serif;
	color: #000000;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 18px;
	}

#doc .ingress, .in {
	font: 12px Arial, sans-serif;
	color: #003366;
	font-weight: bold;
	line-height: 14px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 8px;
	}

#doc .subhead, .sh {
	font: 14px/16px Georgia, Times, "Times New Roman", sans-serif;
	color: #003366;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	margin-bottom: 1px;
	font-weight: bold;
	}

#doc .copy, .c {
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 8px;
	}

#doc .small, .s {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px;
	}

.l {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin-top: 0px; 
	margin-bottom: 0px;
	margin-left: 10px;
	text-indent: -8px;
	}

.q {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	}


/* Custom */
/* ====== */
.listfolder, .listfolder a, .listfolder a:visited {
	font-family: Verdana, Arial, Helvetica; 
	font-size: 9px; 
	line-height: 10px; 
	font-weight: bold;
	color: #336699;
	margin: 0px; 
	text-decoration: none; 
	}

.listarticle a, .listarticle a:visited {
	font-family: Verdana, Arial, Helvetica; 
	font-size: 9px; 
	line-height: 10px; 
	font-weight: normal;
	color: #000000;
	text-decoration: none; 
	}

.listarticle a:hover {
	color: #990000;
	}

.listarticle {
	padding-top: 2px;
	padding-bottom: 2px;
	}

.listarticleselected {
	font-family: Verdana, Arial, Helvetica; 
	font-size: 9px; 
	line-height: 10px; 
	font-weight: italic;
	color: #ffffff;
	margin-left: 0px;
	margin-top: 2px;
	margin-bottom: 2px; 
	background-color: #003366; 
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	}

.adminnavia {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 18px; 
	font-weight: normal; 
	color: #0079AB; 
	margin-left: 0px;
	margin-top: 30px;
	margin-bottom: 10px; 
	line-height: 18px; 
	}

.adminnavib {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	color: #000000; 
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 9px; 
	line-height: 11px; 
	}

.adminnavib a, .adminnavib a:visited {
	text-decoration: none; 
	}

.listh {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #003366; 
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom: 5px; 
	line-height: 11px; 
	}

.listi {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	color: #000000; 
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 5px; 
	line-height: 11px; 
	}

.listi a, .listi a:visited {
	text-decoration: none; 
	}

.adminpopupheader {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 18px; 
	font-weight: normal; 
	color: #0079AB; 
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 10px; 
	line-height: 18px; 
	}

p.StatTableList {
	font: 11px/11px Verdana, Arial, Helvetica; 
	font-weight: bold; 
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 5px; 
	color: #003366;
	}

.StatTableList a {
	color: #003366;
	text-decoration: none;
	
	}

.StatTableList a:visited {
	text-decoration: none;
	}

.StatTableList a:hover {
	color: #990000;
	text-decoration: underline;
	}




/* Previous versions */
/* ================= */
.header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px; 
	line-height: 20px;
	}

.header2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000; 
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 10px; 
	line-height: 15px; 
	}

.header3 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 18px;
	font-weight: normal;
	color: #0079AB; 
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px; 
	line-height: 15px; 
	}

.copy {
	font-family: Verdana, Arial, Helvetica; 
	font-size: 11px; 
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 8px; 
	line-height: 16px; 
	}

.copyb {
	font-family: Verdana, Arial, Helvetica; 
	font-size: 11px; 
	font-weight: bold; 
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 8px; 
	line-height: 16px; 
	}

.topsmall {
	font-family: Verdana, Arial, Helvetica; 
	font-size: 10px; 
	font-weight: bold;
	color: #ffffff; 
	}

.help {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: normal;
	color: #003366; 
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px; 
	line-height: 12px; 
	}

.ingress {
	font-family: Verdana, Arial, Helvetica; 
	font-size: 10px; 
	font-weight: normal; 
	color: #000000; 
	}

.small {
	font-family: Verdana, Arial, Helvetica; 
	font-size: 9px;
	}

.smallb {
	font-family: Verdana, Arial, Helvetica; 
	font-size: 9px; 
	font-weight: bold;
	color: #000000;
	}

.alert {
	font-family: Verdana, Arial, Helvetica; 
	font-size: 9px; 
	font-weight: bold; 
	color: #990000; 
	}

.list {
	font-family: Verdana, Arial, Helvetica; 
	font-size: 11px; 
	margin-left: 15px;
	margin-top: 0px;
	margin-bottom: 0px; 
	line-height: 18px; 
	}

.field_c {
	font-family: Verdana, Arial; 
	font-size: 10px; 
	color: #003366; 
	background-color: #ffcc33; 
	border: 1 solid #003366;
	}

.field_admin {
	font-family: Verdana, Arial; 
	font-size: 10px; 
	color: #000000; 
	background-color: #ffffff; 
	border: 1 solid #003366;
	}

.chb_admin {
	font-family: Verdana, Arial; 
	font-size: 9px; 
	color: #003366; 
	background-color: #ffffff;
	}

.chb {
	font-family: Verdana, Arial; 
	font-size: 9px; 
	color: #003366; 
	background-color: #99cccc;
	}

.rb_admin {
	font-family: Verdana, Arial; 
	font-size: 9px; 
	color: #003366; 
	background-color: #ffffff;
	}


.button {
	font-family: Verdana, Arial;
	font-size: 9px;
	font-weight: bold;
	color: #003366;
	background-color: #ffffff;
	}

.button_admin {
	font-family: Verdana, Arial;
	font-size: 9px;
	font-weight: bold;
	color: #003366;
	background-color: #ffffff;
	}

td.buttonrow {text-align: center;}

.dropdown_p {
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: bold;
	color: #003366;
	background-color: #ffff66 }

.dropdown_m {
	font-family: Verdana, Arial; 
	font-size: 9px; 
	font-weight: bold; 
	color: #ffffff; 
	background-color: #003366; 
	border: 1 solid #003366 
	}

.dropdown_admin {
	font-family: Verdana, Arial;
	font-size: 9px;
	font-weight: bold;
	color: #003366;
	background-color: #99cccc;
	border: 1 solid #003366;
	}

.menu_admin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #990000;
	text-decoration: none;
	}

.port_header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #003366;
	line-height:30px;
	}

.port_copy {
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	}

.port_copyb {
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	}

.stat_nr {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	line-height: 12px;
	margin-bottom: 0px;
	margin-top: 0px;
	}

.stat_colhead {
	font-family: Verdana, Arial, Helvetica;
	font-size: 9px;
	font-weight: normal;
	line-height: 11px;
	margin-bottom: 0px;
	margin-top: 0px;
	}

.stat_colheadb {
	font-family: Verdana, Arial, Helvetica;
	font-size: 9px;
	font-weight: bold;
	line-height: 11px;
	margin-bottom: 0px;
	margin-top: 0px;
	}

.statcumul_selected {
	font-family: Verdana, Arial, Helvetica;
	font-size: 9px;
	font-weight: normal;
	line-height: 11px;
	margin-bottom: 0px;
	margin-top: 0px;
	}

.stat_port {
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	line-height: 13px;
	margin-bottom: 0px;
	margin-top: 0px;
	}

.copyright {
	font-family: Verdana, Arial, Helvetica;
	font-size: 9px;
	}


/* Menu */
/* ==== */

div#lang {
	float: right;
	text-align: right;
	}

#menu {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-weight: bold; 
	letter-spacing: 0.2em;
	text-align: bottom;
	color: #003366;
	margin-left: 10px;
	margin-top: 3px;
	margin-bottom:4px;
	}

#submenu {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	letter-spacing: 0.1em;
	font-weight: bold; 
	color: #ffcc33; 
	margin-left: 10px;
	margin-top: 3px;
	margin-bottom:4px;
	}


/* Links */
/* ===== */

#menu a, #menu a:visited {
	border-bottom-style: solid; 
	border-bottom-width: 2px; 
	border-bottom-color: #ffcc33; 
	color: #003366; 
	text-decoration: none; 
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 3px;
	padding-bottom: 2px;
	}

#menu a:hover {
	border-bottom-style: solid; 
	border-bottom-width: 2px; 
	border-bottom-color: #003366; 
	color: #003366; 
	text-decoration: none; 
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 3px;
	padding-bottom: 2px;
	}

#menu a.selected, #menu a:visited.selected {
	border-bottom: 2px solid #003366; 
	background-color: #003366; 
	color: #ffcc33; 
	text-decoration: none; 
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 3px;
	padding-bottom: 2px;
	}

#menu a:hover.selected {
	border-bottom: 2px solid #003366; 
	color: #003366; 
	background-color: #ffcc33; 
	text-decoration: none; 
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 3px;
	padding-bottom: 2px;
	}


#submenu a, #submenu a:visited {
	border-bottom: 2px solid #003366; 
	color: #ffffff; 
	text-decoration: none; 
	font-weight:bold;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 3px;
	padding-bottom: 2px;
	}

#submenu a:hover {
	border-bottom: 2px solid #ffcc33; 
	color: #ffcc33; 
	text-decoration: none;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 3px;
	padding-bottom: 2px;
	}


a.menu_admin:hover {
	color: #990000;
	text-decoration: underline; 
	}

a.smallnobold {
	font-weight: normal;
	color: #003366;
	text-decoration: underline;
	}
a.smallnobold:hover {
	font-weight: normal;
	color: #990000;
	text-decoration: underline;
	}

a.statcumul_notselected {
	font-weight: normal;
	color: #990000;
	text-decoration: underline;
	}
a.statcumul_notselected:hover {
	font-weight: normal;
	color: #003366;
	text-decoration: underline;
	}

a.statsorthead {
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
	}
a.statsorthead:hover {
	font-weight: bold;
	color: #990000;
	text-decoration: underline;
	}

a.controlbarlink {
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	}
a.controlbarlink:hover {
	font-weight: bold;
	color: #99cccc;
	text-decoration: underline;
	}

.controlbar a {
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	}
.controlbar a:hover {
	font-weight: bold;
	color: #99cccc;
	text-decoration: underline;
	}
.controlbar a:visited {
	font-weight: bold;
	color: #99cccc;
	text-decoration: none;
	}

a.hot {
	font-weight: bold;
	color: #990000;
	text-decoration: underline;
	}
a.hot:hover {
	font-weight: bold;
	color: #ffffff;
	text-decoration: underline;
	}

h1 {
	font-weight: bold;
	color: #f2f2f2;
	font-family: Georgia, Times, Arial;
	font-size: 25px;
	}

.mini {
	color: #669999;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 15px;
	font-weight: bold;
	}

.desccopy {
	color: #000000;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	}

.desccopy2 {
	color: #000000;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	}

.ingress2 {
	color: #ffffff;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 65px;
	margin-left: 0px;
	letter-spacing: 0.02em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	line-height: 24px;
	font-weight: normal;
	}

.service {
	color: #003366;
	margin-top: 0px;
	margin-bottom: 4px;
	margin-right: 0px;
	margin-left: 0px;
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 14px;
	font-weight: bold;
	}

.service2 {
	color: #003366;
	margin-top: 9px;
	margin-bottom: 2px;
	margin-right: 0px;
	margin-left: 0px;
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
	}

.service2 a, .service2 a:visited {
	color: #003366;
	text-decoration: underline;
	}

.service2 a:hover {
	color: #f2f2f2;
	text-decoration: none;
	}

.service a, .service a:visited {
	color: #003366;
	text-decoration: none;
	}

.service a:hover {
	color: #ffffff;
	text-decoration: none;
	}

p.service img {position: relative; top: -2px;}

.mini a, .mini a:visited {
	color: #669999;
	text-decoration: none;
	}

.mini a:hover {
	color: #ffffff;
	text-decoration: underline;
	}



/* Variations on old ones */
/* ====================== */

#admin .smallb {
	font-family: Verdana, Arial, Helvetica; 
	font-size: 9px; 
	font-weight: bold;
	color: #eeeeee;
	}