﻿@charset "utf-8";
@import url("buttons.css");
* { margin:0; padding:0; color:#333; font-family:Verdana, Geneva, sans-serif; font-size:11px; line-height:1em; }
a img,
img,
fieldset { border:0; vertical-align:middle; }
*:focus { outline: 0; }
body { background:url(images/bg.jpg) center top; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
ul,
ol { list-style:none; }
.fLeft { float:left; display:inline;}
.fRight { float:right; display:inline;}
.b { font-weight:bold; }
.c0 { color:#000!important; }
.c1 { color:#fff!important; }
.c2 { color:#ccc!important; }
.c3 { color:#333!important; }
.c4, .errorMsg {color:#990000!important; display:inline;}
.s07 { font-size:7px!important; }
.s08 { font-size:8px!important; }
.s09 { font-size:9px!important; }
.s10 { font-size:10px!important; }
.s11 { font-size:11px!important; }
.s12 { font-size:12px!important; }
.s13 { font-size:13px!important; }
.s14 { font-size:14px!important; }
.s15 { font-size:15px!important; }
.s16 { font-size:16px!important; }
.s17 { font-size:17px!important; }
.s18 { font-size:18px!important; }
.s19 { font-size:19px!important; }
.s20 { font-size:20px!important; }
.s21 { font-size:21px!important; }
.s22 { font-size:22px!important; }
.s23 { font-size:23px!important; }
.s24 { font-size:24px!important; }
.s25 { font-size:25px!important; }
.s26 { font-size:26px!important; }
.s27 { font-size:27px!important; }
.s28 { font-size:28px!important; }
.s29 { font-size:29px!important; }
.s30 { font-size:30px!important; }
.standAloneHeader { width:760px; margin:0 auto 12px; background:url(images/headerGlow.png) right 26px no-repeat; _background:url(images/headerGlow.jpg) right 26px no-repeat; }
.header { width:990px; margin:0 auto 12px; background:url(images/headerGlow.png) right 26px no-repeat; _background:url(images/headerGlow.jpg) right 26px no-repeat; }
.header .topRow { float:right; display:inline; color:#afafaf; padding:3px; }
.header .topRow span { color:#afafaf; font-size:10px; }
.header .topRow select { margin:0 0 0 12px; border:1px solid #84a6b5; color:#252f34; padding:1px; width:120px; }
.header .midRow { color:#ccc; float:right; display:inline; clear:right; padding:25px 25px 0 0; }
.header .mainNav { background:url(images/navBarBg.png) no-repeat; height:28px; padding:0 15px; }
.header .mainNav li { float:left; display:inline; height:28px; margin:0; width:120px; }
.header .mainNav li a { color:#000; font-size:12px; display:block; height:20px; padding:7px 0 1px; text-align:center; background:url(images/navVline.gif) left center no-repeat; }
.header .mainNav li a:hover, .header .mainNav li a.mobile { color:#990000; text-decoration:none;}
.header .mainNav li a.mobile:hover { color:#ffffff; text-decoration: none;}
.header .mainNav li.on {}
/*.header .mainNav li a:hover,*/
.header .mainNav li.on a,
.header .mainNav li.on a:hover { text-decoration:none; background:url(images/navBarH.png) left bottom no-repeat;color:#990000;}

.ftrLogos { text-align:center; padding:22px 0; height:31px; }
.ftrLogos ul { width:750px; margin:0 auto;}
.ftrLogos li { margin:0 11px; float:left; display:inline;}
.ftrLogos a { display:block; height:31px; background:url(images/ftrLogos.png) left top no-repeat;}
.ftrLogos #ftrLogos01 { background-position:0 0; width:43px;}
.ftrLogos #ftrLogos01:hover {background-position:0 -31px;}
.ftrLogos #ftrLogos02 { background-position:-65px 0; width:82px;}
.ftrLogos #ftrLogos02:hover {background-position:-65px -31px;}
.ftrLogos #ftrLogos03 {background-position:-173px 0; width:41px;}
.ftrLogos #ftrLogos03:hover {background-position:-173px -31px;}
.ftrLogos #ftrLogos04 {background-position:-254px 0; width:105px;}
.ftrLogos #ftrLogos04:hover {background-position:-254px -31px;}
.ftrLogos #ftrLogos05 {background-position:-380px 0; width:67px;}
.ftrLogos #ftrLogos05:hover {background-position:-380px -31px;}
.ftrLogos #ftrLogos06 {background-position:-477px 0; width:26px;}
.ftrLogos #ftrLogos06:hover {background-position:-477px -31px;}
.ftrLogos #ftrLogos07 {background-position:-534px 0; width:99px;}
.ftrLogos #ftrLogos07:hover {background-position:-534px -31px;}
.ftrLogos #ftrLogos08 {}

.footer { clear:both; width:990px; height:137px; margin:auto; background:url(images/ftrBg.jpg) center top no-repeat;  }
.footer .browsers { padding:15px 0 0 0px; float:left; display:inline; width:246px; text-align:center; }
.footer .browsers h4 { color:#ccc; }
.footer .browsers img { padding-top: 40px;}
.footer ul { float:left; display:inline; width:160px; padding: 10px 30px 0;}
.footer ul li { zoom:1; padding:3px 0px; }
.footer ul li a { color:#ccc; background:url(images/arrowRedDark.gif) left 5px no-repeat; padding:0px 11px; }
.footer ul li a:hover { color:#fff; text-decoration:none; background:url(images/arrowRed.gif) left 5px no-repeat !important;}
.footer ul .b { background:none; padding:3px 0; color:#ccc; }
.wrapper { clear:both; width:990px; margin:0 auto; padding:0 0 12px; background:url(images/rouletteBg.jpg) left bottom no-repeat; zoom:1; min-height:0; }
.wrapper:after,
.generalInner:after,
.lobby:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.side { float:left; width:220px; }
.side .banner { background:url(images/sideBannerBg.png) center top no-repeat; min-height:266px; _height:266px; text-align:center; }
.side .banner h4 { color:#ccc; padding:10px 0 10px 17px; text-align:left; }
.sideNav { padding:23px; }
.sideNav dt { color:#fff; background:url(images/sideNavSpacer.gif) center bottom no-repeat; font-weight:bold; text-shadow:#000 2px 2px 10px; padding:8px 0 10px 0px;  }
.sideNav dd { color:#fff; background:url(images/sideNavSpacer.gif) center bottom no-repeat; padding:0 0 2px; }
.sideNav dd a { text-shadow:#000 2px 2px 10px; color:#ccc; background:url(images/arrowRedDark.gif) left 11px no-repeat; padding:8px 0 10px 11px; display: block; }
.sideNav dd a:hover { color:#fff;text-decoration:none; background:url(images/sideNavOn.png) left -2px !important; _background:url(images/sideNavOn-IE.png) left -2px !important;  }
.sideNav dd.on a { font-weight:bold; color:#fff; text-shadow:#000 2px 2px 10px; background:url(images/sideNavOn.png) left -2px; _background:url(images/sideNavOn-IE.png) left -2px; }
 .sideNav dd.bold a { font-weight:bold; }
.wrapper .main { width:760px; float:right; }
.lobby { background:url(images/lobbySpacer.gif) center top repeat-y;zoom:1; }
h1 { color:#ccc; font-size:12px; padding:9px 16px; text-transform:uppercase; }
h1 a { color:#ccc; font-size:12px; }
h1 td { color:#ccc; font-size:10px; }
h2 { color:#ccc; }
.lobbyItem { float:left; display:inline; background:url(images/lobbyBoxBg.png) /*-12px -7px*/ no-repeat; height:232px;
margin:0 1px;
padding:21px 24px 0;
text-align:center;
width:328px; _background:url(images/lobbyBoxBg-IE.png) /*-12px -7px*/ no-repeat; }
.lobbyItem h2 { text-align:left; padding:0 4px 14px; }
.itemDetails { float:right; display:inline; text-align:left; color:#fff; line-height:19px; padding:5px 0 0 12px; overflow:hidden;white-space: nowrap; }
.lobbyItem .itemDetails { width:150px; height:138px; background:url(images/gameDataBg.png) no-repeat;}
.tblHeader .itemDetails { width:537px; height:138px;}
.hpFlashFrame { height:156px; background:url(images/hpflashFrame.png) top no-repeat; }
.hpFlashFrame .hpItem { float:left; text-align:center; width:195px; }
.hpFlashFrame .bigger { width:202px!important;}
.hpFlashFrame .hpItem h2 { padding:8px 0; }


.general h1 { background:url(images/generalH1.gif) left top no-repeat; text-transform:none; padding:10px 16px 14px; }
.general .generalInner { border:2px solid #5b5b5b; border-top:0; background:#333; padding:0 0 5px 0; }
.main .whiteBox-top { background:url(images/whiteBox.png) center -39px no-repeat; font-size:0.001em; height:8px; }
.main .whiteBox { background:url(images/whiteBox.png) center bottom no-repeat; width:728px; margin:auto; padding:1px 9px 9px; clear:both; }
.main .whiteBox-h2 { background:url(images/whiteBox.png) top no-repeat; height:29px; overflow:hidden; padding:10px 16px 0px; }
.tblHeader { background:url(images/tblHeader.png); height:149px; padding:6px 6px 0; }
.main .gamesTbl { width:100%; border-collapse:collapse; }
.gamesTbl th { height:29px; padding:0 10px; text-align:left; background:url(images/tblBg.png) center top no-repeat; border-left:1px solid #fff; }
.gamesTbl th.l { background:url(images/tblBg.png) left top no-repeat; border-left:0; }
.gamesTbl th.r { background:url(images/tblBg.png) right top no-repeat; border-right:0; }

.gamesTbl td { border-left:1px solid #fff; padding: 7px 10px 8px; }
.gamesTbl td.l { background:url(images/tblBg.png) left -30px no-repeat; border-left:0; }
.gamesTbl td.r { background:url(images/tblBg.png) right -30px no-repeat; border-right:0; }

.gamesTbl tr.last td {background:url(images/tblBg.png) center bottom no-repeat;}
.gamesTbl tr.last td {background:url(images/tblBg.png) center bottom no-repeat;}
.gamesTbl tr.last td.l { background:url(images/tblBg.png) left bottom no-repeat; border-left:0; }
.gamesTbl tr.last td.l { background:url(images/tblBg.png) left bottom no-repeat; border-left:0; }
.gamesTbl tr.last td.r { background:url(images/tblBg.png) right bottom no-repeat; border-right:0; }
.gamesTbl tr.last td.r { background:url(images/tblBg.png) right bottom no-repeat; border-right:0; }

.gamesTbl tr.odd td { background-color:#ebebeb; }

.gamesTbl tr.cont:hover td.l { background-position:left -130px; }
.gamesTbl tr.last:hover td.l {background:url(images/tblBg.png) left -303px no-repeat #cdcdcd !important;}
.gamesTbl tr.last.hover td.r,
.gamesTbl tr.last:hover td.r { background-color:#cdcdcd;}
.gamesTbl tr.last:hover td { background-color:#cdcdcd; color:#000; }
.gamesTbl tr.cont:hover td { background-color:#cdcdcd; color:#000; }
.gamesTbl tr.last:hover td { background-color:#cdcdcd; color:#000; }

.tblHeaderText {zoom:1; border-bottom:1px dashed #ccc; padding:0 0 10px;}
.tblHeaderText:after,
.aboutHeader:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.tblHeaderText .itemDetailsText { padding:2px 12px 0 0; float:right; line-height:20px; color:#000; width:535px; }
.tblHeaderText .itemDetailsText h2,
.aboutHeader .aboutHeaderText h2 { font-size:14px; color:#ff0000; border-bottom:1px dashed #ccc; padding:0 0 8px; margin-bottom:8px; }
.aboutHeader {zoom:1;}
.aboutHeader .aboutHeaderText { padding:2px 12px 0 0; float:right; line-height:16px; color:#000; width:580px;}
.aboutList li {text-decoration:none; line-height:18px; margin:5px 0; padding:0 25px; background:url(images/arrowRedDark.gif) 10px no-repeat;}
.hrDashed {border-bottom:1px dashed #ccc; font-size:0.0001em; margin:10px 0;}
.about p { line-height:20px; margin:10px 0; padding:0 10px; }
p.aboutIndent {margin:0 0 0 30px;}
.contact p { clear:both; margin:9px;}
.contact p label { float:left; width:80px; padding:4px 12px 0 0; text-align:right; color:#000; }
.contact p input { border:1px solid #999; padding:2px 1px 3px; width:176px; }
.contact p select { border:1px solid #999; padding:1px; width:180px; font-size:12px;}
.contact p textarea { border:1px solid #999; padding:2px; width:346px; height:156px; overflow:auto; font-size:12px;}
.join { border-top:1px solid #e5e5e5; }
.join.dark { background:#f9f9f9; }
.join p { clear:both; margin:9px; }
.join p label { color:#000; font-size:12px; float:left; display:inline; padding:4px 0 0 65px; width:190px; }
.join p input { border:1px solid #999; padding:2px 1px 3px; width:226px; }
.join p select { border:1px solid #999; padding:1px; width:230px; font-size:12px; }
.paging { color:#F00; font-size:10px; font-weight:normal; text-align:right; padding:4px 14px; }
h1 .paging { padding:0; }
.paging a { color:#ccc; font-size:10px; padding:2px; }
.lobbyTbl { border-collapse:collapse; width:100%; border-top:1px solid #5b5b5b; margin-top:-5px; }
.lobbyTbl th { background:url(images/diagonals.gif); color:#ccc; text-align:left; font-weight:normal; padding:4px 8px 6px; border-left:1px solid #5b5b5b; border-bottom:1px solid #5b5b5b; }
.lobbyTbl th.l { border-left:0; }
.lobbyTbl td { background:url(images/lobbyTblTd.gif) top center no-repeat; height:70px; padding:5px 8px; border-left:1px solid #333; border-bottom:2px solid #333; border-top:2px solid #333; }
.lobbyTbl td.l { background-position: left top; }
.lobbyTbl td.r { background-position: right top; }
.login p { clear:both; margin:9px;}
.login p label { float:left; width:110px; padding:4px 12px 0 0; text-align:right; color:#000; }
.login p input { border:1px solid #999; padding:2px 1px 3px; width:176px; }
.login p select { border:1px solid #999; padding:1px; width:180px; font-size:12px;}
.login p textarea { border:1px solid #999; padding:2px; width:346px; height:156px; overflow:auto; font-size:12px;}
.CommonLobbyImage {
    height: 143px;
    min-width: 100px;
}

.msgHidden {display:none;}
.msgShow {display:inline;}
.msgShowOK {display:inline; color:Black;}
.loginLinkMarginToText {color:Blue;margin-left:123px;}
.loginButtonMarginToText {margin-left:130px;}
.msgBackToLogin {color:Blue;}

.merchantStatusMessage { margin-left: 30px;font-size: 14px; }
.merchantTechnicalMessage, .merchantDescriptor { margin-left: 70px;font-size: 13px; }
.breadcrumb span { color: white;}
.loginMessage {
    color: white;
    font-size: large;
    text-align: center;
    padding-bottom: 20px;
}
.multiGamePreview{
    width: 756px;
    height: 450px;
}
.button {
    top: 29.5%;
    left: 42.5%;
}