/* Light Orange:#F2AD02; Dark Orange: #e95d00, Dark Blue: #1769C4, Light blue #3D8BFF */

* {margin:0;padding:0;outline:0;}
html {;overflow-y: scroll;}
body {text-align:center;font:normal 75% Arial, helvetica;background:#fff url(images/mainBg.png) repeat-x 0 0;}

p {color:#000;font-size:1em;margin:0 0 0.8em;}
h1 {color:#1769C4;font-size:1.6em;margin:0 0 1.0em;}
h2 {color:#555;font-size:1.4em;margin:0.4em 0 0.4em;}
h3 {color:#1769C4;font-size:1.2em;margin:1.2em 0 0.3em;}
h3.slogan { color:#e95d00; margin-top:0px; margin-bottom:10px}
h4 {color:#0D328F;font-size:1.1em;margin:0 0 0.2em;}
h5 {color:#000;font-size:1.0em;margin:0 0 0.2em;}
h6 {color:#000;font-size:1.0em;margin:0 0 0.2em;}

ul, ol, dl {}

a {text-decoration:none;color:#1769C4}
a:visited {#3D8BFF}
a img {border:none;}
ul {margin:0 0 0 30px;}

hr {background:url(images/hrBg4.png) repeat-x 0 bottom;padding:0 0 5px 0;margin:0 0 5px 0;border:0px solid #fff;}

td {vertical-align:top;}

strong {color:#333;}
b { color:red;}

/* asettelut */
#pageWrapper {text-align:left;width:992px;margin:0 auto; background:url(images/contentBg.png) repeat-y 0 0;overflow-x:hidden;}
	* html #pageWrapper, * html #contentWrapper, * html #mainContent, *html #contentTop {height:1%;}
#contentTop {background:url(images/topImage.png) no-repeat 0 0;overflow-x:hidden;}
#contentWrapper {background:url(images/btmImage.png) no-repeat 0 bottom;padding-bottom:13px;}
#leftContent {width:225px;float:left;min-height:430px;}
	* html #leftContent {margin-right:-3px;height:430px;}
	#leftPadding {margin:5px 8px 20px 13px}
#rightContent {float:right;width:225px;}
	* html #rightContent {margin:0 0 0 -3px;width:224px;}
	#rightPadding {margin:5px 10px 20px 10px;}
#mainContent {margin:0 230px;}
	* html #mainContent {margin:0 227px;}
	#mainContentWidth { }
	#mainPadding {margin:0px 10px 25px;padding:10px 0;}
#header {height:92px;margin:0 7px;position:relative;text-align:center;}
#footer {clear:both; margin:0 10px 0 30px;font-size:0.9em;}
#credit {margin-top:5px;text-align:right;color:#777;font-size:0.9em;}
#credit a {color:#777;}

/* Menu */
#menuWrapper {position:absolute;bottom:0;height:auto;margin:0 auto;text-align:center;width:980px;left:0;_height:1%;}

/* 1 level */

#mainNav {margin:0 0 0 60px;list-style-type:none;text-align:center;}
#mainNav li {margin:0 2px;position:relative;float:left;display:block;text-transform: uppercase;}
#mainNav a {text-decoration:none;padding:4px 0 3px 1em;background:url(images/NavOn.gif) no-repeat 0% 0;margin:0 0 0 0;font-size:11px;display:block;font-weight:bold;color:#333;}
#mainNav a:hover {color:#FBB402;}
#mainNav a span {background:url(images/NavOn.gif) no-repeat 100% 0;padding:4px 1em 3px 0; margin:0;}

#mainNav a.link1Off {background:url(images/NavOff.gif) no-repeat 0% 0;color:#fff;margin:0 0 1px 0;padding-bottom:2px;}
#mainNav a.link1Off:hover {color:#FBB402;}

#mainNav a.link1Off span {background:url(images/NavOff.gif) no-repeat 100% 0;margin:0;;padding-bottom:2px;}

/* 2 level */
#mainNav ul {z-index:200; display:none;list-style-type:none;position:absolute;top:100%;left:0;border:1px solid #ddd;padding:0;margin:0 0 -1px 0;text-align:left;width:170px;border-top:0px solid;}
#mainNav ul li {width:100%;position:relative;padding:0;margin:0;float:left;line-height:1.2em;border-bottom:1px solid #bbb;}
#mainNav ul a {display:block;opacity:1; padding:3px 3px 3px 11px;background: #1769C4; color:#eee;margin:0;line-height:1.2em;font-size:10px;_height:1%}
#mainNav ul a:hover  {background-color:#3D8BFF;color:#fff;opacity:1;}

#mainNav li:hover > a {color:#FBB402;}
#mainNav li:hover ul {display:block;}
#mainNav li:hover ul ul {display:none;}
#mainNav ul li div.sectionHeader {background:#336699;font-weight:bold;font-size:0.85em;color:#fff;padding:0 0 0 10px;line-height:14px}

#mainNav a.arrowRight { background-image:url(images/whiteArrow.gif); background-repeat: no-repeat; background-position:97% center ;}
#mainNav a.arrowLefts  { background-image:url(images/whiteArrow.gif); background-repeat: no-repeat; background-position: 3% center;}

/* 3 level */
#mainNav ul ul {border:1px solid #ddd; position:absolute; top:0; left:100%; display:none;margin:0px 0 -2px 0;width:160px;_width:150px;}
#mainNav ul ul li {text-transform:none;}
#mainNav ul li:hover > a {color:#FBB402;background-color:#3D8BFF; }
#mainNav ul li:hover ul {display:block;}
#mainNav ul li:hover ul ul {display:none;}

li.City {background:#e1e1e1;color:#555; font-size:0.9em;text-indent:3px;font-weight:bold;margin:0px;padding:0;}

/* Vasen navi */
#leftContent #leftNavi {list-style-type:none;margin:0;}
ul#leftNavi ul {margin:0 0 0 -10px;list-style-type:none;}
ul#leftNavi a {color:#1769C4;font-weight:bold;}
ul#leftNavi a.link2On, ul#leftNavi a.link3On {color:#e95d00; }

ul#leftNavi li {background:url(images/sin_nuoli.png) no-repeat 7px center;padding: 3px 0 3px 25px;border-bottom:1px solid #eee;}
/* ul#leftNavi li {background:url(images/blueArrow.gif) no-repeat 7px center;padding: 3px 0 3px 15px;border-bottom:1px solid #eee;}*/
ul#leftNavi li li {background-image:none;padding: 1px 0 1px 0px;border:none;}
ul#leftNavi li li a {color:#555;background:url(images/menuArrow.gif) no-repeat 0 center;padding:0 0 0 8px;font-weight:normal;margin:0 0 0 10px;font-weight:normal;}
ul#leftNavi li.link2On {background:url(images/oranssi_nuoli.png) no-repeat 7px 2px;}
/*ul#leftNavi li.link2On {background:url(images/menuArrow.gif) no-repeat 7px 7px;} */
ul#leftNavi li.sectionHeader {background:none;font-size:0.9em;font-family:Verdana;font-weight:bold;background:#F5F5F5;color:#666;line-height:1em;padding:3px 0 3px 5px;}
ul#leftNavi li.sectionHeader2 {background:none;font-size:0.8em;font-family:Verdana;font-weight:bold;color:#666;line-height:1em;padding:3px 0 3px 13px;}


/* Asettelut keski */
#mainContent ul {margin:0 0 10px 10px;list-style-type:none;}
 #mainContent ol {margin:0 0 10px 20px;}
#mainContent ul li {background:url(images/lista2.png) no-repeat 0 6px;padding:2px 0 2px 14px;margin:0}
div.infoWrapper {width:511px;height:auto;display:table;}
div.infoBox2 {width:224px;_width:210;background:url(images/box2.png) no-repeat 0 bottom;margin:0 -6px -7px -3px; _margin:0 -2px 0 -7px;float:left;padding:0px 20px 22px 20px;min-height:125px;height:auto !important;height:145px;}
div.infoBox2 h2 {background: url(images/box2.png) no-repeat 0 0;margin:0 -20px 5px;padding:15px 20px 5px;color:#fff;}
div.infoBox2 h3 {background: url(images/box2.png) no-repeat 0 0;margin:0 -20px 5px;padding:15px 20px 5px;color:#fff;}
div.infoBox3 {width:145px;_width:210;background:url(images/box3.png) no-repeat 0 bottom;margin:0 -4px 0 -1px; _margin:0 -2px 0 -7px;float:left;padding:0px 15px 15px;height:auto;}

div.infoBox3 h2 {background: url(images/box3.png) no-repeat 0 0;margin:0 -15px 5px;padding:15px 15px 5px;color:#fff;}
div.infoBox3 h3 {background: url(images/box3.png) no-repeat 0 0;margin:0 -15px 5px;padding:15px 15px 5px;color:#fff;}
div.infoBox3 h4 {background: url(images/box3.png) no-repeat 0 0;margin:0 -15px 5px;padding:15px 15px 5px;color:#fff;}

div.oranssi2 h2 {background-image: url(images/box2-oranssi.png);}
div.oranssi2 h3 {background-image: url(images/box2-oranssi.png);}

div.purple2 h2 {background-image: url(images/box2-purple.png);}
div.purple2 h3 {background-image: url(images/box2-purple.png);}

div.red2 h2 {background-image: url(images/box2-red.png);}
div.red2 h3 {background-image: url(images/box2-red.png);}

div.darkBlue2 h2 {background-image: url(images/box2-darkBlue.png);}
div.darkBlue2 h3 {background-image: url(images/box2-darkBlue.png);}

div.lime2 h2 {background-image: url(images/box2-lime.png);}
div.lime2 h3 {background-image: url(images/box2-lime.png);}

div.green2 h2 {background-image: url(images/box2-green.png);}
div.green2 h3 {background-image: url(images/box2-green.png);}

div.harmaa2 h2 {background-image: url(images/box2-grey.png);}
div.harmaa2 h3 {background-image: url(images/box2-grey.png);}

div.oranssi3 h2 {background-image: url(images/box3-oranssi.png);}
div.oranssi3 h3 {background-image: url(images/box3-oranssi.png);}
div.oranssi3 h4 {background-image: url(images/box3-oranssi.png);}

img.topImage {margin:0 -5px 0 -3px;}

/* Asettelut - vasen */
#leftContent, #rightContent {font-size:0.9em;}
#leftContent ul {margin:0 0 0 15px;}
#leftContent ul li a {}
#leftContent ul li a:hover {color:#777;}
#leftContent h2, #rightContent h2 {background:url(images/Lh2Bg.png) no-repeat 0 0; margin:0 -3px 0 -6px;padding:8px 0px 8px 11px; font-family:Arial; color:#fff; text-transform:uppercase;font-size:1.1em;_width:100%}
#leftContent h3, #rightContent h3 {font-size:1.0em;margin:0 0 0 0;color:#333;}
div.tiedote {background:url(images/hrBg4.png) repeat-x 0 bottom;padding:0 0 10px 0;margin:0 0 5px 0;overflow-y:auto;}
div.tiedote a {padding:5px 10px 5px 10px;background:url(images/raquo.gif) no-repeat 0 2px;line-height:2em;color:#444;}
div.tiedote a:hover {color:#e95d00;}
div.tiedote small {color:#777;line-height:2em;margin:2px 0 0}

/* Tuntivalikoima */
div.tuntivalikoima {margin:5px 0;}
#leftContent div.tuntivalikoima ul {list-style-type:none;margin:0 0 0 5px;}
div.tuntivalikoima a {color:#555;background:url(images/menuArrowBlue.gif) no-repeat 0 5px;padding:0 0 0 10px;line-height:1.3em;}

/* Asettelut - oikea */
#rightContent ul {margin:0 0 0 15px;}
#rightContent h2 {background-image:url(images/Rh2Bg.png);}
#rightContent table {width:100%;margin:0 2px 0 -2px}
div.cityLinks {border-bottom:1px solid #D4D4D4;background:url(images/cityBg.png) repeat-x 0 0;margin:0 -2px 0 -6px;padding:0 5px;}
div.cityLinks a {padding:0px 5px 1px 5px;margin: 0 5px 0 5px;font-weight:bold;color:#555;}
div.cityLinks a:hover {color:#e95d00}
div.cityLinks a.cityOn {background:url(images/reunaboxi.png) no-repeat 0 0px;padding:0px 0 1px 0px;margin:0px 0px 0 0;color:#e95d00}

#rightContent ul.links {margin:0;}
ul.links li, ul.links {_height:1%;display:block;margin:0;}
ul.links li {padding:0px;}
ul.links a {background:url(images/raquo.gif) no-repeat 0 0; padding:1px 0 1px 10px;line-height:1.5em;color:#444;}
ul.links a:hover {color:#e95d00;}

a.cityOn span {background: url(images/reunaboxi.png) no-repeat 100% 0px;margin:0px 0px 0 5px;padding:0px 10px 1px 5px;}

a#tuntihaku {display:block;height:40px;clear:both;}
#tuntihaku {font:bold 1.5em arial;margin:5px -2px 0px -5px;background: url(images/haku.png) no-repeat 0 0;padding:10px 10px 5px 60px;}
a#tuntihaku:hover {color:#555;}
div.laji {margin:0 0 8px;}

/* Tuntivalinta */
#Tunti {position:absolute; width:278px;height:50px;right:54px;top:0;}
p.kirjaudu {font-size:0.9em;font-weight:bold;color:#fff;margin:0 0 0 12px;padding:0;text-align:left;}
span.register {font-size:0.8em; padding:0 0 0 15px; text-align:right;}
span.register a {color:#fff;}
span.register a:hover {color:#333;}
span.date {font-size:0.9em;color:#1769C4;font-weight:bold;padding: 0 6px 0 12px;}
span.dateTiedote {font-size:0.8em; color:#999; }
#date {font-weight:normal;text-align:left;height:12px;padding:0;margin:0;}
#inputWrapper {margin-top:4px;_margin-top:0px;}
#Tunnus {border:none; width:100px; font-size:0.9em;background:transparent url(images/inputBox.png) no-repeat 0px center;padding:3px 2px;color:#555;margin:0 5px;}
#Koodi {border:none; width:100px; font-size:0.9em;background:transparent url(images/inputBox.png) no-repeat 0px center;padding:3px 2px;color:#555;margin:0 5px;}
#inputBtn {;vertical-align:top;margin-top:2px;_vertical-align:top;}

/* Kielivalinta */
#lang {position:absolute;width:20px;right:14px;top:5px;}
#lang a {line-height:0.6em;font-size:0.6em;margin:0;padding:0;}
#lang a img {margin:0;padding:0;}

/* Lomakkeet */
#tunnitSelect form {font-size:0.9em;}
input#loginBtn , #tunnitSelect input {font-size:0.9em;background:url(images/SearchBtn.png) no-repeat 0px 3px; border:0px solid; width:85px;height:22px;margin:5px 0px;font-weight:normal;color:#000;padding:0px 5px;cursor:pointer;line-height:2.8em;}
#tunnitSelect input:hover, input#loginBtn:hover {color:#1659a5;}
#tunnitSelect select {font-size:0.9em;cursor:pointer;width:100%;}
#tunnitSelect option {padding:0px 5px;}

#haku select { width:130px; font-size:0.9em;color:#333;cursor:pointer;}
#haku #selectKlo {width:100px}
#haku #selectIcet {width:100px}
#haku #selectPacet {width:140px}
#haku #selectOhjaajat {width:140px}
table.tuntihaku {width:98%;}
input#btnEtsi {float:left;margin: 0px 15px 0 0 }

/* taulut */
table.tunnit {border-spacing:0;}
table.tunnit td {padding:0 0 0 2px;}
table.blueLines { margin-bottom:20px;} 
table.blueLines td { border-bottom: solid 1px #8AB3D1; }
table.blueLines th { color:#1769C4; border-bottom: solid 2px #8AB3D1; }
table.blueLines th.korkea { padding-top:10px; }
div.aikataulu table.blueLines {font-size:0.9em;}
tr.taysi {color:red;}
tr.laiteopastus td {text-decoration:underline;}
tr.takasali td { font-style:italic; }
table.blueLines span {cursor:help;}

table.blueLines.smallPadding td { padding:1px;} 
table.blueLines.bigPadding td { padding:4px;} 

table.greyLines td { border-bottom: solid 1px #999; }
table.greyLines th { color:#333; border-bottom: solid 2px #666; }


table.greyLines th.blueH3 {color:#1769C4;font-size:1.2em;}

/* Listaelementit */
#leftContent ul.blueBall {margin:0 0 0 5px;padding:0;}
ul.blueBall li {list-style-type:none;background:url(images/lista2.png) no-repeat 0 3px;padding:0 0 0 15px; margin:0;}

/* Aikataulut */
div.aikatauluPalstat {display:table;width:100%}
div.aikataulu {width:48%;float:left;padding:0 2% 0 0;}
div.aikataulu table {width:100%;}

/* muut */
.huom { color:red; }
.rightImages { float:right;margin-top:-38px; padding-left:20px}
.clearB {clear:both;font-size:0em;height:0px;}
.clear {clear:both;font-size:0em;height:0px;}
.small {font-size:0.9em}
.hr {background:url(images/hrBg4.png) repeat-x 0 bottom;padding:0px 0 5px 0;margin:0px 0 5px 0;border:0px solid #fff;height:10px;}
a.arrow {display:block;background:url(images/raquo.gif) no-repeat 0 0;padding:3px 0 3px 10px;color:#555;}
a.arrow:hover {color:#e95d00;}
img.mail {vertical-align:bottom;}
.naisille { color:#EE00CA;}
.miehille { color:#003366;}
.oranssi {color:#e95d00}

/* Tooltip */
span.Tooltip {display:none;background:#fff;width:150px;height:auto;position:absolute; top:100%;left:100%;border:1px solid #ccc;background:#1769C4;padding:5px;cursor:help;color:#fff}

/* UKK */
#accordion h3 {margin:5px 5px 0;cursor:pointer;padding:10px 5px 3px 0px; color:#666}
div.element {margin:0px 5px -4px;padding:20px 0px;}

.red {border:1px solid red;background:pink}
.errorMessage {background:pink}

/* slideshow*/
.slideshowContainer {border: 1px solid #ccc;width: 250px;height: 167px;	margin-bottom: 5px; margin-left:5px; float:right;}
.loading {background: url(images/loading.gif) center no-repeat;}
.slideshowThumbnail {outline: none;}
.slideshowThumbnail img {border: 1px solid white;padding: 4px;}
a:hover.slideshowThumbnail img {border: 1px solid #ccc;	padding: 4px;}
.current img {border: 1px solid red;padding: 5px;}
.outline {z-index: 0;position: absolute;}

/* poller */
#poller label {margin: 0 0 0 8px; padding:0;}
#poller h3.pollerTitle {margin:8px 0;}
.poller{height:auto;padding:0;border:0px double #317082;margin:10px;}
.pollerTitle{margin-bottom:5px;font-weight:bold;}
.pollerOption{margin:0px;}
.result_pollerOption{margin:0px;font-size:0.8em;}
.result_pollerTitle{margin-bottom:5px; font-weight:bold;font-size:0.9em;}
.result_pollGraph img{float:left;}
.result_pollGraph div{float:left;height:16px;background-repeat:repeat-x;color:#FFF;font-size:0.9em;line-height:16px;}
.result_pollGraph{height:16px;}
.poller_waitMessage{display:none;}	
.result_totalVotes{clear:both;font-size:0.8em;margin-top:10px;font-style:italic;}
div.poller  {margin:0;padding:0 0 10px;}
	h3.pollerTitle {padding:0 0 5px;margin:0;}
	p.pollerOption label {margin:0px 10px;padding:0;}

div.keywords, div.keywords a { color:#888}

div.synttariTarjous {font-weight:bold; font-family:Verdana; color:#003C96; padding:0px}

.synttariTarjousBox {background:url(synttari-tarjous-tausta.jpg) no-repeat; width:414px; height:129px ; padding:12px 30px 0px 60px; }
.synttariTarjousText {font-size:13px;font-family:Verdana; font-size:11px}
.synttariTarjousBox h3 {margin-top:5px;}