body {
	background:#ffffff;
	
	font-size: 11px;
	font-family: Trebuchet MS, Arial, Luxi Sans;	
}
td {
	font-size: 11px;
	font-family: Trebuchet MS, Arial, Luxi Sans;	
}

img {
	border: 0px;
}

.group {
	background-color: #f7f9f8;
}

a:link {
	color: darkred;
	text-decoration: none;
	font-weight: bold;
}

a:visited {
	color: darkred;
	text-decoration: none;

	font-weight: bold;	
}
a:hover {
	color: red;
	text-decoration: none;

	font-weight: bold;	
}

a.white:link {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

a.white:visited {
	color: #ffffff;
	text-decoration: none;

	font-weight: bold;	
}
a.white:hover {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;	
}

a.link2:link {
	color: darkred;
	text-decoration: none;

	font-weight: bold;
}

a.link2:visited {
	color: darkred;
	text-decoration: none;

	font-weight: bold;	
}
a.link2:hover {
	color: red;
	text-decoration: none;

	font-weight: bold;	
}


input.button {	border: 1px solid #cccccc;	background:
url(images/button_bg.png) repeat-x;	height: 20px;	padding: 2px
10px 4px 10px !important;	padding: 0px 5px 0px 5px;	font-weight:
bold;	color: #333;	text-transform: uppercase;	font-size: 10px;
font-family: Tahoma, Helvetica, sans-serif;
}

div.noteHeader {
	background: #f7f9f8;
	border-style: solid;
	border-color: #909599;     	

	border-width: 1px;
	font-weight: bold;
	color: #000000;
	padding: 3px;
}
div.note {
 	background: #ffffff;

	border-width: 1px;
	padding: 3px;

	border-left: 1px solid #909599;;
	border-right: 1px solid #909599;;
	border-bottom: 1px solid #909599;;
}
div.noteExtra {
 	background: pink;

	border-width: 1px;
	padding: 3px;

	border-left: 1px solid #909599;;
	border-right: 1px solid #909599;;
	border-bottom: 1px solid #909599;;
}

div.italic {
	font-weight:italic;
}
div.page {
	color: #000000;
	
	
	width: 100%;
	background: #ffffff;

	border-left: 1px solid #909599;;
	border-right: 1px solid #909599;;
	border-bottom: 1px solid #909599;;
	padding:0px;

}
div.innerFrame {

	border-style: solid;
	border-color: #99aec1;     	
	border-width: 0px 0px 0px 1px;
	padding:5px;

}

table.login {
	vertical-align:top;
	width: 190px;
	background: #f7f9f8;
	border-style: solid;
	border-color: #909599;     	
	border-width: 1px;
	padding:1px;
}
input.login {
  width:100px;
}
td.formItemHeader {

        padding:5px;

}
td.formItem {
	width: 100%;
	padding:5px;

}

span.login {
	color: #000000;
	font-size: 12px;
	font-weight: bold;

}
div.mainHeader {
	width: 100%;
	border-style: solid;
	border-color: #99aec1;     	
	border-width: 1px;
	background: #ffffff;	
	height:90px;
	text-align: left;
	vertical-align: center;
	font-size: 14px;
	font-weight: bold;
}
div.mainHeaderLogin {
	width: 100%;
	border-style: solid;
	border-color: #99aec1;     	
	border-width: 1px;
	background: #ffffff;	
	height:70px;
	text-align: center;
	vertical-align: center;
	font-size: 14px;
	font-weight: bold;
}

div.topMenu {
	text-align:left;
	background-image: url(images/topmenu_background.gif);
	font-size: 12px;
	width:100%;
	border-left: 1px solid #909599;
	border-right: 1px solid #909599;
}
span.topMenuText {
	color: #000000;
	text-decoration: none;

	font-size: 12px;
	font-weight: bold;
}
a.topmenu {
	color: darkred;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;

}
a:visited.topmenu {
	color: darkred;

	text-decoration: none;

	font-size: 12px;	
}
a:hover.topmenu {
	color: red;
	text-decoration: none;

	font-size: 12px;	
}
td.leftmenu {
	vertical-align:top;
	width: 110px;
	padding:3px;
}
td.page {
	padding:5px;
  vertical-align: 
  top;width:550px;
}
div.leftmenu {

	border-style: solid;
	border-color: #ffffff;     	
	border-width: 1px;
	padding:5px;
}

div.rightPage {
	color: #000000;

	
	background: #f7f9f8;
	border-style: solid;
	border-color: #909599;     	
	border-width: 1px;
	padding:1px;
}

div.listheader {
	
	width: 500px;
	font-size: 14px;
	font-weight: bold;

}

input.text {
	background: #536476;
	color: #ffffff;
	border-style: solid;
	border-color: #99aec1;     	
	border-width: 1px;
}
.pageHeader {
	color: #000000;
	padding:3px;
	/*background-image: url(images/listheader_bg.gif);*/
	font-size: 14px;
	font-weight: bold;

}
.pageSubHeader {
	font-size: 12px;

	font-weight: bold;
	
}
div.footer {
	text-align: center;
	font-size: 10px;
}

th.list{
	background: #f7f9f8;

	border-style: solid;
	border-color: #000000;     	
	border-width: 1px;	
	
}
th.listLeft {
	background: #f7f9f8;
	color: #000000;
	border-style: solid;
	border-color: #000000;     	
	border-width: 1px;	
	text-align:left;
}
td.list {
	border-style: solid;
	border-color: #000000;     	
	border-width: 1px;	
	background: #ffffff;
	text-align: center;
	padding: 0px;
}
td.listLaskutettu {	
	background: #FAEBD7;
	color: black;
	padding: 0px;
	text-align: center;
	
}

td.listLeft {
	border-style: solid;
	border-color: #000000;     	
	border-width: 1px;	
	background: #ffffff;
	text-align: left;
	padding: 1px;
}
td.listLeftLaskutettu {	
	background: #FAEBD7;
	color: black;
	padding: 0px;
	text-align: left;
}
span.big {
	font-size: 22px;
}
div.line {
	border-top: 1px solid #909599;
	
}
div.sumHeader {
	background: #dce4eb;
	
	font-weight: bold;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	padding: 2px;
	width: 200px;
}
div.sumHeader2 {
	background: #dce4eb;
	
	font-weight: bold;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	padding: 2px;
	width: 500px;
}
div.sumItem {
	background: #f7f7f7;

	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;

	padding: 2px;
	width: 200px;
}
div.sumItem2 {
	background: #f7f7f7;

	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;

	padding: 2px;
	width: 500px;
}
.error {
  font-size:14px;
	color:red;
	font-weight:bold;
}


/* Sauli tab proto*/
.activeTab {
  padding:3px;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
}
.passiveTab {
  padding:3px;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	background: #f0f0f0;
}
.tabHeader {

}
.tabBody {
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;  
}

/* Color1 ja Color2 käytetään vuoron perään rivityksissä: siistiä :)*/
td.listLeftColor1 {
  background:#ffffff;
  padding:0px;
  spacing:0px;
  text-align:left;
  border-bottom: 1px solid black;  
}
td.listLeftColor2 {
  background: #ffffff;
  padding:0px;
  spacing:0px;  
  text-align:left;
  border-bottom: 1px solid black;  
}
td.listColor1 {
  background:#ffffff;
  padding:0px;
  spacing:0px;
  text-align:center;
  border-bottom: 1px solid black;  
}
td.listColor2 {
  background: #ffffff;
  padding:0px;
  spacing:0px;  
  text-align:center;
  border-bottom: 1px solid black;  
}

/* Red käytetään haluttujen rivien painotukseen*/
td.listLeftColor1Red {
  background:#ffe0e0;
  padding:0px;
  spacing:0px;
  text-align:left;
  border-bottom: 1px solid black;  
}
td.listLeftColor2Red {
  background: #ffe0e0;
  padding:0px;
  spacing:0px;  
  text-align:left;
  border-bottom: 1px solid black;  
}
td.listColor1Red {
  background: #ffe0e0;
  padding:0px;
  spacing:0px;
  text-align:center;
  border-bottom: 1px solid black;  
}
td.listColor2Red {
  background:#ffe0e0;
  padding:0px;
  spacing:0px;  
  text-align:center;
  border-bottom: 1px solid black;  
}  


/* Yellow käytetään haluttujen rivien painotukseen*/
td.listLeftColor1Yellow {
  background:lightyellow;
  padding:0px;
  spacing:0px;
  text-align:left;
  border-bottom: 1px solid black;  
}
td.listLeftColor2Yellow {
  background: lightyellow;
  padding:0px;
  spacing:0px;  
  text-align:left;
  border-bottom: 1px solid black;  
}
td.listColor1Yellow {
  background: lightyellow;
  padding:0px;
  spacing:0px;
  text-align:center;
  border-bottom: 1px solid black;  
}
td.listColor2Yellow {
  background:lightyellow;
  padding:0px;
  spacing:0px;  
  text-align:center;
  border-bottom: 1px solid black;  
}

/* Blue käytetään haluttujen rivien painotukseen*/
td.listLeftColor1Blue {
  background:#66ccff;
  padding:0px;
  spacing:0px;
  text-align:left;
  border-bottom: 1px solid black;  
}
td.listLeftColor2Blue {
  background: #66ccff;
  padding:0px;
  spacing:0px;  
  text-align:left;
  border-bottom: 1px solid black;  
}
td.listColor1Blue {
  background: #66ccff;
  padding:0px;
  spacing:0px;
  text-align:center;
  border-bottom: 1px solid black;  
}
td.listColor2Blue {
  background:#66ccff;
  padding:0px;
  spacing:0px;  
  text-align:center;
  border-bottom: 1px solid black;  
}


/* The cells in the references page*/
td.ref {
  text-align:center;
  padding:10px;
}

/* 
For info pages, where there is a table with name/value pairs
*/
td.infoItemHeader {
  font-weight: bold;
  font-size:12px;
}
td.infoItemValue {
  font-size:12px;
  font-weight: normal;
}

td.contact {
  width:270px;
  vertical-align:top;
  padding:7px;
	border-left: 1px solid #909599;
	border-right: 1px solid #909599;
	border-bottom: 1px solid #909599;
	border-top: 1px solid #909599;
}


/* realtime stats*/
td.stats {
        border: 1px dotted;
}
td.statsPause {
        border: 1px dotted;
        background-color: #EDEBD7;
}



/* Forum styles */
.threadlist
{
        width: 600px;
}
.threadlist td
{
        padding: 4px;
        border: 1px solid #999;
}
.thread
{
        width: 600px;
}
.thread td
{
        padding: 4px;
        border: 1px solid #999;
}
.messageinfo
{
        width: 120px;
}

.forum_title_row
{
        background: #ccf;
        font-size: 1.2em;
        font-weight: bold;
}

.forum_categories
{
        padding: 0;
        margin: 0;
}
.forum_categories li
{
        padding: 4px;
        margin: 0 0 4px 0;
        float: left;
        list-style: none;
        display: block;
        background: white;
        border: 1px solid #666;
}
.forum_categories li.active
{
        background: pink;
}

.forum_edit_thread
{
        float: right;
}
.clearing
{
        clear: both;
}
p.hintText
{
		width:500px;
}