﻿ /* -- reset -- */
*{padding: 0; margin: 0;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;vertical-align:baseline}
:focus{outline:0}
body{line-height:1;color:#000;background:#fff;}
ol,ul{list-style:none}
table{border-collapse:separate;border-spacing:0}
caption,th,td{text-align:left;font-weight:normal}
blockquote:before,blockquote:after,q:before,q:after{content:""}
blockquote,q{quotes:"" ""}
    
/* 972px www.1kbgrid.com */
.canvas {margin:0 auto;position:relative;zoom: 1;  /* For IE6 */}
.example-grid {margin:0 auto;position:relative;width:972px;}
.grid_1 {width: 65px;}
.grid_2 {width: 146px;}
.grid_3 {width: 227px;}
.grid_4 {width: 308px;}
.grid_5 {width: 389px;}
.grid_6 {width: 470px;}
.grid_7 {width: 551px;}
.grid_8 {width: 632px;}
.grid_9 {width: 713px;}
.grid_10 {width: 794px;}
.grid_11 {width: 875px;}
.grid_12 {width: 956px;}
.column {margin: 0 8px;overflow: hidden;float:left;display: inline;}
.row {width: 972px;margin: 0 auto;overflow:hidden;}
.row .row {margin: 0 -8px;width: auto;display:inline-block;}    
 
body {font-size:87.5%;font-family:Arial, Helvetica, sans-serif;color:#fff;margin:0;padding:0; background:url(/cmc/ten/images/tenmillbg.jpg) no-repeat fixed center bottom;text-align:center;}

/*******/
#tagLine {height:40px;width:100%;padding:16px 0 0 0;background: #c00;margin:10px auto;behavior: url(/cmc/ten/js/PIE.htc);border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;}
#jackpotContainer {background:url(/cmc/ten/images/10Million_bg.jpg) 0 0 no-repeat;width:956px;height:507px;margin-left:5px;}
#jackpotText { position:absolute;top:0;left:50%;width:956px !important;height:507px;margin:200px 0 0 -473px !important;padding:0;font-size:100%;}
#jackpotAmount {position:absolute;top:0;left:50%;margin:393px 0 0 -433px;padding:0;width:330px;height:52px;font-size:325%;font-weight:bold;text-align:center;background:transparent;cursor:help;}
#jackpotExpired {position:absolute;top:0;left:50%;margin:235px 0 0 -455px;padding:0;width:380px;height:340px;font-size:117%;font-weight:bold;text-align:center;background:url(/cmc/ten/images/10-mil-mask.jpg);}
#meterOverlay {position:absolute;top:0;left:50%;background:transparent;font-size:108%;border:0;height:14px;width:103px;padding:4px;margin:467px 0 0 318px;font-weight:bold;color:#000;text-align:center;}
.meter-wrap {position:absolute;top:0;left:50%;background:transparent;margin:344px 0 0 248px;width:20px;}
.meter-value{background:#e41b13;float:left;margin:0;padding:0;width:20px; }
.jackpotCountdown {position:absolute;top:0;left:50%;margin:510px 0 0 -455px;width:380px;height:28px;font-weight:bold;font-size:100%;background:transparent;}
#optinContainer {width:956px;height:387px;margin-left:5px;}
#optinForm{background:transparent;width:505px;height:290px;position:absolute;left:50%;top:0;margin:262px 0 0 -45px;}
#optinTickets {width:956px;height:505px;margin-left:5px;}
#terms {background:#006;display:none;}
#ticketsActive{position:absolute;top:0;left:50%;margin:220px 0 0 -400px;width:800px;height:68px;font-weight:bold;font-size:225%;text-align:center;color:#fc0;}
#numberTickets{position:absolute;top:0;left:50%;margin:288px 0 0 -400px;width:800px;height:68px;font-weight:normal;font-size:200%;text-align:center;}
#termsButton {position:absolute;top:0;left:50%;margin:505px 0 0 -435px;cursor:pointer;width:320px;height:52px;font-weight:bold !important;font-size:133%;color:#111;background:#FFED00;border:1px solid #600;behavior: url(/cmc/ten/js/PIE.htc);border-radius:8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;}
#termsButton:hover {cursor:pointer;background: #66EE33;}
#arrowText{position:absolute;top:0;left:50%;margin:307px 0 0 -470px;width:320px;height:88px;padding:0;font-weight:normal;font-size:115%;line-height:115%;vertical-align:bottom;text-align:center;color:#fff;}
#titleText{position:absolute;top:0;left:50%;margin:210px 0 0 -40px;width:500px;height:38px;font-weight:bold;font-size:125%;text-align:center;color:#fc0;}
#promoVideoLayer{position:absolute;top:0;left:50%;margin:466px 0 0 -280px;width:390px;height:312px;background:transparent;}
#nextDrawTitle{color:#9bf;width:220px;height:38px;top:0;left:50%;margin:205px 0 0 245px;position:absolute;font-size:112%;font-weight:bold;text-align:left;}
#nextDrawBox{border:1px solid #333;background:#2E476B;color:#fff;width:220px;height:17px;top:0;left:50%;margin:223px 0 0 240px;position:absolute;font-size:112%;font-weight:bold;padding:4px;behavior: url(/cmc/ten/js/PIE.htc);border-radius:5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.helpMessage{width:472px;padding:0 16px;text-align:left;font-size:96%;line-height:115%;}
#miniTerms{position:absolute;top:0;left:50%;margin:485px 0 0 -473px;width:936px;padding:10px;}
#miniTerms ul li {display:inline;list-style-type:none;font-size:88%;}
#contactNumbers{width:930px;margin:35px auto;font-size:82%;text-align:center;}
#playerShare{font-weight:bold;}

.jackpothit{background:url(/cmc/ten/images/10Million_hit.gif) 0 0 no-repeat;width:233px;height:110px;position:absolute;top:0;left:50%;margin:203px 0 0 158px;display:none;}
/*******/
.jackpotFooter {position:absolute;top:0;left:50%;margin:550px 0 0 -460px;width:380px;background:transparent;}
.jackpotPayout {float:left;margin:10px auto;width:380px;height:20px;line-height:137.5%;font-weight:bold;font-size:93.75%;}
.jackpotPayout a, .jackpotPayout a:visited {color:#c93;}
.jf1{float:left;width:160px;margin:10px auto 0 33px;cursor:help;}
.jf2{float:left;width:160px;margin:10px auto 0;cursor:help;}
#optinButton {position:absolute;top:0;left:50%;margin:610px 0 0 -400px;cursor:pointer;width:800px;height:62px;font-weight:bold !important;font-size:133%;color:#111;background: #FFED00;border:1px solid #600;}
#optinButton:hover {cursor:pointer;background: #66EE33;}
#optinButton {background: -webkit-gradient(linear, 0 0, 0 bottom, from(#66EE33), to(#eeff99));background: -moz-linear-gradient(#66EE33, #eeff99);background: linear-gradient(#66EE33, #eeff99);-pie-background: linear-gradient(#66EE33, #eeff99);behavior: url(/cmc/ten/js/PIE.htc);border-radius:8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;}
#optinButton:hover {background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFED00), to(#fff6f6));background: -moz-linear-gradient(#FFED00, #fff6f6);background: linear-gradient(#FFED00, #fff6f6);-pie-background: linear-gradient(#FFED00, #fff6f6);behavior: url(/cmc/ten/js/PIE.htc);}
#myTickets {background:#094a65;height:24px;width:50px;color:#fff;border-radius:6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;font-size:137.5%;text-align:center;padding:8px 0 0;}
#myWinnings {background:#094a65;height:24px;width:150px;color:#fff;border-radius:6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;font-size:137.5%;text-align:center;padding:8px 0 0}
#magic {background:#2E476B;border-radius:4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;padding:4px;behavior: url(/cmc/ten/js/PIE.htc);width:152px;height:15px;}
#meter {float:left;margin:45px 0 0;padding:0;background:url(/cmc/ten/images/thermo.gif) 0 0 no-repeat;width:133px;height:400px;border-radius:8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;behavior: url(/cmc/ten/js/PIE.htc);}
#meterBurst {float:left;margin:45px 0 0;padding:0;background:url(/cmc/ten/images/burst.gif) 0 0 no-repeat;width:133px;height:400px;border-radius:8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;behavior: url(/cmc/ten/js/PIE.htc);}

/* alignment classes & additional classes*/
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center;}
.no-border { border: none; }

/* clearing */
.clearer { clear: both; }
.clear { display:inline-block; }
.clear:after { display:block; visibility:hidden; clear:both; height:0; content: "."; }    
    
.pie{border:0;padding:7px 0;height:18px;text-align: center; width: 120px;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;color:#fff;background: #094a65;margin:10px auto 0;behavior: url(/cmc/ten/js/PIE.htc);line-height:137.5%;}
.pie3{border:0;padding:20px;text-align: left; width:880px;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;color:#fff;background: #111;border:1px solid #fc0;margin:10px auto 0;behavior: url(/cmc/ten/js/PIE.htc);line-height:137.5%;-webkit-box-shadow: #666 0px 5px 11px;-moz-box-shadow: #666 0px 5px 11px;box-shadow: #666 0px 5px 11px;}
p {margin:1em 0;}
h3 {color:#fc3;font-size:125%;}
h2 {color:#c00;font-size:175%;line-height:125%;}
.form h2 {font-weight:normal;color:#fff;font-size:133%;margin:12px 0 0;}
.form .button {position:relative;background:#6af;border:1px solid #fc0;font-size:94%;font-weight:bold;color:#fff;padding:3px;width:110px;height:25px;behavior: url(/cmc/ten/js/PIE.htc);border-radius:3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;cursor:pointer;}
/* tooltip styling */
.tooltip, .tooltipCount, .tooltipOver, .tooltipAmount,.tooltipOptin {
	display:none;
	background:transparent url(/cmc/ten/images/black_arrow.png);
	font-size:12px !important;
	line-height:15px !important;
	font-weight:bold;
	height:85px;
	width:170px;
	padding:15px 20px 20px 20px;
	color:#fff;	
	text-align:left;
	/*left:50% !important;
	top:0  !important;
	position:absolute !important;*/
}
.tooltipAmount { position:absolute;top:0;left:50%;margin:150px 0 0 -460px;}
.tooltipOver { position:absolute;top:0;left:50%;margin:145px 0 0 165px;}
.tooltipLarge {
	display:none;
	background:url(/cmc/ten/images/black_arrow_big.png);
	height:173px;
	width:310px;
	font-size:12px !important;
	line-height:15px !important;
	font-weight:bold;
	color:#fff;
	padding:30px 30px 10px 30px;
    text-align:left;
}

#logo { width:950px; height:200px; margin:0 auto;padding:0;background:#00010d;}  



#helpus {float:left;margin:0;padding:0;width:380px;height:400px;overflow:hidden;background:#222;} 
   
    table.payout {width:340px;border-spacing:0;border-collapse:collapse;font-size:93.75%;}
    table.payout td {text-align:center;padding:5px;border:1px solid #ccc;color:#000;background:#fff;}
    table.payout td.col2 {width:340px;}
    table.winner {width:520px;border-spacing:0;border-collapse:collapse;font-size:93.75%;}
    table.winner td {width:260px;text-align:center;padding:5px;border:1px solid #ccc;color:#000;background:#fff;}
    table.winner td.col2 {width:520px;}
    table.payout td.zebra, table.winner td.zebra {background:#eee;}
    table.payout td.thead, table.winner td.thead {background:#555;color:#fff;}
.boxed {width:800px;margin:5px auto;padding:5px;} 
.bordered {border:1px solid #ccc;background:#eee;font-size:87.5%;}   


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#444;}
#colorbox{}
    #cboxTopLeft{width:14px; height:43px; background:url(http://skin.casinorewards.com/webCDN/img/Lobby/colorbox/controls.png) no-repeat 0 0;}
    #cboxTopCenter{height:43px; background:url(http://skin.casinorewards.com/webCDN/img/Lobby/colorbox/border.png) repeat-x top left;}
    #cboxTopRight{width:14px; height:43px; background:url(http://skin.casinorewards.com/webCDN/img/Lobby/colorbox/controls.png) no-repeat -36px 0;}
    #cboxBottomLeft{width:14px; height:14px; background:url(http://skin.casinorewards.com/webCDN/img/Lobby/colorbox/controls.png) no-repeat 0 -61px;}
    #cboxBottomCenter{height:14px; background:url(http://skin.casinorewards.com/webCDN/img/Lobby/colorbox/border.png) repeat-x bottom left;}
    #cboxBottomRight{width:14px; height:14px; background:url(http://skin.casinorewards.com/webCDN/img/Lobby/colorbox/controls.png) no-repeat -36px -61px;}
    #cboxMiddleLeft{width:14px; background:url(http://skin.casinorewards.com/webCDN/img/Lobby/colorbox/controls.png) repeat-y -175px 0;}
    #cboxMiddleRight{width:14px; background:url(http://skin.casinorewards.com/webCDN/img/Lobby/colorbox/controls.png) repeat-y -211px 0;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(http://skin.casinorewards.com/webCDN/img/Lobby/colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(http://skin.casinorewards.com/webCDN/img/Lobby/colorbox/loading.gif) no-repeat center center;}
        #cboxTitle{position:absolute; top:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
        
        #cboxClose, #cboxPrevious, #cboxNext, #cboxSlideshow{position:absolute; top:-29px; background:url(http://skin.casinorewards.com/webCDN/img/Lobby/colorbox/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
      
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious.hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext.hover{background-position:-75px 0px;}
        
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose.hover{background-position:-100px 0px;}
        /*#cboxClose{display:none !important;}*/
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
