/**
* Template by emowes.com               *
* @version 1.0                         *
* @copyright (C) 2007 - Jani Peltonen  *
* @web http://www.emowes.com           *
**/
div#menu {
height: 70px;
}



/*global resets - eliminates cross browser inconsistancies*/

* {  
margin: 0;
padding-bottom: 0;
padding-top: 0;
}
h1,h2,h3,h4,h5,h6,p,blockquote,label,ul,ol,dl,fieldset,address { margin: 0; } 
li,dd { margin-left:0;} 
fieldset { padding: 0; } 
img {border: 0;}
a img {border: 0;}
table {
font-size: 1em;
}

form {
margin: 0px;
padding: 0px;
}
/*end global resets*/

.clear { clear:both }

body {
margin: 0;
background: #2C6DE5 url(../images/bg_body.jpg) repeat-x;
font-family:  Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
}
body.contentpane {
text-align: left;
background-image: none;
background-color: white;
padding: 5px;
}
.container {
margin: 0;
padding: 0;
text-align:left;
width: 916px;
background: url(../images/);
}
td, tr, p, div {
font-family : Tahoma, sans-serif;
font-size : 8pt;
color : #000000;
}

/* #### YLÄPALKKI #### */

#ylin_valikko1 span.mainlevel-nav { /*rako luelisää jälkeen */
margin-right: 15px;
}

.ylin_valikko {
background: #ECEADD url(../images/top_valikko_bg_v2.jpg) repeat-x;
padding: 0px;
margin: 0px;
height: 25px;
}
.haapojaoy_teksti {
background: url(../images/haapojaoy_teksti_v2.jpg) no-repeat;
padding: 0;
margin: 0px;
height: 25px;
}
#ylin_valikko1 {
float:left;
height: 20px;
width: 650px;
padding: 4px 0 0 30px;
}
#ylin_valikko1 span {
color: #000;
font-weight: bold;
text-transform: uppercase;
font-size: 11px;
}
#ylin_valikko2 {
float:left;
height: 25px;
padding: 0px;
}

#ylin_valikko3 {
float:right;
height: 25px;
width: 150px;
padding: 0px
}

#ylin_valikko4 {
float:right;
height: 21px;
width: 80px;
padding: 4px 0 0 0px;
}

/* #### YLÄOSA #### */
.top_osa {
width: 966px;
height: 141px;
background: url(../images/bg_top3.jpg) no-repeat;
}
.top_osa_plus {
width: 966px;
height: 141px;
background: url(../images/bg_top3_plus.jpg) no-repeat;
}
.top_osa_lisapalvelut {
width: 966px;
height: 141px;
background: url(../images/bg_top3_lisapalvelut.jpg) no-repeat;
}
.top_osa_peruspaketti {
width: 966px;
height: 141px;
background: url(../images/bg_top3_peruspaketti.jpg) no-repeat;
}
.menun_siirto {
width: 190px;
height: 30px;
float: left;
}
.vaihtuvat_kuvat {

}
.top_valikko {
height: 30px;
width: 380px;
float: left;
}
.top_valikko_outer {
}
.top_uutiset {
position: absolute;
left: 600px;
top: 45px;
width: 210px;
height: 110px;
}
/* #### KESKIOSA #### */
.middle_osa {
width: 966px;
background: url(../images/bg_middle2.jpg) repeat-y;
}
.left_osa {
position: relative;
width: 185px;
float: left;
}
.left_inner {
position: relative;
left: 12px;
}
.content_osa {
width: 606px;
float: left;
}
.user5 {
padding-top: 10px;
}
.content_inner {
position: relative;
left: 15px;
top: 5px;
width: 590px;
}
.content_osa2 {
width: 650px;
float: left;
}
.content_inner2 {
position: relative;
left: 5px;
top: 5px;
width: 640px;
}
.right_osa {
width: 175px;
float: left;
}
.right_inner {
position: relative;
left: 1px;
}

/* #### ALAOSA #### */
.bottom_osa {
width: 966px;
height: 56px;
background: url(../images/bg_bottom2.jpg) no-repeat;
}
.bottom_inner {
width: 966px;
height: 29px;
}

/* #### LINKIT #### */

a, a:visited {
color: #0000CC;
text-decoration:  none;
font-weight: bold;
}
a:hover {
color: #DD7506;
}
div.left_inner a:link, div.left_inner a:visited {
color: #0000CC;
text-decoration:none;
}
div.left_inner a:hover {
color:#FFF600;
}

/* #### LISTAT #### */

ul {
margin: 0;
padding-left: 30px;
}

li {
padding-left: 0px;
padding-top: 0px;
list-style-position:outside;
}
div.top_uutiset ul {
padding-left: 5px;
list-style-type: none;
}
div.top_uutiset li {
line-height: 16px;
padding-left: 25px;
padding-top: 0px;
list-style-position:outside;
background: 10px 4px url(../images/gelberball_10.png) no-repeat;
}

/* #### MODULETABLE #### */

table.moduletable {
	width: 100%;
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

div.moduletable {
	padding: 0;
	margin-bottom: 2px;
}

/* Vasen moduulipaikka */

.left_inner div.module {
color: #235BFF;
font-family: Tahoma, sans-serif;
font-size: 12px;
margin-bottom: 5px;
background: url(../images/bg_module_left_middle.jpg) bottom left repeat-y;
width: 172px;
}

.left_inner div.module div {
width: 172px;
background: url(../images/bg_module_left_top.jpg)  top left no-repeat;
}

.left_inner div.module  div div {
width: 172px;
background: url(../images/bg_module_left_bottom.jpg) bottom left no-repeat;
padding-bottom: 10px;
}

.left_inner div.module div div div {
width: 147px;
background: transparent;
position: relative;
left: 10px;
}
.left_inner div.module div div div div {
padding: 0px;
margin: 0px;
}
.left_inner div.module div div div h3 {
padding-top: 7px;  
margin: 0px;
color: #FFFFFF;
font-size: 10pt;
text-align: center;
position: relative;
left: 5px;
}
.left_inner div.module div div div table tr td div {
margin: 0px;
padding: 0px;
height: 15px;
}

/* Vasen moduulipaikka loppu */


.left_inner div.module-peruspaketti { /* peruspaketin kuvan css */
position: relative;
left: 0px !important;
left: -3px;
width:173px;
height: 73px;
}
.left_inner div.module-pluspaketti { /* pluspaketin kuvan css */
position: relative;
left: 0px !important;
left: -3px;
width:173px;
height: 73px;
}
.left_inner div.module-lisapalvelut { /* pluspaketin kuvan css */
position: relative;
left: 0px !important;
left: -3px;
width:173px;
height: 73px;
}

/* Oikea moduulipaikka */
.right_inner div.module {
width: 175px;
margin-bottom: 5px;
background: url(../images/bg_module_right_middle2.jpg) top left repeat-y;
color: #235BFF;
font-family: Tahoma, sans-serif;
font-size: 12px;
text-align: left;
}

.right_inner div.module div {
width:175px;
background: url(../images/bg_module_right_top2.jpg)  top left no-repeat;
}

.right_inner div.module  div div {
width:175px;
background: url(../images/bg_module_right_bottom2.jpg) bottom left no-repeat;
padding-bottom: 7px;
}

.right_inner div.module div div div {
width:143px;
background:transparent;
text-align:left;
position: relative;
left: 10px;
}

.right_inner div.module div div div h3 {
padding-top: 7px;  
margin: 0px;
color: #FFFFFF;
font-size: 10pt;
text-align: center;
position: relative;
left: 5px;
}
/* oikeamoduulipaikka loppu */

/* top-uutiset css */
div.top_uutiset div div div h3 {
text-align: center;
font-size: 16px;
line-height: 21px;
position: relative;
top: -3px;
color: white;
}
/* top-uutiset css loppu*/

div.module div div div form div
{
	text-align:center;
	margin:0;
padding: 0px;
}

div.module div div div form table
{
	text-align:center;
	margin:auto;
}

div.module div div div form table table
{
	text-align:left;
	margin:auto;
}


/* #### MENU #### */

a.mainlevel:link, a.mainlevel:visited {
	color: #0033CC;
	line-height: 20px;
	background-position: 0px 0px;
	font-weight: bold;
	padding-top: 0px;
	text-decoration: none;
	text-align: left;
	padding-left: 21px;
	/*display: block;float: left;*/
}

a.mainlevel#active_menu {   
background-repeat: no-repeat;   
background-position: 2px center;
background-image: url(../images/gelberball.png);
}
a.mainlevel:hover {
	color: #FCE700;
   background-repeat: no-repeat;   
   background-position: 2px center;
	background-image: url(../images/gelberball.png);
}


a.mainlevel-nav { /* toptop valikon css */
color: #FC4233;
text-decoration: none;
padding-right: 20px;
font-weight: bold;
text-transform: uppercase;
font-size: 11px;
font-family: Arial, Tahoma;
}

a.mainlevel-nav:hover {
color: #000;
text-decoration: none;
padding-right: 20px;
font-weight: bold;
font-size: 11px;
}

span.mainlevel { /* separaattorille css */
font-size: 12px;
font-weight: bold;
color: #022282;
}

/*kakkos tason valikon parametrit*/
a.sublevel:link, a.sublevel:visited {
	color: #905B08;
	text-decoration: none;
	padding-left: 25px;
	width: 123px;
	line-height: 14px;
	display: block;
	float: left;
}

a.sublevel:hover
{
	color: #ff0000;
	text-decoration: none;
}


/* #### SEKALAISTA #### */

hr, hr.separator {
	height : 1px;
	width : 100%;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFD744;
	border-bottom-color: #F59C00;
}

table.adminform { /*editorin saa kellumaan kaiken päällä ja muutkin adminformitjutut */
position: relative;
z-index: 150;
}
div.cpaneeli {
line-height: 23px;
}
.toteutus {
position: relative;
left: -130px;
text-align:right;
}

.sectiontableheader {
font-weight: bold;
background: #f0f0f0;
padding: 2px 2px 2px 3px;
}
.sectiontablefooter {
}
.sectiontableentry1 {
background-color : #ffffff;
}
.sectiontableentry2 {
background-color : #f9f9f9;
}
.sectiontableentry1 td, .sectiontableentry2 td {
padding: 2px 2px 2px 3px;
}

table.contentpane, table.contentpaneopen {
  width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}
table.contentpane td {
	margin: 0px;
	padding: 0px;
}

.contentheading {
position: relative;
left: -5px;
font-weight:bold;
font-size: 16px;
padding-left: 20px;
color: #000000;
height: 54px;
background: url(../images/bg_header.jpg) top left no-repeat;

}
.componentheading {
	font-weight:bold;
font-size: 16px;
padding-left: 0px;
   color: #000000;
}
.contentpagetitle, .category {
	color: #F59C00;
	font-weight: bold;
	padding-left: 0px;
}
a.contentpagetitle:link, a.contentpagetitle:visited, a.category:link, a.category:visited {
	color: #0000CC;
	font-weight      : bold;
	text-align      : left;
	text-decoration  : none;
}

a.contentpagetitle:hover, a.category:hover {
	color: #fff600;
	font-weight      : bold;
	text-align      : left;
	text-decoration  : none;
}
.pathway {
color: #F59C00;
}

a.pathway, a.pathway:visited {
color: #F59C00;
}

a.pathway:hover {
color: #F59C00;
}

.back_button {
color: #F59C00;
}

.pagenavbar {
color: #F59C00;
}

.pagenav, a.pagenav, a.pagenav:visited {
color: #ffffff;
   background-color: #6699FF;
	height: 20px;
	padding-right: 2px;
	padding-left: 2px;
	text-align: center;
	padding-top: 2px;
	border: 1px solid #0000cc;
}

a.pagenav:hover {
color: #F59C00;
}

.small {
	font-size: 8pt;
	font-weight: normal;
   color: #6C6C6C;
}

.button {
	background-color: #eeeeee;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #aaaaaa;
	border-left-color: #aaaaaa;
	font-size: 8pt;
	font-weight: bold;
	color: #0000CC;
}

input { /* radiobuttonit ja checkboxit samalle viivalle tekstin kanssa */
vertical-align: middle;
padding: 0px;
margin: 0px;
}

#mod_login_remember { /* ie6 borderi pois ja taustaväri checkboxilta */
background-color: #91B7FE;
padding: 0;
margin: 0;
border: none;
}

.inputbox {
background: #ffffff;
border: #aaaaaa 1px solid;
	font-size: 8pt;
	color: #2C6DE5;
}
.createdate {
font-size: 8pt;
  color: #6C6C6C;
}

.modifydate {
font-size: 8pt;
color: #6C6C6C;
}

a.readon:link, a.readon:visited {
	color: #0000CC;
	font-family : Tahoma, sans-serif;
	font-size        : 11px;
	white-space      : normal;
	font-weight      : bold;
	padding-bottom   : 1px;
	padding-left     : 3px;
	padding-right    : 3px;
	padding-top      : 1px;
	float            : right;
	line-height      : 10px;
	text-decoration  : none;
}

a.readon:hover {
	color: #FFF600;
	font-family : Tahoma, sans-serif;
	font-size        : 11px;
	white-space      : normal;
	font-weight      : bold;
	padding-bottom   : 1px;
	padding-left     : 3px;
	padding-right    : 3px;
	padding-top      : 1px;
	float            : right;
	line-height      : 10px;
	text-decoration  : underline;
}

/* Polls css */
table.pollstableborder td {
}
table.poll thead td, table.poll tbody td {
padding: 2px;
}
.poll {
	font-size: 8pt;
	color: #0000CC;
}
table.poll {
width: 100%;
}
table.pollstableborder {
	border: 1px solid #8189C0;
}
/* Polls css loppuu */

/* adsmanager css */
.adsmanager_inner_box, div.adsmanager_top_ads {
background-color: #BFCFEC;
}

.adsmanager_inner_box img {
border-top: #858585 1px solid;
border-bottom: #000000 1px solid;
border-left: #3D3D3D 1px solid;
border-right: #000000 1px solid;
/*border: #2d2d2d 1px solid;*/
}
/* adsmanager loppu */

/* wsmenun css */
a#menu21 {
width: 250px;
height: 109px;
background: url(../images/peruspaketti.jpg) no-repeat;
}
a#menu22 {
width: 250px;
height: 109px;
background: url(../images/pluspaketti.jpg) no-repeat;
}

/* #### JCE-TYYLIT #### */

.font12px {
font-size:12px;
}
.font12px_bold {
font-size:12px;
font-weight: bold;
}
.font14px {
font-size:14px;
}
.font14px_bold {
font-size:14px;
font-weight: bold;
}
.font16px {
font-size:16px;
}
.font16px_bold {
font-size:16px;
font-weight: bold;
}

/* #### auhor, viimeksi päivitetty ym #### */
.small {
font-size: 10px;
}
.createdate {
font-size:10px;
}
.modifydate {
font-size:10px;
}