body {
    background-repeat: no-repeat; margin: 0px; 
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 90%; 
    background-color: white;  
}
.body_bg {
    background-position: top center; background-image: url(images/bg.jpg);
    background-attachment: fixed; background-color: white;  
}
.body_index {
    background-position: top center; background-image: url(images/bg.jpg);
    background-attachment: fixed; background-color: black;  
}

h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-right: 0; margin-bottom: 0px; margin-left: 0; }

.text01 { font-size: 14px; color: #ffffff; }
.text02 { font-size: 20px; color: #dfd317; font-weight: bold; }
.text03 { font-size: 18px; color: #3e7011; font-weight: bold; }
.text04 { font-size: 18px; color: #114b70; font-weight: bold; }

.wrap {
    width: 100%; min-height: 750px; margin: 0 auto 0 auto; background-image: url(images/ruohoborder.png); padding: 50px 0px 10px 0px;
    background-repeat: no-repeat; background-position: top center;    
}

.sisalto {
    width: 960px; min-height: 800px; margin: 0 auto 0 auto; background-image: url(images/opa90_white.png); padding: 20px;
    -moz-border-radius: 10px; border-radius: 10px;
    -moz-box-shadow: 0px 0px 10px #252525;
	-webkit-box-shadow: 0px 0px 10px #252525;
	box-shadow: 0px 0px 10px #252525;
}

.infobar {
    width: 905px; padding: 5px 0px 5px 0px; margin-left: auto; margin-right: auto; background-color: #7e7162;
    -moz-border-radius: 5px; border-radius: 5px;
}
.infobox {
    width: 225px; min-height: 40px; float: left; text-align: center; background-repeat: no-repeat; background-position: 5px center;
}
.commentbar {
    background-image: url(images/talk_icon.png); background-repeat: no-repeat; background-position: 5px center; height: 30px;
    background-color: #6f5e4a; padding: 3px 3px 3px 40px; line-height: 30px; color: #ffffff;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.etsi_btn {
    border: 1px solid #7c6a38; -moz-border-radius: 3px; border-radius: 3px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px;
    color: white; background-color: #36acdd; width: 100px; height: 300px; line-height: 300px; text-align: center;
}
.etsi_btn:hover { background-color: #66bc20; cursor: pointer; }

.etsi_btnleft {
    border: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px;
    color: #472d0e; background-color: #ffffff; width: 200px; height: 100px; padding: 40px 0px 260px 0px; text-align: center;
    background-image: url(images/btn_left_off.jpg);
}
.etsi_btnleft:hover { 
    background-color: #ffffff; cursor: pointer;
    background-image: url(images/btn_left_on.jpg);
}
.etsi_btnright {
    border: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px;
    color: #472d0e; background-color: #ffffff; width: 200px; height: 100px; padding: 40px 0px 260px 0px; text-align: center;
    background-image: url(images/btn_right_off.jpg);
}
.etsi_btnright:hover { 
    background-color: #ffffff; cursor: pointer;
    background-image: url(images/btn_right_on.jpg);
}

.form_btn {
    border: 1px solid #7c6a38; -moz-border-radius: 3px; border-radius: 3px; height: 30px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px;
    color: white; padding: 2px 30px 2px 30px; background-color: #36acdd;
}
.form_btn:hover { background-color: #66bc20; cursor: pointer; }

.div_etsi_btn {
    width: 210px; padding: 5px;
}

.wrap_aladivit {
    width: 690px; margin-left: auto; margin-right: auto;
}
.ala_divit {
    width: 210px; padding: 10px; float: left; 
}

.korttipohja {
    width: 192px; height: 252px; background-repeat: no-repeat; background-position: center center;
    padding: 6px; float: left; margin: 10px 0px 10px 0px; border: solid 1px #d4d4d4; background-color: white;
    -moz-border-radius: 11px; border-radius: 11px;
    -moz-box-shadow: 2px 2px 4px #252525;
	-webkit-box-shadow: 2px 2px 4px #252525;
	box-shadow: 2px 2px 4px #252525;
}
.loytopst {
    width: 59px; padding: 20px 0 0 10px; float: left; color: #ffffff; text-align: left; font-size: 12px;
}
.credits {
    width: 59px; padding: 20px 11px 0 0; float: right; color: #ffffff; text-align: right; font-size: 12px;
}
.cardid {
    width: 50px; padding: 8px 0 0 0; float: left; color: #ffffff; text-align: center; font-size: 20px; color: #ffffff; 
}
.korttikuva {
    width: 110px; height:110px; margin-left: 39px; margin-top: 0px;
}
.korttinimi {
    text-align: center; color: #207a9f; font-size: 18px; font-weight: bold; padding: 3px;     
}
.korttitiedot {
   font-size: 10px; font-family: Tahoma, Geneva, sans-serif; font-weight: bold;
}


/* Näytön tyylit*/
 .naytto {
    width: 320px; height: 300px; background-repeat: no-repeat; background-position: center center;
    margin-left: auto; margin-right: auto;
    background-image: url(images/numerot/screen/screen.png); padding: 10px 30px 10px 30px; 
 }
 .naytto_top {
    width: 180px; height: 20px; margin: 50px 70px 10px 70px;
 }
.naytto_keskel {
    width: 200px; height: 110px; padding: 0px 60px 0px 60px; margin-bottom: 10px;
 }
.naytto_bat {
    width: 20px; height: 110px; margin: 0px 10px 0px 10px; float: left; background-repeat: no-repeat;
}
.naytto_id {
    width: 120px; height: 80px; text-align: center; padding-top: 30px; margin-right: 10px; float: left;
}
.naytto_syvyys {
    width: 20px; height: 110px; margin-right: 10px; float: left; background-repeat: no-repeat; background-position: top center;
}
.naytto_gb {
    width: 30px; height: 30px; line-height: 30px; text-align: center; float: left; margin: 0px 10px 0px 90px;
    font-family: Tahoma, Geneva, sans-serif; font-weight: bold; 
}
.naytto_info {
    width: 60px; height: 30px; float: left; margin: 0px 10px 0px 0px; font-size: 10px; font-family: Tahoma, Geneva, sans-serif; font-weight: bold;
}
.naytto_gain {
    width: 30px; height: 30px; line-height: 30px; text-align: center; float: left; margin: 0px 10px 0px 0px;
    font-family: Tahoma, Geneva, sans-serif; font-weight: bold; 
}

.viiva_border {
    margin: 1px; border: 1px dashed #FFF;
}

.pokaaliotsake {
    text-align: center; font-family: Tahoma, Geneva, sans-serif; font-weight: bold; 
}

.etu_infot {
    margin: 20px; padding: 10px;
    -moz-border-radius: 10px; border-radius: 10px;    
}

.clb { clear: both; }

.shadow {
    -moz-border-radius: 5px; border-radius: 5px;
    -moz-box-shadow: 0px 0px 3px #888888;
	-webkit-box-shadow: 0px 0px 3px #888888;
	box-shadow: 0px 0px 3px #888888;
}