﻿
/* Globals */
body{ margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:small; background:url(../App_Images/homebg_repeat.png) repeat-x 0 0;min-width:900px;}
h1{margin:0; padding:0;}
h2, h3 {font-family:"Trebuchet MS", Arial, sans-serif;}
.siteCase{background:url(../App_Images/homebg.png) no-repeat -167px 0;}
.site{width:863px;position:relative;}
ol.alpha {list-style-type:lower-alpha;}
ol.roman {list-style-type:upper-roman;}
.printOnly {display:block; position:absolute; top:32px; left:9px; color:#FFF; font-size:80%;}
.winningNumber .printOnly, .intGameBox .printOnly, .hbBall .printOnly {color:#333;}

/* Header */

.header{height:207px;padding:0 21px;margin:0;position:relative;}
.header .homeLogo{position:absolute;top:36px;left:35px;}
.header .socialLinks{width:143px;height:43px;position:absolute;top:106px;left:693px;}
.header .socialLinks a{float:left;display:block;width:42px;height:43px;margin-right:7px;}
.header .socialLinks a.last{margin-right:0;}
.header .retailers{background:url(../App_Images/retailersBG.jpg) no-repeat 0 0;padding:3px 0;text-align:center;color:#FFF;width:232px;position:absolute;top:0;left:603px;}
.header .retailers a{color:#FFF;}

.printStyleHeader { display:none; } /*I AM ONLY SHOWN ON THE PRINT VERSION */

.homeContent{background:url(../App_Images/honeContentBG.png) repeat-y 0 0;padding:0 21px;position:relative;}
a img{border:none;}
.homeSection{overflow:hidden;padding:7px 7px;}
.homeGradiantL{background:url(../App_Images/honeContentBGL.png) no-repeat 0 0;width:21px;height:415px;position:absolute;top:0;left:0;}
.homeGradiantR{background:url(../App_Images/honeContentBGR.png) no-repeat 0 0;width:21px;height:415px;position:absolute;top:0;left:842px;}

/* Footer */
.homeFooter{background:url(../App_Images/homeFooterBG.jpg) no-repeat 0 0;height:87px;padding:0 7px;color:#FFF;font-size:80%;text-align:center;line-height:135%;}
.homeFooter img{float:left;}
.homeFooter div{padding-top:13px;}
.homeFooter a{color:#FFF;}
.footer{padding-top:5px;background:url(../App_Images/homeCopyrightBG.jpg) no-repeat 0 0 #FFFFFF;width:100%;margin:0;font-size:80%;text-align:center;}
.footer p { margin:10px 0; }

/* HOME */
.promoHeader {position:relative; background-image:url(../App_Images/homePromo_bg.jpg); width:780px; height:149px; padding:7px 10px 13px 10px; margin:5px 0 5px 50px;}
.promoHeader h3 {color:#a00; border-bottom:2px solid #333; margin:0; padding:0; font-size:160%;}
.promoContent {width:470px;}
.promoContent p {margin:0; padding:2px 0; line-height:1.4em;} 
.blackButton {background-image:url(../App_Images/black_button.jpg); width:137px; height:23px; display:block; float:left; font-family:"Trebuchet MS", Arial, sans-serif; color:#fff; text-decoration:none; font-weight:bold; padding:8px 13px; margin-top:3px;}
.redButton {background-image:url(../App_Images/red_button.jpg); width:137px; height:23px; display:block; float:left; font-family:"Trebuchet MS", Arial, sans-serif; color:#fff; text-decoration:none; font-weight:bold; padding:8px 13px; margin-top:3px;}
.promoGraphic {position:absolute; top:7px; right:5px; width:315px; text-align:right;}

.homeCenter {background-color:#eee; border-bottom:1px solid #c7c7c7; border-top:1px solid #c7c7c7; padding:10px 0 10px 48px;}
.gameBox {float:left; width:266px; height:264px; margin-right:2px; padding-top:10px; text-align:center;position:relative;}
.interiorHeader .gameBox {margin-top:10px;}
.gameBox .logo {display:block;}
.gameBox .logo img {border:none;}
.gameBox strong {display:block;}
.gameBox strong.jackpot {display:block; font-size:220%; font-family:'Trebuchet MS', Arial, Sans-Serif; margin:10px 0 40px;}
.gameBox strong.jackpot span { font-size:55%; margin:10px 0;font-weight:normal;}
.gameBox .drawing {display:block; font-weight:bold; margin:2px 0 5px 0;font-size:110%; padding-top:10px;}
.gameBox #ctl00_cphBody_GameBox1_lnkGameInfo, 
.gameBox #ctl00_cphBody_GameBox2_lnkGameInfo,
.gameBox #ctl00_cphBody_GameBox3_lnkGameInfo {font-size:80%;position:absolute; left:80px;bottom:15px;}
.gameBox .drawingDates {display:block;}
.gameBox .noNumbersText {padding-top:0; color:#fff; font-weight:bold;}
.balls {height:36px; display:block; margin:0 auto;}
.winningNumber .amountWon {padding-top:15px; margin:0;}
.ball {display:block; position:relative; float:left; width:26px; height:20px; padding:8px 6px 8px 4px; text-align:center; color:#000; font-size:90%; font-weight:bold;}
.ballNumber {background-image:url(../App_Images/white_ball.png);}
.redBallNumber {background-image:url(../App_Images/red_ball.png); color:#fff;}
.greenBallNumber {background-image:url(../App_Images/green_ball.png);}
.yellowBallNumber {background-image:url(../App_Images/yellow_ball.png);}
.powerballBox {background-image:url(../App_Images/gamebox_red2.png);}
.powerballBox .jackpot, .powerballBox .drawingDates {color:#ffce71;}
.powerballBox .drawing, .powerballBox a {color:#fff;}
.powerballBox .balls {padding-left:8px;}
.sizzlerBox {background-image:url(../App_Images/gamebox_grey.jpg);}
.sizzlerBox .jackpot, .sizzlerBox .drawingDates {color:#2467d5;}
.sizzlerBox .drawing, .sizzlerBox a {color:#333;}
.sizzlerBox .balls {padding-left:28px;}
.megamillionsBox {background-image:url(../App_Images/gamebox_stars.jpg);}
.megamillionsBox .jackpot, .megamillionsBox .drawingDates {color:#ffce71;}
.megamillionsBox .drawing, .megamillionsBox a {color:#FFF;}
.megamillionsBox .balls {padding-left:8px;}
.megabucksBox {background-image:url(../App_Images/gamebox_black.jpg);}
.megabucksBox .jackpot, .megabucksBox .drawingDates {color:#ffce71;}
.megabucksBox .drawing, .megabucksBox a {color:#fff;}
.megabucksBox .balls {padding-left:8px;}
.megabucksPlusBox {background-image:url(../App_Images/gamebox_blackray.jpg);}
.megabucksPlusBox .jackpot, .megabucksPlusBox .drawingDates {color:#ffce71;}
.megabucksPlusBox .drawing, .megabucksPlusBox a {color:#fff;}
.megabucksPlusBox .balls {padding-left:28px;}

.intGameBox {background-image:url(../App_Images/int_game_header.jpg); width:426px; height:131px; margin:10px 0 10px -8px; position:relative;}
.intGameBox .logo {position:absolute; top:5px; left:10px;}
.intGameBox .logo img {border:none;}
.intGameBox .balls {position:absolute; top:30px; left:205px; width:210px; text-align:center;}
.intGameBox .addBalls {position:absolute; top:60px; left:205px; width:210px; text-align:center;}
.intGameBox .ball {display:block; float:left; width:20px; height:14px; padding:8px 6px 8px 4px; text-align:center; color:#000; font-size:80%; font-weight:bold;}
.intGameBox .ballNumber {background-image:url(../App_Images/sm_white_ball.png);}
.intGameBox .redBallNumber {background-image:url(../App_Images/sm_red_ball.png); color:#fff;}
.intGameBox .greenBallNumber {background-image:url(../App_Images/sm_green_ball.png);}
.intGameBox .yellowBallNumber {background-image:url(../App_Images/sm_yellow_ball.png);color:#000;}
.intGameBox .jackpot {font-family:Trebuchet MS, Arial, Sans-Serif; color:#2467d5; display:block; position:absolute; left:205px; top:80px; width:210px; text-align:center; font-size:200%;}
.intGameBox .jackpotboth {font-family:Trebuchet MS, Arial, Sans-Serif; color:#2467d5; display:block; position:absolute; left:205px; top:80px; width:210px; text-align:center; font-size:150%;}
.intGameBox .jackpotboth span {font-size:65%; color:#666666; font-weight:bold;}
.intGameBox .drawing {display:block; position:absolute; top:85px; color:#333; left:10px; width:190px; font-size:90%; text-align:center; font-weight:bold;}
.intGameBox .paycheckText {font-family:Trebuchet MS, Arial, Sans-Serif; color:#2467d5; display:block; position:absolute; left:205px; top:65px; width:210px; text-align:left; font-size:90%;}
.intGameBox .weeklyGrandText {font-family:Trebuchet MS, Arial, Sans-Serif; color:#134A20; display:block; position:absolute; left:210px; top:80px; width:210px; text-align:left; font-size:110%;}
.intGameBox .noNumbersText {font-family:Trebuchet MS, Arial, Sans-Serif; color:#2467d5; display:block; position:absolute; left:210px; top:50px; width:210px; text-align:left; font-size:110%;}
.intGameBox .pick3-pick4BallsCase {padding-top:22px; padding-left:35px; width:380px;}
.intGameBox .pick3-pick4BallsCase .pick3-pick4Balls {float:left; width:160px;text-align:center;}
.intGameBox .pick3-pick4BallsCase .pick3-pick4BallsFirst{ margin-right: 50px;}
.intGameBox .pick3-pick4BallsCase .pick3-pick4Balls span.gameText {clear:both; color:#333; font-size:80%; text-align:center; font-weight:bold; display:block;}
.am {background-image: url(../App_Images/int_game_header_am.jpg);}
.pm {background-image: url(../App_Images/int_game_header_pm.jpg);}

.centerPush {clear:both; width:800px; height:235px; margin:5px 2px; padding-bottom:15px; position:relative;}
.centerPush h4, .centerPush h3 {color:#333; border-bottom:2px solid #a00; margin:0; padding:0; font-size:140%;}

.narrowBlock {display:block; float:left; background-image:url(../App_Images/box_homeLower.jpg); width:242px; height:188px; margin:5px;}
.wideBlock {display:block; float:left; width:296px; height:198px; margin:4px 5px;}
.wideBlock img {border:none;}
.narrowItem {display:block; float:left; width:242px; height:188px; margin:5px; background-image:url(../App_Images/box_homeLower.jpg);}
.wideItem {display:block; float:left; width:296px; height:198px; margin:4px 5px;background-image:url(../App_Images/box_homeLowerWide.jpg);background-repeat:no-repeat;}

.homeLower {margin-left:45px;}

.home_instanttab_img1{width:178px;float:left;}
.home_instanttab_cont1{width:298px;margin-right:21px;float:left;}
.home_instanttab_img2{width:136px;float:left;}
.home_instanttab_cont2{width:134px;margin-top:129px;float:left;height:108px;background:url(Assets/instantboxbg_homepage.jpg) no-repeat 0 0;color:#d63418;text-align:center;}
.homeTabBox .home_instanttab_cont2 p{margin:0;padding:13px;}

/* INTERIOR */
.content { background:url('../App_Images/int_content_bg.jpg') repeat-y -40px 0;position:relative;}
.interiorHeader {width:100%;}
.leftBox {margin-left:50px;}
span.clearfix {display:block; clear:both; background:url('../App_Images/int_content_footer.jpg') no-repeat -40px 0; height:10px;}
.pushImage {display:block; margin:10px auto;}
.pushImage img {border:none;}
           
.navCol {float:left; width:150px; padding:0 10px; margin-left:0px;position:relative;overflow:hidden;}

.mainCol { width:431px; margin:0 10px; float:left;position:relative; z-index: 2}
.headerImage {display:block; margin:10px 0 10px -8px;}
.mainCol h2 {margin:0; margin-top:10px; font-size:190%;}
.mainCol h3 {color:#a00; font-size:140%; border-bottom:2px solid #666; margin:0; padding:0;}
.mainCol h4 {color:#666; font-size:130%; border-bottom:1px solid #a00; margin:0; padding:0 0 1px 0;}
.mainCol h4 a {color:#666;}

.mainCol strong {color:#666;}
.mainCol cite {display:block; text-align:right;}
.mainCol ul {list-style-type:square; margin:10px 25px; padding:0;}
.mainCol p {margin-top:10px;}

.pushCol { float:left; width:200px;position:relative; z-index: 1}
.pushCol p {margin-top:10px; }

address {padding:5px 5px;}

.noScript {padding:5px; margin:10px; border:1px solid #FF0000; background-color: #FFFFCC;}
.drawdate{display:none;}

/* Lottery TV */
ul.tvList { margin:0; padding:0; list-style-type:none;}
.tvList li { float: left; position:relative; padding-bottom:10px; margin-right:20px;text-align:center;width:112px;min-height:150px;}
.tvTitle{ font-size:100%;}
.tvthumbnail{border:none;}
.tvRating{}
.tvViews{}
.ratingStar {font-size: 0pt;width: 13px;height: 12px;margin: 0px;padding: 0px;cursor: pointer;display: block;background-repeat: no-repeat;}
.filledRatingStar {background-image: url(../App_Images/FilledStar.png);}
.emptyRatingStar {background-image: url(../App_Images/EmptyStar.png);}
.savedRatingStar {background-image: url(../App_Images/SavedStar.png);}

.videoRating {float:left;}
.starRatingContainer {float:right;}
.tvVideoHolder{width:320px;padding-top:10px;}

.thumbnail{float:left;border:none;}

.winnerControls {text-align:center; padding:10px;}
.winnerList { width:100%; border:1px solid #333; font-size:70%;}
.winnerList th {background-color:#666; color:#fff;}
.winnerList td {font-weight:bold; color:#666; vertical-align:top; padding:5px; border-bottom:1px solid #ccc;}
.winnerList img {width:100px;}

.winningNumberList {padding-top:10px;}
.winningNumber { position:relative; z-index: 1; text-align:center; padding:10px 0;}
.winningNumber .logo {display:block;}
.winningNumber .drawDate {font-weight:bold; font-size:120%;}
.winningNumberList .PowerBall .balls {margin-left:95px;}
.winningNumberList .HotLotto .balls {margin-left:110px;}
.winningNumberList .MegaMillions .balls {margin-left:110px;}
.winningNumberList .Megabucks .balls {margin-left:95px;}
.winningNumberList .MegabucksPlus .balls {margin-left:110px;}
.winningNumberList .Paycheck .balls {margin-left:125px;}
.winningNumberList .Pick3 .balls {margin-left:165px;}
.winningNumberList .Pick4 .balls {margin-left:145px;}
.winningNumberList .WeeklyGrand .balls {margin-left:125px;}
.winningNumberList .amountWon, .winningNumber .nextDrawing {display:block; clear:both;}

.smallText {font-size:70%;}
.smallerText {font-size:60%;}

/* Winning Number Video window */
.videoWindow { margin-top:5px;float:left;height:335px; width:350px; background-color:#ffffe6; border: solid 1px Black; text-align:center; }
.videoWindow label { text-align:center; font-weight:bold; font-style:italic; }

.newsList {clear:both; border-top:1px solid #ccc; padding-top:10px;}
.newsItem {border-bottom:1px solid #ccc; padding-bottom:10px;}
.newsItem a, .newsItem a:visited{color:#a00;}
.newsReadOn, .newsTeaser {padding-left:10px;}
.newsTeaser {padding-top:5px;}
.newsTeaser p {margin:0; padding:0;}
.pressPaging {color:#999;}
.pressPaging a, .pressPaging a:visited{color:#a00;}

.winningDrawLogo {z-index:999;}

.paging {text-align:center; font-weight:bold;}

.radr_relativeWrapper div.radr_clipRegion { background-color:Transparent; }

.instantGameImg {float:left; margin-right:10px; margin-bottom:10px; padding-top:5px;}

.reg {font-size:80%}
h2 .reg {font-size:80%}

.numberMatch {font-weight:bold;}
.prizeMatch {color:Maroon; font-weight:bold;}


/* modal popup */
.modalPopup  
{ 
   background-color:transparent;   
   padding:1em 6px; 
} 
 
.modalPopup2 
{ 
   background-color:#ffffff; 
   
   vertical-align :top; 
} 
 
.modalBackground  
{ 
 background-color:gray; 
 filter:alpha(opacity=70); 
 opacity:0.7; 
}
.closeButton
{
	color: #6a6a6a;
	text-decoration: underline;
	font-size: 11px;
}
/* end modal popup */
