* {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, helvetica, sans-serif;
}

body {
	background: #cccc99 url(images/head-bg.jpg) repeat-x left top;
	text-align: center;
	font-size: 11px;
}

div#body-outline {background: url(images/header.jpg) no-repeat center top;}

a, a:visited {text-decoration: none; outline: none; color: #cc3300;}

a:hover {text-decoration: underline;}

#toppanel h1 { position: absolute; margin-left: 149px; top: 5px; }
#toppanel h1 a img { border: 0; }

.bottom, .top {
	height: 10px;
	clear: both;
	font-size: 1px;
	background-image: url(images/grf.gif);
	background-repeat: no-repeat;
}
div.main {padding: 0 10px 0 10px;}
div.line {
	clear: both;
	font-size: 1px;
	border-bottom: 1px solid #ffffff;
}
.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.justify {text-align: justify;}

a.link {
	display: inline-block;
	padding-left: 8px;
	text-decoration: underline;
}

a.link-bijeli {
	background: url(images/link-bijeli.gif) no-repeat 0 6px;
	color: #ffffff;
}

a:hover.link-bijeli {text-decoration: none;}

a.link-crveni {
	background: url(images/login-bullet.gif) no-repeat 0 5px;
	color: #cc3300;
}

a:hover.link-crveni {text-decoration: none;}


a.button {background: url(images/a-button-bg.gif) repeat-x left top; display: inline-block;}
a.button-red {background: url(images/a-button-bg-red.gif) repeat-x left top;}
a.button span {
	background: url(images/a-button-corner-left.gif) no-repeat left top;
	display: inline-block;
	height: 30px;
	float: left;
}
a.button span span {
	display: inline-block;
	background: url(images/a-button-corner-right.gif) no-repeat right top;
	height: 30px; line-height: 30px;
	padding: 0 10px;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	*cursor: hand;
	text-decoration: none;
	float: left;
}
a.button:hover *,
a.button span span {text-decoration: none;}
a.button-red span {background: url(images/a-button-corner-left-red.gif) no-repeat left top;}
a.button-red span span {background: url(images/a-button-corner-right-red.gif) no-repeat right top;}
a.detaljnije, a.detaljnije:hover,
a.link-right, a.link-right:hover {text-decoration: none;}
img.middle-banner {margin: 10px 0;}

ul.igra-info {
	width: 80px;
	float: right;
	list-style-type: none;
}
ul.igra-info li {
	height: 24px; line-height: 24px;
	display: block;
	font-size: 11px;
	color: #cc3300;
	margin-bottom: 7px;
	padding-left: 25px;
}
ul.igra-info li.tip {background: url(images/grf.gif) no-repeat -536px -240px;}
ul.igra-info li.online {background: url(images/grf.gif) no-repeat -536px -271px;}
ul.igra-info li.min {background: url(images/grf.gif) no-repeat -536px -301px;}
ul.igra-info li.out { height: 9px; line-height: 9px; padding-left: 0; color: #369; font-weight: bold; }


/* =MAIN CONTAINER */
#igraj {
	width: 997px;
	margin: 0 auto;
	text-align: left;
}



/* =HEADER */
#header {
	height: 240px;
}
#header strong {
	color: #cc3300;
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 6px 0;
	display: block;
}

#loggedin {
	float: right;
	text-align: right;
	width: 450px;
	height: 50px;
	margin-top: 20px;
	padding: 10px 10px 0 10px;	
	color: #FFF;
}




#login {
	float: right;
	width: 270px;
	*width: 278px;
	margin: 18px 0 0 0;
}
#login form input.text,
#login form input.checkbox {
	background: #660000;
	color: #cc3300;
	border: 1px inset #741d1d;
	height: 18px;
	font-size: 11px;
	margin: 0 9px 0 0;
	float: left;
	*padding: 2px;
}
#login form input.text {width: 100px;}
#login form input.checkbox {
	width: 14px; height: 14px;
	margin: 0 4px 0 0;
	border: 1px solid transparent;
	*padding: 0;
}
#login .link {
	display: block;
	width: 115px;
	float: left;
	color: #cc3300;
	font-size: 10px;
	text-decoration: none;
}
#login label.link {margin-top: 5px;}
#login div.link {margin-top: 5px;}
#login .link a {
	color: #fff;
	font-size: 10px;
	text-decoration: underline;
}

#login .link a:hover {text-decoration: none;}

#login span {float: left;}

#reminder_buttons {
	margin: auto;
	text-align: center;
}


#igraj-i-osvoji {
	width: 226px;
	position: absolute;
	margin: 17px 0 0 392px;
	text-align: center;
}


#header ul {
	list-style-type: none;
	position: absolute;
	width: 575px; height: 38px;
	margin: 0 0 0 229px;
	text-align: center;
}
#header ul li {
	display: inline-block;
	width: 135px; height: 38px;
	background: url(images/grf.gif) no-repeat 0 -228px;
	float: left;
}
#header ul li.selected {
	background: url(images/grf.gif) no-repeat 0 -266px;
}

#header ul li a {
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	line-height: 42px !important;
	line-height: 38px;
	display: block;
}
#header ul li.selected a {color: #990000;}

#header .layer1 {height: 92px;}
#header .layer2 {height: 38px;}
#header .head-center {
	height: 100px;
	margin: 10px 0 0 0;
	text-align: center;
}


/* =CONTENT */
#content-outline {
	width: 998px;
	background: url(images/content-top-bg.gif) no-repeat left top;
	margin: 0 auto;
}

#content {
	width: 940px;
	margin: 0 auto;
	padding-top: 10px;
}

/* =SIDEBAR */
.sidebar {
	width: 180px;
}
.sidebar-left {
	float: left;
}
.sidebar-right {
	float: right;
}

/* =MAIN CONTENT */
.content {
	float: left;
	width: 560px;
	margin-left: 10px;
}

.novosti {
	background-color: #336699;
	color: #ffffff;
}
.novosti .top {background-position: 0 -20px;}
.novosti .bottom {background-position: 0 -30px;}
.novosti div.main strong.title {
	display: block;
	font-weight: normal;
	color: #ffffff;
	font-size: 14px;
	padding-left: 30px;
	height: 22px;
	background: url(images/icons.gif) no-repeat 0 -188px;
}
.novosti div.main table {margin: 0; width: 160px;}
.novosti div.main table td { padding: 5px; border-bottom: 1px solid #4876a3; }

/* =NEWSLETTER */
.newsletter {
	width: 190px; height: 40px;
	display: block;
	float: left;
	margin: 0 0 0 19px !important;
	margin: 0 0 0 10px;
}
.newsletter form input.text {
	background: #f2f2f2;
	border: 1px inset #f0f0f0;
	width: 146px;
	height: 18px;
	float: left;
	color: #999999;
	margin-top: 12px;
}
.newsletter form input.image {
	margin: 12px 0 0 9px;
	float: left;
}



/* =SEARCH */
.search {
	display: block;
	width: 560px; height: 40px;
	float: left;
	margin: 0 0 0 10px;
	background: #ffcc00;
}
.search .top {
	background-position: 0 -40px;
	*font-size: 1px; 
}
.search .bottom {background-position: 0 -50px;}
.search .main {
	height: 21px;
	padding: 0;
	color: #cc3300;
	background: url(images/icons.gif) no-repeat 14px -391px;
}
.search .main form {}
.search .main form label {
	float: left;
	margin: 3px 0 0 42px;
	font-size: 12px;
	font-weight: bold;
	*margin: 2px 0 0 42px;
}
.search .main form input.text {
	float: left;
	height: 18px;
	margin: 0 0 0 10px;
	border: 1px inset #f5e18f;
}
.search .main form input.image {
	float: left;
	margin: 0 0 0 10px;
}
.search .main form a.link {
	float: left;
	margin: 1px 0 0 50px;
	*margin: 3px 0 0 50px;
}



/* =CHAT */
.chat {
	width: 190px; height: 40px;
	float: left;
	margin: 0 0 0 10px;
	background: url(images/grf.gif) no-repeat 0 -60px;
}
.chat span {
	color: #336699;
	float: left;
	margin: 13px 0 0 22px;
	width: 40px;
	text-align: right;
	display: block;
	font-size: 10px;
	font-weight: bold;
}
.chat a {
	font-weight: bold;
	text-decoration: none;
	display: block;
}
.chat a.chat-link {
	width: 36px; height: 20px; line-height: 18px;
	padding-left: 14px;
	margin: 10px 0 0 13px !important;
	margin: 10px 0 0 6px;
	color: #ffffff;
	float: left;
	clear: left;
}
.chat a.info {
	width: 31px; height: 25px; line-height: 21px;
	padding-left: 14px;
	color: #cc3300;
	margin: 9px 10px 0 0 !important;
	margin: 9px 5px 0 0;
	float: right;
}

/* =IGRE */
/*.igre {background-color: #ffffff;}*/
.igre .top {background-position: 0 0;}
.igre .bottom {background-position: 0 -10px;}
.igre strong.title {
	display: block;
	height: 21px;
	padding-left: 39px;
	color: #336699;
	padding-top: 10px;
	font-size: 12px;
}
.igre strong.prvi {padding-top: 0;}
.igre strong.multi {background: #fff url(images/icons.gif) no-repeat 10px -88px;}
.igre strong.ostalo {background: #fff url(images/icons.gif) no-repeat 10px -480px; color: #d53e00; }
.igre strong.single {background: #fff url(images/icons.gif) no-repeat 10px 10px;}
.igre ul {list-style-type: none;}
.igre ul li {
	background: url(images/igre-list-bg.gif) repeat-x left top;
	height: 30px;
	border-top: 1px solid #6699cc;
	*margin-bottom: -2px;
}

div.igre ul.crvena li {
	background: url(images/igre-list-red.gif) repeat-x left top;
	height: 30px;
	border-top: 1px solid #d53e00;
	*margin-bottom: -2px;
}

.igre ul li.novo {
	background: url(images/igre-list-novo.gif) no-repeat left top;
}
.igre ul li.first {border-top: none;}
.igre ul li a {
	display: block;
	line-height: 30px;
	padding-left: 32px;
	background: url(images/grf.gif) no-repeat -538px 10px;
	font-size: 12px;
	color: #ffffff !important;
}
div.igre ul.crvena li a {
	display: block;
	line-height: 30px;
	padding-left: 32px;
	background: url(images/grf.gif) no-repeat -335px 10px;
	font-size: 12px;
	color: #ffffff !important;
}

/* =ANKETA */
.anketa {
	color: #333333;
	background-color: #ffffff;
	font-weight: bold;
}
.anketa .top {background-position: 0 0;}
.anketa .bottom {background-position: 0 -10px;}
.anketa strong.title {
	display: block;
	height: 21px;
	padding: 0 0 0 39px;
	color: #990000;
	background: url(images/icons.gif) no-repeat 0 -288px;
	margin: 0;
	font-size: 14px;
}
.anketa p {
	margin: 5px 0 0 0;
	line-height: 12px;
	*line-height: 14px;
	color: #333333;
}
.anketa form {padding: 12px 0 0 10px;}
.anketa form label {
	display: block;
	margin: 0 0 8px 0;
	color: #333333;
}
.anketa form label input.radio {
	float: left;
	margin: 0 7px 0 0 !important;
	margin: -4px 3px 0 0;
}
.anketa form .link-right {float: right; margin-bottom: 7px;}
.anketa form .link-middle {
	float: left;
	text-decoration: underline;
	margin-top: 6px !important;
	margin-top: 9px;
}

a:hover.link-middle {text-decoration: none;}


.nove-igre {
	background: #7c0100 url(images/nove-igre-bg.gif) repeat-x 0 30px;
}
.nove-igre div.title {
	height: 49px;
	background: url(images/nove-igre-top.gif) no-repeat left top;
}
.nove-igre div.title strong {
	display: block;
	color: #ffffff;
	margin: 5px 0 0 24px !important;
	margin: 5px 0 0 12px;
	float: left;
	font-size: 14px;
	font-weight: normal !important;
	font-weight: bold;
}
.nove-igre .igra {
	width: 244px;
	display: block;
	margin: 0 18px 10px 18px !important;
	margin: 0 9px 10px 9px;
}
.nove-igre .igra-lijevo {float: left;}
.nove-igre .igra-desno {float: right;}
.nove-igre .igra div.clear {height: 20px;}
.nove-igre .igra ul {
	width: 85px;
	float: right;
	list-style-type: none;
	margin-top: 6px;
}
.nove-igre .igra ul li {
	height: 24px; line-height: 24px;
	padding-left: 25px;
	display: block;
	font-size: 12px;
	color: #ffffff;
	margin-bottom: 7px;
}
.nove-igre .igra ul li.tip {background: url(images/grf.gif) no-repeat -537px -145px;}
.nove-igre .igra ul li.online {background: url(images/grf.gif) no-repeat -537px -175px;}
.nove-igre .igra ul li.min {background: url(images/grf.gif) no-repeat -537px -205px;}
.nove-igre .igra ul li.out { height: 9px; line-height: 9px; padding-left: 0; color: #fff; font-weight: bold; }

.nove-igre .igra .box {
	display: block;
	width: 244px; height: 50px;
	background: url(images/grf.gif) no-repeat 0 -178px;
	margin-bottom: 15px;
}
.nove-igre .igra .box div {
	float: left;
	height: 39px;
	margin-top: 4px;
}
.nove-igre .igra .box .mouse {
	width: 42px;
	margin-left: 10px !important;
	margin-left: 5px;
}
.nove-igre .igra .box .mouse-yes {background: url(images/grf.gif) no-repeat 0 -139px;}
.nove-igre .igra .box .mouse-no {background: url(images/grf.gif) no-repeat 0 -100px;}
.nove-igre .igra .box .keyboard {
	width: 100px;
	margin-left: 25px;
}
.nove-igre .igra .box .keyboard-yes {background: url(images/grf.gif) no-repeat -42px -100px;}
.nove-igre .igra .box .keyboard-no {background: url(images/grf.gif) no-repeat -42px -139px;}
.nove-igre .igra .box .stars {
	width: 30px;
	margin-left: 25px;
}
.nove-igre .igra .box .stars4 {background: url(images/grf.gif) no-repeat -142px -100px;}
.nove-igre .igra h2 {
	color: #ffffff;
	font-size: 20px;
	font-weight: normal !important;
	font-weight: bold;
}
.nove-igre .igra p {
	color: #ffffff;
	margin: 5px 0;
	font-size: 11px;
}
.nove-igre .igra a.detaljnije {
	float: right;
	margin: 15px 10px 5px 0;
}
.nove-igre .bottom {
	height: 10px;
	background: url(images/nove-igre-bottom.gif) no-repeat left top;
}




/* = IGRE */

.igra-lijevo .main { height: 250px; }
.igra-desno .main { height: 250px; }

.sve-igre {}
.sve-igre .igra,
.dodatno .dodatak {
	width: 275px;
	background-color: #ffffff;
	float: left;
	margin-bottom: 9px;
}
.sve-igre .igra-lijevo,
.dodatno .dodatak-lijevo {margin-right: 10px;}
.sve-igre .igra .top,
.dodatno .dodatak .top {background-position: 0 -304px;}
.sve-igre .igra .bottom,
.dodatno .dodatak .bottom {background-position: 0 -314px;}
.sve-igre .igra div.main,
.dodatno .dodatak div.main {
	padding: 10px 20px 10px 20px;
}
.sve-igre .igra h2 {
	color: #cc3300;
	font-size: 14px;
	font-weight: normal !important;
	font-weight: bold;
	margin-top: 10px;
}
.sve-igre .igra p {
	color: #333333;
	margin: 5px 0;
	font-size: 11px;
	width: 145px;
	line-height: 12px;
}
.sve-igre .igra a.detaljnije {
	float: right;
	margin: -34px 0 0 0;
}



/* =IGRA DETALJNIJE */
.igra-detaljnije {
	width: 560px;
	background-color: #ffffff;
	margin-bottom: 10px;
}


.igra-detaljnije h2{
	color: #cc3300;
	font-size: 16px;
	padding: 10px;
	margin: auto;
	text-align: center;
}

.darkgray {
  color: #550000; font-size: 12px; display: block;
}

#reg_form { padding: 15px; text-align: center; }
#reg_form table { margin-left: 85px; }
#reg_form table td.lijevo { text-align: right; padding-right: 10px; }
#reg_form table td.desno { text-align: left; }
#reg_form em { color: #666; }
#recaptcha_area { text-align: center; margin: auto; }


#log_form{
	padding: 15px;
}

#why_form{
	padding: 15px;
}

#pass_form { padding: 15px; text-align: center; }
#pass_form table { margin-left: 53px; }
#pass_form table td.lijevo { text-align: right; padding-right: 10px; }
#pass_form table td.desno { text-align: left; }

#why_form img{
	padding: 15px;
	float: right;
}

#whyBenefits{
  float: left;
}

#whyBenefits li{
	list-style:none;
	margin-bottom: 10px;
  width: 280px;	
  padding: 0 0 30 0;
}

#whyBenefits li .list_small {
  font size: 11px;	
  color: #555;
}

#whyBenefits li .list_big {
  display: block;
  font-size: 20px;	
	color: #cc3300;
	margin-bottom: 5px;
}

.close_btn {
  padding: 8px;
  float: right;
  width: 11px;
  height: 11px;  
}

.igra-detaljnije .top {background-position: 0 -356px;}
.igra-detaljnije .bottom {background-position: 0 -366px;}
.igra-detaljnije .main {padding: 10px 20px 9px 20px;}
.igra-detaljnije .info {
	width: 244px;
	float: left;
}
.igra-detaljnije .info .box {
	display: block;
	width: 244px; height: 50px;
	background: url(images/grf.gif) no-repeat -244px -178px;
	margin: 12px 0 10px 0;
}
.igra-detaljnije .info .box div {
	float: left;
	height: 39px;
	margin-top: 4px;
}
.igra-detaljnije .info .box .mouse {
	width: 42px;
	margin-left: 10px !important;
	margin-left: 5px;
}
.igra-detaljnije .info .box .mouse-yes {background: url(images/grf.gif) no-repeat -302px -100px;}
.igra-detaljnije .info .box .mouse-no {background: url(images/grf.gif) no-repeat -302px -139px;}
.igra-detaljnije .info .box .keyboard {
	width: 100px;
	margin-left: 25px;
}
.igra-detaljnije .info .box .keyboard-yes {background: url(images/grf.gif) no-repeat -202px -100px;}
.igra-detaljnije .info .box .keyboard-no {background: url(images/grf.gif) no-repeat -202px -139px;}
.igra-detaljnije .info .box .stars {
	width: 30px;
	margin-left: 25px;
}
.igra-detaljnije .info .box .stars4 {background: url(images/grf.gif) no-repeat -172px -100px;}
.igra-detaljnije .info .previews {
	clear: both;
	text-align: center;
}
.igra-detaljnije .info .previews img {margin: 4px;}

.igra-detaljnije .opis {
	width: 260px;
	float: right;
}
.igra-detaljnije .opis h1 {
	color: #cc3300;
	font-size: 20px;
}
.igra-detaljnije .opis p {
	margin: 5px 0 10px 0;
	color: #333333;
	font-size: 12px;
	line-height: 17px;
}
.igra-detaljnije .opis img.igraj {
	float: right;
}



/* =DODATNE INFORMACIJE O IGRI */
.dodatno .dodatak {*margin-bottom: 1px;}
.dodatno .dodatak div.main {padding: 0 10px;}

.dodatno .dodatak strong.title {
	color: #cc3300;
	font-size: 14px;
	margin: 0;
	padding: 0;
}
.dodatno .dodatak table {margin: 10px 0;}
.dodatno .dodatak table tr td {
	line-height: 25px;
	color: #333333;
}
.dodatno .dodatak table tr td.lijevo {
	text-align: right;
	padding-right: 10px;
}
.dodatno .dodatak table input {
	width: 112px;
	border: 1px inset #a9a9a9;
	background: #f2f2f2;
}
.dodatno .dodatak table.teh-info {margin-top: 25px;}
.dodatno .dodatak table.teh-info tr td {line-height: 20px;}
.dodatno .dodatak table.teh-info tr td.lijevo {color: #333333; width: 50%;}
.dodatno .dodatak table.teh-info tr td.desno {
	font-weight: bold;
	color: #cc3300;
	text-transform: uppercase;
	width: 50%;
}
.dodatno .dodatak a.button-crveni {
	float: right;
	margin: 0 10px 10px 0;
	*margin: 0 5px 0 0;
	text-decoration: none;
}



/* =BODOVANJE */
.bodovanje {
	width: 560px;
	background: #cc3300;
	clear: both;
	margin-bottom: 10px;
}
.bodovanje * {color: #ffffff;}
.bodovanje .top {background-position: 0 -336px;}
.bodovanje .bottom {background-position: 0 -346px;}
.bodovanje div.main strong.title {font-size: 14px;}
.bodovanje div.main p {margin: 8px 0;}




/* =POPIS */
.popis {}
div.linija {
	font-size: 1px;
	clear: both;
	border-bottom: 1px solid #999966;
}
.popis .box table {
	border-top: 1px solid #999966;
	border-left: 1px solid #999966;
	border-right: 1px solid #999966;
}
.popis .box table tr th {
	background: #999966;
	color: #ffffff;
	font-weight: bold;
	line-height: 25px;
	text-align: center;
}
.popis .box table tr td {
	color: #666633;
	font-weight: bold;
	line-height: 25px;
	text-align: center;
	border-bottom: 1px solid #999966;
}
.popis .box table tr th.ime,
.popis .box table tr td.ime {text-align: left;}
.popis .box table tr td.ime img {
	float: left;
	border: 1px solid #666666;
	margin: 5px 3px 0 0;
}

.popis .box table tr td.title {
	color: #cc3300;
	font-size: 14px;
	text-align: left;
	padding: 2px 0 2px 10px;
}

.popis strong.title {
	display: block;
	color: #cc3300;
	font-size: 14px;
	line-height: 30px;
	padding: 0 0 0 10px;
}
.popis strong.s-linijom {
	clear: both;
	border-bottom: 1px solid #999966;
	padding-left: 10px;
	*margin-top: -10px;
}

.popis .box {
	width: 275px;
	float: left;
}
.popis .box-lijevo {}
.popis .box-desno { float: right; }
.popis .box .igra {
	color: #666633;
	margin: 20px 10px 10px 10px;
}
.popis .box .igra-prva {margin: 10px 10px 10px 10px;}
.popis .box .igra a.linker {
	display: block;
	line-height: 20px;
	padding-left: 39px;
	background: url(images/popis-bullet.gif) no-repeat left top;
	color: #666633;
	font-size: 14px;
	font-weight: normal !important;
	font-weight: bold;
	margin-bottom: 5px;
}
.popis .box .igra p {
	color: #666633;
	font-size: 10px;
}
div.popis .box table tbody tr.moje td { color: #c30 !important; }

/* =FOOTER */
#footer-outline {
	clear: both;
	background: url(images/footer-bg.jpg) repeat-x left top;
	height: 165px;
}
#footer {
	width: 940px;
	margin: 0 auto !important;
	margin: 1px auto;
	background: url(images/footer.jpg) no-repeat center 1px;
	border: 1px solid transparent !important;
	border: none;
}
#footer div {
	margin: 52px 0 0 190px;
	font-size: 10px;
	text-align: left;
}
#footer div a,
#footer div span {color: #990000;}
#footer div a {text-decoration: underline;}

#footer div a.rss img { border: 0; }
#footer div a.rss { margin-left: 110px; text-decoration: none; }

#flinkovi {
	width: 940px;
	margin: 18px auto 0 auto !important;
}
#flinkovi a { display: block; float: left; background-position: top; background-repeat: no-repeat; height: 68px; text-indent: -9999px; }
#flinkovi a:hover { background-position: bottom; }

/* =FIX */
.clear {
	font-size: 1px;
	clear: both;
}


.vspacer { height: 15px; }

#noJsOverlay {
  z-index: 99;
  top: 80px;
  left: 0;
  position: fixed;
  height: 100%; 	
  width: 100%;
  background-color: #000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #noJsOverlay{ /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}



#completeSignupOverlay {
  z-index: 99;
  top: 0;
  left: 0;
  position: fixed;
  height: 100%; 	
  width: 100%;
  background-color: #000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #completeSignupOverlay{ /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#JsErrorMsg {
	color: #fff;
  z-index: 99;
  top: 0px;
  left: 0;
  position: fixed;
	padding: 20px;
  width: 100%;
  height: 40px;
  background-color: #cc0000;  	
  z-index: 100;
}

#JsErrorMsg h1{
	color: yellow;
	padding-bottom: 8px;
}

#JsErrorMsg a{
	color: yellow;
}


#completeSignupMsg {
	color: #fff;
  z-index: 99;
  top: 0px;
  left: 0;
  position: fixed;
	padding: 20px;
  width: 100%;
  height: 40px;
  background-color: #cc0000;  	
  z-index: 100;
}

#completeSignupMsg  h1{
	color: yellow;
	padding-bottom: 8px;
}

#completeSignupMsg  a{
	color: yellow;
}


#completeSignupForm {
	position: fixed;
	background: #cc9 url("images/nag_bg.gif") repeat-x;
	z-index: 102;
	color:#000000;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
	width: 800px;
	height: 400px;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

* html #completeSignupForm { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#completeSignupForm h1 { font-size: 16px; margin: 75px 0 40px 0; }

#completeSignupForm p { font-size: 12px; line-height: 14px; margin-bottom: 14px; width: 520px; margin-left: 140px; text-align: left; }


#cpanel {
	position: fixed;
	background: #ffffff;

	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}


#overlay {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

.centered {
    text-align: center;
}

.strong {
	font-weight: bold;
}

.red {
	color: #c30;
}

.white {
	color: white;
}

.padded-15 {
	padding: 15px;
}

.userProfile td {
	padding-top: 4px;
	padding-bottom: 4px;
}

.userProfile .left {
	width: 140px;
}

.userProfile .right {
	width: 140px;
}

.hint {
  font-size: 0.8em;
  color: #990000;
}


div.social a { margin-right: 10px; text-decoration: none; }
div.social a img { border: 0; }
.igra-detaljnije .opis h1 a {
	color: #cc3300;
	font-size: 20px;
}


#daj_echo { margin: 90px auto; text-align: center; }

a.button-gray span {background: url(images/butt-gray-left.gif) no-repeat left top;}
a.button-gray span span {background: url(images/butt-gray-right.gif) no-repeat right top;}

#acctyp h2, h3, p { margin-bottom: 14px; }
#acctyp p { font-size: 11px; line-heigth: 14px; }

#topbann { z-index: 50; }
#rightbann { z-index: 50; }
#midbann { z-index: 50; }

#tw-fb { background: url(images/tw-fb-back.gif) no-repeat; text-align: center; height: 59px; margin-top: 10px; padding-top: 9px; }
#tw-fb span { font-weight: bold; color: #369; display: block; padding: 0 0 8px 9px; text-align: left; }
#tw-fb a.lijevi { margin-right: 4px; }
#tw-fb a img { border: 0; }

#notif {
	background: transparent url("images/notif.png") no-repeat;
	font-size: 11px;
	margin: 0 0 10px 0;
	width: 580px;
	height: 68px;
	color: #000;
	line-height: 14px;
	padding: 12px 0 0 185px;
}
#notif p { font-size: 12px; }

#rbox { margin: 10px 0; padding-bottom: 10px; background: #fff url(images/rboxbott.jpg) bottom no-repeat; text-align: left; }
#rbox p { padding: 0 15px; margin-bottom: 5px; }
#rbox #rboxtop { font-size: 12px; color: #c30; font-weight: bold; display: block; height: 50px; padding: 15px; background: transparent url(images/rboxtop.jpg) no-repeat; }
#rboxtop em { display: block; font-size: 11px; font-weight: normal; margin-top: 5px; color: #333; }

#regnag { width: 542px; height: 91px; background: url("images/regnag.png") no-repeat; background-position: 0 0; margin-left: 8px; }
	#regnag a { display: block; float: left; height: 91px; text-indent: -9999px; }
		#regnag1 { width: 186px; }
		#regnag2 { width: 157px; }
		#regnag3 { width: 199px; }

div.novosti table tr td span { font-size: 10px; }
div.novosti table tr td a, div.novosti table tr td a:visited { color: #fff; }

div.othigra { width: 100px; height: 145px; display: block; float: left; overflow: hidden; padding: 5px; margin: 0 20px 20px 0; text-align: center; border: 1px solid #cc9; }
div.othprva { clear: left; margin-left: 11px; }
div.othzadnja { margin: 0 0 20px 0; }
#othpages { clear: left; text-align: center; }







#clickmap-overlay {
    position:fixed;
    top:0; left:0;
    width:100%; height:100%;
    background-color:#000;
    filter:alpha(opacity=70); opacity: 0.7;
} 

#clickmap-loading {
    position:fixed;
    top:0; left:0;
    width:100%; height:100%;
    background:transparent url(images/loading.gif) no-repeat center center;
} 

#clickmap-container div {
    position:absolute;
    width:20px; height:20px;
    background:transparent url(http://www.igraj.hr/images/click.png) no-repeat center center;
}