/* zamenjati je treba širino desne kolone, ker so tu procenti drugačni*/
.mBodyCol3 {float:right; width: 20%}


/* = MENI
************************/
.mBar2-register {background: #ffcc00 url(/slike/bg_vclanitev_koraki.gif) left center repeat-x; border-left: 1px solid #ffffff; border-right: 1px solid #333333;  border-bottom: 1px solid #333333; line-height:4.0em; font-size: 1.2em; font-weight: bold}

.mBar2-register ul {list-style-type: none; margin-left: 2em;}
.mBar2-register ul li {float:left; margin-left: 2em; }
.mBar2-register ul li.step1a {float:left; padding-left: 50px; background: url(/slike/bg_vclanitev_korak01a.gif) left center no-repeat;}
.mBar2-register ul li.step2a {float:left; padding-left: 50px; background: url(/slike/bg_vclanitev_korak02a.gif) left center no-repeat;}
.mBar2-register ul li.step3a {float:left; padding-left: 50px; background: url(/slike/bg_vclanitev_korak03a.gif) left center no-repeat;}
.mBar2-register ul li.step4a {float:left; padding-left: 50px; background: url(/slike/bg_vclanitev_korak04a.gif) left center no-repeat;}
.mBar2-register ul li.step1 {float:left; padding-left: 50px; background: url(/slike/bg_vclanitev_korak01.gif) left center no-repeat;}
.mBar2-register ul li.step2 {float:left; padding-left: 50px; background: url(/slike/bg_vclanitev_korak02.gif) left center no-repeat;}
.mBar2-register ul li.step3 {float:left; padding-left: 50px; background: url(/slike/bg_vclanitev_korak03.gif) left center no-repeat;}
.mBar2-register ul li.step4 {float:left; padding-left: 50px; background: url(/slike/bg_vclanitev_korak04.gif) left center no-repeat;}


/* = OSREDNJI DEL LAYOUT
************************/

.regWrapper {margin: 0 5.9em 2em 5.9em;}
.regWrapperTitle {margin: 0 5.9em 2em 5.9em; background: url(/slike/th_naslov_register.gif) left top no-repeat; padding: 1.5em 1em 1.5em 80px;}
.regWrapperTitleOK {margin: 0 5.9em 2em 5.9em; background: url(/slike/th_naslov_ok.gif) left top no-repeat; padding: 0.6em 1em 0.6em 55px;}
.regWrapperTitleQuestion {margin: 0 1em 2em 1em; background: url(/slike/th_naslov_question.gif) left top no-repeat; padding: 0.6em 1em 0.6em 55px;}
.regWrapperTitleAlert {margin: 0 5.9em 2em 5.9em; background: url(/slike/th_title_00alert.gif) left top no-repeat; padding: 0.6em 1em 0.6em 55px; display: block; position: relative;}
.regWrapperTitleFail {margin: 0 5.9em 2em 5.9em; background: url(/slike/th_title_00deny.gif) left top no-repeat; padding: 0.3em 1em 0.6em 55px;}

.regWrapperTitle h1, .regWrapperTitleOK h1, .regWrapperTitleQuestion h1, .regWrapperTitleAlert h1 {font-size: 2em; font-weight: bold; padding: 0;}
.regWrapperTitle span, .regWrapperTitleOK span, .regWrapperTitleQuestion span, .regWrapperTitleFail span, .regWrapperTitleAlert span {font-size: 1.2em}

.regRightCol {background: #00517a; float:right; width: 22%; text-align: center; padding: 1em;}
.regRightCol p {font-size: 1.2em; margin-top: 1.2em; margin-bottom: 1.2em; line-height:1.4em;}

/* = 1. korak
*************************/

.regRedAlert {padding: 1em 1em 1em 100px; border: 1px #ffffff solid; margin-bottom: 0.5em; display: none; background: #ab0000 url(/slike/th_register_warning.gif) left center no-repeat;}
.regRedAlert p { font-size: 1.2em;}
.regRedAlert p strong {font-size: 1.4em; font-weight: bold;}



/* = 2. korak
*************************/




.regLeftCol img.avatar{margin:2em; background: #005588; border: 1px solid #ffffff}
.reg04confirmRegister {width:70%; float: right;}
.reg04confirmRegister h2 {font-size:1.6em; font-weight: bold;}
.reg04confirmRegister p {font-size: 1.2em; margin-top: 1em;}
.reg04confirmRegister p.frame {font-size: 1.2em; margin-top: 1em; padding: 1em 1em 1em 60px; border: 1px #000000 solid; font-weight: bold; background: url(/slike/th_register_pismo.gif) no-repeat left center;}

.regLeftColForm {width:71.8%; padding-bottom: 5px; border: 0;}
legend {display: none}

.regLeftColInput {background-color: #0079bb; width:60%; padding: 1em; border:1px solid #0079bb}
.regLeftColInputEnovice {width:50.4%; padding: 1em; border:1px solid #0079bb; background: #0079bb url(/slike/th_register_novice.gif) top left no-repeat; padding-left: 60px; }
.regLeftColInputEhoroskop {width:50.4%; padding: 1em; border:1px solid #0079bb; background: #0079bb url(/slike/th_register_horoskop.gif) top left no-repeat; padding-left: 60px; }

.regLeftColNote {background-color: #0079bb; width:31%; padding: 1em; float:right; border:1px solid #0079bb;}
.regLeftColNoteError {background-color: #ab0000; width:31%; padding: 1em; float:right; border:1px solid #ffffff;}

.regLeftColNoteError h3{font-size: 1.1em; font-weight: normal; background: url(/slike/th_error_rdec.gif) no-repeat; padding-left: 45px; padding-top: 3px; height: 45px; }
.regLeftColNote h3 {font-size: 1.1em; font-weight: bold; background: url(/slike/th_ok_moder.gif) no-repeat; padding-left: 45px; padding-top: 6px; height: 45px; }
.regLeftColNoteError span, .regLeftColNote span {font-size: 1.1em; } 
.regLeftCol p, .regLeftColForm p {font-size: 1.2em; margin-bottom: 1.2em; line-height:1.4em;}
.regLeftColForm p span {display: inline; text-transform: capitalize; margin-left: 1em; 	height:1.4em; line-height:1.4em; padding:0.1em 1.1em; background-color:#222222; color:#ffffff; text-align: center;  border-top:1px solid #006699; border-left:1px solid #006699; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;}
.regLeftCol p.center, .regLeftColInput p.center {font-size: 1.2em; margin-top: 1.2em; margin-bottom: 1.2em; line-height:1.4em; text-align: center; display: block;}
.regLeftColInput p.centerNoVisible {font-size: 1.2em; margin-top: 1.2em; margin-bottom: 1.2em; line-height:1.4em; text-align: center; display: none;}
.regLeftColInput p.centerNoVisible img, .regLeftCol p.center img{margin-bottom: -0.2em; margin-right: 0.8em;}
.regLeftCol p textarea {padding:0.1em 0 0.1em 0.4em; font-size: 0.8em; text-align:left; font-family: sans-serif; width: 51.5em; color: #000000; }
.regLeftCol div.pogoji {color: #000000; width: 44em; height: 15em; overflow: auto; padding:0.5em; font-size: 1.1em; background: #ffffff; border: 1px solid #000000}

.regLeftCol p em, .regLeftColForm em {display: block; font-size: 0.9em; margin-top: 0.8em; margin-bottom: 0.5em; line-height:1.4em; color: #bbbbbb; font-style: normal;}
.regLeftColForm em.white {color: #ffffff;}
.regLeftColForm em.enovice {display: block; padding-left: 22px;}
.regLeftCol p em.pogoji {color: #bbbbbb;}

.regLeftColForm p input { padding:0.1em 0.4em 0.1em 0.4em; margin-left: 1em; font-size: 1em; text-align:left; width: 11em;}
.regLeftColForm p select {padding:0.1em 0 0 0.1em; text-align:left; font-size: 1em;}
.regLeftColForm p label { padding-top: 2px; display: block; width: 12em; float: left;}

.regLeftColForm p input.radio { padding: 0; margin:0 0 0 4em; width: 1.5em;}
.regLeftColForm p label.radio { padding:0; margin:0; width: 5em; display: inline; float: none;}
.regLeftColForm p input.checkbox { padding: 0; margin:0 0 0 0em; width: 1.5em;}
.regLeftCol {background-color: #0079bb; width:69%; padding: 1em;}

.regLeftColWarning {width:69%; padding: 1em; background:#313a47; margin-bottom: 5px;}
.regLeftColWarning p {background: url(/slike/th_register_stop.gif) left top no-repeat; padding-left: 100px; font-size: 1.2em; padding-bottom: 1em;}
.regLeftColWarning p strong {font-size: 1.4em; font-weight: bold;}

.regLeftColRedAlert {width:68.8%; padding: 1em; background:#ab0000; border: 1px #ffffff solid; margin-bottom: 0.5em; display: none}
.regLeftColRedAlert p {background: url(/slike/th_register_warning.gif) left top no-repeat; padding-left: 100px; font-size: 1.2em; padding-bottom: 1em;}
.regLeftColRedAlert p strong {font-size: 1.4em; font-weight: bold;}



#divUsername div {height: 13em;}
#divPwd div {height: 13em;}
#divEmail div {height: 10em;}
#divSpol div {height: 2em;}
#divRojdan div {height: 8em;}
#divEnovice div, #divEhoroskop div {height: 9em;}
#divWarning {height: 8em;}

#formRojdanD {width: 4em;}
#formRojdanM {width: 6em;}
#formRojdanL {width: 5em;}


/* = 3. korak
************************/

.selectFace {margin: 1.3em; text-align:center; float: left;}
.selectFace img {border: 1px solid #ffffff; margin-bottom:0.5em; background: #005588}

/* = 6. korak
************************/


a.enterButton {display: block; width: 195px; height: 34px; margin-left: auto; margin-right: auto; position: relative; background: url(/slike/g_vstopinavijo.gif) no-repeat left top; margin-top: 30px; margin-bottom: 30px;}
a.enterButton span {width: 100%; height: 100%; background: url(/slike/g_vstopinavijo.gif) no-repeat left top; position: absolute; display: block;}
a.enterButton em {margin: 5px;}
a.enterButton:hover {text-decoration: none; cursor: pointer;}
a.enterButton:hover span {background: url(/slike/g_vstopinavijo.gif) no-repeat left bottom;}

p.waitingForRegister { width: 155px; height: 34px; margin-left: auto; margin-right: auto; background: #ff00ff; margin-top: 30px; margin-bottom: 30px; background: url(/slike/ajax_loader_middle_bel.gif) no-repeat; padding-left: 40px; display: none;}





/* = 6. korak
************************/



table.blackFrameXL {border-collapse: collapse;  width: 100%; margin: 1em 0 1em 0}
table.blackFrameXL th {padding: 10px; background: #006666; border: 1px solid #000000; font-size: 1.2em; }
table.blackFrameXL th strong {font-size: 1.8em; margin-left: 0.2em;}

table.blackFrameXL th.XL {font-size: 2em; }
table.blackFrameXL th img, table.blackFrameXL td img {vertical-align:middle; margin-right: 10px;}
table.blackFrameXL td {padding: 10px; border: 1px solid #000000; font-size: 1.2em;}

table.blackFrameXL tr.bg01 td {background: #0981b5;}
table.blackFrameXL tr.bg01 td.allow {background: url(/slike/th_title_01allow.gif) no-repeat  #0981b5; background-position: 1em 1em; padding-left: 50px;}
table.blackFrameXL tr.bg01 td.deny {background: url(/slike/th_title_01deny.gif) no-repeat  #0981b5; background-position: 1em 1em; padding-left: 50px;}

table.blackFrameXL tr.bg02 td {background: #0071a1;}
table.blackFrameXL tr.bg02 td.allow {background: url(/slike/th_title_01allow.gif) no-repeat #0071a1; background-position: 1em 1em; padding-left: 50px;}
table.blackFrameXL tr.bg02 td.deny {background: url(/slike/th_title_01deny.gif) no-repeat #0071a1; background-position: 1em 1em; padding-left: 50px;}

#teaseLetter {background-image: url(/slike/th_register_tease_letter.gif); background-repeat: no-repeat; background-position: 0.5em 0.5em ; padding-left:60px; }
#teaseWallet {background-image: url(/slike/th_register_tease_wallet.gif); background-repeat:  no-repeat; background-position: 0.5em 0.5em  ; padding-left:60px; }
#teaseShopping {background-image: url(/slike/th_register_tease_shopping.gif); background-repeat:  no-repeat; background-position: 0.5em 0.5em ; padding-left:60px; }
#teaseForum {background-image: url(/slike/th_register_tease_forum.gif); background-repeat:  no-repeat; background-position: 0.5em 0.5em ; padding-left:60px; }
#teaseMetro {background-image: url(/slike/th_register_tease_metro.gif); background-repeat:  no-repeat; background-position: 0.5em 0.5em ; padding-left:60px; }
#teaseNumero {background-image: url(/slike/th_register_tease_numero.gif); background-repeat:  no-repeat; background-position: 0.5em 0.5em ; padding-left:60px; }
#teaseTest {background-image: url(/slike/th_register_tease_test.gif); background-repeat:  no-repeat; background-position: 0.5em 0.5em ; padding-left:60px; }
#teaseHelp {background-image: url(/slike/th_register_tease_help.gif); background-repeat:  no-repeat; background-position: 0.5em 0.5em ; padding-left:60px; }
#teaseOtok {background-image: url(/slike/th_register_tease_otok.gif); background-repeat:  no-repeat; background-position: 0.5em 0.5em ; padding-left:60px; }
#teaseSfinga {background-image: url(/slike/th_register_tease_sfinga.gif); background-repeat:  no-repeat; background-position: 0.5em 0.5em ; padding-left:60px; }
#teaseNatecaj {background-image: url(/slike/th_register_tease_natecaj.gif); background-repeat:  no-repeat; background-position: 0.5em 0.5em ; padding-left:60px; }
#teaseStave {background-image: url(/slike/th_register_tease_stave.gif); background-repeat:  no-repeat; background-position: 0.5em 0.5em ; padding-left:60px; }

#teaseBanner {text-align:center}

div.tease {margin-top: 0.1em;}
div.tease img {margin-left: 4em; margin-right:1em;}
div.tease div.okvir {border:1px solid #000000; margin-bottom: 1em; padding:  0.5em 0.5em 0.5em 300px;  text-align:left; }
div.tease div.okvir p {font-size:1.2em; margin-bottom: 0.5em;}

/* linki za včlanitev */
a.nehvala {width: 182px; height: 40px; line-height: 40px; position: relative; display: block; float: right; margin: 1em;}
a.nehvala span {display: block; width: 182px; height: 40px; position: absolute; top: 0px; left: 0px; background: url(/slike/g_register_nehvala.gif) left top no-repeat;}
a.nehvala:hover {text-decoration: none; cursor: pointer;}
a.nehvala:hover span {background: url(/slike/g_register_nehvala.gif) left bottom no-repeat;}

a.kupim1 {width: 182px; height: 40px; line-height: 40px; position: relative;  display: block; float: right; margin: 1em;}
a.kupim1 span {display: block; width: 182px; height: 40px; position: absolute; top: 0px; left: 0px; background: url(/slike/g_register_kupim1.gif) left top no-repeat;}
a.kupim1:hover {text-decoration: none; cursor: pointer;}
a.kupim1:hover span {background: url(/slike/g_register_kupim1.gif) left bottom no-repeat;}

a.kupim2 {width: 182px; height: 40px; line-height: 40px; position: relative;  display: block; float: right; margin: 1em;}
a.kupim2 span {display: block; width: 182px; height: 40px; position: absolute; top: 0px; left: 0px; background: url(/slike/g_register_kupim2.gif) left top no-repeat;}
a.kupim2:hover {text-decoration: none; cursor: pointer;}
a.kupim2:hover span {background: url(/slike/g_register_kupim2.gif) left bottom no-repeat;}

a.kupim3 {width: 182px; height: 40px; line-height: 40px; position: relative;  display: block; float: right; margin: 1em;}
a.kupim3 span {display: block; width: 182px; height: 40px; position: absolute; top: 0px; left: 0px; background: url(/slike/g_register_kupim3.gif) left top no-repeat;}
a.kupim3:hover {text-decoration: none; cursor: pointer;}
a.kupim3:hover span {background: url(/slike/g_register_kupim3.gif) left bottom no-repeat;}

a.kupim4 {width: 182px; height: 40px; line-height: 40px; position: relative;  display: block; float: right; margin: 1em;}
a.kupim4 span {display: block; width: 182px; height: 40px; position: absolute; top: 0px; left: 0px; background: url(/slike/g_register_kupim4.gif) left top no-repeat;}
a.kupim4:hover {text-decoration: none; cursor: pointer;}
a.kupim4:hover span {background: url(/slike/g_register_kupim4.gif) left bottom no-repeat;}

#tease02 {display: none}
#tease02 div {background: url(/slike/th_register_tease_bejba01.gif) no-repeat  bottom left;}

#tease03 {display: none}
#tease03 div {background: url(/slike/th_register_tease_bejba02.gif) no-repeat  bottom left;}

#tease04 {display: none}
#tease04 div {background: url(/slike/th_register_tease_bejba03.gif) no-repeat  bottom left;}




/* = register - index
************************/

h1.titleClanarina {background: url(/slike/titleClanarina.gif) left no-repeat; padding-left: 60px;}


.rightColRegister {margin-top: 8em; }
#col3MemberTop p {font-size:1.2em; padding: 0.5em 1em;}
.registerLogin input {width: 8em; height: 1.2em;  vertical-align: middle; margin-right: 1em;}
.rightSpacer {height: 8em;}

h2.titleSMS {background: url(/slike/titleSMS2.gif) left no-repeat; padding: 1em 0 1em 60px; margin-bottom: 1em;}
h2.titleIdea {background: url(/slike/th_idea.gif) left no-repeat; padding: 1em 0 1em 60px; margin-bottom: 1em;}

span.saver {background: #fc0; color: #000; padding: 0 5px;}

/* = order vstopna
************************/
h1.titleOrder {background: url(/slike/th_title_v.gif) left no-repeat; padding-left: 70px;}

div.pMethodMoneta {border-top: #569ABC solid 1px; border-bottom: #569ABC solid 1px; background: url(/slike/th_payment03.gif) center left no-repeat; padding: 0.5em 0 0.5em 95px;}
#gGoMoneta {float: right; display: block; position: relative; width: 185px; height: 34px; margin-top: 4em;}
#gGoMoneta span {width: 185px; height: 34px; display: block; position: absolute; top:0; left: 0; background: url(/slike/g_pMethodMoneta.gif) top left no-repeat;}
#gGoMoneta:hover {text-decoration: none; cursor: pointer;}
#gGoMoneta:hover span {background-position: bottom left ;}

div.pMethodSms {border-top: #569ABC solid 1px; border-bottom: #569ABC solid 1px; background: url(/slike/th_payment01.gif) center left no-repeat; padding: 0.5em 0 0.5em 95px;}
#gGoSms {float: right; display: block; position: relative; width: 185px; height: 34px; margin-top: 4em;}
#gGoSms span {width: 185px; height: 34px; display: block; position: absolute; top:0; left: 0; background: url(/slike/g_pMethodSms.gif) top left no-repeat;}
#gGoSms:hover {text-decoration: none; cursor: pointer;}
#gGoSms:hover span {background-position: bottom left ;}

div.pMethodWire {border-bottom: #569ABC solid 1px; background: url(/slike/th_payment02.gif) center left no-repeat; padding: 0.5em 0 0.5em 95px;}
#gGoWire {float: right; display: block; position: relative; width: 185px; height: 34px; margin-top: 4em;}
#gGoWire span {width: 185px; height: 34px; display: block; position: absolute; top:0; left: 0; background: url(/slike/g_pMethodWire.gif) top left no-repeat;}
#gGoWire:hover {text-decoration: none; cursor: pointer;}
#gGoWire:hover span {background-position: bottom left ;}

div.wishlistOrder {background: #0088BB url(/slike/th_zazelisiindex.gif) left top no-repeat; height: 83px; border: 1px solid #6699FF; margin-bottom: 0.8em;}
div.wishlistOrder .links {font-size: 1.2em;  margin-top: 40px; margin-left: 235px; line-height: 1.6em;}


/* = order SMS - vstopna
************************/


p.smsUgodnost {background: url(/slike/th_confirm_2lines.gif) no-repeat left 5px; padding-left: 30px;}

table.smsShema {width: 100%; margin-bottom: 2em;}
table.smsShema td.image {background-color: #004477; font-size:1.2em; width: 28%; padding: 0.5em; text-align: center;}
table.smsShema td.sign { font-size:3em; padding: 0.1em; font-weight: bold;}
table.smsShema img {margin: 0.5em;}

table.smsShema span.bel-xl {font-size:1.8em; font-weight: bold} 
table.smsShema span.bel-xxl {font-size:3em; font-weight: bold}

a.smsOrder {width: 267px; height: 40px; position: relative; display: block; background: url(/slike/g_vclaniSMS.gif) no-repeat left top; }
a.smsOrder span {width: 267px; height: 40px; position: absolute; top: 0px; left: 0px; display: block; background: url(/slike/g_vclaniSMS.gif) no-repeat left top; }
a.smsOrder:hover {text-decoration: none; cursor: pointer;}
a.smsOrder:hover span {background-position: left bottom;}

p.no1 {background: url(/slike/th_no1.gif) no-repeat left 0.8em; padding-left: 30px; border-top: 1px solid #569abc; padding-top: 0.5em;}
p.no2 {background: url(/slike/th_no2.gif) no-repeat left 0.8em; padding-left: 30px; border-top: 1px solid #569abc; padding-top: 0.5em;}
p.no3 {background: url(/slike/th_no3.gif) no-repeat left 0.8em; padding-left: 30px; border-top: 1px solid #569abc; padding-top: 0.5em;}
p.no4 {background: url(/slike/th_no4.gif) no-repeat left 0.8em; padding-left: 30px; border-top: 1px solid #569abc; padding-top: 0.5em;}
p.no5 {background: url(/slike/th_no5.gif) no-repeat left 0.8em; padding-left: 30px; border-top: 1px solid #569abc; padding-top: 0.5em;}
p.noetc {background: url(/slike/th_noetc.gif) no-repeat left 0.8em; padding-left: 30px; border-top: 1px solid #569abc; padding-top: 0.5em;}


/* sms klub - včlanitev */
h1.titleSMS {background: url(/slike/titleSMS1.gif) left no-repeat; padding-left: 60px; margin-bottom: 1em;}

#smsStep01 {background: #0077aa url(/slike/sms_title01.gif) left 2em no-repeat ; padding-left: 100px; display: block;}
#smsStep01 select {width: 4em; padding: 0}
#smsStep01 input.phone {width: 6em;}
#smsStep01 #splPogoji {vertical-align: middle;}
p.smsWarning {background: url(/slike/smsWarning.gif) left 10px no-repeat; padding-left: 50px; padding-top: 0.5em; padding-bottom: 0.5em; border-top: 1px solid #569abc; }
p.smsPogoji {border-top: 1px solid #569abc; padding-top: 1em;}
#smsSubmit01 {padding-top: 1em; text-align: center;}
#smsStep01 p.redAlert {display: none; color: #ffffff; padding: 0.5em; background:#ab0000 url(/slike/th_register_warning.gif) left 0.5em no-repeat; padding-left: 80px; border: 1px #ffffff solid; font-size: 1.2em;}


#smsStep02 {background: #0077aa url(/slike/th_phonesms01.gif) 1em 1em no-repeat ; padding-left: 130px; display: none;}

#smsStep03 {background: #0077aa url(/slike/th_phonesms02.gif) 1em 1em no-repeat ; padding-left: 130px; display: none;}
#smsStep03 p.ekran {border: 1px solid #ffffff; background: #50C3fe; padding: 0.5em; color: #000033;}
#smsStep03 #smsHelp01 {display: none;}
#smsStep03 #smsHelp02 {display: none;}

#smsStep04 {background: #0077aa url(/slike/th_phonesms02.gif) 1em 1em no-repeat ; padding-left: 130px; display: none; height: 240px}

#smsStep04failed {background: #0077aa url(/slike/th_phonesms02.gif) 1em 1em no-repeat ; padding-left: 130px; display: none; display: none}

#smsStep05 {background: #0077aa url(/slike/th_phonesms04.gif) 1em 1em no-repeat ; padding-left: 130px; display: none}
#smsStep05 p.ekran {border: 1px solid #ffffff; background: #50C3fe; padding: 0.5em; color: #000033;}
#smsSubmit05 {text-align: center}

a.finishSMS {display: block; width: 220px; height: 34px; margin-left: auto; margin-right: auto; position: relative; background: url(/slike/g_vstopiMedVajence.gif) no-repeat left top; margin-top: 20px; margin-bottom: 20px;}
a.finishSMS span {width: 220px; height: 34px; background: url(/slike/g_vstopiMedVajence.gif) no-repeat left top; position: absolute; display: block; left: 0px; top: 0px;}
a.finishSMS em {margin: 5px;}
a.finishSMS:hover {text-decoration: none; cursor: pointer;}
a.finishSMS:hover span {background: url(/slike/g_vstopiMedVajence.gif) no-repeat left bottom;}

/* sms klub - reklamacija */
h1.titleSMSerror {background: url(/slike/th_mobiHelp.gif) left no-repeat; padding-left: 70px; margin-bottom: 1em;}
#smsRescue {border: 1px solid #000000; width: 79.6%; float: right; background: #005588;}
#smsRescue p {margin: 0.5em;}
#smsRescue input {width: 3em; text-align:center;}

/* wire  - plačilo */

p.wireNote {background: url(/slike/th_poloznica_bg.gif) center left no-repeat; padding: 0.2em 0 0.2em 95px; }
div.wireOpt1 {background: #003A77; width: 18em; float: left; margin-right: 2em; text-align:center; position: relative;}
div.wireOpt2 {background: #003A77; width: 18em; float: left; margin-right: 2em; text-align:center; position: relative;}
div.wireOpt3 {background: #003A77; width: 18em; float: left;text-align:center; position: relative;}
div.wireOpt1 span, div.wireOpt2 span, div.wireOpt3 span {text-decoration: line-through;}
a.wireOptA {display: block; width: 166px; height: 34px; margin-left: auto; margin-right: auto; position: relative; margin-top: 20px; margin-bottom: 20px;}
a.wireOptA span {width: 166px; height:34px; display: block; position: absolute; top: 0; left:	 0;}
a.wireOptA:hover {text-decoration: none; cursor: pointer;}


#wireOptA1 span {background: url(/slike/g_wirePay01.gif) top left no-repeat; }
#wireOptA1:hover span  {background-position: bottom left;}

#wireOptA2 span {background: url(/slike/g_wirePay02.gif) top left no-repeat; }
#wireOptA2:hover span  {background-position: bottom left;}

#wireOptA3 span {background: url(/slike/g_wirePay03.gif) top left no-repeat; }
#wireOptA3:hover span  {background-position: bottom left;}

/* wire  - plačilo - 1. korak - obrazec*/
form.wireOrder label {display: block; width:15em;}
form.wireOrder input.text {width:20em;}
form.wireOrder select {width:15em;}
form.wireOrder .checkbox {vertical-align: middle;}


p.wPrice {background: #003A77; padding: 0.5em; margin-right: 10em;}
p.wPrice strong {display: block; float: right;}

a.gWireNext {display: block; width: 171px; height: 34px; margin-left: auto; margin-right: auto; position: relative; margin-top: 20px; margin-bottom: 20px;}
a.gWireNext span {width: 171px; height:34px; display: block; position: absolute; top: 0; left:	 0; background: url(/slike/g_wireNext.gif)  top left no-repeat;}
a.gWireNext:hover {text-decoration: none; cursor: pointer;}
a.gWireNext:hover span {background-position: bottom left;}

p.wiredAlert {background: url(/slike/th_wiredAlert.gif) left center no-repeat; padding-left: 45px;}
a.gWireBuy {display: block; width: 171px; height: 34px; margin-left: auto; margin-right: auto; position: relative; margin-top: 20px; margin-bottom: 20px;}
a.gWireBuy span {width: 171px; height:34px; display: block; position: absolute; top: 0; left:	 0; background: url(/slike/g_wiredBuy.gif)  top left no-repeat;}
a.gWireBuy:hover {text-decoration: none; cursor: pointer;}
a.gWireBuy:hover span {background-position: bottom left;}


#poloznica {border: 1px solid #000;}
#poloznica div.pFrom {background: #FFB8B8; position: relative; height: 220px;}
#poloznica div.pFrom h2 {margin: 0; padding: 0; font-size: 1.4em; color: #333; font-weight: normal; position: absolute; top: 15px; left: 15px;}
#poloznica div.pFrom div {position: absolute; color: #900; font-size: 1.1em;}
#poloznica div.pFrom div span {display: block; background: #ffffff; border: #900 solid 1px; color: #000000; font-size: 1.1em; padding: 1px 2px; font-weight: bold;}
#poloznica div.pFrom div em {background: #FFD0D0; height: 17px; display: block; border: #900 solid 1px;}

#fromNaziv {left: 15px; top: 35px; width: 250px;}
#fromNaslov {left: 15px; top: 75px; width: 250px;}
#fromKraj {left: 15px; top: 115px; width: 250px;}
#fromNamen {left: 15px; top: 155px; width: 425px;}

#fromStRac {left: 280px; top: 35px; width: 250px} 
#fromRef {left: 280px; top: 75px; width: 250px}

#fromValuta01 {left: 280px; top: 115px; width: 35px} 
#fromValuta02 {left: 320px; top: 129px; width: 100px} 
#fromValuta02 span {text-align: right;}

#fromDatum {left: 430px; top: 115px; width: 100px}
#fromVrsta {left: 455px; top: 155px; width: 75px}

#poloznica div.pTo {background: #FCF685; position: relative; height: 150px;}
#poloznica div.pTo div {position: absolute; color: #900; font-size: 1.1em;}
#poloznica div.pTo div span {display: block; background: #ffffff; border: #900 solid 1px; color: #000000; font-size: 1.1em; padding: 1px 2px; font-weight: bold;}
#poloznica div.pTo div em {background: #FFD0D0; height: 17px; display: block; border: #900 solid 1px;}

#toNaziv {left: 15px; top: 15px; width: 250px;}
#toNaslov {left: 15px; top: 60px; width: 250px;}
#toKraj {left: 15px; top: 100px; width: 250px;}

#toStRac {left: 280px; top: 15px; width: 250px;}
#toRef {left: 280px; top: 60px; width: 250px}


/* wishlist  - vstopna */

h1.titleWishSpecial {width: 596px; height: 108px; position: relative; font-size: 10px;}
h1.titleWishSpecial span {display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: url(/slike/th_wish_maintitile.gif) top left no-repeat;}

a.orderWishWire  {position: relative; width: 182px; height: 40px; display: block;}
a.orderWishWire span {background: url(/slike/b_orderwishwire.gif) top left no-repeat; width: 100%; height: 100%; position: absolute; top:0; left: 0; display: block;} 
a.orderWishWire:hover {text-decoration: none; cursor: pointer;}
a.orderWishWire:hover span {background-position: left bottom;}


h2.titleWishSubtitle {width: 403px; height: 73px; position: relative; font-size: 10px;}
h2.titleWishSubtitle span {display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: url(/slike/th_wish_subtitle.gif) top left no-repeat;}

a.orderWish  {position: relative; width: 182px; height: 40px; display: block;}
a.orderWish span {background: url(/slike/b_orderwish.gif) top left no-repeat; width: 100%; height: 100%; position: absolute; top:0; left: 0; display: block;} 
a.orderWish:hover {text-decoration: none; cursor: pointer;}
a.orderWish:hover span {background-position: left bottom;}

/*nakupni proces*/
h1.titleWishOrder {background: url(/slike/th_title_wishwire.gif) left no-repeat; padding-left: 90px;}

/*pošiljanje skrite želje*/
h1.titleWishSend {background: url(/slike/th_title_wishsend.gif) left no-repeat; padding-left: 90px;}

.wishlist input {font-size: 1.1em; height: 1.3em; width: 18em;}
.wishlist textarea {font-size: 1.1em; height: 14em; width: 40em;}

#wishSendButton {display: inline;}
#wishSendWait {display: none;}
#wishSendOK {display: none;}
#wishSendError {display: none;}



/* moneta - plačilo*/

p.monetaNote {background: url(/slike/th_moneta_bg.gif) center left no-repeat; padding: 0.2em 0 0.2em 95px; }

div.monetaOpt1 {background: #003A77; width: 13em; float: left; margin-right: 1.5em; text-align:center; position: relative;}
div.monetaOpt2 {background: #003A77; width: 13em; float: left; margin-right: 1.5em; text-align:center; position: relative;}
div.monetaOpt3 {background: #003A77; width: 13em; float: left; margin-right: 1.5em; text-align:center; position: relative;}
div.monetaOpt4 {background: #003A77; width: 13em; float: left; margin-right: 0; text-align:center; position: relative;}
div.monetaOpt1 span, div.monetaOpt2 span, div.monetaOpt3 span, div.monetaOpt4 span {text-decoration: line-through;}

a.monetaOptA {background: url(/slike/g_monetaSelect.gif) top left no-repeat; display: block; width: 108px; height: 34px; margin-left: auto; margin-right: auto; position: relative; margin-top: 20px; margin-bottom: 20px;}
a.monetaOptA span {width: 108px; height:34px; display: block; position: absolute; top: 0; left:	 0; background: url(/slike/g_monetaSelect.gif) top left no-repeat;}
a.monetaOptA:hover {text-decoration: none; cursor: pointer;}
a.monetaOptA:hover span  {background-position: bottom left;}