﻿/* 
	See listings-graphic-design.doc for more design information.
*/

/* Core Defaults - Establish base font-family and font-size */
/* Site Defaults - Standard Elements */
body
{
    background: url(background.gif) repeat;
}
h1
{
	margin: .2em 0em .2em 0em;
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%; 
	font-weight: bold; 
}
h2
{
	margin: 0px 0px .5em 0px;
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
	font-weight: bold;
}
h3
{
	margin: 0px 0px .5em 0px;
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;
}
p
{
	margin: 0 0 .5em 0;
	font-weight: lighter;
}
em 
{
	/*bringing italics back to the em element*/
	font-style:italic;
}
strong 
{
	font-weight: bold;
}
blockquote,ul,ol,dl 
{
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl 
{
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li 
{
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li 
{
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
fieldset
{
	border: solid 1px black;	
	margin: 0; 
	padding: .5em;
}
/* Site Defaults - Site Specific Classes */
/* Used like a fieldset to surround form fields (and give them a little space), but without the label and border */
.formDiv
{
	margin: .25em;
	padding: 0 2em 1em 1em;
}
.headerCell
{
	/* background-color: #276824; */
	/* background-color: #93B391; */
	background-color: #F7CD3B;
	/* border: solid 1px black; */
	color: black;
	font-weight: bold;
}
.labelCell
{
	/* background-color: #276824;
	border: solid 1px black; 
	color: white; */
	padding-right: .5em;
}
.headerCell a, .headerCell a:visited, .labelCell a, .labelCell a:visited
{
	color: white;
}
.dataCell, .fieldCell, .linkCell
{
	/* border: solid 1px #276824; */
}
.footerCell
{
	color: black;
	background-color: #F7CD3B;
	border: solid 1px #276824;
	font-size:123.1%; 
}
.footerCell span, .footerCell a 
{
	padding-left: .5em;
	padding-right: .5em;
}
.footerCell span
{
	font-weight: bold;
}
.errorCell
{
	color: Red;
}
.buttonCell
{
}
.errorSummary
{
	color: Red;
}
.errorSummary ul li
{
	color: Red;
}
.errorValidator
{
	float: left;
	margin: 0;
	padding: 0;
	background:	url("/www/t3city.WebControls.aspx?Res=Error.gif") no-repeat center center;
	width: 20px;
	height: 16px;
}
.formFieldsDiv
{
	background-color: #ffe99e;
	border: solid 3px #eecd42;
	margin-top: 20px;
	margin-bottom: 20px;
}
.formFieldsDiv h1, .formFieldsDiv h2, .formFieldsDiv h3, .formFieldsDiv p, .formFieldsDiv table
{
	margin-left: 1em;
	margin-right: 1em;
}
.formFieldsDiv table table, .formFieldsDiv table .button
{
	margin-left: 0;
	margin-right: 0;
}
.formFieldsDiv .errorSummary
{
	margin-left: .5em;
}
.loginForm .errorSummary
{
	margin-top: .5em;
}
.toolLinks
{
}
.button
{
	background-color: #F7CD3B;
	border: solid 1px #F3C019; 
	margin-top: .5em;
	padding: .1em .2em .1em .2em;
}
/* YUI CSS overrides - background color for selected tab */
.yui-skin-sam .formDiv .yui-navset .yui-nav .selected a,
.yui-skin-sam .formDiv .yui-navset .yui-nav .selected a:focus,
.yui-skin-sam .formDiv .yui-navset .yui-nav .selected a:hover 
{
    background: #ffe99e url(formsTabBackground.png) repeat-x;
	color: Black;
}
.yui-skin-sam .formDiv .yui-navset .yui-content
{
	background-color: #ffe99e;
}

.yui-skin-sam .formDiv .yui-navset .yui-nav .selected,  
.yui-skin-sam .formDiv .yui-navset .yui-navset-top .yui-nav .selected 
{    
	margin:0 0.16em -2px 0; /* for overlap */  
}  
.yui-skin-sam .formDiv .yui-navset .yui-nav a,  
.yui-skin-sam .formDiv .yui-navset .yui-navset-top .yui-nav a
{
	border-width:0 2px;
}
.yui-skin-sam .formDiv .yui-navset .yui-nav a em,  
.yui-skin-sam .formDiv .yui-navset .yui-navset-top .yui-nav a em  
{
	border-width:2px 0 0;
}
.yui-skin-sam .formDiv .yui-navset .yui-nav .selected a,  
.yui-skin-sam .formDiv .yui-navset .yui-nav .selected a em,
.yui-skin-sam .formDiv .yui-navset .yui-content,  
.yui-skin-sam .formDiv .yui-navset .yui-navset-top .yui-content 
{
	border-color: #eecd42;
}
.yui-skin-sam .formDiv .yui-navset .yui-content,  
.yui-skin-sam .formDiv .yui-navset .yui-navset-top .yui-content 
{
	border-width: 2px;
}
/* YUI CSS overrides - remove border between tabs and content */
.yui-skin-sam .formDiv .yui-navset .yui-nav,
.yui-skin-sam .formDiv .yui-navset .yui-navset-top .yui-nav
{
    border-width: 0;
}
.dynamic-tab-pane-control .tab-row .tab .selected 
{
	background-color: white;
}
.tab-page
{
	background-color: white;
}
.whiteBalls
{
	font-size: 122%;
	font-weight: bold;
}
.goldBalls
{
	color:  #eeb902;
	font-size: 122%;
	font-weight: bold;
	margin-left: .5em;
}

/* Site Default Layout Styles */
/* YUI Grids didn't work well for this layout */
/* Width in ems didn't work well for this layout */
#site-doc
{
    margin:auto;text-align:left; /* leave unchanged */
    width: 799px;
    min-width: 799px;/* optional but recommended */
}
#hd
{
	position: static;
}
#header
{
	position: relative;
	height: 138px;
}
#headerLogoTop
{
    background: url(headerLogoTop.gif) no-repeat 490px 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 799px;
}
#headerLogoBottom
{
    background: url(headerLogoBottom.jpg) no-repeat;
    position: absolute;
    top: 15px;
    left: 0;
    height: 123px;
    width: 799px;
}
#headerLogoBottomHomeLink
{
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    height: 123px;
    width: 500px;
}
#headerTopLinks
{
	font-size: 11px;
	position: absolute;
	right: 10px;
	top: 0px;
}
#headerTopLinks a
{
	margin-left: .5em;
	margin-right: .5em;
}
#headerTopLinks a, #headerTopLinks a:visited
{
	color: Black;
	text-decoration: none;
	text-transform: uppercase;
}
#headerTopLinks a:active, #headerTopLinks a:hover
{
	text-decoration: underline;
}
#headerCurrencies
{
	position: absolute;
	top: 102px;
	right: 230px;
}
#headerCurrencies td
{
	padding: 3px;
	padding-left: 4px;
}
#headerLanguages
{
	position: absolute;
	top: 20px;
	right: 17px;
}
#headerLanguages td
{
	padding: 3px;
}
/*
#headerLogoBottom ul
{
    position: absolute;
    right: 0;
    bottom: 0;
}
#headerLogoBottom li
{
    list-style-image: url(headerBullet.gif);
    line-height: 100%;
    margin-top: .3em;
}
#headerLogoBottom ul a, #headerLogoBottom ul a:visited
{
    color: white;
    font-weight: bold;
    text-decoration: none;
}
#headerLogoBottom ul a:active, #headerLogoBottom ul a:hover
{
    color: #eeb902;
    text-decoration: underline;
}
*/
#bdTable
{
	width: 100%;
}
.menu
{
    background-color: #276824;
	width:57.69em;
	*width:56.301em;
	vertical-align: top;
}
#theWorldsLottery
{
	float: left;
    text-align: center;
    margin: 10px 10px;
}
#globeAnimation
{
	width: 130px; 
	height: 150px;
}
#membersOf
{
    text-align: center;
    margin: 10px 10px;
}
#siteMenu ul li 
{
	border-top: solid 1px black;
}
#siteMenu > div > ul 
{
	padding: 0;
}
#siteMenu > div > ul > li.first-of-type
{
	border: none;
}
.yui-skin-sam .yuimenu .bd, .yui-skin-sam .yuimenu ul
{
    border: none;
}
#siteMenu ul li ul, #siteMenu2 ul li ul
{
	border: solid 1px black;
}
#siteMenu ul li ul li, #siteMenu2 ul li ul li
{
	border: none;
}
#siteMenu h6, #siteMenu2 h6 
{
    background-color: #154a12;
    /* border-color: black; */
    border: none;
    color: white;
    font-size: 116%;
    text-transform: uppercase;
    padding: 2px 2px 2px 5px;
   	white-space: nowrap;
}
#siteMenu2 h6 
{
	border: none;
}
.yui-skin-sam .yuimenuitemlabel
{
    font-size: 116%;
}
#siteMenu .yuimenuitem-hassubmenu, #siteMenu2 .yuimenuitem-hassubmenu
{
	background: url(submenuIndicator.gif) right center no-repeat;
}
#siteMenu .yuimenuitem-selected, #siteMenu2 .yuimenuitem-selected 
{
    background-color: #edb903;
}
#siteMenu .bd, #siteMenu ul, #siteMenu2 .bd, #siteMenu2 ul
{
    background-color: #276824;
}
#siteMenu li, #siteMenu2 li
{
    color: white;
    list-style: none;
}
#siteMenu > div > ul > li > a.yuimenuitemlabel
{
	font-size: 123.1%;
	padding: 2px 2px 2px 8px;
}
#siteMenu2 > div > ul > li > a.yuimenuitemlabel
{
	padding-left: 12px;
}
#siteMenu ul li .yuimenuitemlabel, #siteMenu2 ul li .yuimenuitemlabel
{
    color: white;
}
#siteMenu .bd ul ul, #siteMenu2 .bd ul ul
{
    /* font-size:100%; */
    background-color: #fbd54f;
}
#siteMenu ul li ul li .yuimenuitemlabel, #siteMenu2 ul li ul li .yuimenuitemlabel
{
    color: black;
}
#siteMenu .instantWin, #siteMenu2 .instantWin
{
    color: #f0c224;
    font-size: 85%;
    font-weight: bold;
    padding: 0 20px;
    text-transform: uppercase;
}
#siteMenu .playNow, #siteMenu2 .playNow
{
    font-weight: bold;
    text-transform: uppercase;
}
#headerTabsBackground
{
	position: absolute;
	top: 0;
	left: 0;
	background: #eacf86 url(headerBackground.jpg) repeat-y 254px;
	height: 103px;
	width: 100%;
	z-index: 1;
}
#headerTabs
{
	position: relative;
	height:103px;
	width: 100%;
	z-index: 5;
}
#headerTabs .yui-navset
{
	position: absolute;
	bottom: 0;
	left: 254px;
}
/* YUI CSS overrides - remove border between tabs and content */
.yui-skin-sam #headerTabs .yui-navset .yui-nav,
.yui-skin-sam #headerTabs .yui-navset .yui-navset-top .yui-nav
{
    border-width: 0;
}
/* YUI CSS overrides - background color for selected tab */
.yui-skin-sam #headerTabs .yui-navset .yui-nav .selected a,
.yui-skin-sam #headerTabs .yui-navset .yui-nav .selected a:focus,
.yui-skin-sam #headerTabs .yui-navset .yui-nav .selected a:hover 
{
    background: #AC0125 url(headerTabBackground.png) repeat-x;
}
#siteTitle
{
	position: absolute;
	left: 140px;
	top: 5px;
	z-index: 4;
}
#siteTitle h1
{
	font-size: 182%;
}
#siteTitle span
{
	font-size: 197%;
	font-weight: bold;
}
#bd
{
	position: static;
}
#yui-main
{
	margin: 0;
}
#content
{
	background-color: #ffe99e;
	/* padding: .25em 0 .25em .25em; */
	padding: 0;
	vertical-align: top;
	width: 100%;
}
#contentHeader
{
	background: #f3cc40 url(h1Background.gif) no-repeat;
	margin: 1em 0 1em 1em;
}
#contentHeader h1
{
	color: #1d481b;
	margin-left: 1em;
	height: 37px;
	position: relative;
}
#contentHeader h1 .title
{
	float: left;
	position: relative;
	top: 50%;
	margin-top: -.6em;
	line-height: 120%;
}
#contentHeader h1 .titleDots
{
	background: url(titleDots.gif) center no-repeat;
	margin-left: .5em;
	float: left;
	height: 5px;
	width: 25px;
	position: relative;
	top: 50%;
	margin-top: -2px;
}
#contentBody
{
	/* margin: 1em; */
}
#contentMenu
{
	margin: 0em 0em .5em 0em;
}
#contentMenu p
{
	margin: 0em 0em .2em 0em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 93%;
	font-weight: bold;
}
#contentMenu ul
{
	margin: 0 0 0 2.25em;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 93%;
	font-weight: normal;
	list-style-image: url(/images/content-arrow-down.gif);
}
#contentMenu h1
{
	margin: 0em 0em .2em 0em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 93%;
	font-weight: bold;
}
#contentMenu h2
{
	margin: 0em 0em .2em .5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-weight: normal;
}
.contentTopLink
{
	display: block;
	margin: 0em 0em 2em .5em;
	font-size: 85%;
}
/* h1, h2, h3, h4, p, td, etc. via Site Default */
#ft
{
    border-top: #1f571a solid 4px;
	position: static;
    text-align: center;
}
#ft p
{
    font-size: 93%;
    margin: .1em;
}
#ft p a, #ft p a:visited
{
    color: black;
    text-decoration: none;
}
#ft p a:active, #ft p a:hover
{
    text-decoration: underline;
}
#footer 
{
	position: relative;
	background-color: #AC0125;
	color: #f1f1e4;
	font-weight: bold;
	padding: .25em;
}
#footer a, #footer a:visited 
{
	color: #f1f1e4;
	text-decoration: none;
}
#footer a:hover, #footer a:active 
{
	text-decoration: underline;
}
.footerLogoLeft
{
	float: left;
}
.footerLogoRight
{
	text-align: right;
}
/* Home Page ------------------------------------------------------------------ */
#home
{
	padding: .5em;
}
#home .homeTable
{
	width: 100%;
}
.homeTable td
{
	vertical-align: top;
}
#home .gameLogosHover
{
	display: none;
	text-align: center;
}
#home .gameLogosHover a
{
	display: block;
	position: absolute;
	left: 0;
	height: 148px;
	width: 201px;
	background-color: #ffe99e;
}
#home .gameLogosHover div
{
	background-color: #f3cc40;
	display: block;
	position: absolute;
	left: 0;
	height: 50px;
	width: 201px;
}
#home .gameLogosHover p
{
	margin: 0;
	margin-bottom: .2em;
	font-size: 85%;
}
#home .gameLogosHover .jackpot
{
	font-size: 93%;
}
#home .gameLogosHover .jackpot span
{
	font-weight: bold;
}
#home #gameLogos
{
	position: relative;
	background: url(gameLogosBackground.png) no-repeat;
	height: 410px;
	width: 410px;
	margin: 0;
}
#gameLogo1, #gameLogo1Hover
{
	position: absolute;
	top: 28px;
	left: 2px;
	height: 188px;
	width: 201px; 
}
#gameLogo1
{
	background: url(MegaGoldLogo.gif) no-repeat center;
}
#gameLogo1Hover a
{
	top: 0;
	background: #ffe99e url(MegaGoldLogoHover.gif) no-repeat center;
}
#gameLogo1Hover div
{
	top: 140px;
}
#gameLogo2, #gameLogo2Hover
{
	position: absolute;
	top: 28px;
	left: 207px;
	height: 188px;
	width: 201px; 
}
#gameLogo2
{
	background: url(4LeafCloverLogo.gif) no-repeat center;
}
#gameLogo2Hover a
{
	top: 0;
	background: #ffe99e url(4LeafCloverLogoHover.gif) no-repeat center;
}
#gameLogo2Hover div
{
	top: 140px;
}
#gameLogo3
{
	position: absolute;
	top: 220px;
	left: 2px;
	height: 188px;
	width: 201px; 
	background: url(ScratchOffLogo.gif) no-repeat center;
}
#gameLogo3 a
{
	position: absolute;
	top: 0;
	left: 0;
	height: 188px;
	width: 201px; 
}
#gameLogo4, #gameLogo4Hover
{
	position: absolute;
	top: 220px;
	left: 207px;
	height: 188px;
	width: 201px; 
}
#gameLogo4
{
	background: url(Gold3Logo.gif) no-repeat center;
}
#gameLogo4Hover div
{
	top: 0;
}
#home #gameLogo4Hover a
{
	height: 135px;
	top: 50px;
	background: #ffe99e url(Gold3LogoHover.gif) no-repeat center;
}
#home #banner1, #home #banner2
{
	background: url(bannerBackground.jpg) no-repeat;
	margin-top: .5em;
	height: 90px;
	width: 410px;
}
#home .darkBox h2
{
	display: block;
	position: absolute;
	top: -10px;
	left: 8px;
	color: #1d481b;
	font-size: 14px;
	font-weight: bold;
	font-family: Tahoma, Geneva, sans-serif;
	text-transform: uppercase;
	z-index: 100;
}
#home .darkBox .gameLogo
{
	text-align: center;
}
#home .darkBox h2 img
{
	margin-left: 3px;
	margin-bottom: 2px;
}
#home .darkBox .labelCell, #scratchOff .darkBox .labelCell, #couponInput .darkBox .labelCell
{
	border: none;
	background: none;
	color: #1d481b;
	font-size: 10px;
	font-weight: bold;
	font-family: Tahoma, Geneva, sans-serif;
	padding-right: 4px;
	text-align: right;
	text-transform: uppercase;
	vertical-align: middle;
}
#home .darkBox .currency, #home .darkBox .date, #home .lightBox .currency
{
	background-color: white;
	border: inset 2px silver;
	font-size: 12px; 
	text-align: center;
	width: 98px;
}
#home .darkBox .bigCurrency
{
	font-size: 24px;
	width: 187px;
}
#home .darkBox td, #scratchOff .darkBox td, #couponInput .darkBox td
{
	vertical-align: bottom;
}
#home #gameJackpot
{
	margin-top: 1em;
	margin-bottom: 32px;
}
#home .darkBox, #scratchOff .darkBox, #couponInput .darkBox
{
	background: #eec424;
	border: solid 2px #efb900;
}
#home .darkBox
{
	position: relative;
	width: 208px;
}
#home #gameJackpot table, #home .loginBox table
{
	margin: 2px 8px 0 8px;
}
#home #gameJackpot .currency
{
	margin-bottom: 4px;
}
/*
#home #gameJackpot
{
	background: url(gameJackpotBackground.jpg) no-repeat;
	height: 97px;
	width: 210px;
}
*/
#home .loginBox
{
	margin-bottom: 32px;
}
#home .loginBox .fields
{
	margin-left: 30px;
}
#home .loginBox input
{
	border: inset 2px silver;
	width: 98px;
}
#home .loginBox #Email
{
	margin-top: 4px;
	margin-bottom: 4px;
}
#home .loginBox .forgetPassword
{
	text-align: right;
}
#home .loginBox .forgetPassword a, #home .loginBox .forgetPassword a:visited
{
	color: #1d481b;
	font-size: 10px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	margin-right: 8px;
}
#home .loginBox .links
{
	margin-top: 4px;
	width: 180px;
}
#home .loginBox .register, #home .loginBox .login
{
	vertical-align: bottom;
}
#home .loginBox .register
{
	text-align: left;
}
#home .loginBox .login
{
	text-align: right;
}
#home .loginBox .register a, #home .loginBox .register a:visited
{
	color: #1d481b;
	font-size: 14px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
#home .loginBox .register a:hover, #home .loginBox .register a:active
{
	text-decoration: underline;
}
#home .loginBox .login input, #home .loginBox .logout input
{
	background-color: #ffe99e;
	border: outset;
	color: #1d481b;
	font-size: 14px;
	font-family: "Arial Black", Geneva, sans-serif;
	font-weight: bolder;
	height: 25px;
	line-height: 100%;
	text-transform: uppercase;
	width: 40px;
}
#home .loginBox .logout input
{
	width: 80px;
}
#home .loginBox p
{
	margin: 20px 8px 16px 8px;
}
#home .loginBox .logout
{
	text-align: right;
}
#home .loginBox .username
{
	font-size:80%;
}
/*
#home #signInSav
{
	background: url(signInBackground.jpg) no-repeat;
	margin-top: .5em;
	height: 117px;
	width: 210px;
}
*/
#home .lightBox
{
	background: #f7d662;
	border: solid 2px #efb900;
	width: 208px;
}
#home .lightBox h2
{
	border-top: solid 2px #efb900;
	color: #1d481b;
	clear: both;
	font-size: 10px;
	font-family: Tahoma, Geneva, sans-serif;
	margin-top: 8px;
	padding-left: 8px;
}
#home .lightBox .firstOfType
{
	border-top: none;
	margin-top: 0;
}
#home .lightBox h2 b
{
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
#home .lightBox .winnings .currency
{
	margin-left: 8px;
	margin-right: 4px;
}
#home .lightBox .winnings .yesterday
{
	color: #1d481b;
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
}
#home #gameResults
{
	margin-bottom: 32px;
}
#home #lotteryInfo h2
{
	font-size: 12px;
}
#home #news
{
	background: url(newsBackground.jpg) no-repeat;
	margin-top: .5em;
	height: 203px;
	width: 210px;
}
#home #gameResultsSav
{
	background: url(gameResultsBackground.jpg) no-repeat;
	/* margin-top: .5em; */
	height: 163px;
	width: 210px;
}
#home #lotteryInfo
{
	/* background: url(lotteryInfoBackground.jpg) no-repeat;
	height: 145px;
	margin-top: .5em; */
    text-align: center;
	/* width: 210px; */
}
#home #lotteryInfo div
{
	/* line-height: 200%;
	margin-top: 80px; */
}

/* Articles ------------------------------------------------------------------- */
#article
{
	padding: 0 1em 1em 1.5em;
}
#article table
{
	margin-left: auto;
	margin-right: auto;
}
#article .headerCell
{
	padding: .5em;
}
#article .dataCell
{
	padding: .25em;
	padding-left: .5em;
	padding-right: .5em;
}
#article td
{
	border: solid 1px black;
}
.formFieldBox
{
	background: #FFFFCD;
	border: solid 3px #FFCA02;
	text-align:left;
}
/* Control Panel Page --------------------------------------------------------- */
.controlPanelGroup
{
	width: 100%;
}
.controlPanelGroup td h2
{
	background-color: #81B4DA;
	color: black;
	margin: 0;
	padding: .25em;
	text-align: center;
}
.controlPanelTable
{
	width: 100%;
	margin: .25em 0 0 0;
}
.controlPanelTable td
{
	padding: .25em;
	font-size: 85%;
	vertical-align: bottom;
	text-align: center;
}
.controlPanelTable td a, .controlPanelTable td a:visited
{
	font-weight: bold;
	text-decoration: none;
	color: Black;
}
/* Ball Games ----------------------------------------------------------------- */
#ballGame
{
	padding: 0 1em 1em 1.5em;
}
#ballGame .gameInfo
{
	background-color: #ffe99e;
	border: solid 3px #eecd42;
	margin-top: 20px;
	margin-bottom: 20px;
}
#ballGame .gameInfo .logo
{
	padding-left: 1em;
	padding-right: 1em;
	border-right: solid 3px #eecd42;
}
#ballGame .gameInfo .info, #paymentMethod .processors .info
{
	font-weight: bold;
	padding-left: 1em;
	padding-right: 1em;
}
#ballGame .gameInfo .info a, #ballGame .gameInfo .info a:visited, #paymentMethod .processors .info a, #paymentMethod .processors .info a:visited
{
	color:  #eeb902;
	font-size: 85%;
	text-decoration: none;
}
#ballGame .gameInfo .info a:active, #ballGame .gameInfo .info a:hover, #paymentMethod .processors .info a:active, #paymentMethod .processors .info a:hover
{
	text-decoration: underline;
}
#ballGame .gameInfo .currency, #ballGame .gameInfo .date
{
	font-weight: normal;
	margin-left: .5em;
}
#ballGame .gameInfo td
{
	padding-top: .25em;
	padding-bottom: .25em;
}
#ballGame .gameInfo .labelCell
{
	padding-left: .25em;
	padding-right: .25em;
}
#ballGame .gameInfo .dataCell
{
	padding-left: 1em;
	padding-right: 1em;
}
#ballGame h2
{	
	color: #1d481b;
	font-size: 153.9%;
	font-weight: bold;
	font-family: Tahoma, Geneva, sans-serif;
}
#ballGame .gameInstructions
{
	margin-top: 1em;
}
#ballGame .gameInstructions ol
{
	margin-top: .25em;
	margin-bottom: .25em;
}
#ballGame .ticketCount
{
	background: url(BallGames1.gif) no-repeat;
	margin-top: 1em;
}
#ballGame .ticketCount h2, #ballGame .pickNumbers h2, #ballGame .playNow h2
{
	font-size: 123.1%;
	padding-top: 5px;
	margin-left: 40px;
	margin-bottom: 0;
	text-transform: uppercase;
}
#ballGame .ticketCount p, #ballGame .pickNumbers p, #ballGame .playNow p
{
	margin-bottom: 10px;
	margin-left: 40px;
}
#ballGame .ticketCount table
{
	margin-left: 30px;
	vertical-align: middle;
}
#ballGame .ticketCount td
{
}
#ballGame .ticketCount .ticketCountCell
{
	vertical-align: middle;
}
#ballGame .selectNumberOfTickets
{
	background-color: #eecd42;
	border: solid 1px #efb900;
}
#ballGame .ticketCount .ticketCountCell span
{
	margin-left: .5em;
	margin-right: .25em;
}
#ballGame .ticketCount .ticketCountCell select
{
	margin-right: .5em;
}
#ballGame .ticketCount .ticketCostCell
{
	padding-left: 1em;
}
#ballGame #TicketCountSpan, #ballGame #TicketPriceSpan, #ballGame #TicketsCostSpan
{
	font-weight: bold;
}
#ballGame .pickNumbers h2 span
{
	font-size: 93%;
	text-transform: none;
}
#ballGame .pickNumbers
{
	background: url(BallGames2.gif) no-repeat;
	margin-top: 2em;
}
#ballGame .pickNumbers p img, #ballGame .playNow p img
{
	vertical-align: middle;
}
#ballGame .pickNumbers .headerRow
{
	border: solid 1px #efb900;
}
#ballGame .pickNumbers .headerCell
{
	background-color: #eecd42;
	border: none;
	color: Black;
	padding-left: .5em;
	padding-right: .5em;
	text-align: center;
}
#ballGame .pickNumbers .dataCell
{
	border: none;
	text-align: center;
}
#ballGame .pickNumbers .ballCell
{
	background: url(ballGamesWhiteBall.gif) no-repeat; 
	height: 62px;
	width: 62px;
	padding: 2px;
	position: relative;
	vertical-align: top;
}
#ballGame .pickNumbers .goldBallCell
{
	background: url(ballGamesGoldBall.gif) no-repeat; 
	height: 62px;
	width: 62px;
	padding: 2px;
	position: relative;
	vertical-align: top;
}
#ballGame .pickNumbers .ballCell input, #ballGame .pickNumbers .goldBallCell input
{
	position: relative;
	font-size: 18px; 
	border: 1px #CCCCCC groove;
	height: 20px; 
	width: 25px; 
	font-weight: bold; 
	left: 14px;
	top: 14px;
	/* clip:   rect(   ) */
}
#ballGame .ticketAutoSmall
{
	background: url(ballGamesASmall.gif) no-repeat;
	border: none;
	width: 20px;
	height: 20px;
}
#ballGame .ticketsAutoSmall
{
	background: url(ballGamesAutomaticSmall.gif) no-repeat;
	border: none;
	width: 75px;
	height: 20px;
}
#ballGame .ticketAuto, #ballGame .ticketClear
{
	border: none;
	width: 33px;
	height: 33px;
}
#ballGame .ticketAuto
{
	background: url(ballGamesA.gif) no-repeat;
}
#ballGame .ticketsAuto
{
	background: url(ballGamesAutomatic.gif) no-repeat;
	border: none;
	width: 119px;
	height: 33px;
}
#ballGame .ticketClear, #ballGame .ticketsClear
{
	background: url(ballGamesC.gif) no-repeat;
}
#ballGame .ticketsClear
{
	background: url(ballGamesClear.gif) no-repeat;
	border: none;
	width: 73px;
	height: 33px;
}
#ballGame .ticketsUndo
{
	background: url(ballGamesUndo.gif) no-repeat;
	border: none;
	width: 73px;
	height: 33px;
}
#ballGame .pickNumbers .allTickets
{
	font-size: 93%;
	vertical-align: middle;
}
#ballGame .pickNumbers .allTickets input
{
	vertical-align: middle;
}
#ballGame .ticketsAuto, #ballGame .ticketsClear, #ballGame .ticketsUndo
{
	font-size: 85%;
}
#ballGame .playNow
{
	background: url(BallGames3.gif) no-repeat;
	margin-top: 1em;
}
.playNowButtonSmall
{
	border: none;
	background: url(playNowRoundSmall.gif) no-repeat;
	height: 30px;
	width: 30px;	
}
.playNowButton
{
	border: none;
	/* background: url(playNow.gif) no-repeat;
	height: 35px;
	margin-left: 30px;
	width: 177px; */
	background: url(playNowRound.gif) no-repeat;
	height: 95px;
	width: 95px;	
}
.playNowButtonRed
{
	border: none;
	background: url(playNowRed.gif) no-repeat;
	height: 35px;
	width: 177px;	
}

.claimPrizeButton
{
	border: none;
	background: url(claimPrize.gif) no-repeat;
	height: 95px;
	width: 95px;	
}
#orderGame .playNowButton
{
	margin-top: 1em;
}
/* Scratch Offs --------------------------------------------------------------- */
#scratchOff
{
	padding: 9px;
}
#scratchOff h2, #couponInput h2
{
	color: #1d481b;
	font-size: 153.9%;
	font-weight: bold;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: center;
}
#scratchOff .promotionTitle
{
	color: #663a91;
	font-size: 182%;
	font-weight: bold;
	text-transform: uppercase;
}
#scratchOff h3
{
	font-size: 93%;
	text-align: center;
}
#scratchOff h3 a, #scratchOff h3 a:visited
{
	color:  #eeb902;
	text-decoration: none;
}
#scratchOff h3  a:active, #scratchOff h3  a:hover
{
	text-decoration: underline;
}
#scratchOff .gameChoices
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#scratchOff .gameChoices td
{
	padding: 5px;
}
#scratchOff .beginnersLuck
{
	font-weight: bold;
}
#scratchOff .gameInstructions
{
	margin-bottom: 5px;
}
#scratchOff .gameInstructions .title
{
	font-weight: bold;
	text-transform: uppercase;
}
#scratchOff .redeemPrize
{
	text-align: center;
}
#scratchOff .gameInstructions .button
{
	margin-bottom: .5em;
	margin-top: 0;
}
#scratchOff .muteButtom
{
	background: transparent;
	border: none;
	margin: 0;
	padding: 0;
}
#scratchOff .sorryText
{
	color: #1d481b;
	font-size: 153.9%;
	font-family: Tahoma, Geneva, sans-serif;
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: center;
}
#scratchOff .sorryPlayAgain
{
	text-align: center;
}
#scratchOff #liteRegistration, #scratchOff #liteRegistration .bd
{
	background-color: #ffe99e;
}
#scratchOff #winnerInstructions h2
{
	margin-top:.5em;
	margin-bottom: .5em;
	font-size: 182%;
	text-decoration: underline;
}
#scratchOff .darkBox, #couponInput .darkBox
{
	margin: 2em auto 1em auto;
	width: 475px;
}
#scratchOff .gameInstructions .errorSummary
{
	margin-top: .5em;
} 
#scratchOff .loginBox input
{
	border: inset 2px silver;
	width: 200px;
}
#scratchOff .darkBox h3, #couponInput .darkBox h3
{
	margin-top: .5em;
	margin-bottom: .5em;
	text-align: left;
	font-style: italic;
	font-weight: bold;
}
/* CouponInput ---------------------------------------------------------------- */
#couponInput
{
	margin-left: 1.5em;
	margin-right: 1em;
}
#couponInput .title
{
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}
#couponInput ol
{
	margin-left: auto;
	margin-right: auto;
}
#couponInput ol li
{
	text-align: left;
}
#couponInput h2
{
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}
#couponInput h3
{
	font-size: 110%;
	font-weight: bold;
	text-align: center;
}
/* Orders --------------------------------------------------------------------- */
#orderConfirm h3, #order h3
{
	font-weight: bold;
}
#orderConfirm .invoiceTotal, #orderConfirm .couponCode, #statement .statementTotal
{
	margin-top: 1em;
}
#statement .statementTotal td
{
	padding: .5em;
}
#orderConfirm .invoiceTotal, #orderConfirm .couponCode, #orderConfirm .dataDiv, #statement .statementTotal, #order .dataDiv
{
	margin-left: 1em;
	margin-right: 1em;
}
#order .dataDiv
{
	margin-bottom: 1em;
}
#addFunds .button
{
	margin-bottom: .5em;
	margin-top: .5em;
}
#paymentMethod .processors .rule
{
	border-top: solid 3px #eecd42;
	height: .5em;
}
#paymentMethod .processors .buttonCell
{
	padding-right: 1em;
	padding-bottom: .5em;
}
#paymentMethod .processors .title
{
	font-weight: bold;
	white-space: nowrap;
}
#paymentMethod .processors .info
{
	white-space: nowrap;
	text-align: right;
	
}
#paymentMethod .processors .description
{
	padding-top: .3em;
	padding-bottom: .5em;
}
#paymentMethod .processors .description p
{
	margin-left: 0;
	margin-bottom: .3em;
}
#orderSuccess #ShoppingCartItems
{
	margin-bottom: .5em;
}
#orderGame .dataCell
{
	padding-left: .5em;
}
#statement .button
{
	margin-top: 1.5em;
}
/* Printing ------------------------------------------------------------------- */
#print #content
{
	background-color: White;
}

/* HowTos --------------------------------------------------------------------- */
.howTo
{
}
/* FAQs ----------------------------------------------------------------------- */
#faq
{
	padding-bottom: .1em;
}
#faq .q
{
	font-weight: bold;
	margin-bottom: .25em;
}
#faq .a
{
	margin-bottom: 1.5em;
}
#faq .qa
{
	color: #24551e;
	font-size: 200%;
	font-weight: bold;
	line-height: .85em;
	/* margin-right: .03em;
	margin-top: -2.1em; 
	margin-bottom: -2em; */
}

#faq li
{
	margin-bottom: 1em;
}
/* Site Defaults - Global Search Results Styles ------------------------------- */
#MLSSearchPageTabPane .yui-content
{
	padding-top: 1em;
}
.searchCell
{
	border: solid 1px #999999; 
	padding: .5em;
}
.searchCell a, .searchCell a:visited
{
	color: #AC0125;
}
.searchTips
{
	margin: 0;
	padding: 0;
	margin-left: 1em;
	font-style: italic;
}
.searchLabel
{
	font-weight: bold;
}
.searchFeatures td
{
	vertical-align: top;
	padding-right: 1em;
}
.searchFeatureGroupName
{
	font-weight: bold;
	cursor: pointer;
}
.searchResultsHeader, .searchResultsFooter
{
	background-color: #81B4DA;
	color: black;
	width: 100%;
	font-size: 108%;
}
.searchResultsHeader td, .searchResultsFooter td
{
	padding: .1em .25em .1em .25em;
}
.searchResultsHeader .first, .searchResultsHeader .last, .searchResultsFooter .first, .searchResultsFooter .last
{
	font-size: 85%;
}
.searchResultsHeader .previous, .searchResultsHeader .next, .searchResultsFooter .previous, .searchResultsFooter .next
{
	font-size: 93%;
}
.searchResultsHeader .page, .searchResultsFooter .page
{
	font-size: 100%;
}
.searchResultsHeader .currentPage, .searchResultsFooter .currentPage
{
	font-weight: bold;
	font-size: 108%;
}
.searchResultsHeader .label, .searchResultsFooter .label
{
	font-weight: bold;
}
.searchResultsHeader a, .searchResultsFooter a, .searchResultsHeader a:visited, .searchResultsFooter a:visited
{
	color: black;
}
.searchResultsHeader a:hover, .searchResultsHeader a:active, .searchResultsFooter a:hover, .searchResultsFooter a:active
{
	background-color: white;
	color: black;
	text-decoration: underline; 
}
.searchResultsFooter
{
	clear: both;
}
.searchResultsContent
{
	padding: .5em .5em .5em .5em;
}
.searchResultsContact
{
	text-align: center;
	color: #ffdbff;
	background-color: #a600a6;
	font-weight: bold;
}
.searchResultsContact a,.searchResultsContact a:visited
{
	border: solid 1px #1F1B0F;
	background-color: #DCEDE5;
	padding: 2px;
	color: #1D432E;
	font-weight: bold;
	text-decoration: none;
}
.searchResultsContact a:hover,.searchResultsContact a:active
{
	background-color: #353097;
	color: White;
	text-decoration: underline; 
}
.searchResultsIdxInfo p
{
	margin: 0 auto 0 auto;
	font-size: 77%;
	font-style: italic;
}
/* Standard Search Results Layout --------------------------------------------- */
.searchResults
{
	width: 100%;
	border: 0 none;
	border-spacing: 0;
	border-collapse: collapse;
	empty-cells: show;
	margin: 0 0 1em 0;
	background-color: #ffdbff;
}
.searchResults .headerCell
{
	text-align: center;
	color: #ffdbff;
	background-color: #a600a6;
	font-weight: bold;
	padding: 0;
}
.searchResults td
{
	padding: .5em;
}
.searchResults a
{
	text-decoration: none;
}
.searchResults a:hover, .searchResults a:active
{
	text-decoration: underline;
}
/* Tabular Search Results Layout ---------------------------------------------- */
.searchResultsTabular
{
	/* background-color: #F1E2B7; */
	background-color: #C8D9EB;
	width: 100%;
}
.searchResultsTabular .headerCell
{
	/* background-color: #A94C5E; */
	background-color: #AC0125;
	/* background-color: #3866D1; */
	border: none;
	color: white;
	font-weight: bold;
	padding: .25em 0 .25em 0;
	text-align: center;
}
.searchResultsTabular td
{
	padding: .5em;
}
.searchResultsTabular .shortTitle
{
	padding: 0 .5em 0 .5em;
}
.searchResultsTabular td p
{
	margin: 0;
}
.searchResultsTabular a
{
	color: #AC0125;
	text-decoration: none;
}
.searchResultsTabular a:hover, .searchResultsTabular a:active
{
	color: #81B4DA;
	text-decoration: underline;
}
.searchResultsTabular .evenRow
{
	background-color: White;
}
/* Columns Search Results Layout ---------------------------------------------- */
.searchResultsColumnsContentDiv
{
	background-color: #D6EFFF;
	padding: .5em 0 0 .5em;
}
.searchResultsColumns
{
	position: relative;
	display: block;
	float: left;
}
/* See http://www.alistapart.com/articles/cssdrop2/ and http://www.aplus.co.yu/css/z-pos/ */
/* Unfortunately, the filter is killing page load times, so we are turning it off for now */
.searchResultsColumns .photo
{
	/* filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/App_Themes/flagrealty/shadow2.png', sizingMethod='crop'); */
	background: url(/images/shadow.gif) no-repeat bottom right;
}
.searchResultsColumns .photo div
{
	height: 120px;
	width: 160px;
	/* background: url(/images/shadow2.gif) no-repeat left top !important; */
	padding: 0 6px 6px 0;
}
.searchResultsColumns .photo div img
{
	display: block;
}
.searchResultsColumns .text
{
	text-align: left;
	vertical-align: top;
}
.specsPlaceHolder
{
	position: relative;
}
.searchResultsColumns .label
{
	width: 8em; /* <= .specs width */
}
.searchResultsColumns .specs
{
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	white-space: nowrap;
	/* filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/App_Themes/flagrealty/shadow2.png', sizingMethod='crop'); */
	background: url(/images/shadow.gif) no-repeat bottom right;
}
.searchResultsColumns .specs div
{
	/* width: 8em; */
	/* background: url(/images/shadow2.gif) no-repeat left top !important; */
	padding: 0 6px 6px 0;
}
/* Site Defaults - Global Listing Styles -------------------------------------- */
.listingHeader, .listingFooter
{
	background-color: #81B4DA;
	color: black;
	font-size: 108%;
	padding: .25em .25em .25em .25em;
	text-align: right;
}
.listingHeader a, .listingFooter a
{
	color: black;
}
.listingHeader a:hover,.listingHeader a:active, .listingFooter a:hover, .listingFooter a:active
{
	background-color: white;
	color: black;
	text-decoration: underline; 
}
.listingContact
{
	width: 100%;
}
.listingContact .background
{
	background: #eacf86 url(contactBackground.jpg) repeat-y right;
	background-color: #eacf86;
	width: 100%;
}
.listingContact .text
{
	background-color: white;
	color: #AC0125;
	padding: 0 .25em 0 0;
	font-size: 116%;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
}
.listingPrint .listingContact 
{
	width: 95%;
}
.listingPrint .listingContact .text
{
	color: Black;
	padding: 0;
	text-align: right;
}
.listingContact .text .name
{
	font-size: 123.1%;
	font-weight: bold;
}
.listingContact .photo
{
	background-color: #AC0125;
	padding: .75em;
	vertical-align: middle;
}
.listingContact p
{
	margin: 0;
}
.listingContact a, .listingContact a:visited
{
	color: #AC0125;
}
.listingContact a:hover,.listingContact a:active
{
	background-color: white;
	color: #AC0125;
}
.listingKeyFields p
{
	font-weight: bold;
	margin: 0;
}
.listingDocuments h2
{
	font-size: 100%;
	margin: 1em 0 0 0;
	text-transform: uppercase;
}
.listingDocuments ul
{
	margin: 0 0 1em 0;
	padding-left: 1.7em;
}
.listingDocuments li
{
	font-size: 108%;
	font-weight: bold;
}
.listingFeatures
{
	width: 100%;
	margin-top: .5em;
}
.listingFeatures td
{
	vertical-align: top;
}
.listingFeatures td h2
{
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.listingFeatures td ul
{
	/* margin: 0 0 .25em 1.7em; */
	margin: 0 0 .25em 0;
	padding-left: 1.7em;
	font-size: 93%;
	line-height: 1.1em;
}
.listingIdxInfo p
{
	margin: 0 auto 0 auto;
	font-size: 77%;
	font-style: italic;
}
/* Standard Listing Layout ---------------------------------------------------- */
.listingContent
{
	padding: .5em .5em .5em .5em;
}
.listingTable
{
	width: 100%;
	margin: 0 0 1em 0;
	background-color: #ffdbff;
}
.listingTable td
{
	padding: .5em;
}
.listingSpecs
{
	margin: 0 0 0 0;
}
.listingSpecs td
{
	text-align: left;
	padding: 0 0 0 .5em;
	font-size: 85%;
}
.listingBrokerText
{
	margin: .5em 0 0 0;
	font-size: 85%;
	font-style: italic;
}
/* Listing Map Layout --------------------------------------------------------- */
.listingMapContent
{
	padding: .5em .5em .5em .5em;
	background-color: #C8D9EB;
}
.listingMapContent a
{
	color: #AC0125;
}
.listingMapContent a:visited
{
	color: #81B4DA;
}
.listingMapHeader
{
}
.listingMap
{
	width: 100%;
}
.listingMap td
{
	color: black;
}
.listingMapLeft,.listingMapRight
{
	vertical-align: top;
	text-align: left;
}
.listingMapLeft
{
	padding: .5em .25em 0em .5em;
}
.listingMapRight
{
	padding: .5em .5em 0em .25em;
}
.listingMapRight p
{
	position: relative;
	width: 480px;
}
.listingMapSpecs
{
	margin-top: 1em;
}
.listingMapSpecs td
{
	font-size: 100%;
	padding-right: .5em;
}
.listingMapBrokerText
{
	margin: .5em 0 .5em 0;
	font-size: 100%;
	font-style: italic;
}
/* Listing Print Layout ------------------------------------------------------- */
.listingPrint
{
	padding: .5em;
	background-color: White;
}
.listingPrintTable
{
	width: 100%;
}
.listingPrintTable td
{
	padding: .5em;
	border: black solid 1px;
}
.listingPrintTable td .listingFeatures
{
	width: 98%;
}
.listingPrintTable td .listingFeatures td
{
	border: none;
}
.listingPrintSpecs
{
	margin-top: 1em;
}
.listingPrintSpecs td
{
	border: none;
	padding: 0;
	text-align: left;
	padding: 0 0 0 .5em;
	font-size: 100%;
}
.listingPrintBrokerText
{
	margin: .5em 0 .5em 0;
	font-size: 100%;
	font-style: italic;
}
.listingPrintHeaderCell
{
	text-align: center;
	vertical-align: middle;
}
.listingPrintListingTitle
{
	text-align: center;
	vertical-align: middle;
}
.listingPrintListingAgent
{
	text-align: center;
	vertical-align: middle;
	font-style: italic;
}
.listingPrintTableContact
{
	text-align: center;
	font-weight: bold;
}
/* Agent Directory Layout ----------------------------------------------------- */
.agentDirectoryTable
{
	margin-left: auto;
	margin-right:auto;	
	text-align: center;
}
.agentDirectoryCell
{
	padding: 1em;
	font-weight: bold;
}
/* Agent Home Layout ---------------------------------------------------------- */
/* Subscription Emails -------------------------------------------------------- */
#site-email 
{
	text-align: left;
	width: 57.69em;
	*width: 56.301em;
	min-width: 750px;
	margin: 0 20px 20px 20px;
	width:auto;
}
#subscriptionEmail
{
	background-color: White;
}
#subscriptionEmail h1
{
	background-color: #f3cc40;
	color: #1d481b;
	margin: 0;
	padding: .25em;
	text-transform: uppercase;
	width: 100%;
}
.subscriptionEmailTable
{
	width: 100%;
}
#subscriptionEmail .headerCell
{
	padding: .5em;
}
#subscriptionEmail .dataCell
{
	padding: .25em;
	padding-left: .5em;
	padding-right: .5em;
}
#subscriptionEmail td
{
	border: solid 1px black;
}


