#dnn_ctr413_ContentPane {display:none;} /* Skrijemo modul za pravi login */
#dnn_ctr425_ContentPane {display:none;}
.wrapper {width: 910px; border: 1px solid #ccc; float: left; background: #F9F9F9;}
.prijava {border-bottom: 2px solid #DDDDDD; float: left; margin: 0 auto; padding: 0 10px; width: 695px;}
.hrib {margin: 0 auto; width: 908px; border: 1px solid #ececec;}
.PrijavaTitle {margin: 0 auto; width: 715px; font-size: 20px;padding: 15px; color: #727272; font-family: Georgia; text-align: center; float: left;}
.PrijavaUporabniskoIme, .PrijavaGeslo {width: 700px; margin: 0 auto; float: left; padding-left: 15px; font-weight: bold;}
.SlikaWrapper {border: 1px solid #ddd; float: left; padding: 10px; margin: 0px 6px 8px 6px; cursor: pointer; display: block; opacity: 0.7;}
.SlikaWrapperGeslo {border: 1px solid #ddd; float: left; padding: 10px; margin:5px; cursor: pointer; display: block; opacity: 0.7;}
.SlikaWrapper:hover, .SlikaWrapperGeslo:hover {border: 1px solid #D16103; opacity: 1;}
.UporabniskeIkone, .GeslaIkone {width: 695px; margin: 0 auto; float: left; padding: 0 10px;}
.SlikaWrapperGeslo img {width: 30px;}
.grayout {opacity: 0.3; border: 1px solid #ededed;}
.active, .activeG {border: 1px solid #D16103; opacity: 1; background: #87A4CC;}
.PrijavaGumb, .ResetGumb {background: none repeat scroll 0 0 #87A4CC; border: 4px solid #313F54; border-radius: 10px 10px 10px 10px; color: #2B2E2E; cursor: pointer; display: block; float: left; font-family: Tahoma; font-size: 20px; font-weight: bold; height: 40px; line-height: 40px; margin: 10px 25px 10px 90px; text-align: center; width: 200px;}
.PrijavaGumb:hover, .ResetGumb:hover {background: none repeat scroll 0 0 #6D84A4; border: 4px solid #CAE6E8; color: #CAE6E8;}

.dbg
{
    color: #FF1100;
    font-family: Consolas;
    font-weight: 900;
}

.hrib p 
{
    padding: 0px;
    margin: 10px;
}

#Igrisce{margin: 0 auto; width: 900px; border: 1px solid #ececec;}
#Hrib{width: 900px; height: 680px; background: url("images/hrib_V5.jpg") no-repeat top right; position: relative; font-family: Verdana; font-size: 10px;}
#ZogeWrapper{background: none repeat scroll 0 0 #FFFFFF; border: 2px solid #003200; bottom: 18px; height: 415px; left: 5px; position: absolute; width: 44px;}
#Zoge{border-bottom: 2px solid #003200; height: 302px; margin: 0; padding: 2px; width: 40px;}
#Joker{height: 100px; padding: 2px; width: 40px;}
#polje1{background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #666666; bottom: 39px; height: 40px; left: 222px; line-height: 40x; position: absolute; text-align: center; width: 40px; z-index: 1;}
#polje2{background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #666666; bottom: 114px; height: 40px; left: 297px; line-height: 40px; position: absolute; text-align: center; width: 40px; z-index: 1;}
#polje3{background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #666666; bottom: 191px; height: 40px; left: 359px; line-height: 40px; position: absolute; text-align: center; width: 40px; z-index: 1;}
#polje4{background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #666666; bottom: 270px; height: 40px; left: 426px; line-height: 40px; position: absolute; text-align: center; width: 40px; z-index: 1;}
#polje5{background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #666666; bottom: 332px; height: 40px; left: 505px; line-height: 40px; position: absolute; text-align: center; width: 40px; z-index: 1;}
#polje6{background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #666666; bottom: 378px; height: 40px; left: 583px; line-height: 40px; position: absolute; text-align: center; width: 40px; z-index: 1;}
#polje7{background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #666666; bottom: 407px; height: 40px; left: 668px; line-height: 40px; position: absolute; text-align: center; width: 40px; z-index: 1;}
#ZogaTitle, #JokerTitle {border-bottom: 1px solid #CCCCCC; float: left;font-weight: bold; height: 18px; line-height: 18px; text-align: center; width: 40px;}
#Zoga1, #Zoga2, #Zoga3, #Zoga4, #Zoga5, #Zoga6, #Zoga7, #UporabljenaZoga1, #Zoga9, #Zoga10{float: left; background: url("images/zoga.png") no-repeat top left;width:40px;height:40px;display:block;text-align:center;line-height:40px;font-size:14px;color:#fff;font-weight:bold;cursor:pointer;}
#UporabljenaZoga1{position: absolute; bottom: 41px; left: 223px; z-index:10; float: left; background: url("images/zoga.png") no-repeat top left;width:40px;height:40px;display:block;text-align:center;line-height:40px;font-size:14px;color:#fff;font-weight:bold;cursor:pointer;}
#UporabljenJoker1{position: absolute; bottom: 39px; left: 223px; z-index:10; float: left; background: url("images/jokerZoga.png") no-repeat top left;width:40px;height:40px;display:block;text-align:center;line-height:40px;font-size:14px;color:#fff;font-weight:bold;cursor:pointer;}

#UporabljenaZoga2{position: absolute; bottom: 116px; left: 298px; z-index:10; float: left; background: url("images/zoga.png") no-repeat top left;width:40px;height:40px;display:block;text-align:center;line-height:40px;font-size:14px;color:#fff;font-weight:bold;cursor:pointer;}
#UporabljenJoker2{position: absolute; bottom: 114px; left: 298px; z-index:10; float: left; background: url("images/jokerZoga.png") no-repeat top left;width:40px;height:40px;display:block;text-align:center;line-height:40px;font-size:14px;color:#fff;font-weight:bold;cursor:pointer;}

#UporabljenaZoga3{position: absolute; bottom: 193px; left: 360px; z-index:10; float: left; background: url("images/zoga.png") no-repeat top left;width:40px;height:40px;display:block;text-align:center;line-height:40px;font-size:14px;color:#fff;font-weight:bold;cursor:pointer;}
#UporabljenJoker3{position: absolute; bottom: 191px; left: 360px; z-index:10; float: left; background: url("images/jokerZoga.png") no-repeat top left;width:40px;height:40px;display:block;text-align:center;line-height:40px;font-size:14px;color:#fff;font-weight:bold;cursor:pointer;}

#UporabljenaZoga4{position: absolute; bottom: 272px; left: 427px; z-index:10; float: left; background: url("images/zoga.png") no-repeat top left;width:40px;height:40px;display:block;text-align:center;line-height:40px;font-size:14px;color:#fff;font-weight:bold;cursor:pointer;}
#UporabljenJoker4{position: absolute; bottom: 270px; left: 427px; z-index:10; float: left; background: url("images/jokerZoga.png") no-repeat top left;width:40px;height:40px;display:block;text-align:center;line-height:40px;font-size:14px;color:#fff;font-weight:bold;cursor:pointer;}

#UporabljenaZoga5{position: absolute; bottom: 334px; left: 506px; z-index:10; float: left; background: url("images/zoga.png") no-repeat top left;width:40px;height:40px;display:block;text-align:center;line-height:40px;font-size:14px;color:#fff;font-weight:bold;cursor:pointer;}
#UporabljenJoker5{position: absolute; bottom: 332px; left: 506px; z-index:10; float: left; background: url("images/jokerZoga.png") no-repeat top left;width:40px;height:40px;display:block;text-align:center;line-height:40px;font-size:14px;color:#fff;font-weight:bold;cursor:pointer;}

#UporabljenaZoga6{position: absolute; bottom: 380px; left: 584px; z-index:10; float: left; background: url("images/zoga.png") no-repeat top left;width:40px;height:40px;display:block;text-align:center;line-height:40px;font-size:14px;color:#fff;font-weight:bold;cursor:pointer;}
#UporabljenJoker6{position: absolute; bottom: 378px; left: 584px; z-index:10; float: left; background: url("images/jokerZoga.png") no-repeat top left;width:40px;height:40px;display:block;text-align:center;line-height:40px;font-size:14px;color:#fff;font-weight:bold;cursor:pointer;}

#UporabljenaZoga7{position: absolute; bottom: 409px; left: 669px; z-index:10; float: left; background: url("images/zoga.png") no-repeat top left;width:40px;height:40px;display:block;text-align:center;line-height:40px;font-size:14px;color:#fff;font-weight:bold;cursor:pointer;}
#UporabljenJoker7{position: absolute; bottom: 407px; left: 669px; z-index:10; float: left; background: url("images/jokerZoga.png") no-repeat top left;width:40px;height:40px;display:block;text-align:center;line-height:40px;font-size:14px;color:#fff;font-weight:bold;cursor:pointer;}

#Joker1, #Joker2 {float: left; background: url("images/jokerZoga.png") no-repeat top left;width:40px;height:40px;display:block;margin-top: 2px; cursor:pointer;}
#Polja div.hovered {background: #aaa;}
#polje1.correct {background: green;}
#NagradaKorak2 {position: absolute; right: 170px; bottom: 60px; width: 0; height: 0; z-index: 100; background: #dfd; border: 2px solid #333; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 0 3px #555; -webkit-box-shadow: 0 0 3px #555; -moz-box-shadow: 0 0 3px #555; padding: 10px;}
#NagradaKorak3, #NagradaKorak6 {position: absolute; right: 170px; bottom: 60px; width: 0; height: 0; z-index: 100; background: #dfd; border: 2px solid #333; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: .3em .3em .5em rgba(0, 0, 0, .8); -webkit-box-shadow: .3em .3em .5em rgba(0, 0, 0, .8); box-shadow: .3em .3em .5em rgba(0, 0, 0, .8); padding: 20px;}
#NagradaCilj {position:absolute; right: 170px; bottom: 60px; width:0; height:0; z-index:100; background: #80DAC0; border: 2px solid #333; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: .3em .3em .5em rgba(0, 0, 0, .8); -webkit-box-shadow: .3em .3em .5em rgba(0, 0, 0, .8); box-shadow: .3em .3em .5em rgba(0, 0, 0, .8); padding: 20px;}
#NagradaCilj h2 {margin: 0; padding: 0;}
#helpButton {background: url('images/help.png') no-repeat; position: absolute; bottom: 10px; right: 10px; height: 16px; width:16px;display:block;line-height:16px;text-align: center;cursor:pointer;}
#helpButton:hover {background: url('images/helpH.png');}
#helpBox {position: absolute; background: #FFF; bottom: 20px; right: 30px; width: 300px; padding: 5px; border:1px solid #333; display:block; font-family: Verdana; font-size: 10px; color: #000;border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 0 3px #555; -webkit-box-shadow: 0 0 3px #555; -moz-box-shadow: 0 0 3px #555;text-align: justify;z-index: 1000;}