BODY
{
 FONT-SIZE: 13px;
 BACKGROUND: url(images/tausta.jpg) no-repeat;
 COLOR: black;
 FONT-FAMILY: Arial,Verdana,Helvetica;
}
TABLE.sivu
{
 width: 100%;
 BORDER-RIGHT: #000040 3px solid;
 BORDER-TOP: #000080 1px solid;
 BORDER-LEFT: #000080 1px solid;
 BORDER-BOTTOM: #000040 3px solid;
}
TABLE.taulukko
{
 FONT-SIZE: 13px;
}
td.valikko
{
 padding-left: 10px;
 padding-right: 3px;
 border-bottom: 1px #000080 solid;
 font-size: 13px;
 color: #020E88;
 BACKGROUND: #C0FFC0;
 font-weight: bold;
}
TD.title
{
 FONT-WEIGHT: bolder;
 BACKGROUND: #BBB;
 COLOR: #000000;
 BORDER-top: #000080 1px solid;
 BORDER-BOTTOM: #000080 1px solid;
}
TD.tumma
{
 BACKGROUND: #EEE;
 COLOR: #000000;
 BORDER-bottom: #000080 1px solid;
 padding-right: 3px;
}
TD.vaalea
{
 BACKGROUND: #FFFFFF;
 COLOR: #000000;
 BORDER-bottom: #000080 1px solid;
 padding-right: 3px;
}
TD.varoitus
{
 BACKGROUND: #F00000;
 COLOR: #000000;
 BORDER-bottom: #000080 1px solid;
 padding-right: 3px;
}
TD.punainen
{
 BACKGROUND: red;
 COLOR: #000000;
 padding-right: 3px;
}
TD.keltainen
{
 BACKGROUND: yellow;
 COLOR: #000000;
 padding-right: 3px;
}
TR.vaalea
{
    BACKGROUND-COLOR: #ddefff
}
TR.tumma
{
    BACKGROUND-COLOR: #bbdeff
}
TD.pvm
{
    BORDER-RIGHT: lightgrey;
    BORDER-TOP: lightgrey;
    BORDER-LEFT: lightgrey;
    BORDER-BOTTOM: lightgrey;
    BACKGROUND-COLOR: lavender;
    TEXT-ALIGN: center
}
TD.nyt
{
    BORDER-RIGHT: thin groove;
    BORDER-TOP: thin groove;
    BORDER-LEFT: thin groove;
    BORDER-BOTTOM: thin groove;
    BACKGROUND-COLOR: moccasin;
    TEXT-ALIGN: center
}
TD.valittu
{
    BORDER-RIGHT: darkblue thin solid;
    BORDER-TOP: darkblue thin solid;
    BORDER-LEFT: darkblue thin solid;
    BORDER-BOTTOM: darkblue thin solid;
    TEXT-ALIGN: center
}
TD.muu
{
    BORDER-RIGHT: thin groove;
    BORDER-TOP: thin groove;
    BORDER-LEFT: thin groove;
    BORDER-BOTTOM: thin groove;
    TEXT-ALIGN: center
}
TD.kk
{
    FONT-SIZE: 9pt;
    BACKGROUND-COLOR: ghostwhite;
    TEXT-ALIGN: left
}
TD.otsikko
{
 BACKGROUND: #FFFFFF;
 COLOR: #000000;
 BORDER-BOTTOM: #000080 1px solid;
}
TD.painikkeet
{
 padding-top: 11px;
 BACKGROUND: #C0C0FF;
 COLOR: #000000;
 width: 150px;
}
TD.sivu
{
 BACKGROUND: #FFFFFF;
 COLOR: #000000;
 width: 100%;
}
P.otsikko
{
 FONT-WEIGHT: bolder;
 BORDER-LEFT: #000080 20px solid;
 PADDING-left: 5px;
}
DIV.sivu
{
 BORDER-RIGHT: #000040 2px solid;
 BORDER-TOP: #000080 1px solid;
 BORDER-BOTTOM: #000040 2px solid;
 BORDER-LEFT: #000080 1px solid;
 PADDING: 10px;
 MARGIN: 10px;
 WIDTH: 100%; 
 BACKGROUND: #FFFFFF;
}
DIV.lasku
{
 BORDER-RIGHT: #000040 2px solid;
 BORDER-TOP: #000080 1px solid;
 BORDER-BOTTOM: #000040 2px solid;
 BORDER-LEFT: #000080 1px solid;
 PADDING: 5px;
 MARGIN: 5px;
 WIDTH: 630; 
 BACKGROUND: #FFFFFF;
}
@media print
{
	DIV.lasku
	{
	 border: none;
	 PADDING: 5px;
	 MARGIN: 5px;
	 WIDTH: 630; 
 	 BACKGROUND: #FFFFFF;
	}
}
DIV.raami1
{
 BORDER-RIGHT: #000040 2px solid;
 BORDER-TOP: #000080 1px solid;
 BORDER-BOTTOM: #000040 2px solid;
 BORDER-LEFT: #000080 1px solid;
 PADDING: 10px;
 MARGIN-bottom: 10px;
 MARGIN-right: 3px;
 WIDTH: 100%; 
 BACKGROUND: #FFFFFF;
 FONT-SIZE: 13px;
}
DIV.maksuvaroitus_raami
{
 BORDER-RIGHT: #000040 2px solid;
 BORDER-TOP: #000080 1px solid;
 BORDER-BOTTOM: #000040 2px solid;
 BORDER-LEFT: #000080 1px solid;
 PADDING: 10px;
 MARGIN-bottom: 10px;
 MARGIN-right: 3px;
 WIDTH: 600px; 
 BACKGROUND: #FFFFFF;
 FONT-SIZE: 13px;
}
DIV.maksuvaroitus
{
 background: url(images/tausta_p.jpg) repeat-x;
 border-bottom: 1px solid;
 border-right: 1px solid;
}
DIV.paaotsikko
{
 FONT-WEIGHT: bolder;
 FONT-SIZE: 30px;
 TEXT-ALIGN: left;
 padding-left: 10px;
}
div.kirjautuminen
{
	/*
 BORDER-RIGHT: #000040 2px solid;
 BORDER-TOP: #000080 1px solid;
 BORDER-BOTTOM: #000040 2px solid;
 BORDER-LEFT: #000080 1px solid;
 FONT-SIZE: 10px;
 PADDING-LEFT: 400px;
 MARGIN-LEFT: 0px;
 MARGIN-RIGHT: 0px;
 margin: auto; */
 position: absolute;
 top: 40%;
 left: 25%;
 WIDTH: 50%; 
 BACKGROUND: #f8f8f8;
 
}


P.uutinen1
{
/* background: url(images/tausta_vih.jpg) repeat-x; */
 border-bottom: 1px solid;
 border-right: 1px solid;
}
P.uutinen2
{
 background: url(images/tausta_pun.jpg) repeat-x;
 border-bottom: 1px solid;
 border-right: 1px solid;
}
DIV.uutiset_muu
{
    BACKGROUND-COLOR: aliceblue
}
TR.title
{
    FONT-WEIGHT: bold;
    BACKGROUND-COLOR: aliceblue
}
TD.rivi
{
 font-size: 13px;
}
FORM.form
{
 PADDING-RIGHT: 1px;
 PADDING-LEFT: 1px;
 PADDING-BOTTOM: 1px;
 MARGIN: 1px;
 PADDING-TOP: 1px;
}

TD.osoite
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 17px;
    BORDER-BOTTOM: #000000 2px solid;
}
TD.teksti
{
    FONT-SIZE: 10px;
    BORDER-BOTTOM: #000000 2px solid;
}
TD.laskutiedot
{
    BORDER-RIGHT: #000000 2px solid;
    PADDING-LEFT: 10px;
    FONT-SIZE: 17px;
    PADDING-BOTTOM: 20px;
    PADDING-TOP: 20px;
    BORDER-BOTTOM: #000000 2px solid;
}

DIV.laskuraami
{
    BORDER-BOTTOM: #000000 1px solid;
}
TD.summa
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 12px;
    BORDER-BOTTOM: #000000 1px solid;
    TEXT-ALIGN: right;
}
TD.laskuttaja
{
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 30px;
    BORDER-BOTTOM: #000000 2px solid;
}
TD.taulu2
{
    BORDER-RIGHT: #000000 2px solid;
    BORDER-BOTTOM: #000000 2px solid;
}
TABLE.lennot
{
    MARGIN-TOP: 30px;
    MARGIN-BOTTOM: 0px;
    WIDTH: 100%;
 font-size: 13px;
}
A:link
{
 COLOR: #375b7f;
 BACKGROUND-COLOR: transparent;
 TEXT-DECORATION: none
}
A:visited
{
 COLOR: #375b7f;
 BACKGROUND-COLOR: transparent;
 TEXT-DECORATION: none
}
A:active
{
 COLOR: #800000;
 TEXT-DECORATION: underline
}
A:hover
{
 COLOR: #000080;
 BACKGROUND-COLOR: transparent;
 TEXT-DECORATION: underline
}


.webfx-menu, .webfx-menu * {
	/*
	Set the box sizing to content box
	in the future when IE6 supports box-sizing
	there will be an issue to fix the sizes

	There is probably an issue with IE5 mac now
	because IE5 uses content-box but the script
	assumes all versions of IE uses border-box.

	At the time of this writing mozilla did not support
	box-sizing for absolute positioned element.

	Opera only supports content-box
	*/
	box-sizing:			content-box;
	-moz-box-sizing:	content-box;
}

.webfx-menu {
	position:			absolute;
	z-index:			100;
	visibility:			hidden;
	width:				100px;
	border:				1px solid black;
	padding:			1px;
	background:			#C0C0FF;
	filter:				progid:DXImageTransform.Microsoft.Shadow(color="#777777", Direction=135, Strength=4)
						alpha(Opacity=100);
	-moz-opacity:		1.0;
}

.webfx-menu-empty {
	display:			block;
	border:				1px solid white;
	padding:			2px 5px 2px 5px;
	font-size:			11px;
	font-family:		Tahoma, Verdan, Helvetica, Sans-Serfif;
	color:				black;
}

.webfx-menu a {			/* style for menu items displayed in the drop-downs */
	display:			block;
	width:				expression(constExpression(ieBox ? "100%": "auto"));	/* should be ignored by mz and op */
	height:				expression(constExpression("1px"));
	overflow:			visible;	
	padding:			2px 0px 2px 5px;
		
	font-size:			14px;
	font-family:		Tahoma, Verdan, Helvetica, Sans-Serfif;
	text-decoration:	none;
	vertical-align:		center;
	
	color:				black;
	border:				1px solid #000080;
}	

.webfx-menu a:visited,
.webfx-menu a:visited:hover {/* style for menu items displayed in the drop-downs */
	color:	black;
}

.webfx-menu a:hover {
	color:			black;
	font-size:		14px;
	background:		#C0FFC0;
	border:			1px solid #0080F0;
}	

.webfx-menu a .arrow {
	float:			right;
	border:			0;
	width:			3px;
	margin-right:	3px;
	margin-top:		4px;
}

/* separtor */
.webfx-menu div {
	height:			0;
	height:			expression(constExpression(ieBox ? "2px" : "0"));
	border-top:		1px solid #FFFFFF;
	border-bottom:	1px solid #0080F0;
	overflow:		hidden;
	margin:			2px 0px 2px 0px;
	font-size:		0mm;
}

.webfx-menu-bar {	
	background:		#C0C0FF; /* set the color of the div container for the entire menu */

	padding:		2px;
	
	font-family:	Verdana, Helvetica, Sans-Serif;
	font-size:		14px;
	
	/* IE5.0 has the wierdest box model for inline elements */
	padding:		expression(constExpression(ie50 ? "0px" : "2px"));
	
	border-bottom: 0px solid #D5D5B9; /*fixup for Bolero*/
}

.webfx-menu-bar a,
.webfx-menu-bar a:visited {
	border:				1px solid #0080F0; /* border of primary menu items */
	padding:			1px 5px 1px 5px;
	
	color:				black;
	text-decoration:	none;

	/* IE5.0 Does not paint borders and padding on inline elements without a height/width */
	height:		expression(constExpression(ie50 ? "17px" : "auto"));
}

.webfx-menu-bar a:hover {
	color:			black;
	background:		#4fb3ff; /* color for hover over the primary menu items visible on the menu-bar */
	
	border-left:	1px solid rgb(235,255,243);/*rgb(234,242,255);*/
	border-right:	1px solid #005ca2;/*rgb(0,66,174);*/
	border-top:		1px solid rgb(235,255,243);/*rgb(234,242,255);*/
	border-bottom:	1px solid #005ca2;/*rgb(0,66,174);*/
}

.webfx-menu-bar a .arrow {
	border:			0;
	float:			none;
}

.webfx-menu-bar a:active, .webfx-menu-bar a:focus {
	-moz-outline:	none;
	outline:		none;
	/*
		ie does not support outline but ie55 can hide the outline using
		a proprietary property on HTMLElement. Did I say that IE sucks at CSS?
	*/
	ie-dummy:		expression(this.hideFocus=true);
	
	border-left:	1px solid #002dac;
	border-right:	1px solid rgb(235,255,243);/*rgb(234,242,255);*/
	border-top:		1px solid #002dac;
	border-bottom:	1px solid rgb(235,255,243);/*rgb(234,242,255);*/
	background:		#4fb3ff; /* color of menu item when clicked and active */
}

.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	background-color: white;
	margin-top: 4px;
}

.treeview .hitarea {
	background: url(images/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
	background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: red; cursor: pointer; }

.treeview li { background: url(images/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(images/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url(images/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(images/treeview-red.gif); } 

.treeview-black li { background-image: url(images/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(images/treeview-black.gif); }  

.treeview-gray li { background-image: url(images/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(images/treeview-gray.gif); } 

.treeview-famfamfam li { background-image: url(images/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(images/treeview-famfamfam.gif); } 

.treeview .placeholder {
	background: url(images/ajax-loader.gif) 0 0 no-repeat;
	height: 16px;
	width: 16px;
	display: block;
}

.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(images/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(images/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(images/file.gif) 0 0 no-repeat; }



.hoverinfoX {
  position: absolute;
  top: 15px;
  left: 15px;
  font-size: 28px;
  color: #ffffff;
  cursor: pointer;
}

.hoverinfo p {
  display: none;
  color: #000000;
}

.hoverinfo:hover p {
  background-color: rgba(255, 255, 255, 0.7);
  display: block;
}