@charset "utf-8";
/* CSS Document of IPhoker.com */
/* sitebuilding by pesura ---> http://pesura.extra.hu/ */


/* the function of the 100% height: to force the footer to the bottom of the page */
html, body {height:100%;}

body {padding: 0; margin: 0; font-family: Arial, Verdana, Helvetica, sans-serif; color: #fff; font-size: 11px; background: #faddb6;}
#vipbody {background: #ead5bc;}

/* removing default borders from hyperlinked images in ff3: */
a {border: none; outline-style: none; -moz-outline-style: none;}
a:visited {border: none; outline-style: none; -moz-outline-style: none;}
a:hover {border: none; outline-style: none; -moz-outline-style: none; text-decoration: none;}
a:active {border: none; outline-style: none; -moz-outline-style: none;}

a {font-family: Arial, Verdana, Helvetica, sans-serif; color: #fff; font-size: 10px; font-weight: 800;}
p, ul, label {font-family: Arial, Verdana, Helvetica, sans-serif; color: #fff; font-weight: normal; text-transform: none; margin: 0; font-size: 11px;}
h1 {font-family: Helvetica, Arial, Verdana, sans-serif; color: #fff; font-weight: 900; text-transform: uppercase; margin: 0; padding: 0; font-size: 14px; line-height: 14px;}
h2 {font-family: Arial, Verdana, Helvetica, sans-serif; color: #fff; font-weight: 900; text-transform: none; margin: 0; font-size: 14px;}
h3 {font-family: Arial, Verdana, Helvetica, sans-serif; color: #fff; font-weight: 900; text-transform: none; margin: 0; font-size: 20px;}
.bold {font-weight: 900;}
br {font-size: 10px;}
* html img {font-size: 0;} /* hack for ie 6*/
.leftalign {text-align: left;}
form {padding: 0; margin: 0;}
/* Removing the default focus on input elements in safari and google chrome (webkit):*/
select, input, textarea, button {outline:none; resize:none;}

.noborder {border: none;}
.clear {clear: both; font-size: 0; height: 0;} /* hack for gecko browsers */
.spacer5 {position: relative; height: 5px; margin: 0; padding: 0; font-size: 0;}
.spacer10 {position: relative; height: 10px; margin: 0; padding: 0; font-size: 0;}
.spacer20 {position: relative; height: 20px; margin: 0; padding: 0; font-size: 0;}

/* the function of the min-height: to force the footer to the bottom of the page */
.background1 {background: url(images/body-bg.jpg) transparent center 0 no-repeat; width:100%; min-height: 100%;}
* html .background1 {background: url(images/body-bg.jpg) transparent center 0 no-repeat; width:100%; height: 100%;}
.background2 {background: url(images/body-bg2.jpg) transparent center 0 no-repeat; width:100%; min-height: 100%;}
* html .background2 {background: url(images/body-bg2.jpg) transparent center 0 no-repeat; width:100%; height: 100%;}
.background3 {background: url(images/body-bg3.jpg) transparent center 0 no-repeat; width:100%; min-height: 100%;}
* html .background3 {background: url(images/body-bg3.jpg) transparent center 0 no-repeat; width:100%; height: 100%;}
.main {position: relative; width: 800px; height: auto; padding: 0 0 40px 0; margin: 0;}

/* header */
.header {position: relative; width: 100%; height: 96px; font-size: 0; background: transparent; text-align: left; margin: 0; padding: 0;}
.header-logo {position: absolute; left: 0; bottom: 8px; display: block; height: 67px; width: 171px; margin: 0;}

.header-navigation {position:absolute; right: 0; bottom: 0; width: 484px; height: 26px;}
a.navigation {position: relative; float: left; display: block; background: transparent; padding: 0 12px 0 12px; height: 26px; color: #f3df8f; font-size: 14px; font-weight: 900; 
font-family: Helvetica, Arial, Verdana, sans-serif; text-transform: uppercase; text-decoration: none; background: url(images/header-nav-bg.png) center 30px no-repeat; overflow: hidden;}
* html a.navigation {background: url(images/header-nav-bg.jpg) center 30px no-repeat; overflow: hidden; padding: 0 12px 0 12px; height: 26px;}
a.navigation:hover {background-position: center bottom; color: #fff;}
#current {background-position: center 17px; color: #fff;}

.subheader {position: relative; width: 100%; height: 279px; background: transparent;}

.weekprize {position: absolute; left: 0; top: 4px; display: block; width: 223px; height: 267px;}
.video-frame {position: absolute; left: 245px; top: 12px; display: block; width: 296px; height: 292px; background: url(images/video-frame.png) transparent 0 0 no-repeat;}
#swfcontent { padding-top: 12px; position: absolute; top: 12px; left: 243px;}
.download-client {position: absolute; right: 0; top: 14px; display: block; width: 241px; height: 248px; background: url(images/download-client.png) transparent 0 0 no-repeat;}
.download-client {position: absolute; right: 0; top: 14px; display: block; width: 241px; height: 248px; background: url(images/download-client.jpg) transparent 0 0 no-repeat;}
.mobileform {position: relative; width: 180px; height: 80px; margin: 80px 0 0 0;}
.mobileform p {margin: 10px 0 0 0; color: #f1df8f;}
.selectdevice {position: relative; width: 176px; height: 21px; border: none; padding: 0;}
.inputphone {position: relative; width: 170px; height: 18px; margin: 20px 0 0 0; padding: 0 0 0 4px; z-index: 44444;}
* html .inputphone {position: relative; width: 170px; height: 18px; margin: 20px 0 0 0; padding: 0 0 0 4px;}
*:first-child+html .inputphone {position: relative; width: 168px; height: 18px; margin: 20px 0 0 0; padding: 0 0 0 4px;}
.sendbutton {margin: 20px 0 0 0;}



/* content */
.content {position: relative; width: 100%; height: auto;}

.section {position: relative; width: 100%; height: auto; background: transparent;}

.nodeposit {position: relative; float: left; margin: 10px 0 10px 0;}
.langs {position: relative; float: right; width: 286px; height: 20px; padding: 30px 0 0 0; background: url(images/lang-bg.jpg) transparent top right no-repeat;}
* html .langs {position: relative; float: right; width: 289px; height: 20px; padding: 30px 0 0 0; background: url(images/lang-bg.jpg) transparent top right no-repeat;}
.langs a {float: left; display: inline; padding: 0 1px 0 1px; margin: 0;}

.free-play-main {position: relative; float: left; width: 308px; height: 244px; margin: 10px 12px 0 0;}
.free-play-title {position: relative; width: 308px; height: 24px; margin: 3px 0 0 0;}
.top10-players {position: relative; float: right; width: 160px; height: 199px; margin: 10px 0 0 0; padding: 25px 0 0 0; background: url(images/top10-players.jpg) 0 0 no-repeat;}
.top10-players p {font-weight: 900;}
.top10line {position: relative; width: 154px; height: 19px; margin: 1px 0 0 0; overflow: hidden;}
.free-play-bubble1 {position: relative; float: left; width: 148px; height: 186px; padding: 11px 0 0 0; background: url(images/free-play-bubble1.jpg) 0 0 no-repeat;}
.free-play-bubble2 {position: relative; float: right; width: 148px; height: 186px; padding: 11px 0 0 0; background: url(images/free-play-bubble2.jpg) 0 0 no-repeat;}
.bubble-title {position: relative; width: 144px; height: 49px; padding: 2px 2px 0 2px;}
.free-play-bubble1 p, .free-play-bubble2 p {font-family: Helvetica, Arial, Verdana, sans-serif; font-weight: 900; font-size: 11px;}
.free-play-bubble1 p span, .free-play-bubble2 p span {font-family: Helvetica, Arial, Verdana, sans-serif; font-weight: 900; font-size: 14px;}
.free-play-bubble1  img, .free-play-bubble2 img {padding: 0; margin: 0; font-size: 0;}
p.latest-winner {font-size: 14px; text-transform: uppercase; margin: 0;}

.tech-req {position: relative; width: 780px; height: 68px; margin: 0; padding: 5px 10px 5px 10px; background: url(images/tech-req.png) 0 0 no-repeat; text-align: left;}
.tech-req p span {color: #a25b26; font-size: 13px; font-weight: 900;}
.tech-req p {color: #a25b26; font-size: 11px; margin: 4px 0 0 0;}

/* prizes */
.prizes-bubble {position: absolute; left: 220px; top: 35px; display: block; width: 230px; height: 204px; padding: 12px 10px 0 38px; background: url(images/prizes-bubble.png) transparent 0 0 no-repeat;
text-align: left;}
.prizes-bubble p {font-family: Helvetica, Arial, Verdana, sans-serif; font-weight: 900; font-size: 11px;}
.prizes-bubble p span {display: block; font-family: Helvetica, Arial, Verdana, sans-serif; font-weight: 900; font-size: 14px; margin: 0 0 6px 0;}
.prizes-rules {position: absolute; right: 0; top: 35px; display: block; width: 265px; height: 200px; padding: 12px 10px 0 10px; background: url(images/prizes-rules.png) transparent 0 0 no-repeat;
text-align: left;}
.prizes-rules p {font-family: Helvetica, Arial, Verdana, sans-serif; font-weight: 900; font-size: 11px; color: #a57029;}
.prizes-rules p span {display: block; font-family: Helvetica, Arial, Verdana, sans-serif; font-weight: 900; font-size: 14px; margin: 0 0 6px 0; color: #a57029;}

.free-play-main2 {position: relative; float: left; width: 394px; height: 305px; margin: 0 10px 0 0; padding: 10px 0 0 0;}
.free-play-title2 {position: relative; width: 394px; height: 25px; margin: 3px 0 0 0;}
.free-play-bubble1b {position: relative; float: left; width: 192px; height: 239px; padding: 20px 0 0 0; background: url(images/free-play-bubble1b.jpg) 0 0 no-repeat; text-align: left;}
.free-play-bubble2b {position: relative; float: right; width: 192px; height: 239px; padding: 20px 0 0 0; background: url(images/free-play-bubble2b.jpg) 0 0 no-repeat; text-align: left;}
.bubble-title2 {position: relative; width: 188px; height: 49px; padding: 2px 2px 0 2px;}
.free-play-bubble1b p, .free-play-bubble2b p {font-family: Helvetica, Arial, Verdana, sans-serif; font-weight: 900; font-size: 11px; padding: 6px 0 0 10px;}
.free-play-bubble1b p span, .free-play-bubble2b p span {font-family: Helvetica, Arial, Verdana, sans-serif; font-weight: 900; font-size: 14px;}
.free-play-bubble1  img, .free-play-bubble2 img , .free-play-bubble1b  img, .free-play-bubble2b img {padding: 0; margin: 0; font-size: 0; vertical-align: bottom;}
p.latest-winner {font-size: 14px; text-transform: uppercase; margin: 0;}

/* winners */
.winners-vip-main {position: absolute; right: 0; top: 35px; width: 559px; height: 216px;}
.winners-vip-title {position: relative; width: 549px; height: 22px; padding: 5px 5px 0 5px; text-align: left; background: url(images/winners-vip-title.png) 0 0 no-repeat;}
p.winners-title {position: relative; float: left; text-transform: uppercase; font-weight: 900; font-size: 13px;}
.winners-title2 {position: relative; float: right; width: 341px; height: 100%;}
.winners-title2a {position: relative; float: left; width: 156px; color: #afaead; text-transform: capitalize; font-weight: 900; padding: 2px 0 0 0;}
.winners-title2b {position: relative; float: left; width: 142px; color: #afaead; text-transform: capitalize; font-weight: 900; padding: 2px 0 0 0;} 
.winners-title2c {position: relative; float: left; width: 40px; color: #afaead; text-transform: capitalize; font-weight: 900; padding: 2px 0 0 0; text-align: right;}
.winners-vip-left {position: relative; float: left; width: 194px; height: 179px;  padding: 5px; background: url(images/winners-vip-left.png) 0 0 no-repeat; text-align: left;}
.winners-vip-left p {color: #a4742e; margin: 5px 0 0 0; font-weight: 900;}
.winners-vip-right {position: relative; float: right; width: 355px; height: 189px; background: url(images/winners-vip-right.jpg) 0 0 no-repeat;}
/* pager */
.sliderwrapper{position: relative;width: 100%; height: 168px; padding: 0; overflow: hidden;}
.sliderwrapper .contentdiv{visibility: hidden; position: absolute; left: 0; top: 0; width: 345px; height: 160px; padding: 5px 5px 0 5px; margin: 0; 
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
.pagination{width: 345px; text-align: center; margin: 2px auto 0 auto;}
.pagination a{padding: 0; margin: 0 4px; text-decoration: none; color: #ce8b2a; font-weight: 900; font-size: 12px;}
.pagination a:hover, .pagination a.selected  {color: #916026; font-weight: 900; text-decoration: none; font-size: 12px;}
.pager-text {display: block; padding: 0 4px 0 5px; color: #fff; height: 78px; overflow: hidden;}
.index-pagerlink {position: absolute; right: 5px; bottom: 5px; color: #fff; font-size: 12px; font-weight: 800; text-decoration: underline;}

/* winners / sliders */
.winners-vip-line {position: relative; width: 345px; height: 15px; margin: 4px 0 0 0;}
p.winners-vip-line1 {position: relative; float: left; width: 115px; font-weight: 400; font-size: 12px; overflow: hidden; text-align: left;}
p.winners-vip-line2 {position: relative; float: left; width: 115px; font-weight: 400; font-size: 12px; overflow: hidden; text-align: center;}
p.winners-vip-line3 {position: relative; float: left; width: 115px; font-weight: 400; font-size: 12px; overflow: hidden; text-align: right;}

/*#myController {position: relative; width: 195px; height: 30px;}
#mySlides {position: relative; width: 355px; height: 160px; overflow: hidden;}
#mySlides div {}
.jFlowControl, .jFlowPrev, .jFlowNext {cursor: pointer; display: inline; color: #ce8b2a; font-weight: 900; font-size: 12px; margin: 0 3px 0 3px; padding: 2px;}
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover {color: #916026;}*/


.free-play-main3 {position: relative; float: left; width: 394px; height: 325px; margin: 0 10px 0 0; padding: 10px 0 0 0; text-align: center;}
.winners-line1 {position: relative; width: 192px; height: 18px; background: #1d1d1d;}
.winners-line1 span {width: 82px; margin: 0 0 0 10px; padding: 2px 0 0 0; font-weight: 900; color: #afaead;}
.winners-line2 {position: relative; width: 192px; height: 16px; background: transparent;}
.winners-line3 {position: relative; width: 192px; height: 16px; background: #2b2b2b;}
.winners-line2 span, .winners-line3 span {font-weight: 900; padding: 1px 2px 0 2px;}

#myController2 {position: relative; width: 192px; height: 20px; padding: 4px 0 0 0; text-align: center;}
#mySlides2 {position: relative; width: 192px; height: 112px; padding: 0; overflow: hidden;}
#mySlides2 div {}
.jFlowControl2, .jFlowPrev2, .jFlowNext2 {cursor: pointer; display: inline; color: #ce8b2a; font-weight: 900; font-size: 12px; margin: 0 2px 0 2px; padding: 2px;}
.jFlowControl2:hover, .jFlowPrev2:hover, .jFlowNext2:hover, .jFlowControl2.jFlowSelected2 {color: #916026;}

#myController3 {position: relative; width: 192px; height: 20px; padding: 4px 0 0 0; text-align: center;}
#mySlides3 {position: relative; width: 192px; height: 112px; padding: 0; overflow: hidden;}
#mySlides3 div {}
.jFlowControl3, .jFlowPrev3, .jFlowNext3 {cursor: pointer; display: inline; color: #ce8b2a; font-weight: 900; font-size: 12px; margin: 0 2px 0 2px; padding: 2px;} 
.jFlowControl3:hover, .jFlowPrev3:hover, .jFlowNext3:hover, .jFlowControl3.jFlowSelected3 {color: #916026;}

#myController4 {position: relative; width: 192px; height: 20px; padding: 4px 0 0 0; text-align: center;}
#mySlides4 {position: relative; width: 192px; height: 112px; padding: 0; overflow: hidden;}
#mySlides4 div {}
.jFlowControl4, .jFlowPrev4, .jFlowNext4 {cursor: pointer; display: inline; color: #ce8b2a; font-weight: 900; font-size: 12px; margin: 0 2px 0 2px; padding: 2px;} 
.jFlowControl4:hover, .jFlowPrev4:hover, .jFlowNext4:hover, .jFlowControl4.jFlowSelected4 {color: #916026;}

#myController5 {position: relative; width: 192px; height: 20px; padding: 4px 0 0 0; text-align: center;}
#mySlides5 {position: relative; width: 192px; height: 112px; padding: 0; overflow: hidden;}
#mySlides5 div {}
.jFlowControl5, .jFlowPrev5, .jFlowNext5 {cursor: pointer; display: inline; color: #ce8b2a; font-weight: 900; font-size: 12px; margin: 0 2px 0 2px; padding: 2px;} 
.jFlowControl5:hover, .jFlowPrev5:hover, .jFlowNext5:hover, .jFlowControl5.jFlowSelected5 {color: #916026;}


/* highscore */
#higscore-tab {position: relative; width: 100%; height: auto; padding: 0 0 20px 0; background: url(images/highscore-line-bottom.png) bottom left no-repeat; overflow: hidden;}
* html #higscore-tab {position: relative; width: 100%; height: auto; padding: 0 0 20px 0; background: url(images/highscore-line-bottom.jpg) bottom left no-repeat; overflow: hidden;}
.idTabs {position: relative; display: block; width: 780px; height: 26px; margin: 40px 0 0 0; padding: 0 0 0 20px; list-style: none;}
.idTabs li {display: inline; list-style: none; margin: 0; padding: 0;}
.idTabs a {float: left; display:block; width: 249px; height: 20px; padding: 6px 0 0 0; text-decoration:none!important; text-transform: uppercase; font-weight: 900; margin: 0 2px 0 2px; font-size:12px; 
color:#FFF; background: url(images/highscore-tab-bg.jpg) 0 -26px no-repeat; line-height: normal;}
.idTabs a:hover {
  color:#DFA13F;
  background-position: 0 0;
  }
.idTabs a.selected {
  margin-bottom:0;
  color:#fff;
  background-position: 0 0;
  cursor:default;
  }


.highscore-main {position: relative; width: 800px; height: auto; background: transparent; padding: 0; margin: 0;} /* the 520px width is just an example, set to 100%! or just dont use this class */
ul.highscore-line-name {position: relative; width: 100%; height: 20px; background: url(images/highscore-line-name.png) transparent 0 0 no-repeat; padding: 0; margin: 0; color: #fff; font-weight: 900;
text-align: center; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px solid #636262;}

ul.highscore-line {position: relative; width: 100%; height: 20px; background: #3c3d3d; padding: 0; margin: 0; color: #fff; text-align: center; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px solid #636262;}
ul.highscore-line1 {position: relative; width: 100%; height: 20px; background: #dfa13f; padding: 0; margin: 0; color: #fff; text-align: center; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px solid #636262;}
li.highscore1 {position: relative; float: left; display: inline; list-style: none; padding: 4px 0 0 0; margin: 0; height: 16px; width: 8%; overflow: hidden; background: transparent; letter-spacing: -1px;} /* ranking cell */
li.highscore2 {position: relative; float: left; display: inline; list-style: none; padding: 4px 0 0 0; margin: 0; height: 16px; width: 18.2%; overflow: hidden; border-left: 1px solid #636262; background: transparent;} /* rest of the cells */
.spacer5 {position: relative; height: 5px; background: transparent; margin: 0; padding: 0; font-size: 0;}

/* vip */
.vip-rules {position: absolute; right: 0; top: 35px; display: block; width: 259px; height: 146px; padding: 12px 10px 0 10px; background: url(images/vip-rules.jpg) transparent 0 0 no-repeat;
text-align: left;}
.vip-rules p {font-family: Helvetica, Arial, Verdana, sans-serif; font-weight: 900; font-size: 11px; color: #a57029;}
.vip-league {position: absolute; right: 0; bottom: 28px; width: 279px; height: 47px; padding: 0; background: url(images/vip-league-bg.jpg) transparent 0 0 no-repeat;}
.vip-league p {font-family: Helvetica, Arial, Verdana, sans-serif; font-weight: 900; font-size: 13px; color: #fdf0df; text-transform: uppercase; line-height: 22px;}
.vip-league p  span {color: #424141;}

.vipform-main {position: relative; float: left; width: 630px; height: 275px; background: url(images/vip-form-bg.jpg) transparent 0 0 no-repeat; margin: 15px 0 0 0;}
.vipform {position: relative; float: left; width: 180px; height:230px; padding: 40px 0 5px 20px; text-align: left;}
.vipform p, .vipform label {color: #887255;}
.vipform label {margin: 0 0 2px 0; display: block; font-weight: 900;}
.vipform form {margin: 40px 0 0 0;}
#email, #password {width: 180px; height: 18px; margin: 0 0 4px 0; border: 1px solid #978875;}
#email:focus, #password:focus {border: 1px solid #4D3F32;}
.sendbutton2 {float: right; margin: 15px 0 0 0;}
.vipform-right {position: relative; float: right; width: 160px; height: 275px;}
.vip-top10-players {position: relative; width: 160px; height: 199px; margin: 10px 0 0 0; padding: 25px 0 0 0; background: url(images/vip-top10-players.jpg) 0 0 no-repeat; margin: 15px 0 0 0;}
.vip-top10-players p {font-weight: 900;}
.vip-winner {position: relative; width: 161px; height: 41px; background: url(images/vip-latest-winner.jpg) 0 0 no-repeat; margin: 9px 0 0 0;}
.vip-winner p {font-size: 13px; font-weight: 900; text-transform: uppercase; color: #f2a335; line-height: 20px;}
.vip-winner p  span {text-transform: none; color: #fff; font-size: 11px;}

/* footer */
/* the function of the negative top-margin (which must be equal to the footer's height): to force the footer to the bottom of the page */
.footer {position: relative; width: 100%; height: 20px; background: #ec8d31; margin: -25px 0 0 0; padding: 5px 0 0 0; text-align: center;}
.footer-vip {background: #1d1006;}
.footer a, .footer p {color: #fff; font-weight: 900; font-size: 11px; display: inline; margin: 0 5px 0 5px; text-decoration: none;}
.footer a:hover {text-decoration: underline;}


/* must be at the end */
#last {margin: 0; padding: 0;}
.margin0 {margin: 0;}
.floatleft {float: left;}
.floatright {float: right;}
.alignright {text-align: right;}