/* LAYOUT */
body{ background: #f3f3f3 url(/images/body-bg.png) repeat-x; font:normal 12px Arial, Helvetica, sans-serif;}

div#container{ width:960px; margin:0 auto;   }
div#header{}
/*div#header .menu{ width:927px; height:65px; background: url(/bingo/images/menu-bg.png) no-repeat; padding:8px;  }
*/
div#header .menu a{ width:94px; height:22px; display:block; background-position:bottom left; padding:8px 0 0 0px;
font:bold 11px Arial, Helvetica, sans-serif; text-align:center; color:#333; text-decoration:none; margin:0 10px 0 0; float:left; clear:both; margin:0 0 5px 0; }
div#header .menu a:hover{ background-position:top left; color:#444;}
div#jezik{ margin:0 30px 0 auto; position: absolute; z-index:1000; background:#282425; padding:0 10px 10px 10px; overflow:hidden }

div#footer { width:960px; clear:both; margin:0 auto; padding:10px; }
div#footer a{ margin:0 10px 0 0; color:#666; text-decoration:none; font-weight:bold;}
div#footer a:hover{  text-decoration:underline;}


div#leftDiv{ width:553px;  float:left; clear:both;  margin:10px 0 0 0;       }
div#rightDiv{
	width:390px;
	height:500px;
	float:right;

	color:#333333;
}
div#rightDiv p{ padding:10px 20px 0 0}

/*div#reklama{ width:100%; height:100%; position:absolute; top:0; left:0; background:#0f3e6a; z-index:2000; display:none; text-align:center; }
div#reklama img { border:10px solid #00a7fd; margin:15px 0 0 0}*/




  a.block, a.blockDisabled{ 

  
   width: 65px; 
   height: 65px;
   z-index: 100;
   float:left;
   margin:2px;
   text-align:center;
   text-decoration:none;
   cursor:pointer;
   


}

 .drop ul li { 

  
   width: 65px; 
   height: 45px;
   z-index: 100;
   float:left;
   margin:2px;
   padding:20px 0 0 0;
   text-align:center;
   text-decoration:none;
   background:#a9a9a9;


}

.drop ul li .rijec { margin:0;}



#reklama{ text-align:center; background:#CCCCCC; width:341px; height:352px; margin:0 0 0 2px }
#reklama .slika img{ margin-top:50px}
#reklama .slika p{ font-size:18px; margin:0; padding:0 }
#reklama .slika  h1{ font:bold 48px Georgia, "Times New Roman", Times, serif; margin:0 0 0 0; padding:20px 0 60px 0; color:#666666}

#reklama .rijec{ display:none; margin:0 auto 0 auto; cursor:move; position:relative;/* top:-160px*/ }
 .rijec h3{ font-size:14px; padding:10px 0 5px 0; margin:10px auto 25px auto; line-height:0; width:20px; height:5px; background:#333; color:#FFF; text-align:center}

.rijec{  width: 65px; 
   height: 65px;
   margin: 0px;
   z-index: 100;
	overflow:hidden;
   margin:2px;
   text-align:center;
   background:#666666;
   color:#FFFFFF; font-size:11px; }
   
   

a.block div, a.blockDisabled div{ font-size:11px; line-height:26px; width:63px; height:63px; margin:1px 0 0 1px; color:#333333}
/*a.block:hover div{ color:#FFFFFF; background:#333333;}*/

.block h3, a.blockDisabled h3{ font-size:14px; padding:10px 0 5px 0; margin:10px auto 25px auto; line-height:0; width:20px; height:5px; background:#333; color:#FFF; text-align:center}


.drop {
	width: 350px;
	height: 178px;
	background:url(/images/img-bg3.png) no-repeat;
	padding:20px 0 0 0;


}
.droppable-active {
	opacity: 1.0;
}
.droppable-hover {
	opacity: 0.5;
}

#dobitne{ height:216px; background: url(/images/dobitne-bg.png) no-repeat; clear:both; margin:15px 0 0 0; padding:5px; color:#FFF}
#dobitne th{ color:#FFF; border-bottom:1px solid #666; padding:10px; text-align:left }
#dobitne td{ color:#FFF; border-bottom:1px dashed #666; padding:5px }
#dobitne h3 img, #prijava h3 img{ float:left; margin:0 5px	 0 0 }
#dobitne h3 , #prijava h3 { font:bold 16px Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#FFF; line-height:50px}
#dobitne ul{ margin:10px;}
#dobitne li{ border-bottom:1px dashed #666; padding:5px}

#prijava{height:216px; background: url(/images/prijava-bg.png) no-repeat;clear:both; margin:15px 0 0 12px; padding:5px}
#prijava p { color:#CCC;}
#prijava p a{ color:#FFF}
#prijava li{padding:5px; color:#666; font-size:11px;}

form#frmPrijava {color:#666 }
form#frmPrijava label{ margin-right:5px }
form#frmPrijava li { text-align:right; padding:3px; width:250px; }
form#frmPrijava input { width:160px; background:#999; border:1px solid #CCC}
form#frmPrijava button{ background:url(/images/potvrdi.png) no-repeat; width:89px; height:27px; border:0; font:bold 14px Arial, Helvetica, sans-serif; color:#999999}
form#frmPrijava button:hover{ background:url(/images/potvrdi.png) left bottom no-repeat;}
form#frmPrijava p{ text-align:center; margin-top:10px}
form#frmPrijava p a{ color:#FFF}
form#frmPrijava input#btnPrijava { border:1px solid #CCC; background:none; color:#FFF; width:80px; font:bold 11px Arial, Helvetica, sans-serif}
form#frmPrijava input#btnPrijava:hover { background:#FFF; color:#333}

form#frmRegistracija label{ width:120px; display:block; float:left }
form#frmRegistracija li { padding:5px;}

.error { font:normal 10px Arial, Helvetica, sans-serif; color:#C00;}
input#ok { width:100px;}

.btn{ background:url(/images/potvrdi.png) no-repeat; width:89px; height:27px; border:0; font:bold 14px Arial, Helvetica, sans-serif; color:#999999}
.btn:hover{background:url(/images/potvrdi.png) left bottom no-repeat;}



/*------------BUTTONS------------*/
#header{ clear:both; height:60px}
#header img{ float:left; margin:5px 10px}
#header a{ margin-top:20px}
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url(/images/bg_button_a.png) no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: bold 11px arial, sans-serif;
    height: 30px;
    margin-right: 3px;
    padding-right: 5px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url(/images/bg_button_span.png) no-repeat;
    display: block;
    line-height: 20px;
    padding: 5px 0 5px 5px;
} 

a.button:hover {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:hover span {
    background-position: bottom left;
    padding: 5px 0 5px 5px; /* push text down 1px */
} 

#TB_ajaxContent h3{ font-size:16px; padding:10px 0}
#TB_ajaxContent h4{ padding:5px 0; cursor:pointer}
#TB_ajaxContent blockquote{ color:#666666}