/* = MENI - SHOP
************************/
#menuCol1 ul {padding-bottom: 1em;}
#menuCol1 a.lunaBattle { background: url(/slike/rmeni_battle.gif) 2px center no-repeat; }
#menuCol1 a.lunaFango { background: url(/slike/th_shop07.gif) 2px  center  no-repeat; }
#menuCol1 a.lunaOfsajd { background: url(/slike/rmeni_ofsajd.gif) 2px  center  no-repeat; }
#menuCol1 a.lunaSfinga { background: url(/slike/rmeni_sfinga.gif) 2px  center  no-repeat; }
#menuCol1 a.lunaKiss { background: url(/slike/rmeni_kiss.gif) 2px  center  no-repeat; }
#menuCol1 a.lunaNovinec { background: url(/slike/rmeni_novinec.gif) 2px  center  no-repeat; }
#menuCol1 a.lunaKartice { background: url(/slike/rmeni_kartice.gif) 2px  center  no-repeat; }
#menuCol1 a.lunaMexico { background: url(/slike/rmeni_mexico.gif) 2px  center  no-repeat; }

#sm1 #m1 a, #sm2 #m2 a, #sm3 #m3 a, #sm4 #m4 a, #sm5 #m5 a,  #sm6 #m6 a,  #sm7 #m7 a, #sm8 #m8 a {color: #000000; text-decoration:none; background-color:#E8AC15; text-decoration:underline; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff}


/* = Vstopna
************************/

h1.titleLuna {background: url(/slike/th_title_luna.gif) left no-repeat; padding-left: 70px; margin-bottom:0;}
.thFango {float: left; margin-right: 1.5em; margin-bottom: 2em;}

#indexFango {width: 156px; height: 162px; border: 1px solid #ffffff; float: left; }
#indexOfsajd {background: url(/slike/th_lunaparkThumb02.gif) no-repeat; width: 156px; height: 162px; border: 1px solid #ffffff; float: left; margin-left: 10px; position: relative}
#indexOfsajd #lunaBetButton {position: absolute; left: 12px; top: 72px; padding-left: 30px; display: block; font-size: 1.1em; background: url(/slike/th_bets_fw.gif.gif) left center no-repeat;}
#indexOfsajd #lunaBetDetail {position: absolute; left: 0; top: 120px; padding: 0 1em; text-align: center; display: block; font-size: 1.1em;} 

#indexSfinga {width: 156px; height: 162px; border: 1px solid #ffffff; float: left; margin-left: 10px; margin-right: -10px;}

#indexMexico {background: url(/slike/th_lunaparkThumb04.gif) no-repeat; width: 156px; height: 162px; border: 1px solid #ffffff; float: left; margin-top: 1em;}
#indexMexico a {display: block; width: 156px; height: 162px; text-align: center;}
#indexMexico a span {display: block; padding-top: 113px; font-size: 1.2em; color: #fff; line-height: 1.8em;}
#indexMexico a:hover {text-decoration: none;}

#indexNovinec {background: url(/slike/th_lunaparkThumb05.gif) no-repeat; width: 156px; height: 162px; border: 1px solid #ffffff; float: left; margin-top: 1em; margin-left: 10px;}
#indexNovinec a {display: block; width: 156px; height: 162px;}

#indexKartice {background: url(/slike/th_lunaparkThumb06.gif) no-repeat; width: 156px; height: 162px; border: 1px solid #ffffff; float: left; margin-top: 1em; margin-left: 10px; margin-right: -10px;}
#indexKartice a {display: block; width: 156px; height: 162px;}

h2.titleBattle {background: url(/slike/th_battle_title.gif) left no-repeat; padding-left: 60px; margin-bottom:0;}





.betSum {background: #000; border: 1px solid #000; margin-bottom: 1em;}
.betSum img {vertical-align: middle}

.betSum h3 {font-size:1.2em; color: #fff; margin:0 0 0 10px; padding: 1px}
.betSum h3.col1 {float: left; width: 5em;}
.betSum h3.col2 {float: left; width: 17.5em;}
.betSum h3.col2a {float: left; width: 18.5em;}
.betSum h3.col3 {float: left; width: 7.5em;}
.betSum h3.col3a {float: left; width: 9.5em;}

.betSum h3.col4 {}

.betSumList {width: 100%; height: 8em; overflow:scroll; overflow-y:scroll; overflow-x:hidden;  margin-top: 0.2em;}
.betSum table {width: 100%}
.betSumList table {width: 470px}
.betSum table td {font-size: 1.1em; padding: 0.2em 0.1em 0.2em 0.9em; background: #32303F; border-bottom: 1px solid #000;}
.betSum table th {font-size: 1.1em; padding: 0.2em 0.1em 0.2em 0.9em; background: #000; border-bottom: 1px solid #000;}
.betSum table td.center {text-align: center}
.betSum table td img {vertical-align: middle}



/* = Fango
************************/

img.storeLogo {border: 1px solid #ffffff; margin-bottom: 2em;}
.categoryList {font-size: 1.2em; float: right; width: 28em; text-align: center; line-height: 1.6em;}
.categoryList a, .categoryList strong {margin: 0 0.5em;}
div.storeLogoTitle {border: 1px solid black; background: #004477; padding:1em; margin-bottom: 2em;} 


.fangoItem {border-top: 1px solid  #3C7BBA; border-bottom: 1px solid #3C7BBA; padding: 1em 0; margin-bottom: -1px; margin-top:0}
.fangoItem h2 {font-size: 1.2em; font-weight: bold; margin: 0; padding: 0;}

#fangoMain {background: url(/slike/th_fango_bgmain.gif) top repeat-x; padding-left: 1em; padding-right: 1em;}
#fangoMain img.therapy {margin-left: 5em;}
#fangoAid {background: url(/slike/th_fango_title2.gif) left 10px no-repeat; padding-left: 75px;}
#fangoAid p.wait { padding-left: 20px; background: url(/slike/ajax_loader_small.gif) no-repeat left center;}



#fangoMainGui {background: #004A70; padding: 1em;}
#fangoMainGui p {text-align: center}
#fangoMainGui input {vertical-align:middle}
#fangoMainGui .input{width: 8em; font-size: 0.9em;}

#blatodrom {margin: 1em 0}


#fangoBlock {background: url(/slike/th_fango_title3.gif) left 10px no-repeat; padding-left: 75px;}
#fangoBlockGUI {background: #004477; padding: 1em; height: 9em; display: none;}
#fangoBlockGUI p img {vertical-align:middle;}
#fangoBlockGUI p span {display: block; float: left; margin-right: 1em;}

#fangoBlockGUI p select {width: 8.1em; height: 1.6em; vertical-align: middle; padding: 0.1em;}
#fangoBlockGUI p.confirmPayment {float: left; background: url(/slike/th_denarnica_bet.gif) center left no-repeat; padding-left: 30px; }
#fangoBlockGUI p.confirmPayment input { width: 6em;  vertical-align: middle;}
#fangoBlockGUI p.confirmPayment span { display: block; float: left;}


#fangoBlockGUI a {width:112px; height: 21px; position: relative; line-height: 21px; background: url(/slike/g_potrdiNakup.gif) no-repeat left top;  margin-top: 15px}
#fangoBlockGUI a span{display: block; position: absolute; left: 0px; top: 0px; width: 112px; height:21px; background: url(/slike/g_potrdiNakup.gif) no-repeat left top;}
#fangoBlockGUI a:hover {text-decoration: none; cursor: pointer; }
#fangoBlockGUI a:hover span {width:112px; height: 21px; position: absolute; background: url(/slike/g_potrdiNakup.gif) no-repeat left bottom}
#fangoBlockGUI p.wait {margin-left: 1em; padding-left: 20px; background: url(/slike/ajax_loader_small.gif) no-repeat left center; float: left;}


#fangoHidrant {background: url(/slike/th_fango_title4.gif) left 10px no-repeat; padding-left: 75px;}
#fangoHidrant #wait {margin-left: 1em; padding-left: 20px; background: url(/slike/ajax_loader_small.gif) no-repeat left center; float: left;}


/* = Battle
************************/

h1.titleBattle {background: url(/slike/th_battle_title.gif) left no-repeat; padding-left: 65px; margin-bottom:0;}

div.battleItemPassive {border: 1px solid black; margin: 0 0 -1px 0; padding: 0.8em 0.8em 0.8em 90px; background: #0981B5 url(/slike/th_battle_title.gif) 0.8em 0.8em  no-repeat; }
div.battleItemPassive h3 {font-size: 1.2em; font-weight: bold; margin: 0 0 0.5em 0; padding: 0;}
div.battleItemPassive h3 em {font-size: 0.9em; font-weight: normal; font-style: normal; display: block;}

div.battleItemActive {border: 1px solid black; margin: 0 0 -1px 0; padding: 0.8em 0.8em 0.8em 90px; background: #006666 url(/slike/th_battle_title.gif) 0.8em 0.8em  no-repeat; }

div.battleItemPassive h3, div.battleItemActive h3 {font-size: 1.2em; font-weight: bold; margin: 0 0 0.5em 0; padding: 0;}
div.battleItemPassive h3 em, div.battleItemActive h3 em {font-size: 0.9em; font-weight: normal; font-style: normal; display: block;}


/* izpis natečaja */
.battleEntry {border: 1px solid #fff; padding: 0.8em; background: #0981B5}

.battleImage {background: #001E2E; padding: 10px; width: 120px; height: 120px; margin-right: 1em; float: left; clear: both; text-align: center; margin-bottom: 3em;}
.battleText {background: #001E2E; padding: 10px; width: 140px; height: 120px; margin-right: 1em; float: left; clear: both; text-align: left; margin-bottom: 3em; font-size: 1.1em;}
.battleDetails { float: left;}
.battleDetails h2 {font-size: 1.6em; margin: 0; padding: 0; position: relative; width: 300px;}
.battleDetails span.userImg {display: block; float: left; margin-right: 0.8em;}
.battleDetails span.userImg a img {border: 1px solid #569abc; background: #004477; }
.battleDetails span.userImg a:hover img {border: 1px solid #fff;  cursor: pointer;}

/* pregled dela na natečaju */
battleNav {text-align: center;}

/* smallUserHeader */
div.userSmallHeader {margin: 1em 0 4em 0; position:relative;  border-top: #569abc solid 1px; border-bottom: #569abc solid 1px; padding: 0.8em 0; height: 51px;}
div.userSmallHeader .userThumb:hover {text-decoration: none}
div.userSmallHeader .userThumb:hover img {border: 1px solid #ffffff;}
div.userSmallHeader .userThumb img {border: 1px solid #569abc; background:#004477}
div.userSmallHeader h2 {font-size: 1.8em; font-weight: bold; margin-top:-0.1em; position: absolute; left: 80px; top: 30px; margin: 0; padding: 0}
div.userSmallHeader span.info1 {font-size: 1.2em; color: #ffffff; position: absolute; display: block; left: 80px; top: 10px;}

div.userSmallHeader div img {vertical-align: middle}
div.userSmallHeader #memberToFriends {font-size: 1.2em; display: block; position: absolute; top: 10px; left: 275px;}
div.userSmallHeader #memberBlocked { font-size: 1.2em; padding-left: 26px; background: url(/slike/th_block.gif) no-repeat -2px 0; display: block; position: absolute; top: 10px; left: 275px; line-height: 1.4em;}
div.userSmallHeader #sendPM {font-size: 1.2em; display: block; position: absolute; top: 39px; left: 275px;}
div.userSmallHeader #hAverage {top: 75px; left: 0px; position: absolute;}
div.userSmallHeader #hNo {top: 75px; left: 195px; position: absolute; font-size: 1.2em;}
div.userSmallHeader #hComment {top: 75px; left: 276px; position: absolute; font-size: 1.2em;}


.battleRate {margin-top: 1.5em; margin-bottom: 4.5em;}
.battleRate #avRate li.avRateNo {font-size: 0.9em; margin-top: 0.1em;}
.battleRate #yRate {display: block; float: right; width:18.9em;}
.battleRate #yRate li.change {font-size: 0.9em; margin-top: 0.1em;}


#battleTitle {background: #001E2E; padding: 12px; font-size: 1.6em; font-weight:bold; padding: 0.5em; margin: 0.5em 0 1px 0; text-align: center;}
#battleDetailPic {background: #001E2E; padding: 12px; text-align: center; margin-bottom: 1em;}
#battleDetailPic #battleText {text-align: left; }

.reportAbuseMain {padding-bottom: 0.5em; margin-bottom: 0.8em; text-align: right;}
.reportAbuseMain a.tab {font-size: 1.1em; display: block; padding: 0 0.5em; color: #cccccc}
.reportAbuseMain a.open {background: #004477 url(/slike/g_close_tab.gif) right 2px no-repeat; padding: 0.2em 25px 1em 0.5em; margin-top:-0.2em; color:#60D2AF}

div.consoleAbuseBody {height: 42em;  padding: 1em; position: relative;}
div.consoleAbuseFrame {display: block; clear:both; background: #004477 url(/slike/ajax_loader_middle.gif) no-repeat center 5em; padding: 1em;  margin:0px; text-align: left;}

div.consoleAbuseBody p {padding: 0.5em 1em 0.5em 1em; margin: 0px; clear: both;}

div.consoleAbuseBody p.serif {background: url(/slike/th_serif.gif) no-repeat 1em 3px; padding-left: 60px;}
div.consoleAbuseBody p.serif span {font-size:1.4em; color: #ffffff; font-weight: bold;}
div.consoleAbuseBody textarea.abuseReportForm {width: 27em; height: 4em; margin:0.5em 1em;}

div.consoleAbuseBody table.racun {border-collapse: collapse; margin: 1em; border: 0px; width: 31em;}
div.consoleAbuseBody table.racun th {font-size: 1.2em; border-top: #569abc solid 1px; border-bottom: #569abc solid 1px; border-left: 0px; border-right: 0px; padding: 0.3em  0.5em;   text-align:left;}
div.consoleAbuseBody table.racun td {font-size: 1.2em; border-top: #569abc solid 1px; border-bottom: #569abc solid 1px; border-left: 0px; border-right: 0px; padding: 0.3em 0.5em;  text-align:left;}
div.consoleAbuseBody table.racun td.sum {text-align:right; border-bottom: 0px; background: #015C98;}

div.consoleAbuseBody p input.password {width: 8em; font-size: 0.9em;}


table.battleComment {border-collapse: collapse; width: 100%; clear: both; margin-top:1em; margin-bottom:1em;}
table.battleComment td, table.battleComment th {border: 1px solid #000000;  vertical-align: top;}
table.battleComment tr.header th {background: #006666; font-size: 1.2em; padding: 0.4em; text-align: left; font-weight: bold;}

table.battleComment tr.bg01 td, table.battleComment tr.bg01 th  {background: #007faf;}
table.battleComment tr.bg02 td, table.battleComment tr.bg02 th {background: #0070a0;}
table.battleComment tr th {padding: 0.8em; text-align: center;}
table.battleComment tr th a:hover img {border: 1px solid #ffffff;}
table.battleComment tr th a img {border: 1px solid #569abc; margin-bottom: 0.2em; background-color: #005588;}
table.battleComment tr th a.uname {font-size: 1.2em; font-weight: bold; }

table.battleComment tr td {padding: 1em;}

form.inputComment {font-size:1.1em;}
form.inputComment textarea {width: 30em; height: 5em;  margin: 0.5em 0;}


/* = konzola - prijavi kršitev
************************/

.reportAbuse {border-bottom: 1px solid #569abc; padding-bottom: 0.5em; margin-bottom: 0.8em;}
.reportAbuse a.tab {font-size: 1.1em; display: block; float: right; padding: 0 0.5em; color: #60D2AF}
.reportAbuse a.open {background: #004477 url(/slike/g_close_tab.gif) right 2px no-repeat; padding: 0.2em 25px 1em 0.5em; margin-top:-0.2em; color:#60D2AF}

.reportAbuse span {font-size: 1.1em;}

div.consoleAbuseBody {height: 42em;  padding: 1em; position: relative;}
div.consoleAbuseFrame {display: block; clear:both; background: #004477 url(/slike/ajax_loader_middle.gif) no-repeat center 5em; padding: 1em;  margin:0px; text-align: left;}

div.consoleAbuseBody p {padding: 0.5em 1em 0.5em 1em; margin: 0px; clear: both;}

div.consoleAbuseBody p.serif {background: url(/slike/th_serif.gif) no-repeat 1em 3px; padding-left: 60px;}
div.consoleAbuseBody p.serif span {font-size:1.4em; color: #ffffff; font-weight: bold;}
div.consoleAbuseBody textarea.abuseReportForm {width: 27em; height: 4em; margin:0.5em 1em;}

div.consoleAbuseBody table.racun {border-collapse: collapse; margin: 1em; border: 0px; width: 31em;}
div.consoleAbuseBody table.racun th {font-size: 1.2em; border-top: #569abc solid 1px; border-bottom: #569abc solid 1px; border-left: 0px; border-right: 0px; padding: 0.3em  0.5em;   text-align:left;}
div.consoleAbuseBody table.racun td {font-size: 1.2em; border-top: #569abc solid 1px; border-bottom: #569abc solid 1px; border-left: 0px; border-right: 0px; padding: 0.3em 0.5em;  text-align:left;}
div.consoleAbuseBody table.racun td.sum {text-align:right; border-bottom: 0px; background: #015C98;}

div.consoleAbuseBody p input.password {width: 8em; font-size: 0.9em;}


/* Seznam nepregledanih komentarjev	 */

/* Vnos novega komentarja */
.bForm {background: #307DB9; padding: 0.5em 0.5em 0.5em 13em; margin-bottom: 0.3em; position: relative;}
.bForm input.title {width: 20em; font-size: 1.1em; }
.bForm input.image {width: 21em; font-size: 1.1em; }
.bForm textarea {width: 27em; height: 25em; font-size: 1.2em;}
.bForm label {font-size: 1.2em; margin: 0.2em 0 0 -10em; position: absolute;}
.bForm div.detail {padding-top: 0.5em; font-size:1.1em;}
.bForm .button {margin: 0; font-size: 1.2em;}
.bForm .button:hover {margin: 0;}
.bForm .button:active {margin: 0;}
#divRedAlert {margin: 0 0 0.3em 0;}

#battleFormWait {font-size: 1.2em;  padding-left: 20px; background: url(/slike/ajax_loader_small.gif) no-repeat left center;}



/* = Ofsajd
************************/

h1.titleOfsajd {background: url(/slike/th_ofsajd_title.gif) left no-repeat; padding-left: 65px; margin-bottom:0;}


/* vstopna stran - tanke tabele s stavami */

/* lestvica najboljših reševalcev */
#betsChartsTab {list-style: none; margin: 0; padding: 0; height: 2.40em;}
#betsChartsTab li { float: left; font-size: 1em; position: relative; display: block; line-height: 1.5em; margin: 0 1em 0 0; }
#betsChartsTab li a {color: #fff; text-decoration: none; display: block; padding-left: 1em; padding-right: 1em;}
#betsChartsTab li.pasive {border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; border-right: 1px solid #151b24; border-bottom: 1px solid #151b24; background: #407EC4; background: #4E4A59 url(/slike/g_bg.gif) repeat-x center left; z-index: 1;}
#betsChartsTab li.pasive a:hover {background: #545261}
#betsChartsTab li.active {border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; background: #407EC4; padding-bottom: 0.8em; z-index: 1; }

#bTopProfitList {margin: -1px 0 0 0; }
#bTopSumList {margin: -1px 0 0 0; display: none}
#bTopValueList {margin: -1px 0 0 0; display: none}


.betsCharts {background: #407EC4; padding: 0.2em 0; border: 1px solid #ffffff; margin-bottom: 2.5em;}
.betsCharts li {margin: 0.6em 0em; list-style: none;}
.betsCharts li a {display: block; width: 6.5em; float: left; text-align: right; padding-right: 1em;}
.betsCharts li img.graph { vertical-align: middle}
.betsCharts li.legend {border-top: 1px solid #ffffff; margin-right: 1em; font-size: 0.9em; padding-top: 0.2em;}

/* podroben pogled stave */

#betDetail {font-size: 1.2em; margin: 1em 0; line-height: 1.8em;}

.betSum h3.col1temp {float: left; }
.betSum h3.col2temp {width: 4em; }
.betSum table tr.winner td {background: #ffcc00; color: #000; border-bottom: 1px solid #000; font-weight: bold}

.betTempWarning {font-size: 1.1em; background: url(/slike/th_betWarning.gif) left center no-repeat; padding-left: 45px; margin: 1em;}
.betSum p {margin: 1em;}

.betGui {border: 1px solid #6599FF; padding: 1em; background:  #1F3447 url(/slike/th_bet_guibg.gif) top left no-repeat; position: relative;}
.betGui h2 {font-size: 1.4em; font-weight: bold; padding: 0; margin: 0em 1em 1em 40px;}

.betGui select {font-size: 0.9em; margin: 0; padding: 0; }
.betForm {text-align:center; padding-top: 1em;}
.betForm span {background: url(/slike/ajax_loader_small_grey.gif) left center no-repeat; padding-left: 20px;}

.betGui select option {padding: 0.1em 0 0 0.1em;}
.betGui select.betG, .betGui select.betK {width: 4.5em;}
.betGui select.betOpt {width: 17em;}
.betGui .button {background:  #1F3447 url(/slike/th_buttonbg_yellow.gif) center left repeat-x; color: #000; font-weight: bold;}
.betGui .button:hover, .betGui .button:active  {background:  #FF6600; color: #000; font-weight: bold;}


#betInfoResult {border-top: #5E6C7A 1px solid; margin-top: 1.5em; padding-top: 1em;}
#betInfoResult img {vertical-align: middle;	}
#betInfoResult h3 {font-size: 1.4em; font-weight: bold;}

#betInfoResult p.warning {font-size: 1.1em; background: url(/slike/th_betWarning2.gif) left top no-repeat; padding: 0 0 1em 45px; margin: 1em; border-bottom: #5E6C7A 1px solid;}

p.confirmPayment {margin: 0px; padding: 0px; line-height: 21px; margin-top: 1em; padding-top: 0.5em; 	position: relative;}
p.confirmPayment span.text {display: block; float: left; background: url(/slike/th_denarnica_bet.gif) center left no-repeat; padding-left: 30px; position: relative; margin-right: 0.5em;}
p.confirmPayment input {width: 7em; height: 14px; margin-right: 0.5em; position: relative; margin-top: -2px; float: left;}
#buyButton {width:112px; height: 21px; position: relative; line-height: 21px; background: url(/slike/g_potrdiNakup.gif) no-repeat left top;  margin-top: -1px; float: left;}
#buyButton span{display: block; position: absolute; left: 0px; top: 0px; width: 112px; height:21px; background: url(/slike/g_potrdiNakup.gif) no-repeat left top;}
#buyButton:hover {text-decoration: none; cursor: pointer; }
#buyButton:hover span {width:112px; height: 21px; position: absolute; background: url(/slike/g_potrdiNakup.gif) no-repeat left bottom}
p.confirmPayment span.wait {margin-left: 1em; padding-left: 20px; background: url(/slike/ajax_loader_small_grey.gif) no-repeat left center; }

div.betErrorVisible {border: 1px #ffffff solid; padding: 1em 1em 1em 45px; background: #ab0000 url(/slike/th_alert_trikotnik.gif) no-repeat 5px 1.5em; margin-bottom: 1em; display: block;}


betInfoResult {display:none;}
div.buyError {border: 1px #ffffff solid; padding: 1em 1em 1em 45px; background: #ab0000 url(/slike/th_alert_trikotnik.gif) no-repeat 5px 1.5em; margin-bottom: 1em; display: none;}

#betDescription {margin-top: -0.8em; font-size: 1.1em; color: #cccccc;}



/* = Sfinga
************************/

h1.titleSfinga {background: url(/slike/th_sfinga_title.gif) left no-repeat; padding-left: 80px; margin-bottom:1em;}

.sfingaCountdown {border: 1px solid #000; background: #202B3B; font-size: 1.2em; padding: 0.2em 1em; margin-bottom: 1em; text-align: center;}

div.sfingaFrames {border: 1px solid #000; background: #202B3B; width: 23.5em; height: 23.5em; position: relative;}
div.sfingaFrames .title {left: 0; top: 1em; font-size: 1.2em; text-align: center; width: 19.6em; position: absolute; display: block;}
div.sfingaFrames .title strong {font-size: 1.6em; font-weight: bold;}
div.sfingaFrames .data {left: 1em; top: 10.2em; font-size: 1.2em; width: 17.5em; position: absolute; display: block;}
div.sfingaFrames  a.sfingaButton {font-size: 1.2em; position: absolute; color: #000000; background: #ffcc00 url(/slike/th_button_yellow.gif) left center repeat-x; line-height: 1.4em; padding: 0 0.4em; border-right: 1px solid #000; border-bottom: 1px solid #000; border-top: 1px solid #fff; border-left: 1px solid #fff;}
div.sfingaFrames 	a.sfingaButton:hover {text-decoration: none; background-image: none; background: #E8AC15;}
div.sfingaFrames  a.sfingaButton:active {text-decoration: none; background-image: none; background: #E8AC15; border-left: 1px solid #000; border-top: 1px solid #000; border-bottom: 1px solid #fff; border-right: 1px solid #fff; color: #ffffff}


#frameJunior {float: left; background-image: url(/slike/th_sfinga_bg01.gif); background-repeat: no-repeat; }
#frameActual {float: right; background-image: url(/slike/th_sfinga_bg02.gif); background-repeat: no-repeat;}
#frameActual .problemSolved {position:absolute; left: 68px; top: 50px;}

#frameJunior a.sfingaButton {left: 3.7em; top: 16.8em;}
#frameActual a.sfingaButton {left: 5em; top: 16.8em;}

.sfingaSuggest {background: #202B3B url(/slike/th_sfinga_suggest.gif) top center no-repeat; border: 1px solid #000; margin-top: 2em;}
.sfingaSuggest .description {padding: 35px 5px 0 92px; font-size: 1.2em}
.sfingaSuggest .suggestion span {display: block; text-align: center; padding-top: 5px;}
.sfingaSuggest .suggestion {font-size: 1.2em; padding: 30px 10px 10px 10px; line-height: 1.6em;}
.sfingaSuggest .suggestion a.sfingaButton { color: #000000; background: #ffcc00 url(/slike/th_button_yellow.gif) left center repeat-x; line-height: 1.4em; padding: 0 0.4em; border-right: 1px solid #000; border-bottom: 1px solid #000; border-top: 1px solid #fff; border-left: 1px solid #fff;}
.sfingaSuggest .suggestion a.sfingaButton:hover {text-decoration: none; background-image: none; background: #E8AC15;}
.sfingaSuggest .suggestion a.sfingaButton:active {text-decoration: none; background-image: none; background: #E8AC15; border-left: 1px solid #000; border-top: 1px solid #000; border-bottom: 1px solid #fff; border-right: 1px solid #fff; color: #ffffff}

table.sfinga {border: 1px solid #001D33; border-collapse: collapse; width: 100%; margin-bottom: 1em;}
table.sfinga th, table.sfinga td {padding: 0.1em 0.3em; font-size: 1.2em; border-bottom: 1px solid #001D33}
table.sfinga th {background: #001D33; }
table.sfinga td {background: #1E2B3B; }
table.sfinga td a.title {font-weight: bold;}

/* poskusna uganka*/
h2.subtitleSfinga {border: 1px solid #000; background: #202B3B; font-size: 1.2em; padding: 0.2em 1em; margin-bottom: 1em; margin-top: 1em;}

#sfingaImgFrame {background: #202B3B; padding: 1em; text-align: center; margin-bottom: 1em; }
#sfingaTestConsole {text-align: center;}
#sfingaTestConsole input {font-size: 0.9em;}

#sfingaTestResult, #sfingaTestConfirm {display: none;}
#svingaNavodila2, #svingaNavodila3 {display: none;}


/* uganka - step01 */

/*buyButton je definiran pri stavah*/

form.confirmPayment {padding: 1em 1em 1em 40px; height: 2.5em; border: 1px solid #000000; background: #0077aa url(/slike/th_confirmPayment.gif) no-repeat 5px center; margin-bottom: 1em;}
form.confirmPayment p {margin: 0px; padding: 0px; line-height: 21px; position: relative; float: left;}
form.confirmPayment input {width: 7em; height: 14px; margin: 0 0.5em; position: relative; margin-top: -2px}
form.confirmPayment a {width:112px; height: 21px; position: relative; line-height: 21px; background: url(/slike/g_potrdiNakup.gif) no-repeat left top; float: left; margin-top: -1px}
form.confirmPayment a span{display: block; position: absolute; left: 0px; top: 0px; width: 112px; height:21px; background: url(/slike/g_potrdiNakup.gif) no-repeat left top;}
form.confirmPayment a:hover {text-decoration: none; cursor: pointer; }
form.confirmPayment a:hover span {width:112px; height: 21px; position: absolute; background: url(/slike/g_potrdiNakup.gif) no-repeat left bottom}
form.confirmPayment p.wait {margin-left: 1em; padding-left: 20px; background: url(/slike/ajax_loader_small.gif) no-repeat left center}

#sfingaImgFrameTop {background: #202B3B; padding: 1em; text-align: center; margin-bottom: 1em; position: relative;}

.sfingaBigAlert {position: absolute; top: 4em; left: 25px; width: 424px; background: #fff; padding: 1em; display: block; text-align: left; color: #202B3B}
.sfingaBigAlert .confirm {background: url(/slike/th_sfinga_yes.gif) top left no-repeat; padding-left: 60px; font-size: 1.2em;}
.sfingaBigAlert .alert {background: url(/slike/th_sfinga_no.gif) top left no-repeat; padding-left: 60px; font-size: 1.2em;}
.sfingaBigAlert .sub {font-size: 1.1em; }
.sfingaBigAlert .sub a {color: #0066CC}

#frameGeneralData {float: left; background-image: url(/slike/th_sfinga_bg00.gif); background-repeat: no-repeat; }
#framePersonalData {float: right; background-image: url(/slike/th_sfinga_bg00.gif); background-repeat: no-repeat; }

/*runningText*/
#runningText {width :99.2%; border: none; background: #202B3B; font-size: 1.2em; padding: 0.2em 2px; margin-bottom: 1em; font-weight: normal; color: #aaa}

/*okvirji*/
div.sfingaFrames .titleGeneral {left: 0; top: 0.6em; font-size: 1.2em; text-align: center; width: 19.6em; position: absolute; display: block;}
div.sfingaFrames .titleGeneral span {font-size: 1.6em; }

div.sfingaFrames .totalSolvedMsg {top: 4.5em; left: 1em; padding-left: 35px; font-size:1.2em; position: absolute; background: url(/slike/th_sfinga_confirm.gif) left no-repeat;}

div.sfingaFrames .dataGeneral {left: 1em; top: 9.3em; font-size: 1.2em; width: 17.5em; position: absolute; display: block; line-height: 1.5em;}
div.sfingaFrames .sfingaRefresh {left: 6em; top: 17.8em; font-size: 1.2em;  position: absolute; display: block;}
div.sfingaFrames #pocakajTrenutek2 {left: 4em; top: 17.8em; font-size: 1.2em;  position: absolute; display: block; background: url(/slike/ajax_loader_small_grey2.gif) center left  no-repeat; padding-left: 20px;}

div.sfingaFrames .sfingaPersonalForm {left: 1em; top: 0.6em; text-align: center; font-size: 1.2em; width: 17.5em; position: absolute; display: block; }
div.sfingaFrames .sfingaPersonalForm input {border: 1px solid black; width: 15em; font-size: 1.1em;  margin: 0.6em 0}

div.sfingaFrames  a.button {color: #000000; background: #ffcc00 url(/slike/th_button_yellow.gif) left center repeat-x; padding: 0 0.4em; border-right: 1px solid #000; border-bottom: 1px solid #000; border-top: 1px solid #fff; border-left: 1px solid #fff;}
div.sfingaFrames  a.button:hover {text-decoration: none; background-image: none; background: #E8AC15;}
div.sfingaFrames  a.button:active {text-decoration: none; background-image: none; background: #E8AC15; border-left: 1px solid #000; border-top: 1px solid #000; border-bottom: 1px solid #fff; border-right: 1px solid #fff; color: #ffffff}

div.sfingaFrames .sfingaPersonalForm #pocakajTrenutek {background: url(/slike/ajax_loader_small_grey2.gif) center left  no-repeat; padding-left: 20px;}

div.sfingaFrames .personalSolution {left: 1em; top: 0.6em; font-size: 1.2em; width: 17.5em; position: absolute; display: block; padding-left: 35px; background: url(/slike/th_sfinga_confirm.gif) left no-repeat;}
div.sfingaFrames .personalCheat {left: 1em; top: 0.6em; font-size: 1.2em; width: 17.5em; position: absolute; display: block; padding-left: 35px; background: url(/slike/th_sfinga_alert.gif) left no-repeat;}

div.sfingaFrames #razglasiResitev {position: absolute; font-size: 1.2em; top: 5em; left: 0;}



#solutionExplain {margin-top: 2em; display: none;}


.award {border: 1px solid #000; background: #202B3B url(/slike/th_sfinga_awardbg.gif) 1em 1em no-repeat; padding:1em 1em 1em 100px; margin: 2em 0 1em 0; font-size: 1.2em;}
.award h2 {margin: 0 0 0.5em 0; padding: 0; font-size: 1.4em; font-weight: bold;}


table.sfingaComment {border-collapse: collapse; width: 100%; clear: both; margin-top:1em; margin-bottom:1em;}
table.sfingaComment td, table.sfingaComment th {border: 1px solid #000000;  vertical-align: top;}
table.sfingaComment tr.header th {background: #006666; font-size: 1.2em; padding: 0.4em; text-align: left; font-weight: bold;}

table.sfingaComment tr.bg01 td, table.sfingaComment tr.bg01 th  {background: #007faf;}
table.sfingaComment tr.bg02 td, table.sfingaComment tr.bg02 th {background: #0070a0;}
table.sfingaComment tr th {padding: 0.8em; text-align: center;}
table.sfingaComment tr th a:hover img {border: 1px solid #ffffff;}
table.sfingaComment tr th a img {border: 1px solid #569abc; margin-bottom: 0.2em; background-color: #005588;}
table.sfingaComment tr th a.uname {font-size: 1.2em; font-weight: bold; }

table.sfingaComment tr td {padding: 1em;}



/* uganka - komentarji v živo */
#riddleLiveFrame {
  /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
  position: absolute; right: 20px; bottom: 10px; width: 180px;
}
body > div#riddleLiveFrame {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
}

#riddleLiveFrame div {background: url(/slike/th_transparent_bg.png); padding: 5px; margin-bottom: 3px; font-size: 11px;}

#riddleLiveFrame .riddleLiveHeader {text-align: center;}
#riddleLiveFrame .riddleLiveComment {text-align: left;}


/* uganka - vnos*/
#sfingaEntry {font-size: 1.2em; line-height: 1.8em;}
#sfingaEntry div span {font-size: 0.9em; color: #ccc; line-height: 1.2em; padding-top: 0.5em; display: block;}
#sfingaEntry div input.solution {width: 30em;}
#sfingaEntry div textarea {width: 30em; height: 5em;}

#sfingaEntry #battleFormWait {font-size: 0.8em;}


/* = Poljubovalnica
************************/

h1.titleKiss {background: url(/slike/th_kiss_title.gif) left no-repeat; padding-left: 55px; margin-bottom:0;}


#kissBg {background: url(/slike/th_kiss_bg01.gif) no-repeat; width: 494px; height: 115px; margin-bottom: 1.5em;}
#kissBg h2.lipstick {background: url(/slike/th_lipstick.gif) no-repeat center left; margin: 0px 10px; padding: 10px 5px 15px 35px }
#kissBg h2.nolipstick {background: url(/slike/th_nolipstick.gif) no-repeat center left; margin: 0px 10px; padding: 15px 5px 15px 35px }
#kissBg p {padding: 0 15px;}
#kissBg p input {border: 1px solid #000; padding: 1px; height: 1.2em; width: 8em; vertical-align: middle;}

#poljubovalnica {margin-bottom: 1.5em;}


/* = Novinec meseca
************************/

h1.titleNovinec {background: url(/slike/th_title_novinec.gif) left no-repeat; padding-left: 60px; margin-bottom:0;}


#callForEntry { background: url(/slike/th_novinecMeseca02.gif) repeat-x #16617D; border: 1px solid #000; padding: 0.5em; text-align: center; margin-bottom: 1em;}
#callForEntry img {margin-bottom: 1em;}
#callForEntry .button {background:  #1F3447 url(/slike/th_buttonbg_yellow.gif) center left repeat-x; color: #000; font-weight: bold; font-size: 1.2em;}
#callForEntry .button:hover, #callForEntry .button:active  {background:  #FF6600; color: #000; font-weight: bold;}


#questionFrame { background: url(/slike/th_novinecMeseca03.gif) repeat-x #1C465D; border: 1px solid #000; padding: 1em; margin-bottom: 1em;}
#questionFrame div.question {float: right; background: #336C84 url(/slike/th_title_00question.gif) 10px 10px no-repeat;  padding: 6px 6px 6px 65px; border: #558CA0 1px solid; width: 305px; font-size: 1.2em; margin-bottom: 1em;}
#questionFrame div.question a.title {display: block; font-size: 1.4em; font-weight: bold; margin: 0.5em 0em;  line-height: 1em;}

#questionFrame div.subText {clear: right; float: right;width: 372px; font-size: 1.2em; color: #cccccc}

.results {border: 1px solid #000;  padding: 250px 0.8em 0.8em 0.8em; font-size: 1.2em; position: relative}
#midResults { background: url(/slike/th_vajenecMeseca04.gif) top center no-repeat #000; }
#finalResults { background: url(/slike/th_vajenecMeseca05.gif) top center no-repeat #000;}

.results #no1 {width: 100px; position: absolute; top: 36px; left: 12px; text-align: center;}
.results #no2 {width: 100px; position: absolute; top: 36px; left: 105px; text-align: center;}
.results #no3 {width: 100px; position: absolute; top: 36px; left: 196px; text-align: center;}
.results #no4 {width: 100px; position: absolute; top: 36px; left: 280px; text-align: center;}
.results #no5 {width: 100px; position: absolute; top: 36px; left: 370px; text-align: center;}

.results div a.top {background: #000; padding: 1px; }

ul.userList {margin-right: -1em;}
ul.userList li {list-style: none; float:left; padding: 0; margin: 0 1.95em 2em 0; }
ul.userList li.last {list-style: none; float:left; padding: 0; margin:0; }
ul.userList li span {display: block; text-align: center;  font-weight: bold; }
ul.userList li img {border: 1px solid #569abc; background: #005588;}
ul.userList li a:hover span {text-decoration: underline;}
ul.userList li a:hover img {border: 1px solid #ffffff}



/* prijava novinca */
#questionFrame  p.regular {text-align: left;}
#questionFrame h2 {text-align: left; border-bottom: 1px solid #38a; border-top: 1px solid #38a}
#questionFrame img.center {margin-left: auto; margin-right: auto; display: block; margin-bottom: 0.5em;}
#questionFrame .button:hover, #questionFrame .button:active  {background:  #FF6600; color: #000; font-weight: bold;}


/* vnos vprašanja */

.rForm {background: #307DB9; padding: 0.5em 0.5em 0.5em 10em; margin-bottom: 0.3em; position: relative;}
.rForm label {font-size: 1.2em; margin: 0.2em 0 0 -7em; position: absolute;}
.rForm input.question {width: 30em; font-size: 1.2em; }
.rForm p {margin: 0.2em 0 0 -7em;}
.rForm .button {margin: 0; font-size: 1.2em;}
.rForm .button:hover {margin: 0;}
.rForm .button:active {margin: 0;}
.rFormSubmit {background: #307DB9; padding: 0.5em 0.5em 0.5em 10em; margin-bottom: 0.3em; font-size: 1.2em;}


#divRedAlert {margin: 0 0 0.3em 0;}

#rookieFormWait {font-size: 1.2em;  padding-left: 20px; background: url(/slike/ajax_loader_small.gif) no-repeat left center;}




/* pregled odgovorov*/

table.rookieAnswers {border-collapse: collapse; width: 100%; clear: both; margin-top:1em; margin-bottom:1em;}

table.rookieAnswers tr.rookieQuestion td.img {border-right:none; background: url(/slike/th_novinecMeseca03.gif) repeat-x #1C465D; padding: 0; text-align: center;}
table.rookieAnswers tr.rookieQuestion td.question {border-left:none; background: url(/slike/th_novinecMeseca03.gif) repeat-x #1C465D;}

table.rookieAnswers div.question {background: #336C84 url(/slike/th_title_00question.gif) 6px 6px no-repeat; border: #558CA0 1px solid;  font-size: 1.2em; padding: 6px 6px 6px 60px;  margin-bottom: 1em;}
table.rookieAnswers div.question h2 {display: block; font-size: 1.4em; font-weight: bold; margin: 0.5em 0em; padding-top: 0;  line-height: 1em;}

#questionFrame .button {background:  #1F3447 url(/slike/th_buttonbg_yellow.gif) center left repeat-x; color: #000; font-weight: bold; font-size: 1.2em; margin-left: auto; margin-right: auto}
#questionFrame div.subText {clear: right; float: right;width: 372px; font-size: 1.2em; color: #cccccc}
#questionFrame span.center {text-align:center; display: block;}

table.rookieAnswers td, table.rookieAnswers th {border: 1px solid #000000;  vertical-align: top;}
table.rookieAnswers tr.header th {background: #006666; font-size: 1.2em; padding: 0.4em; text-align: left; font-weight: bold;}
table.rookieAnswers tr.bg01 td, table.rookieAnswers tr.bg01 th  {background: #007faf;}
table.rookieAnswers tr.bg02 td, table.rookieAnswers tr.bg02 th {background: #0070a0;}
table.rookieAnswers tr th {padding: 0.8em; text-align: center;}
table.rookieAnswers tr th a:hover img {border: 1px solid #ffffff;}
table.rookieAnswers tr th a img {border: 1px solid #569abc; margin-bottom: 0.2em; background-color: #005588;}
table.rookieAnswers tr th a.uname {font-size: 1.2em; font-weight: bold; }
table.rookieAnswers tr td {padding: 1em;}
table.rookieAnswers tr td div.gradeText {border-top: 1px solid #569abc; font-size: 1.2em; color: #ccc; padding-top: 0.8em;}
table.rookieAnswers tr td div.comments {font-size: 1.2em; color: #ccc; margin-top: -1em; padding-top: 1.7em;}

ul.gradeBee {float: right; margin-right: 7em; margin-left: -2em; margin-top: 0.2em; display: block; position: relative; width: 125px; height: 24px; list-style-type:none;}
ul.gradeBee li.beeBottomNull {display: block; position: absolute; left: 0; top: 0; width: 125px; height: 24px; background: url(/slike/cebelice_00.gif) top left no-repeat;}
ul.gradeBee li.beeTop 			{display: none; position: absolute; left: 0; top: 0; height: 24px; background: url(/slike/cebelice_05.gif) top left no-repeat; }
ul.gradeBee li.beeTopActive {position: absolute; left: 0; top: 0; width: 125px; height: 24px; }

.rookieAlert {border: 1px solid black; background: #407ec4; margin: 1em 0; padding: 0.5em; height:6.5em}
.rookieAlert h3 {font-size: 1.2em; margin: 0em; padding-top: 0.5em; padding-bottom: 1em;}
.rookieAlert p {font-size: 1.2em; margin-bottom:1em;}
.rookieAlert img {vertical-align:middle;}

.rookieAlertList {background: #004477; float:right; width: 30em; height: 6.2em; border: 1px solid black; overflow: auto}
.rookieAlertList p {font-size: 1.1em; border-bottom: 1px solid #0981B5; padding: 0.2em 2em; margin:0px;}

.rookieAlertList p.active {background: #0981B5; font-weight: bold; }
.rookieAlertList p.active em {font-size:1.1em; font-style: normal;}




form.rookieAnswer {font-size:1.2em;}
form.rookieAnswer textarea {width: 29em; height: 10em;  margin: 0.5em 0;}



/*pregled komentarjev*/
div.eRookieTree {margin-top: -0.5em; margin-bottom:3.5em;}
div.eRookieTree p.tab01 {background: url(/slike/th-folder.gif) no-repeat 15px; padding-left:45px; margin-bottom: 0.2em;}
div.eRookieTree p.tab02 {background: url(/slike/th-folder.gif) no-repeat 28px; padding-left:57px;}

table.rookieComments {border-collapse: collapse; width: 100%; clear: both; margin-top:1em; margin-bottom:1em;}
table.rookieComments tr.header th {background: #006666; font-size: 1.8em; padding: 0.4em; text-align: left; font-weight: bold; line-height: 1.3em;}
table.rookieComments tr.header th span {font-size:0.7em; font-weight: normal;}
table.rookieComments th.comments {background: #006666; font-size: 1.2em; padding: 0.4em; text-align: left; font-weight: bold; line-height: 1.3em;}

table.rookieComments td, table.rookieComments th {border: 1px solid #000000;  vertical-align: top;}
table.rookieComments tr.bg01 td, table.rookieComments tr.bg01 th  {background: #007faf;}
table.rookieComments tr th {padding: 0.8em; text-align: center;}
table.rookieComments tr th a:hover img {border: 1px solid #ffffff;}
table.rookieComments tr th a img {border: 1px solid #569abc; margin-bottom: 0.2em; background-color: #005588;}
table.rookieComments tr th a.uname {font-size: 1.2em; font-weight: bold; }
table.rookieComments tr td {padding: 1em;}
table.rookieComments tr td div.gradeText {border-top: 1px solid #569abc; font-size: 1.2em; color: #ccc; padding-top: 0.8em;}
table.rookieComments tr td div.comments {font-size: 1.2em; color: #ccc; margin-top: -1em; padding-top: 1.7em;}

table.rookieComments tr td.inputComment {font-size: 1.2em;}
table.rookieComments tr td.inputComment textarea {font-size: 0.9em;}


/* = Kartice
************************/

h1.titleKartice {background: url(/slike/th_kartice_title.gif) left no-repeat; padding-left: 70px; margin-bottom:0;}

.karticePanel {background: #001E2E; margin-top: 2em; padding: 1em;}
.karticePanel p.center {text-align:center}
.karticePanel p select {width: 15em; margin-left: 1em;}
.karticePanel #ecardFormWait {background: url(/slike/ajax_loader_small_grey2.gif) left center no-repeat; padding-left: 20px;}


#karticeSendPanel {background: #001E2E; margin-top: 2em; padding: 1em;}
#karticeSendPanel p.center {text-align: center;}


#karticeSendPanel div.ecardWrapper { background: #000  no-repeat; position: relative; margin-left: auto; margin-right: auto; margin-bottom: 2em; overflow: hidden}
#karticeSendPanel div.ecardWrapper #ecardAvatar {width: 120px; height: 260px; position: absolute; top: 20px; left: 20px;}


#karticeSendPanel .bForm {background:#001E2E;  padding: 0.5em 0.5em 0.5em 14em; margin-bottom: 0.3em; position: relative;}
#karticeSendPanel .bForm strong {font-size: 1.2em;}
#karticeSendPanel .bForm img {vertical-align: middle;}
#karticeSendPanel .bForm input.email {width: 25em; font-size: 1.2em; }
#karticeSendPanel .bForm input.captcha {width: 10em; font-size: 1.1em; }
#karticeSendPanel .bForm textarea {width: 26em; height: 8em; font-size: 1.2em;}
#karticeSendPanel .bForm label {font-size: 1.2em; margin: 0.2em 0 0 -11em; position: absolute; }
#karticeSendPanel div.detail {padding-top: 0.5em; font-size:1.1em;}

#karticeSendPanel #facebook {padding-left: 3em; border-bottom: 1px solid #555; padding-bottom: 0.5em;}

#karticeSendPanel #divRedAlert {margin: 0 0 0.3em 0;}

#karticeSendPanel	a.add2battle {width: 150px; height: 21px; line-height: 21px; position: relative;  background: url(/slike/g_prijaviNaNatecaj.gif) left top no-repeat;}
#karticeSendPanel	a.add2battle span {display: block; width: 150px; height: 21px; position: absolute; left: 0px; top: -3px; background: url(/slike/g_prijaviNaNatecaj.gif) left top no-repeat;}
#karticeSendPanel	a.add2battle:hover span {text-decoration: none; cursor: pointer; background: url(/slike/g_prijaviNaNatecaj.gif) left bottom no-repeat;}




.karticePanel .ecardOwnList {text-align:center; margin-left: auto; margin-right: auto;}
.karticePanel .ecardOwnList td {text-align:center; width: 120px; font-size:1.1em;}
.karticePanel .ecardOwnList td a.image {width: 110px; height: 110px; display: block; padding: 5px; background: #999; margin-bottom: 5px;}
.karticePanel .ecardOwnList td a.image:hover {background: #fc0;}

#karticeSendPanel #ecardFormWait {background: url(/slike/ajax_loader_small_grey2.gif) left center no-repeat; padding-left: 20px;}

#karticeSendPanel .confirm {background: url(/slike/ajax_confirm_small_grey.gif) left center no-repeat; padding-left: 20px; display: none;}


.ecardCompleteList {width: 100%; border-collapse: collapse;}
.ecardCompleteList td { text-align: center; font-size:1.1em; padding-bottom: 15px;}
.ecardCompleteList td a.image {width: 100px; height: 100px; display: block; padding: 5px; background: #999; margin: 0px auto 3px auto;}
.ecardCompleteList td a.image:hover {background: #fc0;}



.ecardBattle {background: #005588 url(/slike/th_battle_title.gif) 10px 10px no-repeat; border: 1px solid #001e2e; padding: 10px 10px 10px 80px; font-size: 1.2em; margin-top: 1em;}
.ecardBattle h2 {font-size: 1.2em;}


/* pregled kartic */

.karticeViewPanel {background: #001E2E; margin-top: 2em; padding: 1em; margin-bottom: 2em;}
.karticeViewPanel div {text-align: center; padding-bottom: 2em;}

/* mexico */

h1.titleMexico {width: 282px; height:70px; position: relative; font-size: 0.5em;}
h1.titleMexico span {background: url(/slike/th_title_mexico.gif) top center no-repeat; width: 100%; height: 100%; display: block; position: absolute; top: 0px; left: 0px;}

h1.titleMexicoT {width: 282px; height:70px; position: relative; font-size: 0.5em;}
h1.titleMexicoT span {background: url(/slike/th_title_mexico_t.gif) top center no-repeat; width: 100%; height: 100%; display: block; position: absolute; top: 0px; left: 0px;}

.mRules {display: none}

.mTable {background: #01001D; width: 494px; margin-top: 2em;}
.mTable .top {background: url(/slike/th_mexico01.gif) top center no-repeat; width: 494px; height: 4px;}
.mTable .bottom {background: url(/slike/th_mexico02.gif) top center no-repeat; width: 494px; height: 4px;}

.mTable #notice {border: 1px solid #fff; margin: 1em; background: #AB0000 url(/slike/th_error_rdec.gif) 5px center no-repeat; padding: 1em 1em 1em 55px; display: none;}


.mTable .middle {padding: 0 15px; text-align:center;}
.mTable .middle h2 {font-size: 1.2em; text-align: left;}

.mTable .middle .board {background: #033 url(/slike/th_mexico03.gif) top repeat-x; margin-top: 20px; position: relative; z-index: 10; height: 235px; margin-bottom: 10px;}
.mTable .middle .board .fund {background: url(/slike/th_mexico08.gif) top center no-repeat; width: 450px; height: 84px; position: absolute; top: -17px; left: 8px; text-align: left;}
.mTable .middle .board .fund div {padding: 52px 10px 0 10px; }

.mTable .middle .board #d1 {position: absolute; top: -10px; left: 200px;}
.mTable .middle .board #d2 {position: absolute; top: -20px; left: 232px;}

.mTable .middle .board #myGuinea {position: absolute; top: -45px; left: 300px; background: url(/slike/th_mexico06.gif) top left no-repeat; width: 44px; height: 23px; font-size: 1.2em; padding: 4px 0 0 120px; text-align: left;}
.mTable .middle .board #myGuineaT {position: absolute; top: -45px; left: 300px; background: url(/slike/th_mexico06_t.gif) top left no-repeat; width: 44px; height: 23px; font-size: 1.2em; padding: 4px 0 0 120px; text-align: left;}


.mTable .middle .board .system {position: absolute; left: 10px; top: 78px; text-align: center; font-size: 1.2em;  width: 450px; }
 
.mTable .middle .board .playCall {background: url(/slike/th_mexico09.gif) left center no-repeat; width: 172px; height: 115px; position: absolute; left: 8px; top: 105px;}
.mTable .middle .board .playCall p {margin-top: 8px; line-height: 18px;}
.mTable .middle .board .playCall a.playButton {margin-left: 24px;}

.mTable .middle .board .playOn {background: url(/slike/th_mexico10.gif) left center no-repeat; width: 264px; height: 115px; position: absolute; left: 192px; top: 105px;}
.mTable .middle .board .playOn p {margin-top: 8px; line-height: 18px;}
.mTable .middle .board .playOn p select {width: 3.5em; margin-left: 0.5em;}
.mTable .middle .board .playOn p option.yellow {background: #F2F2A6}
.mTable .middle .board .playOn p option.red {background: #FF9999}
.mTable .middle .board .playOn a.playButton {margin-left: 45px;}

.mTable .middle .board .playPause {background: url(/slike/th_mexico11.gif) left center no-repeat; width: 450px; height: 115px; position: absolute; left: 8px; top: 105px;}
.mTable .middle .board .playPause div {width:430px; height: 95px; margin: 10px; padding-left: 100px; font-size: 1.2em; line-height: 18px; text-align: left;}
.mTable .middle .board .playPause div.wait {background: url(/slike/ajax_loader_green_xl.gif) left center no-repeat; }
.mTable .middle .board .playPause div.win {background: url(/slike/th_mexico12.gif) left center no-repeat; }
.mTable .middle .board .playPause div.even {background: url(/slike/th_mexico14.gif) left center no-repeat; }
.mTable .middle .board .playPause div.loose {background: url(/slike/th_mexico13.gif) left center no-repeat; }

.mTable .middle .board a.playButton {font-size: 12px; font-weight: bold; border: 1px solid #000; background: #fc0 url(/slike/th_mexico05.gif) top left repeat-x; color: #000; display: block; float: left;  line-height: 30px; height: 30px; padding-left: 10px; padding-right: 10px; margin-right: 20px;}
.mTable .middle .board a.playButton:hover {background-position: bottom; border: 1px solid #FFCE73; text-decoration: none; color: #fff}
.mTable .middle .board .loader {height: 32px; background: url(/slike/ajax_loader_green.gif) center top no-repeat;}

.mTable .middle hr {color: #999; background-color: #999;}
.mTable .middle .small {text-align: left;}
.mTable .middle #errorMsg {border: 1px solid #fff; background: #AB0000 url(/slike/th_error_rdec.gif) 5px center no-repeat; padding: 1em 1em 1em 55px; display: none; text-align: left;}


.mTable .middle .chatPanel {margin-top: 15px; text-align:left;}
.mTable .middle .chatPanel input {height: 1.1em; width: 24em;}

.mTable .middle .chatLog {text-align:left; margin: 0.8em 0;}
.mTable .middle .chatLog img {margin: 3px 0;}
.mTable .middle .chatLog p {font-size: 1.1em; margin: 0 0 0.2em 0; padding: 0; display: none;}
.mTable .middle .chatLog p.msg {color: #aaa}

/*




.mTable #notice {border: 1px solid #fff; margin: 1em; background: #AB0000 url(/slike/th_error_rdec.gif) 5px center no-repeat; padding: 1em 1em 1em 55px; display: none;}


.mTable .middle .board {background: #033 url(/slike/th_mexico03.gif) top repeat-x; margin-top: 20px; position: relative; padding: 10px 10px 10px 170px; border: 1px solid #000; z-index: 10}
.mTable .middle .active {border: 1px solid #fc0}

.mTable .middle .board #myGuinea {position: absolute; top: -45px; left: 295px; background: url(/slike/th_mexico06.gif) top left no-repeat; width: 164px; height: 23px; font-size: 1.2em; padding: 4px 0 0 115px;}
.mTable .middle .board #fund {position: absolute; top: 45px; left: 10px; width: 134px; height: 54px; padding: 4px; background: url(/slike/th_mexico04.gif) top left no-repeat;}

.mTable .middle .board a.playButton {font-size: 12px;  border: 1px solid #000; background: #fc0 url(/slike/th_mexico05.gif) top left repeat-x; color: #000; display: block; float: left;  line-height: 30px; height: 30px; padding-left: 10px; padding-right: 10px; margin-right: 20px;}
.mTable .middle .board a.playButton:hover {background-position: bottom; border: 1px solid #FFCE73; text-decoration: none; color: #fff}

.mTable .middle .board #diceResult {position: relative; width: 160px; height: 57px; background: url(/slike/th_mexico07.gif) 60px top no-repeat;}
.mTable .middle .board #diceResult #myDice1 {position: absolute; top: 6px; left: 73px;}
.mTable .middle .board #diceResult #myDice2 {position: absolute;  top: 0px; left: 105px;}

.mTable .middle .board .loader {height: 32px; background: url(/slike/ajax_loader_green.gif) 50px top no-repeat;}



.mTable .middle hr {color: #999; background-color: #999;}
.mTable .middle #errorMsg {border: 1px solid #fff; background: #AB0000 url(/slike/th_error_rdec.gif) 5px center no-repeat; padding: 1em 1em 1em 55px; display: none;}

*/