body a:link, body a:visited, body a:active {
text-decoration: none;
color : #455179;
}

body a:hover {
text-decoration: underline;
}

.jshover {
text-decoration: underline;
}

.jsblur {
text-decoration: none;
}

#vertmenu {
width: 140px;
padding: 0;
margin: 0;
line-height : 16px;
}

#vertmenu ul {
list-style: none;
padding: 0;
margin: 0;
border: none;
}

#vertmenu ul li {
padding: 0;
margin: 0;
}

#vertmenu ul li a {
display: block;
border-top: 1px solid #ccc;
padding: 0px 0px 0px 4px;
text-decoration: none;
width : 140px;
color : #606060;
}

#vertmenu ul li a.first {
border-top: 0px solid #ccc;
}

#vertmenu ul li a:hover {
background-color : #cccccc;
color : #606060;
}

.kalenteri {
width : 140px;
border : 1px solid #e0e0e0;
padding : 0px 0px 0px 0px;
margin : 0px 0px 15px 0px;
border-collapse : collapse;
}

.kalenteri th {
border : 1px solid #e0e0e0;
padding : 0px 0px 0px 0px;
margin : 0px 0px 0px 0px;
text-align : center;
font-weight : normal;
font-size : 10px;
line-height: 13px;
}

.kalenteri td {
border : 1px solid #e0e0e0;
padding : 0px 0px 0px 0px;
margin : 0px 0px 0px 0px;
text-align : center;
font-size : 10px;
line-height: 16px;
}

.kalenteri td strong {
font-size : 14px;
line-height: 14px;
}

.kalenteri td.nyt {
background-color : #cc0000;
}

.kalenteri td.nyt a {
color : #ffffff;
}

.kalenteri td.valittu {
background-color : #0000cc;
}

.kalenteri td.valittu a {
color : #ffffff;
}

.kalenteri a:hover {
background-color : #ccc;
}

.kuukaudet {
width : 140px;
text-align : center;
font-family: Georgia, 'Times New Roman', Times-New-Roman, Serif;
font-weight: normal;
font-size: 14px;
padding: 5px 0px 0px 0px;
margin: 0px 0px 0px 0px;
line-height: 14px;
letter-spacing: 1px;
}



.kuukaudet a {
font-size: 12px;
}

#kevytkello {
padding : 0 0 5px 0;
font-size : 11px;
}

#tilausohje {
padding : 7px 0 0 10px;
}

.ehdot {
z-index : 9;
position : absolute;
margin : -3px 0 0 0;
width : 500px;
border-left-color : #000;
border-left-style : solid;
border-left-width : 1px;
border-right-color : #000;
border-right-style : solid;
border-right-width : 1px;
border-top-color : #000;
border-top-style : dotted;
border-top-width : 1px;
border-bottom-color : #000;
border-bottom-style : solid;
border-bottom-width : 1px;
}

.ruokahaku {
/* height : 37px; */
height : 53px;
overflow : hidden;
margin : 0;
padding : 0;
}

.hakeminen {
margin : 0;
padding : 0;
}

#ehdotukset {
margin : 0;
padding : 0;
}

.valob {
background-image : url("yfade.png");
background-repeat : repeat-y;
cursor : pointer;
}

.valo {
background-color : #ccd2d6;
cursor : pointer;
}

.pois {
cursor : pointer;
}

.valo a:hover {
background-color : #0a246a;
color : white;
text-decoration : none;
}

.pois a:hover {
background-color : #0a246a;
color : white;
text-decoration : none;
}

.valoc {
background-color : #0a246a;
color : white;
cursor : pointer;
}

.poisc {
background-color : #ffffff;
cursor : pointer;
}


.enbar {
width : 14px;
height : 5px;
background: #444444;
font-size : 5px;
}

.etbar {
width : 14px;
height : 5px;
background: #dddddd;
font-size : 5px;
}

.ylibar {
width : 25px;
height : 5px;
background: #cc0000;
font-size : 5px;
}

.pn {
width : 14px;
height : 5px;
background: #00ff00;
font-size : 5px;
}

.pt {
width : 14px;
height : 5px;
background: #ddffdd;
font-size : 5px;
}

.hn {
width : 14px;
height : 5px;
background: #0000ff;
font-size : 5px;
}

.ht {
width : 14px;
height : 5px;
background: #ddddff;
font-size : 5px;
}

.rn {
width : 14px;
height : 5px;
background: #ff0000;
font-size : 5px;
}

.rt {
width : 14px;
height : 5px;
background: #ffdddd;
font-size : 5px;
}

.valibar {
height : 4px;
font-size : 4px;
}

.miniform {
padding : 0;
margin : 0;
}

#minicon {
width : 145px;
height : 300px;
font-size : 10px;
line-height : 15px;
color : #000000;
overflow: scroll;
overflow-x: hidden;
overflow-y: scroll;
}

.mini {
background-color : #e0e0e0;
border-left-color : #e0e0e0;
border-left-style : solid;
border-left-width : 2px;
border-top-color : #e0e0e0;
border-top-style : solid;
border-top-width : 2px;
border-bottom-color : #e0e0e0;
border-bottom-style : solid;
border-bottom-width : 5px;
}

.minib {
background-color : #ffffff;
padding : 2px 10px 5px 2px;
}

.jaljella {
width : 23px;
margin:  0;
padding: 0;
font-size : 11px;
color : #555;
background-color : #f7f7f7;
border : 0px solid #f7f7f7;
}

#keskiosa {
padding : 0 0 0 12px;
margin : 0;
}

.kentatpadding {
padding : 0 0 0 5px;
}

.listakehystable {
padding : 0;
margin : 0;
border-collapse: collapse;
width : 624px;
}

#listakehys div {
padding : 0;
margin : 0;
font-weight : normal;
}

#listakehys td {
border-top : 0px solid #fff;
border-left : 0px solid #fff;
border-right : 0px solid #fff;
border-bottom : 1px solid #ddd;
margin : 0;
padding : 2px 3px 2px 1px;
}

#listakehys .finelipk {
border-top : 0px solid #fff;
border-left : 0px solid #fff;
border-right : 0px solid #fff;
border-bottom : 0px solid #fff;
color : #009900;
}

#listakehys .finelihk {
border-top : 0px solid #fff;
border-left : 0px solid #fff;
border-right : 0px solid #fff;
border-bottom : 0px solid #fff;
color : #0000cc;
}

#listakehys .finelirk {
border-top : 0px solid #fff;
border-left : 0px solid #fff;
border-right : 0px solid #fff;
border-bottom : 0px solid #fff;
color : #cc0000;
}

#listakehys .finelinone {
border-top : 0px solid #fff;
border-left : 0px solid #fff;
border-right : 0px solid #fff;
border-bottom : 0px solid #fff;
color : #000;
}

#listakehys .fineli {
border-top : 0px solid #fff;
border-left : 0px solid #fff;
border-right : 0px solid #fff;
border-bottom : 0px solid #fff;
text-align: right;
color : #888;
font-style: italic;
}

#listakehys .listatxt {
border-top : 0px solid #fff;
border-left : 0px solid #fff;
border-right : 0px solid #fff;
border-bottom : 1px solid #ddd;
color : #000;
text-align: right;
}

#listakehys table tr td table tr td {
border-top : 0px solid #fff;
border-left : 0px solid #fff;
border-right : 0px solid #fff;
border-bottom : 1px solid #ddd;
margin : 0;
padding : 0;
}

.listapk {
color : #009900;
}

.listahk {
color : #0000cc;
}

.listark {
color : #cc0000;
}

.listanone {
color : #000;
}

.otsikkotaulukko {
background: #fcfcfc url("th_bck.gif") repeat-x;
color : #444;
overflow : hidden;
}

.listaots {
border-top : 1px solid #CCC;
border-left : 1px solid #CCC;
border-right : 0px solid #CCC;
border-bottom : 1px solid #CCC;
background: #fcfcfc url("th_bck.gif") repeat-x;
color : #444;
font-size: 10px;
line-height : 10px;
text-align: right;
font-weight : bold;
}

.listaotsb {
border-top : 1px solid #CCC;
border-left : 1px solid #CCC;
border-right : 0px solid #CCC;
border-bottom : 1px solid #CCC;
background: #fcfcfc url("th_bck.gif") repeat-x;
color : #444;
font-size: 10px;
line-height : 10px;
text-align: left;
font-weight : bold;
}

.listainfo {
text-align : left;
font-style: italic;
font-size: 12px;
}

.listavali {
text-align : left;
background: #fcfcfc url("tr_bck.gif") repeat;
padding : 0;
line-height : 10px;
}

.ptaulukko2 {
text-align : left;
color : #009900;
background-color : #eaffea;
line-height : 13px;
overflow: hidden;
}

.htaulukko2 {
text-align : left;
color : #0000cc;
background-color : #d5d5ff;
line-height : 13px;
overflow: hidden;
}

.rtaulukko2 {
text-align : left;
color : #cc0000;
background-color : #ffe9e9;
line-height : 13px;
overflow: hidden;
}

/*
border-top-color : #909090;
border-top-style : solid;
border-top-width : 1px;
*/

.peruskentta {
font-family : 'Trebuchet MS', Trebuchet, Verdana, Arial;
font-size : 13px;
overflow : hidden;
background: #ffffff url("kenttabg.gif") scroll;
border-left-color : #909090;
border-left-style : solid;
border-left-width : 1px;
border-right-color : #cccccc;
border-right-style : solid;
border-right-width : 1px;
border-top-color : #909090;
border-top-style : solid;
border-top-width : 1px;
border-bottom-color : #cccccc;
border-bottom-style : solid;
border-bottom-width : 1px;
padding : 0 0 2px 0;
margin : 1px 0 0 0;
}

.alasveto {
margin : 1px 0 0 0;
height : 22px;
}

.lahetysnappi {
padding : 2px 0px 0px 0px;
margin : 0px 0px -3px 0; /* IE -4 */
border-left-color : #ffffff;
border-left-style : solid;
border-left-width : 0px;
border-right-color : #ffffff;
border-right-style : solid;
border-right-width : 0px;
border-top-color : #ffffff;
border-top-style : solid;
border-top-width : 0px;
border-bottom-color : #ffffff;
border-bottom-style : solid;
border-bottom-width : 0px;
}

.lahetysnappialh {
padding : 1px 0px 0px 0px;
margin : 0px 0px -3px 0; /* IE -4 */
border-left-color : #ffffff;
border-left-style : solid;
border-left-width : 0px;
border-right-color : #ffffff;
border-right-style : solid;
border-right-width : 0px;
border-top-color : #ffffff;
border-top-style : solid;
border-top-width : 0px;
border-bottom-color : #ffffff;
border-bottom-style : solid;
border-bottom-width : 1px;
}


.j {
font-size : 11px;
width : 126px;
padding : 0;
margin : 1px 0 0 0;
overflow : hidden;
background: #ffffff url("kenttabg.gif") scroll;
border-left-color : #909090;
border-left-style : solid;
border-left-width : 1px;
border-right-color : #cccccc;
border-right-style : solid;
border-right-width : 1px;
border-top-color : #909090;
border-top-style : solid;
border-top-width : 1px;
border-bottom-color : #cccccc;
border-bottom-style : solid;
border-bottom-width : 1px;
}

.sj {
width : 42px;
padding : 0;
margin : 0;
overflow : hidden;
background-color : #ffffff;
background-image : url(kenttabg.gif);
background-repeat : repeat-x;
background-attachment : scroll;
border-left-color : #909090;
border-left-style : solid;
border-left-width : 1px;
border-right-color : #cccccc;
border-right-style : solid;
border-right-width : 1px;
border-top-color : #909090;
border-top-style : solid;
border-top-width : 1px;
border-bottom-color : #cccccc;
border-bottom-style : solid;
border-bottom-width : 1px;
}

.nappipoissa {
margin : 0 0 0 0;
padding : 1px 0 1px 0;
}

.nappialhaalla {
margin : 0 0 0 0;
padding : 2px 0 0 0;
}

.tiedote {
text-align : center;
font-weight : bold;
}

/* laajan näkymän pikkutaulukko */

.tilantaul {
width : 30px;
border-left-color : #cccccc;
border-left-style : solid;
border-left-width : 1px;
border-right-color : #cccccc;
border-right-style : solid;
border-right-width : 0px;
border-top-color : #cccccc;
border-top-style : solid;
border-top-width : 0px;
border-bottom-color : #dddddd;
border-bottom-style : solid;
border-bottom-width : 1px;
line-height : 11px;
}

/* ruokataulukko */

.ruokalista {
border-collapse: collapse;
width : 660px;
padding : 0;
margin : -25px 0 25px 4px;
}

.ptaulukko {
width : 33px;
text-align : right;
color : #009900;
background-color : #eaffea;
border : 1px solid #909090;
padding : 3px 3px 3px 3px;
}

.htaulukko {
width : 33px;
text-align : right;
color : #0000cc;
background-color : #d5d5ff;
border : 1px solid #909090;
padding : 3px 3px 3px 3px;
}

.rtaulukko {
width : 33px;
text-align : right;
color : #cc0000;
background-color : #ffe9e9;
border : 1px solid #909090;
padding : 3px 3px 3px 3px;
}

.valitieto {
background: #fcfcfc url("th_bck.gif") repeat-x;
border : 1px solid #909090;
color : #444;
padding : 0px 3px 0px 3px;
text-align: right;
font-weight : normal;
font-size : 11px;
}

.valitieto a:link {
font-weight : normal;
}

.rlotsikko {
text-align : center;
background: #fcfcfc url("th_bck.gif") repeat-x;
border : 1px solid #909090;
color : #444;
padding : 3px 3px 3px 3px;
}

/* aika */

.timea {
line-height : 13px;
text-align : right;
background-color : #fff;
}

.timeb {
line-height : 13px;
text-align : right;
background-color : #f8f8f8;
}

.timec {
line-height : 13px;
text-align : right;
background-color : #eee;
}

.timed {
line-height : 13px;
text-align : right;
background-color : #e8e8e8;
}

.timee {
line-height : 13px;
text-align : right;
background-color : #fff;
}

.timef {
line-height : 13px;
text-align : right;
background-color : #f8f8f8;
}

.timeg {
line-height : 13px;
text-align : right;
background-color : #eee;
}

.timeh {
line-height : 13px;
text-align : right;
background-color : #e8e8e8;
}

/* energia */

.timea2 {
line-height : 13px;
text-align : right;
background-color : #fff;
}

.timeb2 {
line-height : 13px;
text-align : right;
background-color : #f8f8f8;
}

.timec2 {
line-height : 13px;
text-align : right;
background-color : #eee;
}

.timed2 {
line-height : 13px;
text-align : right;
background-color : #e8e8e8;
}

.timee2 {
line-height : 13px;
text-align : right;
background-color : #fff;
}

.timef2 {
line-height : 13px;
text-align : right;
background-color : #f8f8f8;
}

.timeg2 {
line-height : 13px;
text-align : right;
background-color : #eee;
}

.timeh2 {
line-height : 13px;
text-align : right;
background-color : #e8e8e8;
}

.rlfootergem {
width : 50px;
text-align : right;
background: #fcfcfc url("th_bck.gif") repeat-x;
border : 1px solid #909090;
padding : 3px 3px 3px 3px;
}

.rlfooterenrg {
width : 70px;
text-align : right;
background: #fcfcfc url("th_bck.gif") repeat-x;
border : 1px solid #909090;
padding : 3px 3px 3px 3px;
}

.rlfooterinfo {
text-align : center;
background: #fcfcfc url("th_bck.gif") repeat-x;
border : 1px solid #909090;
color : #444;
padding : 3px 3px 3px 3px;
font-size: 10px;
}

.rlfooter {
background: #fcfcfc url("th_bck.gif") repeat-x;
border : 1px solid #909090;
color : #444;
padding : 3px 3px 3px 3px;
font-size: 10px;
}
