html {
margin:0px;
padding:0px;
height:100%;
}

body {
margin: 0px;
font-family: arial, Helvetica,sans-serif; 
font-size:12px;
line-height:16px;
padding:0px;
height:100%;
min-width:1017px;
background:url('taustakuva.jpg') fixed bottom left no-repeat #f7f7f7;
}

img {
display:block;
}
a:link { color: #ff6000; text-decoration: none;border-bottom:1px dotted #304d4e;} 
a:active { color: #ff6000; text-decoration: none;border-bottom:1px dotted #304d4e;}
a:visited { color: #ff6000; text-decoration: none;border-bottom:1px dotted #304d4e;}
a:hover { color: #ff6000; text-decoration: none;border-bottom:1px solid #304d4e;}

.vali:link { color:#666;margin:2px;text-decoration:none;border:0;font-size:10px;text-shadow:1px 1px white;} 
.vali:active { color:#666;text-decoration:none;border:0;font-size:10px;text-shadow:1px 1px white;}
.vali:visited { color:#666;text-decoration:none;border:0;font-size:10px;text-shadow:1px 1px white; }
.vali:hover { color:#333;text-decoration:none;border-bottom:0;font-size:10px;text-shadow:1px 1px white;}


.kilp:link { color: #101438; text-decoration: underline; font-size:12px;line-height:14px;} 
.kilp:active { color: #101438; text-decoration: underline; font-size:12px;line-height:14px;}
.kilp:visited { color: #101438; text-decoration: underline; font-size:12px;line-height:14px;}
.kilp:hover { color: #101438; text-decoration: none; font-size:12px;line-height:14px;}

.kilpiso:link { color: #101438; text-decoration: none; font-size:16px;line-height:17px;} 
.kilpiso:active { color: #101438; text-decoration: none; font-size:16px;line-height:17px;}
.kilpiso:visited { color: #101438; text-decoration: none; font-size:16px;line-height:17px;}
.kilpiso:hover { color: #101438; text-decoration: none; font-size:16px;line-height:17px;}

.valilink:link { color: #fff; text-decoration: none;} 
.valilink:active { color: #fff; text-decoration: none;}
.valilink:visited { color: #fff; text-decoration: none; }
.valilink:hover { color: #fff; text-decoration:underline;}

.ylamenu:link { color: #fff; text-decoration: none;border-bottom:1px dotted #ff8a00;} 
.ylamenu:active { color: #fff; text-decoration: none;border-bottom:1px dotted #ff8a00;}
.ylamenu:visited { color: #fff; text-decoration: none;border-bottom:1px dotted #ff8a00; }
.ylamenu:hover { color: #fff; text-decoration: none;border-bottom:1px solid #ff8a00;}

.ylamenu_2:link { color: #000; text-decoration: none;border-bottom:1px dotted #ff8a00;font-size:14px;} 
.ylamenu_2:active { color: #000; text-decoration: none;border-bottom:1px dotted #ff8a00;font-size:14px;}
.ylamenu_2:visited { color: #000; text-decoration: none;border-bottom:1px dotted #ff8a00;font-size:14px; }
.ylamenu_2:hover { color: #000; text-decoration: none;border-bottom:1px solid #ff8a00;font-size:14px;}

.footerlink:link { color: #ff6000; text-decoration: none;border-bottom:1px dotted #304d4e;font-size:14px;} 
.footerlink:active { color: #ff6000; text-decoration: none;border-bottom:1px dotted #304d4e;font-size:14px;}
.footerlink:visited { color: #ff6000; text-decoration: none;border-bottom:1px dotted #304d4e;font-size:14px; }
.footerlink:hover { color: #ff6000; text-decoration: none;border-bottom:1px solid #304d4e;font-size:14px;}

.pikkumenu {
height:18px;
float:left;
padding:14px 14px 14px 14px;
text-align:center;
position:relative;
left:-30px;
font-size:14px;
}

.pikkumenu:hover {
cursor:pointer;
background:url(gradient.png) bottom repeat-x;
}

.nimiots {
font-size:25px;
font-weight:bold;
line-height:28px;
color:#333;
text-shadow: 1px 1px white;
}

.menut {
	color:#FFF;
	font-size:11px;
	font-weight:bold;
}
.punainen {
	color:#b81f1f;
	font-size:10px;
	line-height:14px;
}

.pvm {
	font-size:10px;
	line-height:14px;
	color:#aebccd;

}

.kuvaus {
    font-size:11px;
	line-height:14px;
	color:#aebccd;
	
}
.otsikko {
    font-size:18px;
	line-height:20px;
	color:#fff;

}	
.valimenu {
background:url('valimenu.jpg') top right repeat-x;
font-size:11px;
line-height:12px;
color:#fff;
}
.uutisyla {
background:url('uutyla.jpg') bottom center no-repeat;font-size:10px;line-height:10px;color: #fff;font-weight:bold;
}
.uutiskeski {
background:url('uutkesk.jpg') bottom center no-repeat;font-size:30px;line-height:30px;color: #fff;font-weight:bold;
}
.uutisala {
background:url('uutala.jpg') bottom center no-repeat;font-size:12px;line-height:12px;color: #101438;font-weight:bold;
}
.uutisalin {
background:url('uutalin.jpg') bottom center no-repeat;font-size:6px;line-height:6px;
}

.napit {
background-color: #f6f6f9;
background-image: url('gradient.jpg');
background-position: center;
background-repeat:repeat-x;
font-size:10px;
border: 1px solid #101438;
color: #101438;
}
.napita {
width:auto;
height:13px;
padding:3px;
margin:3px;
display:inline;
border:1px solid #eee;
border-radius:3px;
-moz-border-radius:3px;
background-color:#f5f5f6;
font-size:11px;
color: #b7b7b7;
/*color: #2a4849;*/
}
.napita:hover {
background-color:#fff;
}

.napita_btn {
background-color:#ddd;
border:1px solid #ccc;
border-radius:3px;
-moz-border-radius:3px;
width:71px;
height:23px;
padding:3px;
margin:3px;
text-align:center;
display:inline;
font-size:11px;
color: #333;
text-shadow:1px 1px white; 
}
.napita_btn:hover {
background-color:#d5d5d5;
cursor:pointer;
}

.omai {
font-size:10px;
line-height:10px;
color: #101438;
}
.seura {
border:1px solid #c3c7c8;
-moz-border-radius: 3px;
background:url('seuratausta.png') bottom repeat-x #f8f8f8;
border-radius: 3px;
height:150px;
width:120px;
float:left;
margin:5px;
text-align:center;
padding:4px;
}

.isopoyta {
width:800px;
margin:auto;
background-color:#fafafa;
border:1px solid #e0e0e0;
-moz-border-radius: 3px;
border-radius: 3px;
padding:0px;
position:relative;
}

.seura:hover {
cursor:pointer;
background-color:#f4f4f4;
}

.otsat {
font-size:10px;
line-height:10px;
color: #101438;
}
.vari {
font-size:10px;
line-height:10px;
color: #101438;
border-left:1px dotted #d9e2ea;
border-right:1px dotted #d9e2ea;
border-top:1px solid #d9e2ea;
border-bottom:1px solid #d9e2ea;
}
.nimet {
font-size:10px;
line-height:10px;
color: #101438;
border-top:1px solid #d9e2ea;
border-right:1px dotted #d9e2ea;
border-bottom:1px solid #d9e2ea;
}
.seura {
font-size:10px;
line-height:10px;
color: #101438;
border-top:1px solid #d9e2ea;
border-right:1px solid #d9e2ea;
border-bottom:1px solid #d9e2ea;
}

.ranking {
font-size:10px;
line-height:10px;
color: #101438;
border-top:1px solid #d9e2ea;
border-left:1px solid #d9e2ea;
border-bottom:1px solid #d9e2ea;
}


.inputvasen {
clear:both;
float:left;
background:url("inputvasen.png") center right no-repeat;
width:12px;
height:43px;
}
.inputkeski {
float:left;
background:url("inputkeski.png") center repeat-x;
height:43px;
}
.inputoikea {
float:left;
background:url("inputoikea.png") center left no-repeat;
width:12px;
height:43px;
}
.textareayla {
background:url("textareayla.png") center bottom no-repeat;
width:300px;
height:21px;
}
.textareaala {
background:url("textareaala.png") center top no-repeat;
width:300px;
height:21px;
}
.textareakeski {
background:url("textareakeski.png") center repeat-y;
width:300px;
}
.textareayla_iso {
background:url("textareayla_iso.png") center bottom no-repeat;
width:600px;
height:21px;
}
.textareaala_iso {
background:url("textareaala_iso.png") center top no-repeat;
width:600px;
height:21px;
}
.textareakeski_iso {
background:url("textareakeski_iso.png") center repeat-y;
width:600px;
}

.inputti {
margin-top:12px;font-size:15px;border:0px;background:none;width:150px;color:#304d4e;background-color:transparent;
}
.inputti_up {
font-size:15px;
padding:3px;
margin:2px;
border:1px solid #ccc;
border-radius:3px;
-moz-border-radius:3px;
width:150px;
color:#304d4e;
background-color:#fff;
}


.textareainputti {
margin-left:12px;margin-right:12px;font-size:15px;border:0px;background:none;color:#304d4e;
}
.nappi {
border:1px solid #ccc;
background-color:#eee;
height:35px;
line-height:35px;
text-align:center;
color:#444;
text-shadow:1px 1px white;
font-size:16px;
padding:0 10px 0 10px;
margin:5px;
border-radius:3px;
-moz-border-radius:3px;
}
.nappi:hover {
cursor:pointer;
background-color:#f6f6f6;
}

h1 {
font-size:25px;
margin:10px;
padding:25px;
border-bottom:1px solid #fff;
background:url('h1tausta.png') center center no-repeat #000;
font-weight:normal;
text-align:center;
text-shadow:1px 1px 3px black;
color:#fff;
text-transform:uppercase;
}
h4 {
font-size:18px;
margin:14px 0 14px 0;
padding:12px;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
background:url('h1tausta.png') center no-repeat #000;
font-weight:normal;
text-align:center;
color:#fff;
text-shadow:1px 1px 3px black;
text-transform:uppercase;
}
h5 {
font-size:15px;
margin:0;
padding:10px;
font-weight:bold;
text-align:center;
color:#666;
text-shadow:1px 1px white;
text-transform:uppercase;
}
.boxi {
margin:auto;
text-align:center;
background-color:#fafafa;
border:1px solid #e0e0e0;
border-radius:3px;
-moz-border-radius:3px;
}

.edit_tap {
margin:auto;
text-align:center;
background-color:#fafafa;
border:1px solid #e0e0e0;
border-radius:3px;
-moz-border-radius:3px;
width:250px;
padding:10px;
color:#304d4e;
font-size:14px;
}

.edit_tap:hover {
cursor:pointer;
background-color:#fff;
}

.tunarit {
text-align:center;
float:left;
width:140px;
height:25px;
margin:2px;
padding:2px;
line-height:23px;
font-size:12px;
background-color:#fff;
border:1px solid #e0e0e0;
border-radius:3px;
-moz-border-radius:3px;
}
.tiedostot {
text-align:left;
padding:15px;
border:1px solid #fff;
}
.tiedostot:hover {
cursor:pointer;
background-color:#f4f4f4;
border:1px solid #cccccc;
}
.tied_ots {
font-size:12px;
line-height:14px;
margin:12px 0 2px 0;
}
.tied_kuv {
font-size:14px;
text-shadow:1px 1px white;
}
.otsake {
font-size:30px;
margin:0;
text-align:center;
padding:50px 25px 50px 25px;
border-bottom:1px solid #fff;
background:url('h1tausta.png') bottom center no-repeat #000;
font-weight:normal;
text-shadow:1px 1px 3px black;
color:#fff;
text-transform:uppercase;
}

h2 {
font-size:14px;
color:#ff6000;
margin:2px;
padding:2px;
border-bottom:1px dashed #ccc;
}
h3 {
font-size:12px;
line-height:25px;
margin:2px;
padding:2px;
}
.teksti {
margin:20px;
color: #304d4e;
}
.lipeukaloylos {
background:url('peukaloylos.png') left top no-repeat;
margin:5px;
padding-left:16px;
}
.lipeukaloalas {
background:url('peukaloalas.png') left top no-repeat;
margin:5px;
padding-left:16px;
color:#ff0000;
}
.uusitapahtumavasen {
text-align:right;
width:290px;
padding:10px 5px 10px 5px;
border-right:1px solid #eee;
margin:5px 0 5px 0;
float:left;
}
.uusitapahtumaoikea {
text-align:left;
border-left:1px solid #fff;
width:420px;
padding:10px 5px 10px 5px;
margin:5px 0 5px 0;
float:left;
}
.ilmdiv {
text-align:center;
font-size:16px;
padding:5px;
margin-top:5px 0px 5px 0px;
background-color:#FFF000;
}
.menulink {
font-size:15px;
color:#314748;
line-height:17px;
padding:10px 20px 9px 20px;
text-transform:uppercase;
margin:0;
border-left:1px solid #fff;
border-right:1px solid #c3c7c8;
text-shadow: 1px 0px white, -1px 0px white, 0px 1px white, 0px -1px white;
}

.menulink:hover {
cursor:pointer;
background:url(menuhover.png) top repeat-x;

}
.menulink_y {
font-size:13px;
color:#314748;
line-height:15px;
padding:10px 20px 9px 20px;
background:url('menutaus.png') top repeat-x;
margin:0;
white-space:nowrap;
text-transform:uppercase;
border-left:1px solid #fff;
border-bottom:1px solid #c3c7c8;
border-right:1px solid #c3c7c8;
text-shadow: 1px 0px white, -1px 0px white, 0px 1px white, 0px -1px white;
}

.menulink_y:hover {
cursor:pointer;
background:url(menuhover.png) top repeat-x #f0f0f0;
}

.menulink_w {
font-size:11px;
color:#314748;
line-height:13px;
padding:10px 10px 9px 10px;
background:url('menutaus.png') top repeat-x;
margin:0;
white-space:nowrap;
text-transform:uppercase;
border-left:1px solid #fff;
border-bottom:1px solid #c3c7c8;
border-right:1px solid #c3c7c8;
text-shadow: 1px 0px white, -1px 0px white, 0px 1px white, 0px -1px white;
}

.menulink_w:hover {
cursor:pointer;
background:url(menuhover.png) top repeat-x #f0f0f0;
}

.menulink_t {
font-size:12px;
color:#fff;
line-height:24px;
padding:5px 10px 4px 10px;
text-transform:uppercase;
border-right:1px solid #092627;
border-left:1px solid #344f51;
text-shadow: 1px 1px black;
}

.menulink_t:hover {
cursor:pointer;
background-color:#344f51;
}

.menulink_p {
font-size:11px;
color:#314748;
line-height:13px;
padding:3px;
width:48px;
float:left;
margin:2px;
background:url('menutaus.png') top repeat-x;
text-align:center;
text-transform:uppercase;
border:1px solid #c3c7c8;
outline:1px solid #fff;
-moz-border-radius: 3px;
border-radius: 3px;
text-shadow: 1px 0px white, -1px 0px white, 0px 1px white, 0px -1px white;
}

.menulink_p:hover {
cursor:pointer;
background:url(menuhover.png) top repeat-x #f0f0f0;
}

.menucurrent {
font-size:15px;
line-height:17px;
margin:0;
padding:10px 20px 9px 20px;
border-left:1px solid #fff;
border-right:1px solid #c3c7c8;
background:url('currentpage.png') top repeat-x;
color:#182b2c;
text-shadow: 1px 1px #fad796;

}
.menucurrent:hover {
cursor:pointer;
}

.headerdiv {
padding:5px;
font-size:18px;
border-bottom:1px solid #eee;
color:#ff6000;
}
.footerdiv {
padding:5px;
font-size:12px;
border-top:1px solid #fff;
text-align:center;
color:#ff6000;
}
.karttapaluu {
position:absolute;
height:25px;
width:100px;
border-radius:3px;
-moz-border-radius:3px;
background-color:#fafafa;
border:1px solid #e0e0e0;
top:-15px;
left:20px;
z-index:0;
text-align:center;
}
.karttapaluu:hover {
cursor:pointer;
background-color:#fff;
}
.omatvasen {
width:250px;
text-align:right;
padding:5px;
margin:5px;
float:left;
font-size:12px;
}
.omatoikea {
width:250;
text-align:left;
padding:5px;
margin:5px;
float:left;
font-weight:bold;
font-size:14px;
}
.messagediv {
color:#fff;
font-size:18px;
line-height:20px;
z-index:25;
background-color:#ff0000;
text-align:center;
margin:5px;
padding:5px;
}

.taptai {
background:url('varjoyls.png') top repeat-x #c80000;
margin-left:10px;
padding:3px 10px 3px 10px;
color:#fff;
float:left;
text-align:center;
font-size:11px;
}

.kilptai {
background:url('varjoylos.png') bottom repeat-x #00a904;
margin-left:20px;
padding:3px 10px 3px 10px;
color:#fff;
float:left;
text-align:center;
font-size:11px;
}

.tapahtumatots {
font-size:18px;
font-weight:bold;
padding:12px;
}

.tapahtumatpvm {
font-size:13px;
padding:0px 5px 5px 12px;
font-style:italic;

}

.kilpilm {
padding:2px 10px 3px 10px;
color:#fff;
text-shadow:1px 1px #000;
white-space:nowrap;
font-size:12px;
line-height:20px;
border-right:1px solid #405d5f;
border-left:1px solid #092627;
text-align:center;
}

.virallinenkilpailu {
background:url('varjoylos.png') bottom repeat-x #c80000;
margin-left:10px;
padding:3px 10px 3px 10px;
color:#fff;
float:left;
font-size:11px;
text-align:center;
}

.sbjjllogotaus {
width:60px;
height:60px;
padding:6px;
border-right: 1px solid #1e3031;
background:url('sbjjl_logo.png') center no-repeat;
float:left;
}
.tapmuut {
width:587px;
padding-top:6px;
height:66px;
border-left: 1px solid #405d5f;
float:left;
}


.kokotapahtuma {
width:700px;
margin:auto;
}

.greybox {
padding:20px;
border:1px solid #cccccc;
background-color:#f5f5f5;
-moz-border-radius: 3px;
border-radius: 3px;
}
.tapahtumatdiv {
width:680px;
margin:auto;
background:url('tapahtumattausta.png') bottom repeat-x #2f4c4d;
color:#fff;
text-shadow: 1px 1px black;
font-size:12px;
border-radius:3px;
-moz-border-radius:3px;
}
.tapahtumatdiv:hover {
cursor:pointer;
background:url('tapahtumattausta_hover.png') bottom repeat-x #365253;
}
.content_ala {
height:24px;
background:url('contentalaoikea.png') top right no-repeat;
}
.content_ala_vasen {
width:107px;
height:24px;
background:url('contentalavasen.png') top left no-repeat;
}
.sarjat {
background:url('alatausta.png') top center no-repeat #eee;
border:1px solid #eee;
outline:1px solid #fff;
color:#666;
text-shadow:1px 1px white;
border-radius:3px;
-moz-border-radius:3px;
width:160px;
text-align:center;
font-size:14px;
float:left;
padding:5px;
margin:5px;
}

.valmiit {
background:url('alatausta.png') top center no-repeat #eee;
border:1px solid #eee;
outline:1px solid #fff;
color:#666;
text-shadow:1px 1px white;
border-radius:3px;
-moz-border-radius:3px;
width:220px;
text-align:center;
font-size:14px;
float:left;
padding:5px;
margin:5px;
}
.valmiit:hover {
cursor:pointer;
background-color:#fff;
}
.plussa {
color:#00ff00;
font-size:14px;
font-weight:bold;
border:1px solid #eee;
background-color:#f5f5f5;
border-radius:3px;
-moz-border-radius:3px;
width:18px;
padding:2px;
margin:2px;
height:18px;
line-height:18px;
display:inline-block;
text-align:center;
}
.plussa:hover {
background-color:#fff;
cursor:pointer;
}


.painoluokat {
color:#666;
text-shadow:1px 1px white;
font-size:12px;
font-weight:bold;
border:1px solid #eee;
border-radius:3px;
-moz-border-radius:3px;
width:60px;
padding:2px;
margin:4px;
height:20px;
float:left;
text-align:center
}
.painoluokat:hover {
background-color:#fff;
cursor:pointer;
}

.painosarjat {
color:#666;
text-shadow:1px 1px white;
font-size:12px;
font-weight:bold;
border:1px solid #eee;
border-radius:3px;
-moz-border-radius:3px;
padding:2px;
margin:4px;
height:20px;
text-align:center
}
.painosarjat:hover {
background-color:#fff;
cursor:pointer;
}
.sarjavali {
background-color:#fff;
border:1px dotted #eee;
border-radius:3px;
-moz-border-radius:3px;
}
.sarjavali:hover {
background-color:#eee;
cursor:pointer;
}
.tablecellhead {
float:left;
border:1px solid #ccc;
border-radius:3px;
-moz-border-radius:3px;
margin:2px;
margin-bottom:5px;
padding:5px;
font-size:12px;
}
.tablecell {
float:left;
overflow:hidden;
height:18px;
vertical-align:middle;
border:1px dotted #f4f4f4;
background-color:#fff;
border-radius:3px;
-moz-border-radius:3px;
margin:2px;
margin-bottom:5px;
padding:5px;
font-size:12px;
}

.rivi {
clear:both;width:300px;font-size:12px;float:left;margin:1px 0 1px 0;
}
.rivisumma {
width:50px;font-size:12px;text-align:right;float:left;margin:1px 0 1px 0;
}
label {
    display: inline;
}
 
.regular-checkbox {
    display: none;
}
 
.regular-checkbox + label {
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 18px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
}
 
.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
 
.regular-checkbox:checked + label {
    background-color: #e9ecee;
    border: 1px solid #adb8c0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: #99a1a7;
}
 
.regular-checkbox:checked + label:after {
    content: '\2714';
    font-size: 28px;
    left: 6px;
    position: absolute;
    top: 8px;
    
    color: #99a1a7;
}

.v_tulokset {

width:300px;
float:left;
margin:10px;
min-height:265px;
color:#333;


}
.v_sarja {
font-size:15px;
color:#333;

margin-bottom:10px;
border-bottom:1px solid #bbb;
text-transform:uppercase;
text-align:left;
font-weight:300;
height:50px;
position:relative;
}
.v_sarja div {
position:absolute;
width:100%;
padding:15px 5px 5px;
left:0;
bottom:0;
}

.v_mitalistit {
height:50px;

font-size:14px;
padding-left:75px;

}
.v_mitalistit .v_nimi {
padding-top:7px;
}

.v_mitalistit.v_kulta {
background:url('mitali_kulta.png') left center no-repeat;
font-size:1.8em;
}
.v_mitalistit.v_hopea {
background:url('mitali_hopea.png') left center no-repeat;
font-size:1.4em;
}
.v_mitalistit.v_pronssi {
background:url('mitali_pronssi.png') left center no-repeat;
}
.v_mitalistit .v_seura {
color:#aaa;
font-size:12px;
padding-top:4px;
text-shadow:1px 1px white;
}
#tulokset h5 {
 padding:40px 10px 10px;
 font-size:30px;
 font-weight:normal;
 border:0;
 text-shadow:none;
}
.v_tiedot {
font-size:12px;
width:273px;
float:left;
text-align:left;
border-right:1px solid #ccc;
padding:15px;
margin:10px;
}