body,html { 
    background-color:#042034;
    height:100%;
    background:url(pic/softbg-compressed.jpg) no-repeat #042034;
    background-position:center top;
    color:#000;
    padding:0
}

P  {
	font-family : Verdana, sans-serif;
	font-size : 12px;
	color : black;
}

P.small  {
	font-size : 10px;
}

LI  {
	font-family : Verdana, sans-serif;
	font-size : 12px;
	color : black;
}

H1  {
	font-size : 16px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	margin: 16px 0px 2px 0px;
}
h1.separator  {
	padding: 2px 2px 2px 4px;
	margin: 0px;
	background:url(pic/vert_yellow.png) repeat-x;
	background-color: #caad08;
	color: black;
	font-size : 14px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
}
h1.bigseparator  {
	padding: 7px;
	margin-bottom: 10px;
	margin-top: 2px;
	background:url(pic/vert_yellow.png) repeat-x;
	background-color: #caad08;
	color: black;
	font-size : 22px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	text-align:center;
}
h1.skk {
	font-family : "Monotype Corsiva", cursive;
	font-size : 32px;
	text-align : center;
}    
h2.skk {
	font-family : "Monotype Corsiva", cursive;
	font-size : 24px;
	text-align : center;
}    
.comment {
	font-family : Helvetica, Arial, sans-serif;
	background-color: white;
	color : black;
	font-size : 12px;
}

.number,.date,.filename,.title {
	font-family : Helvetica, Arial, sans-serif;
	background-color: white;
	color : black;
	font-weight : bold;
	font-size : 14px;
}

H2  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight : bold;
	margin-bottom : 4px;
	margin-top : 10px;
	line-height : 150%;
}

H3  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	margin-bottom : 3px;
	margin-top : 8px;
	line-height : 150%;
}

BODY {
	font-size : 12px;
	font-family : Verdana, sans-serif;
}

TD {
	font-size : 12px;
	font-family : Verdana, sans-serif;
}

.navigation  {
	font-family: Helvetica, Arial, sans-serif;
	font-weight : bold;
	background-color: white;
	color : black;
}

.thumbnail {
	border-style : solid;
	border-width : 0pt;
	background-color: #8D969B;
	color : black;
	font-weight: bold;
}

TH {
	font-size : 12px;
	font-family : Verdana, sans-serif;
	font-weight : bold;
	text-align : left;
}

span.self  {
	font-weight : bold;
	color : white;
	background-color: #226622;
}

span.valmi  {
        vertical-align:middle;
}

div.header  {
	font-size : 14px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	padding-bottom : 0px;
	color : #E0E0E0;
}

div.attention  {
	font-size : 14px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	padding-bottom : 0px;
	color : #FF0000;
}

div.body  {
	font-size : 12px;
	font-family : Verdana, sans-serif;
}

div.writtenBy  {
	font-size : 12px;
	font-family : Verdana, sans-serif;
	font-weight : bold;	
	padding-bottom : 2px;
	padding-left : 4px;
	background-color : #D0D0D0;
	color : black;
}

div.writtenByFront  {
	font-size : 12px;
	font-family : Verdana, sans-serif;
	padding-bottom : 2px;
	padding-left : 4px;
	background-color : #D0D0D0;
	color : black;
}

div.preamble  {
	font-size : 12px;
	font-family : Verdana, sans-serif;
	font-weight : bold;	
	padding-bottom : 2px;
	padding-top : 0px;
}

div.preambleFront  {
	font-size : 12px;
	font-family : Verdana, sans-serif;
	padding-bottom : 2px;
	padding-top : 0px;
}

div.caption {
	text-align: center;
	color: black;
	font-family: Helvetica, sans-serif;
}


div.picright {
	text-align: center;
	float: right;
	font-style: italic;
	font-weight: normal;
	margin-left: 7px;
	margin-bottom: 7px;
}


div.picleft {
	text-align: center;
	float: left;
	font-style: italic;
	font-weight: normal;
	margin-right: 7px;
	margin-bottom: 7px;
}

div.menu {
	text-align: left;
	margin: 4px;
	color: black;
}

div.menuselected {
	font-weight: bold;
	text-align: left;
	margin: 4px;
	color: black;
}


A {
	text-decoration : none;
	color : #002080;
}

a.links  {
	font-size : 12px;
	font-family : Verdana, sans-serif;
	text-decoration : none;
	color : #002080;
	padding-bottom : 4px;
	padding-top : 0px;
	line-height : 12px;
}

a.menulink  {
	font-size : 12px;
	font-family : Verdana, Helvetica, Arial, sans-serif;
	text-decoration : none;
	color : black;
	padding-bottom : 4px;
}

a.linkssmall  {
	font-size : 12px;
	font-family : Verdana, sans-serif;
	text-decoration : none;
	color : #002080;
}

a.small  {
	font-size : 10px;
	font-family : Verdana, sans-serif;
	text-decoration : none;
	color : #002080;
}

a.newslink  {
	font-size : 12px;
	font-family : Verdana, sans-serif;
	font-weight : bold;
	text-decoration : none;
	color : black;
}

a.black  {
	font-size : 12px;
	font-family : Verdana, sans-serif;
	font-weight : bold;
	text-decoration : none;
	color : black;
}

a:Hover  {
	text-decoration : underline;
}

input.body  {
	font-size : 12px;
	font-family : Verdana, sans-serif;
}

input.right  {
	text-align: right;
}

div.header2  {
	font-size : 14px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	padding-bottom : 4px;
	padding-top : 12px;
}

div.user  {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	padding-top : 4px;
	padding-bottom : 0px;
}

div.chosencategory  {
	font-size : 12px;
	font-family : Verdana, sans-serif;
	text-decoration : none;
	color : #113311;
	font-weight : bold;
}

div.box  {
    float:left; 
    background-color:white; 
    margin:10px; 
    margin-top:0px; 
    border-top: 5px solid #d1b100;
    padding:10px;
}

div.maintitle  {
	color : #002786;
	font-size : 20px;
	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-weight : bold;
}

div.printPage  {
	font-size : 12px;
	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-style:italic;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 2px;
}

div.maintitle_old  {
	background: url(pic/tdtitlebkg.png) repeat-x;
	color : black;
	font-size : 14px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	padding-bottom : 2px;
	padding-left : 5px;
}

body.bkgcolor  {
	background-color : #052035;
	color : black;
}

.buttonPopout {
        font-weight: bold;
}

table { empty-cells: show }

table.sortable {
	border: 2px solid black;
	border-collapse: collapse;
}

table.tablebkgcolor  {
	background-color : #E8E8E8;
	color : black;
}

table.body  {
	font-size : 12px;
	font-family : Verdana, sans-serif;
}

td.tablebkgcolor  {
	background-color : white;
	color : black;
}

td.tablebkgtitle  {
	background: url(pic/tdtitlebkg.png) repeat-x;
	color : black;
}

td.tablebkginfo  {
	background-color : #D0D0D0;
	color : black;
}

td.goods  {
	vertical-align : top;
}

td.goodspic  {
	vertical-align : top;
	text-align : center;
}

td.topcent  {
	vertical-align : top;
	text-align : center;
}

td.topleft  {
	vertical-align : top;
	text-align : left;
}

td.topright  {
	vertical-align : top;
	text-align : right;
}

th.topcent  {
	vertical-align : top;
	text-align : center;
}

th.topleft  {
	vertical-align : top;
	text-align : left;
}

th.topright  {
	vertical-align : top;
	text-align : right;
}

table.newsinfo   {
	background-color : #D0D0D0;
	color : black;
}

select.drop  {
	font-size : 12px;
	font-family : Verdana, sans-serif;
}

td.ofocus  {
	color : #808080;
}

TH.blackborder {
	border-top: none;
	border-right: 1px solid black;
	border-bottom: 2px solid black;
	border-left: none;
	padding: 2px;
	background-color: #C0C0C0;
	color : black;
}	

TR.redday {
	background-color: #FFBBBB;
	color : black;
}

TR.weekday {

}

TD.redday {
	background-color: #FFBBBB;
	color : black;
	border-top: none;
	border-right: 1px solid black;
	border-bottom: 2px solid #AA0000;
	border-left: none;
	padding: 2px;
}

TD.daynotlast {
	border-top: none;
	border-right: 1px solid black;
	border-bottom: 1px solid #AAAAAA;
	border-left: none;
	padding: 2px;
}

TD.weekday {
	border-top: none;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: none;
	padding: 2px;
	empty-cells: show;
}

TD.odd {
	border-top: none;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: none;
	padding: 2px;
	background-color: #E8E8E8;
	color : black;
	empty-cells: show;
}

TD.even {
	border-top: none;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: none;
	padding: 2px;
	background-color: #F0F0F0;
	color : black;
	empty-cells: show;
}


TH.odd {
	border-top: none;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: none;
	padding: 2px;
	background-color: #E8E8E8;
	color : black;
	empty-cells: show;
}

TH.even {
	border-top: none;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: none;
	padding: 2px;
	background-color: #F0F0F0;
	color : black;
	empty-cells: show;
}


TD.weekheader {
	border-top: none;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: none;
	padding: 2px;
	background-color: #D8E0F0;
	color : black;
}

table.main {
	border: none;
	padding : 0;
	border-collapse: collapse;
}

td.maintitle  {
        border: 1px solid black;
	background: url(pic/tdtitlebkg.png) repeat-x;
	color : black;
	width : 100%;
	font-size : 14px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	padding-bottom : 0px;
	color : #E0E0E0;
}

td.main {
	color: black;
	background-color: white;
	border: 1px solid black;
	padding: 3px;
	vertical-align: top;
	width : 100%;
}

td.mainblank {
	background-color: white;
	border: none;
	height: 5px;
	width : 100%;
}

table.blackborder {
	border-top: 2px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 2px solid black;
	border-spacing: 0;
	border-collapse: separate;
	padding: 0;
	empty-cells: show;
}


table.blue {
	border: 2px solid black;
	border-collapse: collapse;
}

th.blue {
	color: white;
	background:url(pic/vert_blue.png) repeat-x;
	background-color: #0c5795;
	border: 1px solid black;
	padding: 3px;
}

th.bluec {
	color: white;
	background:url(pic/vert_blue.png) repeat-x;
	background-color: #0c5795;
	border: 1px solid black;
	padding: 3px;
	text-align: center;
	vertical-align: bottom;
}

th.bluer {
	color: white;
	background:url(pic/vert_blue.png) repeat-x;
	background-color: #0c5795;
	border: 1px solid black;
	padding: 3px;
	text-align: right;
}

th.blue a {
        color: white;
	text-decoration : underline;
}

th.bluec a {
        color: white;
	text-decoration : underline;
}

th.bluer a {
        color: white;
	text-decoration : underline;
}

th.blue a:Hover {
        color: black;
	text-decoration : underline;
}

th.bluec a:Hover {
        color: black;
	text-decoration : underline;
}

th.bluer a:Hover {
        color: black;
	text-decoration : underline;
}

td.blue {
	color: black;
	background-color: #d0d8e8;
	border: 1px solid #808080;
	padding: 3px;
}

td.bluec {
	color: black;
	background-color: #d0d8e8;
	border: 1px solid #808080;
	padding: 3px;
	text-align: center;
}

td.bluer {
	color: black;
	background-color: #d0d8e8;
	border: 1px solid #808080;
	padding: 3px;
	text-align: right;
}

td.blue2 {
	color: black;
	background-color: #e9edf4;
	border: 1px solid #808080;
	padding: 3px;
}

td.blue2c {
	color: black;
	background-color: #e9edf4;
	border: 1px solid #808080;
	padding: 3px;
	text-align: center;
}

td.blue2r {
	color: black;
	background-color: #e9edf4;
	border: 1px solid #808080;
	padding: 3px;
	text-align: right;
}


table.skkPay {
	border: 2px solid black;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}

th.skkPayButton {
	color: black;
	background-color: White;
	border: 2px solid black;
	padding: 3px;
	text-align: center;
}

th.skkPayButtonChanged {
	color: black;
	background-color: Gold;
	border: 2px solid black;
	padding: 3px;
	text-align: center;
}

th.skkFeeHeader {
	color: black;
	background-color: White;
	border: 2px solid black;
	padding: 3px;
	text-align: right;
}

th.skkFeeHeaderChanged {
	color: black;
	background-color: Gold;
	border: 2px solid black;
	padding: 3px;
	text-align: right;
}

th.skkFee {
	color: black;
	background-color: White;
	border: 2px solid black;
	padding: 3px;
	text-align: center;
}

th.skkFeeChanged {
	color: black;
	background-color: Gold;
	border: 2px solid black;
	padding: 3px;
	text-align: center;
}

td.skkPayName {
	color: black;
	background-color: White;
	border: 1px solid black;
	padding: 3px;
	text-align: left;
}

td.skkPayNameChanged {
	color: black;
	background-color: Gold;
	border: 1px solid black;
	padding: 3px;
	text-align: left;
}

td.skkPayZero {
	color: black;
	background-color: Salmon;
	border: 1px solid black;
	padding: 3px;
	text-align: right;
}

td.skkPayLow {
	color: black;
	background-color: LightPink;
	border: 1px solid black;
	padding: 3px;
	text-align: right;
}

td.skkPayOk {
	color: black;
	background-color: LightGreen;
	border: 1px solid black;
	padding: 3px;
	text-align: right;
}

td.skkPayHigh {
	color: black;
	background-color: Lime;
	border: 1px solid black;
	padding: 3px;
	text-align: right;
}

td.skkPayChanged {
	color: black;
	background-color: Gold;
	border: 1px solid black;
	padding: 3px;
	text-align: right;
}

h1.title {
	text-align:center; 
	font-size:x-large;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 3px;
	background-color: transparent;
}

h1.blue {
	font-size: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #b0b8d8;
	color: black;
	padding: 3px;
}

h2.blue {
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #d0d8e8;
	color: black;
	padding: 3px;
}

h3.blue {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #e0e8f8;
	color: black;
	padding: 3px;
}

th.red {
	color: white;
	background-color: #ff2020;
	border: 1px solid #404040;
	padding: 3px;
}

td.red {
	color: black;
	background-color: #e8d0d0;
	border: 1px solid #808080;
	padding: 3px;
}

td.redc {
	color: black;
	background-color: #e8d0d0;
	border: 1px solid #808080;
	padding: 3px;
	text-align: center;
}

td.red2 {
	color: black;
	background-color: #f4eaea;
	border: 1px solid #808080;
	padding: 3px;
}

td.red2c {
	color: black;
	background-color: #f4eaea;
	border: 1px solid #808080;
	padding: 3px;
	text-align: center;
}

h1.red {
	font-size: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #ffb0b0;
	color: black;
	padding: 3px;
}

h2.red {
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #ffb0b0;
	color: black;
	padding: 3px;
}

h3.red {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #ffb0b0;
	color: black;
	padding: 3px;
}