body {
	color: black;
	background-color: white;
  	font-family:  Arial, Verdana, Helvetica;
        font-size: 9pt;
}
p {
	  font-family:  Arial, Verdana, Helvetica;
        font-size: 10px;

}

h1 {
	font-size: 14px;
	padding-left: 1em;
	color: #53586D;
}

h2 {
	font-size: 14px;
	padding-left: 1em;
	color: #53586D;
}

h3 {
	font-size: 12px;
	padding-left: 1em;
	color: #53586D;
}

li {
	font-size: 11px;
}
td.hteksti {
        font-family:  Arial, Verdana, Helvetica;
 	font-weight: bold;	
        font-size: 10px;
}

td.teksti {
	font-family:  Arial, Verdana, Helvetica;
        font-size: 10px;
 	vertical-align: top;
}
td.solu {
        font-family:  Arial, Verdana, Helvetica;
        font-size: 11px;
	vertical-align: top;
}


th {
	font-weight: normal;
	text-align: left;
	color: #53586D;
}

th.menu {
	font-weight: bold;
}

table.rajat {
	border: 2px solid;
	border-color: black;
	border-collapse: collapse;
	margin: 2px;
	empty-cells: show;
}

table {
	border: none;
}

td.rajat {
	border: 1px solid;
	border-color: black;
}

a {
	font-weight: bold;
	font-size: 11px;
}	
a.info {
	position: relative;
	z-index: 24;
}

a.info:hover {
	z-index: 25;
}
	

a.info img {
	border: 0px;
	margin-bottom: -5px;
}

a.info span {
	display:none ;
	}

a.info:hover span {
	display:block;
	position:absolute;
	top: 1.2em;
	left: 2.2em;
	width: 25em;
	margin: 10 px 10px 10px 10px;
	padding-top: 2px;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-right: 5px;
	border: 1px solid #000;
	background-color: #fffe88;
	color: black;
	text-align: left;
	}
object {
	width : 100%;
	height : 1200;
}

.back_button {
	/* this style applies to the back button button generated by
	   Mambo. Change its format here*/
	float: left;
  font-size: 12px;
  color: #FFFFFF; 
  background: #f5f5f5;
  font-weight: bold;
  text-align: center;
  padding: 4px;
	border: 1px solid #000066;
  cursor:  pointer;
}

.theader {
	/* This is for styling the section table headers on a SECTION's page.
	   An example would be those articles lists when you click on "News" or something?
	   With a table header of "Date", "Item Title", "Author" and "Hits" ? That's the
	   header that you will be controlling through this style */
	background-color : #8D93AE;
	background-repeat: repeat;
	padding: 2px;
	color : #FFFFFF;
	font-weight : bold;
	padding: 2px;
	}

.trow1 {
	/* this is used when there's a whole list of data to provide and
	   you need to create alternate colors for each row of data. This is
	   the first color */
        font-height: 9px;
	font-weight: normal;
	/*--height: 22px;*/
	background-color : #D9DCEB;
	}


.trow2  {
	/* this is the second color for the row. So, the table generator,
	   will alternate its style through sectionableentry1 and sectiontableentry2
	   as it cycles through and outputs each row of data. Similar to forum's post
	   listings */
        /*height: 18px;*/
	font-height: 9px;
	background-color : #f5f5f5;
        font-weight: normal;
	border-color: #D9DCEB;
}