/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

/* i removed the table, tr, td elements */

/* i deleted 'nav' */

/* i deleted 'nav' */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, th, article, aside, figure, footer, header, hgroup, menu, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									
/* i deleted 'nav' */
article, aside, figure, footer, header, hgroup, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
/*img,
object,
embed {max-width: 100%;}*/

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

/*a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}*/

a:visited {color:inherit;}
a:link {color:inherit;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
/*
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
*/

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  



/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* new Linux- and Windows-friendly sans-serif font stack: 
body {font: 13px Helmet, Freesans, sans-serif; background:#999999;}

/* using local fonts? make sure to read up on Paul Irish's 
	Bulletproof @font-face syntax:  */

/* off-black for text */
body, select, input, textarea {color: #000;}

/*
a {color: #03f;}
a:hover {color: #69f;}
*/

/* Custom text-selection colors () */
::-moz-selection{background: #666; color: #fff; text-shadow: none;}
::selection {background: #666; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
/*a:link {-webkit-tap-highlight-color: #fcd700;} */

mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

div.errors { margin: 1em; padding: 2px 5px; color:red; font-weight: bold; }


/* CUSTOM STYLES FOR OUR PAGE 
-------------------------------------------------------------------------------*/
.wrapper {
	position: relative;
	width:100%;
	margin: 0 auto;}
	
.clear-both {clear:both;}

.top-msg {width:940px; height:auto; margin:17px auto 13px;}
.top-msg p {text-align:center; font-size:14px; font-weight:700;}
.top-msg div {text-align:center;}


/*------------------------------------------------------------------------------\
|																				|
|							|
|																				|
\______________________________________________________________________________*/



/* GAMEBOARD *
-------------------------------------------------------------------------------*/
#gameboard-full {
	margin: 0 auto 15px;
	border:4px solid #000;
	border-radius: 18px;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	/* full width is 860px including border */
	width:852px;
	position:relative;
	/* height may or may not be static; 800 for now */
	background:#fff;
	
	font-family:Arial, Helvetica, sans-serif;
	font-weight:400;
	color:#fff;}
	
#gameboard-header {
	background:#000;
	padding:6px;
	border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	font-size:20px;
	font-weight:700;}


/*------------------------------------------------------------------\
|					
|				
|
\------------------------------------------------------------------*/
#gameboard-sidebar {
	z-index: 500;
	position:relative;
	float:left;
	width:248px;
	padding:8px 0px 5px 2px;
	/* if you increase this height, make sure to
	** increase the height of the gamboard main content
	as well */
	height:597px;
	background:#fff;}


/*

I don't think we're using any kind of dynamic text
on the sidebars...

.sb-game .sb-game-text p {position:absolute;top:37px;left:15px;color:#333;width:90px;font-size:15px;font-weight:700;text-align:center;
	}*/
	

/* this class is important, 
**  
------------------------------------------------------------------------------------------*/
.sb-game {
	position:relative;
	overflow:hidden;
	width:264px;
	height:95px;
	margin-bottom:2px;}
	
/*	.sb-game-last {position:relative;overflow:visible;background:#fff;width:264px;height:95px;margin-bottom:0px;}*/


	/* NEW CLASSES FOR THE GAMEBOARD SIDEBAR
	
	
	
	** different from the in-game sidebar which is in the group below
	-----------------------------------------------------------------------*/
	
		/* game 1
		-------------------------------------------------------------------*/
		#gameboard-sb-g1 {}
		
		#gameboard-sb-g1.inactive {background: url("") no-repeat;}
		#gameboard-sb-g1.active {background: url("") no-repeat;}
		#gameboard-sb-g1.complete {background: url("") no-repeat;}
		#gameboard-sb-g1.processing {}
		#gameboard-sb-g1.play-next {}
		
		/* game 2
		-------------------------------------------------------------------*/
		#gameboard-sb-g2 {}
		
		#gameboard-sb-g2.inactive {background: url("") no-repeat;}
		#gameboard-sb-g2.active {background: url("") no-repeat;}
		#gameboard-sb-g2.complete {background: url("") no-repeat;}
		#gameboard-sb-g2.processing {}
		#gameboard-sb-g2.play-next {}
	
		/* game 3
		-------------------------------------------------------------------*/
		#gameboard-sb-g3 {}
		
		#gameboard-sb-g3.inactive {background: url("") no-repeat;}
		#gameboard-sb-g3.active {background: url("") no-repeat;}
		#gameboard-sb-g3.complete {background: url("") no-repeat;}
		#gameboard-sb-g3.processing {}
		#gameboard-sb-g3.play-next {}
		
		/* game 4
		-------------------------------------------------------------------*/
		#gameboard-sb-g4 {}
		
		#gameboard-sb-g4.inactive {background: url("") no-repeat;}
		#gameboard-sb-g4.active {background: url("") no-repeat;}
		#gameboard-sb-g4.complete {background: url("") no-repeat;}
		#gameboard-sb-g4.processing {}
		#gameboard-sb-g4.play-next {}
		
		/* game 5
		-------------------------------------------------------------------*/
		#gameboard-sb-g5 {}
		
		#gameboard-sb-g5.inactive {background: url("") no-repeat;}
		#gameboard-sb-g5.active {background: url("") no-repeat;}
		#gameboard-sb-g5.complete {background: url("") no-repeat;}
		#gameboard-sb-g5.processing {}
		#gameboard-sb-g5.play-next {}
		
		/* game 6
		-------------------------------------------------------------------*/
		#gameboard-sb-g6 {}
		
		#gameboard-sb-g6.inactive {background: url("") no-repeat;}
		#gameboard-sb-g6.active {background: url("") no-repeat;}
		#gameboard-sb-g6.complete {background: url("") no-repeat;}
		#gameboard-sb-g6.processing {}
		#gameboard-sb-g6.play-next {}
		
	
	
	/* these are the IDS AND CLASSES FOR THE 
	*********** IN GAME SIDEBAR ************
	** this is different from the gameboard sidebar
	--------------------------------------------------------------------------*/
	
		/* in-game 1
		--------------------------------------------------------------------------*/
		
/*------------------------------------------------------------------------------\ 

|		GAMEBOARD MAIN CONTENT contains the playboard, the buttons etc...		|

\------------------------------------------------------------------------------*/

#gameboard-mainContent {
	position:relative;
	float:right;
	background:#fff;
	width:566px;
	/*************/
	min-height:597px;
	/*************/
	border-left:4px solid black;
	margin:0 0 0 0px;
	padding:0 14px 14px 14px;
	/*overflow:hidden !important;*/
}


	/* all stuff within #gameboard-mainContent ! 
	------------------------------------------------------------*/
	
	#game-logo {
		position:relative;
		padding: 10px 0 10px 32px;
		float:left;
		width:192px;
		height:130px;}
	
	#play-for-text {
		position:relative;
		float:;
		padding: 18px 0 12px 0;
		width:auto;
		/*background:#ccc;*/
		text-align:center;}
	
	#play-for-text p {
		position:relative;
		font-size:22px;
		line-height:29px;
		font-weight:900;
		color:#000;}
	
	#play-for-text p span {
		color:#F00;
		font-size:30px;
		font-weight:900;}
	
	#step1 {
		color:#ffed2a;
		text-transform:capitalize;
		font-size:17px;
		font-weight:700;
		margin: 0 20px 0 12px;
		}
	/*special id for game 7
	------------------------------------------*/
	span#seven {
		font-style:;
		text-transform:uppercase;
		color:#F00;}


/* -------------------------------------------\
	creating some custom stuff for the STEPS
   ------------------------------------------*/

.step-number {
	position:relative;
	top:-5px;
	float:left;
	width:auto; 
	padding: 5px 5px 0 5px;
	height:25px; 
	background:#f00;
	font-weight:700;
	font-size: 15px;
	color:#ffea00;
	border: 1px solid #fff;
	-moz-box-shadow: 1px 1px 3px #999;
	-webkit-box-shadow: 1px 1px 3px #999;
	box-shadow: 1px 1px 3px #999;
	}
.step-red {width:11px ; height:30px ; position:absolute; top:0; right:-11px; background:url("") no-repeat;}

.step-container {position: relative; width:568px; height:22px; vertical-align:middle; background:#ffea00;
	border: 1px solid #FFF;
	box-shadow:			0 8px 7px -7px #A8A8A8;
	-moz-box-shadow:	0 8px 7px -7px #A8A8A8;
	-webkit-box-shadow:	0 8px 7px -7px #A8A8A8;}
	

.step-descrip {
	position:relative;
	float:left; 
	margin: 0px 0 0 0; 
	padding:3px 0 0 15px;  
	height: ;
	width:auto;
	color:#000;
	background: ;}

	/* small links under playboard; didn't know what to use as an ID */
	#fav {
		font-size:12px;
		width:400px;
		height:auto;
		text-align:center;
		margin:0 auto 12px;}
	
	#fav a {
		color:#333;
		text-decoration:underline;
		}
	#fav a:hover {
		color:#000;
		text-decoration:underline;
	}
    #save-fav {
        visibility: hidden;
    }
    

	/* SUBMIT BUTTON
	-------------------------------------------------------------------------*/
	#btn-submit-bet {
		position:relative;
		clear:both;
		margin:18px auto 10px;
		width:320px;
		height:60px;
        cursor:pointer;
	}
	
	#btn-submit-bet:active {
		top:2px;
	}
	
	
		/* when a user selects their final number, the grey button will 
		** fade out and the red button will fade in */	
		#submit-grey {display: ;}
		#submit-red {display:none;}
		
	/* -----------------------------------------------------------------------
	** PLAYBOARD
	-------------------------------------------------------------------------*/
	#playboard {
		font-weight:600;
		height: ;
		padding: 10px 10px 0px 10px;
		position:relative;
		clear:both;
		margin: 14px 0 5px 0;
		width:600px;
		border: 2px solid #FFF;
		border-radius: 12px ;
		-moz-border-radius: 12px ;
		-webkit-border-radius: 12px ;
		/* height will change when we put in the REAL board */

	}
	#playboard1a {
		font-weight:600;
		height: ;
		padding: 10px 10px 0px 10px;
		position:relative;
		clear:both;
		margin: 14px 0 5px 0;
		width:100%;
		border: 2px solid #FFF;
		border-radius: 12px ;
		-moz-border-radius: 12px ;
		-webkit-border-radius: 12px ;
		/* height will change when we put in the REAL board */

	}
	/* put this OUTSDIDE the playboard div on each page
	** it will give the playboard the box shadow on the bottom
	** without conflicting with the box shadow inset on the actual
	** playboard */
	.shadow {
		-moz-border-radius:12px;
		-webkit-border-radius: 12px;
		border-radius: 12px;
		box-shadow:0 10px 6px -6px #A8A8A8;
		-moz-box-shadow:0 10px 6px -6px #A8A8A8;
		-webkit-box-shadow:0 10px 6px -6px #A8A8A8;}
	
	
	.playboard-game1 {
		color:#000;
		background: #c9c7ee; /* for non-css3 browsers */
		-moz-box-shadow:    inset 0 0 120px #6762CB;
		-webkit-box-shadow: inset 0 0 120px #6762CB;
		box-shadow:         inset 0 0 120px #6762CB;
	}
	.playboard-game2 {
		color:#fff; 
		background:#a6a6ca;
		-moz-box-shadow:    inset 0 0 120px #353567;
		-webkit-box-shadow: inset 0 0 120px #353567;
		box-shadow:         inset 0 0 120px #353567;
	
	}
	.playboard-game3 {
		color:#000; 
		background:#bcdebc;
		-moz-box-shadow:    inset 0 0 120px #4d934d;
		-webkit-box-shadow: inset 0 0 120px #4d934d;
		box-shadow:         inset 0 0 120px #4d934d;}
		

	.playboard-game4 {
		color:#000;
		background:#fed597;
		-moz-box-shadow:    inset 0 0 120px #ec9817;
		-webkit-box-shadow: inset 0 0 120px #ec9817;
		box-shadow:         inset 0 0 120px #ec9817;}
	.playboard-game5 {
		color:#fff;
		background: #a95cbb;
		-moz-box-shadow: 	inset 0 0  120px #7f0a9d;
		-webkit-box-shadow: inset 0 0  120px #7f0a9d;
		box-shadow: 		inset 0 0  120px #7f0a9d;
	
	}
	.playboard-game6 {
		color:#fff;
		background:#c5494a;
		-moz-box-shadow: 	inset 0 0  120px #cd0001;
		-webkit-box-shadow: inset 0 0  120px #cd0001;
		box-shadow: 		inset 0 0  120px #cd0001;
	}
	.playboard-game1a {
		color:#000;
		background: #c9c7ee; /* for non-css3 browsers */
		-moz-box-shadow:    inset 0 0 120px #6762CB;
		-webkit-box-shadow: inset 0 0 120px #6762CB;
		box-shadow:         inset 0 0 120px #6762CB;
	}
	.playboard-game2a {
		color:#fff; 
		background:#a6a6ca;
		-moz-box-shadow:    inset 0 0 120px #353567;
		-webkit-box-shadow: inset 0 0 120px #353567;
		box-shadow:         inset 0 0 120px #353567;
	
	}
	.playboard-game3a {
		color:#000; 
		background:#bcdebc;
		-moz-box-shadow:    inset 0 0 120px #4d934d;
		-webkit-box-shadow: inset 0 0 120px #4d934d;
		box-shadow:         inset 0 0 120px #4d934d;}
		

	.playboard-game4a {
		color:#000;
		background:#fed597;
		-moz-box-shadow:    inset 0 0 120px #ec9817;
		-webkit-box-shadow: inset 0 0 120px #ec9817;
		box-shadow:         inset 0 0 120px #ec9817;}
	.playboard-game5a {
		color:#fff;
		background: #a95cbb;
		-moz-box-shadow: 	inset 0 0  120px #7f0a9d;
		-webkit-box-shadow: inset 0 0  120px #7f0a9d;
		box-shadow: 		inset 0 0  120px #7f0a9d;
	
	}
	.playboard-game6a {
		color:#fff;
		background:#c5494a;
		-moz-box-shadow: 	inset 0 0  120px #cd0001;
		-webkit-box-shadow: inset 0 0  120px #cd0001;
		box-shadow: 		inset 0 0  120px #cd0001;
	}
	
	
		/* hot pick and quick pick buttons *
		-----------------------------------------------------*/
		#hot-quick {
			/*background:#3FF;*/
			padding: 6px 70px;
		}
		#btn-hot {float:left; position:relative;}
		#btn-quick {float:right; position:relative;}
		
		#btn-hot:active, #btn-quick:active {top:2px;}
	
	
/*-----------------------------------------------------------*\   
|															  |
|			 |
|															  |
|															  |
-------------------------------------------------------------*/
#fly-in {
	clear:none;
	display: none;
	position:relative;
	margin:0 0 40px 45px;	
	/*z-index:100;*/
	/*top: 30px;*/
	left:-1000px;
	
	border:3px solid #000;
	border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	width:250px;
	background:#000;
	z-index: 600; 
}

#fly-in-processing {
	background:#000;
	width:233px;
	padding:6px;
	height:26px;
	border-radius:12px 12px 0 0;
	-moz-border-radius:12px 12px 0 0;
	-webkit-border-radius:12px 12px 0 0 ;
	color:#fff;
	font-size:14px;
	font-weight:700;
	text-align:center;}
	
#fly-in-content {
	background:#fff;
	width:247px;
	position:relative;
	padding: 0 0 4px 3px;
	border-radius:0 0 12px 12px;
	-moz-border-radius:0 0 12px 12px;
	-webkit-border-radius:0 0 12px 12px;}


/* IMPORTANT 
** this div is called advert, but it basically is the div
** for all the in-game content; it won't necessarily be an 
** advertisement
-------------------------------------------------------------------*/
#advert {}
#advert a { color: #0072bb; }
#submit-popup{
    width: 960px;
    position: absolute;
    z-index: 900;
    top: 240px;
    left: 50%;
    margin-left: -480px;
} 


p#tsn {
	position:relative;
	top:-30px;
	width:538px;
	margin: 0 auto 5px;
	text-align:center;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#fff;
	font-weight:700;
    visibility: hidden;
}

	/* LIGHTBOX EFFECT 
	------------------------------------------------------------*/
	#lightbox1 {
 		display:none;
        background:#000;
 		opacity:0.7;
 		filter:alpha(opacity=70);
 		position:fixed;
 		top:0px;
 		left:0px;
 		min-width:100%;
 		min-height:100%;
	 	z-index: 800;
		height:1366px;
		/*height:1280px;*/
    }
		
	#lightbox2 {
 		display:none;
 		background:#000000;
 		opacity:0.7;
 		filter:alpha(opacity=70);
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
 		position:absolute;
 		bottom:0px;
 		right:0px;
 		min-width:100%;
 		min-height:100%;
	 	z-index: 500;
}

    #post-ad-link-swf{display:block; width:400px; height:300px; position: absolute;}

	
/* no show/hide for the page 1 in-game registration
----------------------------------------------------------------*/
#register-in-game {
		position: absolute;
		bottom:18px;
		left:90px;}
#register-in-game:active {bottom:16px; left:90px;}
	

/* show/hide buttons in the advert/message div
----------------------------------------------------------------*/	
	#btn-advert-click2win {
        position: relative;
        display: none;
    }
	
	#btn-advert-click2win:active {top: 2px;}
	
	#loading-message {
        position: relative;
        margin: 10px auto 0;
        width: 220px;
        background: #ffff;
    }
	#loading-message p {
		text-align: center;
		padding:0 0 0 0;
		color: black;
		width:180px;
		font-size: 14px;
		font-style: italic;
		float:right;
		}
	#loading-message img {float:left}

    #thanks-for-playing {
        display:none;
        position: relative; 
        width:400px;
        margin:6px auto;
        font-size:17px;
        font-weight:400;
        text-align:center;
    }

    #advert #logout {text-align:center; margin: 12px 0;}
    .loading-wrap {
        height: 76px;
        padding: 10px 0 0;
    }






	/* {FIRST NAME} Macros
	** these are for the html text in the FAST Advert that flies 
	** in from the right
	** they are within the #advert #advert-fast123 div
	-----------------------------------------------------------------*/
	
	#macro-1 {
		position: absolute;
		top:40px;
		right:30px;
		width:220px;
		height:100px;
		color:#fd0303;
		text-align:center;}
	#macro-1 #first-name {
		font-size:22px;
		font-weight:700;}
	#macro-1 p {
		font-size:18px;
		font-weight:700;
		line-height:26px}
	#macro-1 #one-two-three {
		font-size:27px;
		font-style:italic;}
	
	#macro-2 {
		position:relative;
		padding:410px 0 0 0;
		margin: 0 auto;
		width:300px;
		height:120px;
		color:#000;
		font-size:18px;
		font-weight:700;
		text-align:center;}
	#macro-2 p {line-height:28px;}
	#macro-2 #first-name {}
	#macro-2 #right-now {
		font-size:24px;
		color:#fd0303;
		font-style:italic;}
	#macro-2 img {position: relative; padding-top:8px;}
	#macro-2 img:active {top:2px;}


/***** GAMEBOARD FOOTER! *****
------------------------------------------------------------*/
#gameboard-footer {
	position:relative;
	background:#000;
	padding:6px;
	border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	color:#fff;
	text-align:center;
	vertical-align:bottom;
	/*************/
	height:18px;
	/*************/
	font-size:14px;
	font-weight:700;
}

/* THE 13 MOST RECENT WINNERS -
** BETWEEN FULL GAMEBOARD AND FOOTER 
------------------------------------------------------------*/
#this-game-winner {width:794px; margin:0 auto; text-align:center;}
#this-game-winner p {text-align:center; margin:0 auto;}

#game-winner-logo {}

#this-game-winner-img {/*float:left; margin:6px 0 0 8px; width:auto*/;}





/* ***************************************************************************** *\

					HEADER(S), FOOTER, NAVIGATION
						HEADER(S), FOOTER, NAVIGATION
							HEADER(S), FOOTER, NAVIGATION
							
\* ***************************************************************************** */


/* HEADER & NAV
-------------------------------------------------------------------------------*/
#header {
	position:relative;
	width:940px;
	margin:0 auto 10px;
	background:#f6c602;
}

#main-logo {
	width:186px;
	height:100px;
	float:left;
	background: url("") no-repeat;
}

#banner-header {
	width:748px;
	height:100px;
	margin-top:10px;
	float:right;
}

#banner_header .advertisement-label {
    float: left;
    width: 8px;
    height: 90px;
    display: block;
    background: url("") top left no-repeat;
    margin: 0 2px 0 10px;
}

#main-nav {
	position:relative;
	width:940px;
	z-index: 400;
	text-align:center;
	font-family:helvetica, arial, sans-serif;
	font-weight:bold;
	font-size:15px;
	background:url("") no-repeat;
}

#main-nav ul li {display:block; float:left;}

#main-nav ul li a {
	position:relative;
	float:left;
	width:188px;
	height:27px;
	display:block;
	clear:none;
	color:#000;
	text-decoration:none;
	padding: 13px 0 0 0;
}






	/* .hover class 
	---------------------------------------------------------------*/
    .hover {
	border: 1px solid #fff;	
	padding: 3px 26px 3px 30px;
	background: #ff0000; /* for no css3 browsers */
	background:-moz-linear-gradient(top,rgba(254, 99, 99, 1) 0%,rgba(225, 0, 0, 1) 100%);
	background:-webkit-linear-gradient(top,rgba(254, 99, 99, 1) 0%,rgba(225, 0, 0, 1) 100%);
	background:-o-linear-gradient(top,rgba(254, 99, 99, 1) 0%,rgba(225, 0, 0, 1) 100%);
	background:-ms-linear-gradient(top,rgba(254, 99, 99, 1) 0%,rgba(225, 0, 0, 1) 100%);
	background:linear-gradient(top,rgba(254, 99, 99, 1) 0%,rgba(225, 0, 0, 1) 100%);}


/* =========== GLOBAL RESPONSIVE HEADER BEGIN ========== */

.header_main{
    border-top: 1px solid #353535;
    background: #444444 url('') repeat-x left bottom;
}

.content_header{
    max-width: 960px;
    margin: 0px auto;
}
.content_wrapper{
    padding: 1.2em 0px;
    position: relative;
    z-index: 500;
}

.ul_header li{
    float: left;
}

.top_select, .top_link{
    width: 20%;
}
.top_txt{
    width: 50%;
}

.top_logged_out li:first-child{
    border-right: 1px solid #fff;
    margin-right: 5px;
    padding-right: 5px;
}

.top_txt{
    margin: 0 4%;
}

.top_txt h1{
    text-align: center;
    font-weight: bold;
    color: #fff;
    font-size: 1.408450704225352em;
}
.top_logged_out{
    float: right;
}

.top_logged_out a{
    color: #fff;
    font-weight: bold;
    font-size: 1.05em;
    text-decoration: none;
}

.top_select select{
    width: 11.85em;
    border: 1px solid #ffcd00;
}

/* ACCOUNT DROPDOWN BEGIN */

.dropdown {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    text-align: right;
}

.dropdown li {
    float: none;
}

.dropdown a {
    text-decoration: none;
    color: #fff;
}

.dropdown-toggle

.dropdown-toggle:hover {
    color: #d8d8d8;
}

.dropdown-toggle:visited {
    color: #fff;
    text-decoration: none;
}

.dropdown-toggle:active, .open.dropdown-toggle {
    outline: 0;
    color: #d8d8d8;
}

.caret {
    margin-left: 3px;
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #fff;
    opacity: 0.8;
    filter: alpha(opacity=80);
    content: "\2193";
}

.dropdown-menu {
    position: absolute;
    text-align: left;
    top: 100%;
    right: 0px;
    z-index: 500;
    float: left;
    display: none;
    min-width: 160px;
    _width: 160px;
    *width: 160px;
    padding: 4px 0;
    margin: 0;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}

.dropdown-menu.bottom-up {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}

.dropdown-menu .divider {
    height: 1px;
    margin: 5px 1px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #ffffff;
    *width: 100%;
    *margin: -5px 0 5px;
}

.dropdown-menu a {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
}

.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #282828;
}

.dropdown.open {
    *z-index: 500;
}

.dropdown.open .dropdown-toggle {
    color: #d8d8d8;
}

.dropdown.open .dropdown-menu {
    display: block;
}

.dropdown-toggle:active, .open .dropdown-toggle {
    outline: 0;
    color: #d8d8d8;
}

/* ACCOUNT DROPDOWN END */

@media screen and (max-width: 740px) {
    .ul_header {
        margin: 0;
    }
    .ul_header li {
        float: none;
    }
    .ul_header li li {
        display: inline-block;
        float: none;
    }

    .top_select, .top_txt, .top_link {
        width: 100%;
    }
    .top_txt {
        margin: 0;
    }
    .top_logged_out {
        float: none;
        text-align: center;
    }
    .top_select{
        margin: 0 auto;
        width: 156px;
    }
    .top_txt h1 {
        font-size: 1.50845em;
        margin: 0.6em 0;
    }
    .top_logged_out li:first-child {
        margin-right: 0;
    }
    .dropdown {
        text-align: center;
    }
    .dropdown-menu {
        top: 100%;
    }
}

@media screen and (max-width: 320px){
    .header_main{
        padding-top: 8em;
    }
}

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

/* =========== GLOBAL RESPONSIVE HEADER END ========== */

/*

                BLACK HEADER        OMNI - add this to the header/footer section of the style sheet
        
*/


        /* >>>>>>> black header bar
        ---------------------------------*/
        #black-header-container {width:100%; height: 50px; }
        #black-header { height:50px; width:940px; margin:0 auto;}
        
        #black-header form {width:160px; padding:15px 0 0 1px; float:left; visibility:hidden;}
        #black-header form select {width:160px; border:1px solid #ffcd00;}
        
        #welcome {width:510px; height:35px;  float:left; padding:12px 0 0 0; margin:0 auto; }
        #welcome p {font-size:1.40845em; font-weight:700; color:#fff;  text-align:center; width:375px; margin:0 auto;}
        



.footer_main{
    background:#3A3A3A url('') repeat;
    padding-top: 1em;
    -webkit-box-shadow: 0 0 3px 4px #F0A600, inset 0 8px 6px -6px #807445;
       -moz-box-shadow: 0 0 3px 4px #F0A600, inset 0 8px 6px -6px #807445;
            box-shadow: 0 0 3px 4px #F0A600, inset 0 8px 6px -6px #807445;
    border-top: 1px solid #b08a28;
    font: 12.78px Arial, sans-serif;
    display: block;
    height: auto;
    margin: 2em auto 0px;
    overflow: hidden;
    width: 100%;
}

.footer_main a{
    text-decoration: underline;
    color: #fff;
}
.footer_main a:hover{
    text-decoration: none;
}
.footer_main p{
    color: #fff;
}
.contr_botm_footer{
    max-width: 960px;
    margin: 0px auto;
}
.block_flags{
    margin: 0.5em 0 1.6em;
}
.block_icons{
    margin: 0 0 0.4em;
}
.block_flags, .block_icons, .nav_footer{
    text-align: center;
}
.block_flags li, .block_icons li, .nav_footer li{
    display: inline;
    padding: 1px;
}
.block_icons li{
    padding: 1px 3px;
}
.block_flags img{
    border: 1px solid #dadada;
}
.block_footer_txt li{
    list-style: none;
    float: left;
}

.li_footer_one{
    width: 43.8%;
    padding-left: 1%;
}
.li_footer_two{
    width: 16.7%;
    padding: 0px 3.65%;
}
.li_footer_tree{
    width: 31.2%;
}
.txt_center{
    text-align: center;
    font-size: 0.8607198748043818em;
}
.block_footer_txt{
    overflow: hidden;
}

.block_footer_txt p{
    padding-bottom: 1em;
}
.li_footer_one p{
    font-size: 1.095461658841941em;
    line-height: 1.15em;
}

.li_footer_two p, .li_footer_tree p{
    font-size: 0.9389671361502347em;
    line-height: 1.3em;
}

.txt_a{
    font: bold 1.095461658841941em Arial;
    padding: 2px 0 2px 24px;
}

.onlinelotto{
    background: url('') no-repeat;
}
.lottery{
    background: url('') no-repeat;
}
.recent_tweets{
    background: url('') no-repeat;
}
.nav_footer{
    font: bold 0.8607198748043818em Arial;
    margin: 0.5em 0 0.8em;
}
.nav_footer a{
    text-decoration: none;
}
.nav_footer li{
    border-left:1px solid #fff;
    padding: 1px 0.3em 1px 0.5em;
}
.nav_footer li:first-child{
    border-left:none;
}

.feedEkList{width:95%; list-style:none outside none;  color:#FFF;}
.feedEkList li{border-bottom:1px solid #FFF; padding:5px;}
.feedEkList li:last-child{border-bottom:none;}
.itemTitle a{font-weight:bold; color:#FFF !important; text-decoration:none }
.itemTitle a:hover{ text-decoration:underline }
.itemDate{font-size:11px;color:#FFF;}

/* SPLASH HEADER (language change and 'how to play'
-----------------------------------------------------------------------------------------*/
#splash-header-container {background: url("") repeat-x; height:50px; margin:0 0 10px 0 }
#splash-header {width:960px; margin:0 auto; padding:14px 0 0 0;}

#how-to-play {float:right;}
#how-to-play p a {font-size:13px; color:#fff; font-weight:bold; text-decoration:none;}
#how-to-play p a:hover {text-decoration:underline;}


/* ***************************************************************************** *\

					**dIN-GAME PAGES CODED HERE **
					
							
\* ***************************************************************************** */

.in-game {
	margin: 0 45px 0 0;
	padding: 0px 20px 10px;
	float:right;
	display: none;
	position:relative;
	width:538px;
	min-height:590px;
	background:#fff;
	top:30px;
	right:-1000px;
	z-index: 600;
	
	border: 3px solid #000;
	
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	} 


.copy-level-1 {margin: 0 0 3px 0; font-size:14px; font-weight:700; text-align:center;} 
.fast {color:#ff0000; font-weight:700;}

	/* in-game, GAME 01
	------------------------------------------------------*/
	.in-game01 .congrats {color:#ff0000; font-weight:700; font-size:27px; width:400px; margin:0 auto;}
	.in-game01 .copy-level-1 {font-size:20px; font-weight:700; margin:0 0 10px 0;}
	.in-game01 .copy-level-2 {margin: 12px auto; max-width:520px;}
	.in-game01 p {text-align:center;}
	.in-game01 .ig1-above {position: relative; background:#fff; top:10px; max-width:490px; margin:0 auto; font-size:17px; font-weight:700; color:#f00;}
	.in-game01 .yellow-highlight {position: relative; top: -20px; padding:5px; background:#fff000; font-size:17px; font-weight:400px; margin:0 auto; max-width: 390px;}

    /* these are for gmail promo (dayi 1 game 01) */
    .in-game-temp .congrats {
    text-align: center;
    color: #ff0000;
    font-weight: bold;
    font-size: 26px;
    margin: 0 auto;
    font-family: Arial, Helvetica, sans-serif;
    }

    .in-game-temp .copy-level-1 {
    margin: 0 0 3px 0;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    }

    .in-game-temp .purple {color:#333366; font-weight:700}


	/* in-game, GAME 02
	------------------------------------------------------*/
	.in-game02 .congrats {color:#ff0000; font-weight:700; font-size:18px; width:400px; margin:0 auto;}
	.in-game02 .copy-level-2 {margin: 15px auto 30px; max-width:520px; font-size:18px; text-align:left;}
	.in-game02 p {text-align:center;}
	.in-game02 .purple {color:#333366; font-weight:700;}
	.in-game02 .yellow-highlight  {padding:5px; background:#fff000; font-size:17px; font-weight:700; margin:10px auto; max-width: 390px;}
	.in-game02 table {color: #fff; margin: 15px auto 30px; background:#333366; width:520px;}
	.in-game02 table tr td {border:1px solid #999;}
	
	/* in-game, GAME 03
	------------------------------------------------------*/
	.in-game03 .congrats {color:#ff0000; font-weight:700; font-size:18px; width:400px; margin:0 auto; text-align:center;}
	.in-game03 .copy-level-2 {margin: 40px 0 0 0;; font-size:16px; text-align:left; float:left; max-width:250px;}
	.in-game02 .copy-level-2 p {}
	.in-game03 img#clock {float:right; margin: 24px 0 0 0;}
	.in-game03 p {text-align:;}
	.in-game03 .green {color:#336633; font-weight:700; text-align:center;}
	.in-game03 .yellow-highlight  {padding:5px; background:#fff000; font-size:17px; font-weight:700; margin:26px auto; max-width: 390px;}
	
	/* in-game, GAME 04
	------------------------------------------------------*/
	.in-game04 p {text-align:center;}
	.in-game04 .congrats {color:#ff0000; font-weight:700; font-size:18px; width:400px; margin:0 auto;}
	
	.in-game04 .real-peeps {font-size:27px; font-weight:900; text-align:center; color:#ff0000; margin:12px auto 6px;}
	.in-game04 .amt-awarded {font-size:32px; font-weight:700;}
	
	.in-game04 .copy-level-2 {margin: 15px auto 0px; max-width:520px; font-size:18px; text-align:center;}
	.in-game04 ul {list-style:disc; width:260px; margin:6px auto 10px;}
	.in-game04 ul li {text-align:left; font-size:16px; font-weight:700;} 
	.in-game04 .meet {color:#ff0000; font-size:23px; margin: 0 auto 12px;}
	.in-game04 .copy-level-3 {width:340px; margin: 0 0 0 10px; text-align:left; float:right; font-size:16px; font-weight:400; line-height:22px;}
	.in-game04 .orange {color:#e57100; font-weight:700;}
	.in-game04 .yellow-highlight  {padding:5px; background:#fff000; font-size:17px; font-weight:700; margin:10px auto; max-width: 390px;}
	.in-game04 table {color: #fff; margin: 15px auto 0; background:#333366; width:520px;}
	.in-game04 table tr td {border:1px solid #999;}
    .in-game04 img#in-game04-knud {float:left;}

	/* in-game, GAME 05
	------------------------------------------------------*/
	.in-game05 .congrats {color:#ff0000; font-weight:700; font-size:18px; width:400px; margin:0 auto; text-align:center;}
	.in-game05 .copy-level-2 {margin: 18px 0 0 0;; font-size:16px; text-align:left; max-width:530px;}
	.in-game05 .copy-level-2 p {}
	.in-game05 #logo-how { margin: 10px auto 10px; width:208px; height: 128px;}
	.in-game05 .caption-right {float:right; width:180px; color:#ff0000; font-weight:900; font-size:25px; padding:40px 60px 0 0;}
	.in-game05 p {text-align:;}
	.in-game05 .purple {color:#cc00ff; font-weight:700; text-align:center;}
	.in-game05 .yellow-highlight  {padding:5px; background:#fff000; font-size:17px; font-weight:400; margin:15px auto; max-width: 390px; text-align:center;}
	
	/* in-game, GAME 06
	------------------------------------------------------*/
	.in-game06 .congrats {color:#ff0000; font-weight:700; font-size:18px; width:400px; margin:0 auto; text-align:center;}
	.in-game06 .copy-level-2 {margin: 18px 0 0 0;; font-size:25px; text-align:center; max-width:530px;}
	.in-game06 .copy-level-2 p {}
	.in-game06 img#logo-how {float:left; margin: 24px 0 0 60px;}
	.in-game06 .caption-right {float:right; width:180px; color:#ff0000; font-weight:900; font-size:25px; padding:40px 60px 0 0;}
	.in-game06 p {text-align:;}
	.in-game06 .blood-red {color:#cc0000; font-weight:700; text-align:center;}
	.in-game06 .yellow-highlight  {background:#fff000; font-weight:700;}

   /**********************************
    ********* IN-GAME DAYS 2+ *********
    ** these are for the "congratulations {first name}..." 
    ------------------------------------------------------------------------*/
    .congrats-normal {color:#ff0000; font-weight:700; font-size:18px; width:400px; margin:0 auto; text-align:center;}
    .game-1-of {color:#6e6aae; font-weight:700; text-align:center;}
    .game-2-of {color:#333366; font-weight:700; text-align:center;}
    .game-3-of {color:#336633; font-weight:700; text-align:center;}
    .game-4-of {color:#e57100; font-weight:700; text-align:center;}
    .game-5-of {color:#cc00ff;  font-weight:700; text-align:center;}
    .game-6-of {color:#cc0000; font-weight:700; text-align:center;}


div.debug {
    white-space: pre;
    background-color: white;
    font-family: Courier New, Courier, Monospace;
}

/* NEW >>>>>> 05/16/2012 */

/* jQuery Countdown styles 1.5.11. */
.hasCountdown {
    /*border: 1px solid #ccc;
    background-color: #eee; */
}
.countdown_rtl {
    direction: rtl;
}
.countdown_holding span {
    /*background-color: */
}
.countdown_row {
    clear: both;
    width:100%;
    padding: 0px 2px;
    text-align: center;
}
.countdown_show1 .countdown_section {
    width: 98%;
}
.countdown_show2 .countdown_section {
    width: 48%;
}
.countdown_show3 .countdown_section {
    width: 31%;
}
.countdown_show4 .countdown_section {
    width: 24.5%;
}
.countdown_show5 .countdown_section {
    width: 19.5%;
}
.countdown_show6 .countdown_section {
    width: 16.25%;
}
.countdown_show7 .countdown_section {
    width: 14%;
}
.countdown_section {
    margin: 0;
    font-family:Arial, Helvetica, sans-serif;
    display: block;
    float: left;
    font-size:18px;
    text-align: center;
    border:2px solid #000;
}

/* apply this class to the 'minutes' <span> if possible */
.middle {border-left:none; border-right:none;}


.countdown_amount {
    font-size:36px;
    color:#ff0000;
}
.countdown_descr {
    display: block;
    width: 100%;
}

/*--------------------------------------------------------------------------\

        styles for all the OLD PAGES that we're dropping into the 
        new template (these pages are likely to change over time
        (advertise with us, rules, privacy policy, etc...)
                      
\--------------------------------------------------------------------------*/

.main-content {position: relative; width:880px; min-height:500px; padding:10px 30px; margin:10px; background:#fff; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; font-family:Arial, Helvetica, sans-serif; font-weight:400;}

.main-content h1 {font-size:20px; color:#FF6; background:#52519B; text-align:center; padding: 3px 0; margin:10px 0 20px 0;}
.main-content h2 {color:#06C; font-size:16px; text-transform:uppercase;}
.main-content h3 {font-size:15px; text-align:center;}
.main-content h4 {font-size:14px; color:#06c;}

.main-content p {font-size:14px; line-height:17px; margin:0 0 10px 0;}

.bold-blue {color:#06C; font-size:16px; font-weight:700; text-align:center; text-transform:uppercase;}
.bold-red {font-weight:700; color:#F00;}

.underline {text-decoration:underline}
.align-center {text-align:center}

.main-content a {color:#06C; text-decoration:underline;}
.main-content a:hover {color:#333;}

.main-content ul { list-style:disc; margin:0 0 10px 40px;} 
.main-content ul li {font-size:inherit;}
 
.main-content .note {text-transform:uppercase; text-align:center;}

/* click2give
--------------------------------------------------------------------------*/
#page-click2give {}

#page-click2give h2 {text-align:center;}

    /* charity DIV
    ----------------------------------------------------------------------*/
    .charity {width:880px; margin: 5px 0 10px 0; background: ;}
    .charity p {text-align:left;}
    .charity img {float: left; border: 1px solid #999; margin:0 10px 0 0;}
/*  .charity a {color:#06C; text-decoration:underline;}
    .charity a:hover {color:#333;}*/

#click2give-logo {position: absolute; top:75px; right:32px; width:168px; height:63px; background: url("") no-repeat; }

/* rules
--------------------------------------------------------------------------*/
#page-rules {}

/*.rule p {text-align:left;}*/

#page-rules h2 {text-align:center;}
.rule-title {text-transform:uppercase; font-weight:700; margin:20px 0 6px 0;}
.rule-descrip {margin: 0 0 10px 0;}


/* Privacy Policy
--------------------------------------------------------------------------*/
#page-privacy-policy {}
#page-privacy-policy p {text-align:left;}
/*#page-privacy-policy p {text-align:left; margin:0 0 10px 0;}*/
#page-privacy-policy {text-align:center;}
#page-privacy-policy h3 {text-align:left;}

/* advertise with us
--------------------------------------------------------------------------*/
#page-advertise {}
/*#page-advertise p {text-align:left;}*/

#page-advertise h2, #page-advertise h3 {text-align:left;}

/* how it works 
--------------------------------------------------------------------------*/
#page-how {}
#page-how h2 {text-align:center;}

/* Contact
--------------------------------------------------------------------------*/
#form-contact {position: relative; width:410px; height:auto; padding:0 0 50px 0; margin:25px auto 0;}
#form-contact .label {margin:0 0 4px 0;}
#form-contact .label label {font-size:14px;}
#form-contact .label label:after {content:"*"; color:#ff0000; font-size:20px;}
#form-contact .message textarea {width:400px; height:180px; max-width:400px; border:1px solid #999;}
#form-contact .input input {width:400px; height:20px; margin:0 0 10px 0; border:1px solid #999;}

#form-contact .input input:focus {border: 1px solid #52519B;}}
#form-contact .message textarea:focus {border: 1px solid #52519B;}

.submit { position:relative; float:right; width:auto; height:26px; margin:10px 5px 0 0;}


#submit { position:relative; font-size:15px; width:auto; height:40px; padding:5px; color:#fff; background:#52519B; border: 1px solid #52519B;}
#submit:active {top:2px; left:0;}
submit:active {top:2; left:0;}



/* Winners page
--------------------------------------------------------------------------*/
#page-winners {}

#page-winners ul {display:inline-block; margin:10px 0 16px;}
#page-winners ul li {display:block; list-style:none; width:100px; /*background:#093;*/ text-align:center; margin:0 6px 0 0; vertical-align:top; float:left;min-height:205px}
#page-winners ul li img {padding: 3px; border: 1px solid #999;} 
#page-winners ul li:nth-child(8) {margin:0;}


/* Winners page
--------------------------------------------------------------------------*/
#page-faq {}

#page-faq h3 {text-align:left; margin: 20px 0 10px 0;}

ol#faq-questions {margin:0 0 30px 40px;}

ol#faq-questions li {margin:3px 0;}

.faq-answer ol {margin:0 0 0 50px;}
.faq-answer ol li {margin:4px 0;}
.faq-answer ul {margin:0 0 0 30px; list-style:none;}
.faq-answer ul li {margin:4px 0;}

ol.lettered {list-style:lower-alpha;}


/*-------------------------------------------------------------------------\

            *************************************************
            ************** ACCOUNT INFOMRATION **************
            *************************************************
            
\-------------------------------------------------------------------------*/

    /* MODULE >>>> Basic Module styles 
    ----------------------------------------------------------------------*/
    #module {position: relative; width:246px; height:auto; margin:20px 0 0 30px; padding:8px 0 8px; border:3px solid #000; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; background:#fff; font-weight:400; font-family:Arial, Helvetica, sans-serif; float:left;}
    .module {}
    
    #module a {text-decoration:none;}
    
    .fast {font-weight:inherit; color:#ff0000;}
    
        /* Logged in as: 7654321 and email address 
        ----------------------------------------------------------------------*/
        .log-in-as {text-align:center; font-size:14px;}
        #acct-number { text-align:center; font-size:20px; font-weight:700;}
        #acct-email {text-align:center; font-size:12px;}

        p.acct-updated {  color: #f00; margin-bottom: 10px; text-align: center; font-weight: bold; }
        
        /* module navigation
        ----------------------------------------------------------------------*/
        ul#module-nav {margin:12px 0 0 0;}
        ul#module-nav li {padding:6px 10px 6px; border-top:1px solid #666;}
        ul#module-nav li:hover {color:#000; font-weight:700; background:url("") no-repeat; background-position:right;}
        ul#module-nav li:nth-child(1) a {padding-right:100px;}
        ul#module-nav li:nth-child(2) a {padding-right:130px;}
        ul#module-nav li:nth-child(3) a {padding-right:110px;}
        ul#module-nav li:nth-child(4) a {padding-right:55px;}
        ul#module-nav li:nth-child(5) a {padding-right:50px;}
        ul#module-nav li:nth-child(6) a {padding-right:115px;}
        ul#module-nav li a {color:#000; font-size:13px;}
        
        .mod-active {color:#000; font-weight:700; background:url("") no-repeat; background-position:right;}
        .mod-inactive {color:#333; font-weight:400; background:url("") no-repeat; background-position:right;}

    
    /* GENERAL Account FORM styles
    ---------------------------------------------------------------------*/
    .form-row {position: relative; width:560px; padding: 4px 0; margin:0 0 2px 0;} 
    .form-col {float:left; margin:0 10px 0 0;}
    .form-col-last {position: absolute; top:4px; right:0;}
    
    .acct-content input, .acct-content label, .acct-content select {display:block;}
    
    .acct-content label {font-weight:700;}
    
    .acct-content button { margin:20px auto 0;}
    
    
    
    
    /* GENERAL Account content styles
    ---------------------------------------------------------------------*/
    .acct-page-info {width: 360px;font-weight:700; text-align:center; /*background:yellow;*/ margin:0 auto 20px;}
    .acct-content {
        position:relative;
        font-family:Arial, Helvetica, sans-serif;
        margin-top:20px;
        margin-bottom:120px;
        border: 3px solid #000;
        padding:10px 10px 25px 10px;
        color:#000;
        background:#fff;
        border-radius:12px;
        -moz-border-radius:12px;
        -webkit-border-radius:12px;
        }
    .acct-orange-box {background:#999999;padding:3px 8px 3px 8px;border: 1px solid #fff;box-shadow: 0 8px 7px -7px #A8A8A8;-moz-box-shadow: 0 8px 7px -7px #A8A8A8;-webkit-box-shadow:  0 8px 7px -7px #A8A8A8;}
        
    .acct-orange-box p {font-weight:700;}
    .acct-content a {color:#06c; font-weight:700;}
    .acct-content a:hover {color:#333;}
        
        
        
        /* player profile
        -----------------------------------------------------------------*/
        #player-profile {float:right; margin-right:30px; width:600px;}
        
        #form-player-profile {
            width:560px;
            height:auto;
            margin:15px auto 0;
            /*background:#ccc;*/}

        .form_box {
        position:relative;
        display:block;
        margin:5px 0;}
        
        /* creating new field widths */
        #field1, #field2, #field3, #field4, #field5, #field6, #field7, #field8, #field9, #field10, #field11, #field12, #middle_initial, #first_name {display:block;}
   
        /* includes IDs for the F.A.S.T. edit billing address form as well */ 
        #field1, #field2, #field3, #field4, #field5, #field6, #field7, #field8, #field9, #field10, #field11, #field12, #otherregion, #zipcode, #city, #state, #country {width:100%;}
    
        #first_name_box {width:58%; float:left;}
    
        #middle_initial_box {width:40%; float:right;}
            
        #postal_code_box {width:40%; float:left;}
        #city_box {width:58%; float:right;}
    
        #state_box, #country_box, #phone_num_box {width:40%; clear:both;}

        /* PASSWORD RESET
        -----------------------------------------------------------------*/
        #acct-password {float:right; margin-right:30px; width:600px;}
        #form-pw-reset {width:560px;
            height:auto;
            margin:15px auto 0;}
        
        #field13, #field14, #field15 {width:555px;}
        
        /* UNSUBSCRIBE & RESUBSCRIBE
        -----------------------------------------------------------------*/
        #acct-unsubscribe {float:right; margin-right:30px; width:600px; min-height:200px;}
        #acct-resubscribe {float:right; margin-right:30px; width:600px; min-height:200px;}
        .resub-unsub-copy {
            text-align:center;  
            width:400px;
            height:auto;
            margin:15px auto 10px;}
        .resub-unsub-copy-left {
            text-align:left;
            margin:10px;
        }
        
        /* F.A.S.T. Subscription list 
        ----------------------------------------------------------------*/
        #acct-fast {float:right; margin-right:30px; width:600px; min-height:200px;}
        
        #sub-num-status {background:#ccc; display:inline; font-weight:700;}
                
                #sub-num-status {background:#ccc; display:inline; font-weight:700;}
                #sub-num-status .number {float: left; width:176px; height:auto; padding:0 0 4px 10px; background:;}
                #sub-num-status .status {float: left; width:150px; height:auto; padding:0 0 4px 10px; background:;} 
                #sub-num-status .you-subs {float:right; width: 200px;height:auto; padding:0 0 4px 0; background:;}  
    
        ul#fast-sub-list {width:560px; margin: 10px auto 0; font-weight:700;}
        ul#fast-sub-list li {padding: 8px 0; border-bottom: 1px solid #666; /*background:#e6e6e6;*/}
        
        .sub-number {width:140px; /*background:yellow*/; float:left;}
        .sub-status {width: 130px; /*background:red;*/ float:left; text-align:center;}
        .sub-edit {width:250px; /*background:blue;*/ float:right; text-align:right; color:#06C}
        .sub-edit a { font-size:11px;}
        .sub-edit a:hover {}
        
        .fast-add-more {font-size:11px; text-align:center; margin:25px 0 0 0;}
        
        /* CANCEL F.A.S.T. ACCOUNT 
        -------------------------------------------------------------------*/
        
        .active {color:green;}
        
        .edit-status {font-size:10px;}
        .edit-status a {text-decoration:none;}

        .cancel {margin: 20px;}
        .cancel p {margin-bottom: 15px;}
        .cancel a {text-decoration:none;}
        .cancel textarea {width:99%; max-width:99%; margin:10px auto; min-height:90px}
        .cancel-highlight {background-color: yellow;}
        .cancel-active {display: none;}
        .cancel-verify-row {margin-bottom: 15px;}
        .cancel-verify-row .left-col {display: inline-block; width: 210px; text-align: right; margin-right: 10px;}
        .cancel-verify-row .right-col {display: inline-block; width: 280px; text-align: left;}
        #cancel-faq {background-color: #FAFAFA; padding: 15px; margin-bottom: 15px;}      
        #cancel-faq img {vertical-align: middle; margin-right: 10px;}
        #cancel-faq li {margin-bottom: 5px;}
        #fast-cancel-checkbox {margin-right: 10px;}
        #fast-cancel-form {text-align: center;} 
        #fast-cancel-form input {display: inline-block;}
        #fast-cancel-form button {border: none; background-color: #FFFFFF;}
 
        .acct-fast-cancel {position: relative; float: right; margin-right: 30px; width: 600px; min-height: 200px;}  
        .acct-fast-cancel h1 {font-size: 14px; text-align: center; margin-bottom: 25px;} 
        .fast-cancel-error {text-align: center; color: #ff0000; font-size: 14px;}        

        #fast-cancel {padding:70px 0 0 0;}
        #fast-cancel p { font-weight:bold; font-size:14px;}
        
        #fast-cancel2 .important {font-size:30px; color:#ff0000; font-weight:bold;}
        #fast-cancel2 .reason {margin: 10px 0; font-size:16px;}
        
        /* RECENT PICKS 
        ----------------------------------------------------------------*/
        #acct-recent-picks {position: relative; float:right; margin-right:30px; width:600px; min-height:200px;}
        .datepicker {position: relative; float:left; text-align:center; width:145px; margin:0 0 0 60px;}
        .datepicker input {float:right; width:100px;}
        img.ui-datepicker-trigger {position:absolute; right:-20px; top:0px;}
        #last30 {float:right; margin: 0 120px 0 0;}
        
        #acct-recent-picks a {font-size:12px;}
        
        /* the parent div for the entire list */
        #rp-games {}
        .rp-games {}
        
        /* the big list holding all 6 of the */
        ul#rp-games-list {height:auto; width:560px; margin:20px auto 20px; /*background:#F99*/}
        /* unique IDs for each list item, games 1 through 6 */
        #rp-games-g1 {}
        #rp-games-g2 {}
        #rp-games-g3 {}
        #rp-games-g4 {}
        #rp-games-g5 {}
        #rp-games-g6 {}
        
        /* the <p> with the title of the game */
        .rp-game-name {float:left; width:290px; text-align:center; padding:4px 0 0 0; font-size:15px; font-weight:700;}
        /* unique ID giving each game a differnt color */
        #rp-g1-name {color:#6e6aae;}
        #rp-g2-name {color:#333366;}
        #rp-g3-name {color:#336633;}
        #rp-g4-name {color:#e57100;}
        #rp-g5-name {color:#cc00ff;}
        #rp-g6-name {color:#cc0000;}
        
        ul.rp-your-picks {float:left;}
        ul.rp-your-picks li {display:block; width:22px; height:26px; padding:6px 0 0 7px; background:url("") no-repeat; float:left;}
        ul.rp-your-picks li.nopicks { width: 120px; background: none; font-weight: bold; color: #f00; }
    
    /* REGISTRATION PAGE
    -------------------------------------------------------------------*/
    #acct-register {position: relative; width:600px; margin:45px auto 40px; height:auto;}
    #acct-register img {float:left;margin: 0 15px 0 10px;}
    #acct-register .acct-orange-box p {font-size: 16px; text-align:center}
    .already-member {position:relative; margin:0 auto; text-align:center; top:-35px; font-size:11px;}
    .register-alert-text {float:left; font-size:18px; line-height:24px; width:480px;margin:10px 0 0 0;}
    .font-22-bold {font-size:22px; font-weight:700; margin:14px 0 10px 0;}
    #acct-register .note {width:360px; font-size:11px; text-align:left; margin:5px auto;}
        
    button#reg-submit {position:relative; border:0; padding:0; background:none;}
    button#reg-submit:active {top:2px;}
    
    #reg-rules-privacy {width:384px;height:auto; margin:10px auto 0px; border: 2px solid #333;}
    #reg-rules-privacy p.top {text-align:center; color:#fff; background:#333; font-size:12px; padding:0 0 2px 0;}
    #reg-rules-privacy p.bot {text-align:center; color:#fff; background:#333; font-size:10px; padding: 1px 0;}
    #reg-rules-privacy div.copy {background:#fff; font-size:11px; color:#333; text-align:left; height:60px; overflow:scroll;overflow-x:hidden;}
    
    #acct-register .form-row {margin:0 auto; clear:right;}
    #acct-register .col-left {width:260px;float:left; text-align:right; background:; margin: 8px 0;}
    #acct-register .col-left .reg-fix {position:relative; margin:0; padding:0; float:left; text-align:right; width:80px;} 
    #acct-register .col-right {width:275px;float:right; text-align:right; background:; margin:8px 0; clear:right;}
    
    #acct-register input, #acct-register label, #acct-register select {display:inline;}
    #acct-register input, #acct-register select {width:170px;}




	/* LOGIN page
	----------------------------------------------------------------*/
	#acct-login {position: relative; width:600px; min-height:200px; padding:10px; border:3px solid #000; margin:30px auto 120px;}
	
	#acct-login h1 {font-size:22px; color:#ff0000; text-align:center; margin:0 0 10px 0;}
	
	.login-text {width:460px; text-align:left; font-size:12px; margin:10px auto 10px;}
	
	#acct-login form.pw-login {width:500px; margin:10px auto;}
	#acct-login .form-row {width:500px;/* background:yellow;*/ padding:2px 0; height:24px;}
	#acct-login .col-left {width:197px;float:left; text-align:right; margin: 8px 0; padding:3px 0 0 0;}
	#acct-login .col-right {width:297px;float:right; margin:8px 0; clear:right;}
	
	.forgot-pw-new-reg {width: 400px; margin: 6px auto; font-size:12px; text-align:center;}
	
	
	button#btn-login {position: relative; border:0; padding:0; background:none;}
	button#btn-login:active {border:0; padding:0; top:2px; left:0; right:0;}
	
	/* LOGIN with Cookies (uses same page ide of #acct-login 
	---------------------------------------------------------------------------*/
	
	#click-un {width:255px; height:120px; float:left;}
	#click-un p {width: 100px; font-size:12px; font-weight:700; line-height:15px; padding:35px 0 0 150px;}
	
	#diff-un {height:auto; width:335px; float:right;}
	#diff-un ul {padding:12px 0 0 0;}
	#diff-un ul li {padding: 4px 0;}
	
	#diff-un ul li button {padding:0; margin:0}
	

	/* Forgot Password 
	-----------------------------------------------------------------------------*/
	#acct-forgot-pw {position: relative; width:600px; min-height:200px; padding:10px; border:3px solid #000; margin:30px auto 120px;}
	#acct-forgot-pw form {width:300px; margin:15px auto 10px;}
	#acct-forgot-pw form input {margin:0 auto; width:240px;}
	#acct-forgot-pw form button {padding:5; margin:8px 0 3px;}
	
	.forgot-pw-text {width:320px; text-align:center; margin:10px auto;}
	.forgot-pw-text-2 { width:480px; text-align:center; margin:8px auto;}

	/* RESULTS LAST 30 DAYS 
	-----------------------------------------------------------------------------*/
	#results-30 {
		position:relative;
		font-family:Arial, Helvetica, sans-serif;
		/*margin-top:20px;*/
		/*margin-bottom:120px;*/
		border: 3px solid #000;
		padding:10px 10px 25px 10px;
		color:#000;
		background:#fff;
		border-radius:12px;
		-moz-border-radius:12px;
		-webkit-border-radius:12px;
		
		width:830px;
		min-height:600px;
		margin:20px auto 50px;
		font-size:13px;
		}
		
				
		.results-single-day {clear:both;}
		
		#results-main-list .results-single-day {}
		#results-30 h1 {font-size:18px; text-align:center; margin:0 0 30px 0;}
		
		#col-headings {margin:0 0 5px; padding:0; font-weight:700;}
		#col-headings div {display:; font-weight:700;}
		
		.col-1 { margin:3px 0 0;float:left; width:195px; padding-left:6px; font-weight:700; }
		.col-2 { margin:3px 0 0;float:left; width:170px; color:#009900;}
		.col-3 { margin:3px 0 0;float:left; width:149px; }
		.col-4 { margin:3px 0 0;float:left; width:118px; color:#FF0000;}
		.col-5 { margin:3px 0 0;float:left; width:170px; color: #0000CC;}
		
		
		
		 
		.g1 {color:#6e6aae;}
		.g2 {color:#333366;}
		.g3 {color:#336633;}
		.g4 {color:#e57100;}
		.g5 {color:#cc00ff;}
		.g6 {color:#cc0000;}



/**************************************************************************\

						F.A.S.T. PAGE

\**************************************************************************/

#fast-container {
	width: 780px;
	padding:10px;
	margin: 20px auto;
	border: 3px solid #000;
	border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;}
	
#fast-top {
/*	background:#ccc;*/
	width:780px;
	margin:0 0 30px 0;
}

	#fast-top h1 {width:266px; height:104px; float:left; clear:none;}
	#fast-top h2 {width: 390px; float:right; margin:0 40px 10px 0; text-align:center; font-size:24px; line-height:27px; font-weight:900;}
	#fast-top p { width: 445px; float: right; margin:0 0 0 0; text-align:center; font-size:17px; line-height:21px; }

#box { position:relative; width:500px; float:left; margin:0 0 0 20px;}
	
	img#no-risk-seal {float:right; margin:0 30px 0 0;}
	#box p.first-last { float:left; font-size:22px; margin:0 0 0 0; color:red; text-align:center; width:400px; font-weight:700; font-size:24px; clear:both;}
	
	.one-two-three {position: relative; font-size:20px; margin:0 0 0 40px; width:460px; padding:10px 0;}
	.red-check {position:absolute; left:-46px; top:2px; width:44px; height:46px; background:url("") no-repeat;}

#fast-container .copy {text-align:left; font-size:14px; line-height:20px; margin: 12px auto 0; width:660px;}

#fast-container .step-container { width: 760px; padding:0 0 4px 0; margin: 15px 0 18px 0;}
#fast-container .step-number {top:-4px; width: 100px; height:25px; text-align:center; font-size:20px; font-weight:400; padding: 3px 0 3px 0;}
#fast-container .step-descrip {font-size:18px; padding: 0 0 0 15px;}

#fast-buttons {width:320px; height:180px; float:left; position:relative; margin: 0 0 10px 60px;}
#fast-buttons a {position:relative;}
#fast-buttons a:active {top:2px}

#fast-buttons-descrip {width:320px; height:180px; float:right; margin:0 60px 10px 0}
#fast-buttons-descrip .btn-desc {width:320px; height:46px; padding:14px 0 0 0;font-size:14px; font-weight:700;} 
#fast-buttons-descrip .btn-desc .hot {color:#7c00ae;}
#fast-buttons-descrip .btn-desc .quick {color:#ff0000;}
#fast-buttons-descrip .btn-desc .manual {color:#525367;}

#fast-container #game-logos {width:733px; height:82px; margin: 0 auto 20px; background:url("") no-repeat;}

.fast-disclaimer {font-family: Arial, Helvetica, sans-serif; width:680px; text-align:left; margin:0 auto 15px;}

	/* These are the styles for the mini-playboards on the F.A.S.T. page
	** they're all within the DIV with the #fast-showhide ID ***********
	-----------------------------------------------------------------------*/
	#fast-showhide {position: relative; display:none;}
	
	#fast-showhide .top-text {font-size:17px; color:#353535; text-align:center; font-weight:700;}
	
	#fast-showhide .shadow {width:760px; margin:12px auto;}
	.fast-playboard {width: 748px; border: 2px solid #fff;
		padding:4px;
		border-radius:12px;
		-moz-border-radius:12px;
		-webkit-border-radius:12px;}
	
	.fast-playboard img {float:left; padding:0 10px 0 0;}
	.fast-playboard table {float:right; font-weight:700;}
	
	#fast-showhide .join-fast-now {text-align:center; position:relative;}
	#btn-join-now {position: relative; margin: 10px 0;}
	#btn-join-now:active {top:2px;}
 	
	.fast-playboard-g1 {
		color:#000;
		background: #c9c7ee; /* for non-css3 browsers */
		-moz-box-shadow:    inset 0 0 120px #6762CB;
		-webkit-box-shadow: inset 0 0 120px #6762CB;
		box-shadow:         inset 0 0 120px #6762CB;}
		
	.fast-playboard-g2 {
		color:#fff; 
		background:#a6a6ca;
		-moz-box-shadow:    inset 0 0 120px #353567;
		-webkit-box-shadow: inset 0 0 120px #353567;
		box-shadow:         inset 0 0 120px #353567;
	

	}
	.fast-playboard-g3 {
		color:#000; 
		background:#bcdebc;
		-moz-box-shadow:    inset 0 0 120px #4d934d;
		-webkit-box-shadow: inset 0 0 120px #4d934d;
		box-shadow:         inset 0 0 120px #4d934d;}
		

	.fast-playboard-g4 {
		color:#000;
		background:#fed597;
		-moz-box-shadow:    inset 0 0 120px #ec9817;
		-webkit-box-shadow: inset 0 0 120px #ec9817;
		box-shadow:         inset 0 0 120px #ec9817;}
	
	.fast-playboard-g5 {
		color:#fff;
		background: #a95cbb;
		-moz-box-shadow: 	inset 0 0  120px #7f0a9d;
		-webkit-box-shadow: inset 0 0  120px #7f0a9d;
		box-shadow: 		inset 0 0  120px #7f0a9d;
	
	}
	.fast-playboard-g6 {
		color:#fff;
		background:#c5494a;
		-moz-box-shadow: 	inset 0 0  120px #cd0001;
		-webkit-box-shadow: inset 0 0  120px #cd0001;
		box-shadow: 		inset 0 0  120px #cd0001;
	}
		
	/*----------------------------------------------------------\
	
			this is the F.A.S.T. BILLING PAGE
						(uy...)
	
	\----------------------------------------------------------*/
	
	#fast-logo {width:231px; height:97px; background:url("") no-repeat; margin:10px 0 0 0;}
	
	
	
	#fast-billing {
		position:relative;
		font-family:Arial, Helvetica, sans-serif;
		/*margin-top:20px;*/
		/*margin-bottom:120px;*/
		border: 3px solid #000;
		padding:10px 10px 0px 10px;
		color:#000;
		background:#fff;
		border-radius:12px;
		-moz-border-radius:12px;
		-webkit-border-radius:12px;
		
		width:720px;
		min-height:600px;
		margin:20px auto 50px;
		font-size:13px;	
		}
	
	#fast-billing a {color:#06c; font-weight:700;}
	#fast-billing a:hover {color:#333; font-weight:700;}
		
		#fb-top {border-bottom:3px solid #ff0000; padding:0 0 10px 0; margin: 0 0 20px 0;}
			
			#fb-top p {text-align: center;}
			#fb-top #first-last {font-size:20px; color:#ff0000; font-weight:700; text-decoration:underline; margin: 0 0 12px;}
			#fb-top #secure-server {position: relative; font-size:18px; margin:0 0 12px; /*background:#9C0;*/}
			#fb-top .yellow-highlight {background:#ffea00; padding:2px 5px; position:relative; display:block; width:72%; margin:0 auto;}
			#fb-top #autoplay {font-size:13px; width: 400px; margin: 0 auto;} 
			#fb-top #risk-free {font-size:20px; font-weight:700; margin: 8px 0 10px;}
		
		#fb-left {
			float:left;
			width:164px;
			border:3px solid #333;
			min-height:360px;
			margin:0 0 0 20px;
			padding:5px;
			}
			
			#fb-left #your-nums {width:130px; text-align:center; font-weight:700; font-size:12px; margin:0 auto 20px;}
			#fb-left ul#your-num-list {font-size:11px;}
			#fb-left ul#your-num-list li {margin: 12px 0;}
			#fb-left ul#your-num-list li p {text-align:center;} 
			
			#fb-left ul#your-num-list .g1 {color:#6e6aae; font-weight:700;}
			#fb-left ul#your-num-list .g2 {color:#333366; font-weight:700;}
			#fb-left ul#your-num-list .g3 {color:#336633; font-weight:700;}
			#fb-left ul#your-num-list .g4 {color:#e57100; font-weight:700;}
			#fb-left ul#your-num-list .g5 {color:#cc00ff; font-weight:700;}
			#fb-left ul#your-num-list .g6 {color:#cc0000; font-weight:700;}
			
			#fb-left #change-nums {width:130px; text-align:center; font-weight:400; font-size:11px; margin:20px auto 5px;}
			
		
		#fb-main-content {
			position: relative;
			float:right;
			margin:0 20px 0 0;
			width:480px;
			/*background:#efefef;*/
			min-height:400px;
			}
			
			#fb-main-content .step-container {width:480px;}
			#fb-main-content .step-descrip {font-weight:700;}
			
			#fb-main-content .left-side {width:200px; padding:4px 0 0 15px; /*background:#9CF*/; float:left; 
			font-weight:700; font-size:14px; margin:6px 0 10px;}
			#fb-main-content #billing-address {width:250px; height:auto; /*background:#CCF;*/ float:right; margin:0 0 5px;}
			#fb-main-content #billing-address a {font-size:11px;}
			
			#fb-main-content .right-input  {width:250px; height:auto; /*background:#0CF*/; float:right; margin:6px 0 10px;}
			#fb-main-content .right-input a {font-size:11px;}
			
			#fb-main-content .phone  {width:250px; height:auto; background:#0CF; float:right;}
			#exp-date1 {width:30px;}
			#exp-date2 {width:50px;}
			
			#cvv {width:100px;}
			
			p#accepted-cards {padding:20px 0 0 7px;}
			
			#fb-main-content .security-badges {padding:20px 105px 0 0;/* background:#0CF;*/}
			#fb-main-content .security-badges {} 
			
			.geotrust {width:117px; height:57px; float:right; padding:0 6px;}
			.trustware {width:101px; height:53px;float:right; padding:0 6px;}
			.certified {width:64px; height:64px;float:right; padding:0 6px;}
			
			
            #fb-bottom {
                width:540px;
                margin:20px auto 0px;
			}
		
			#fb-bottom .step-container {width:540px;}
			#fb-bottom .step-descrip {font-weight:700;}

			#fb-rules-privacy {width:384px;height:auto; margin:6px auto 10px; border: 2px solid #333;}
			#fb-rules-privacy p.top {text-align:center; color:#fff; background:#333; font-size:12px; padding:0 0 2px 0;}
			#fb-rules-privacy p.bot {text-align:center; color:#fff; background:#333; font-size:10px; padding: 1px 0;}
			#fb-rules-privacy p.copy {background:#fff; font-size:11px; color:#333; text-align:left; height:60px; overflow:scroll;overflow-x:hidden;}
			
			/*button */
			#billing-submit {position: relative; border:none; background:none; margin:0; padding:0;}
			#billing-submit:active {top:2px; left:0; right:0;}
		
		.lock1 {width:36px; height:40px; position:absolute; left:-40px; top:0; }
		.lock2 {width:36px; height:40px; position:absolute; right:-40px; top:0; }
		.lock3 {width:36px; height:40px; position:absolute; right:20px; top:-5px; }

    /* F.A.S.T. Change PICKS!
	** bascially the same thing as above... only no hidden display
	** they're all within the DIV with the #fast-showhide ID ***********
	-----------------------------------------------------------------------*/
	#fast-change-picks {position: relative; display: ;}
	
	#fast-change-picks .top-text {font-size:22px; color:#353535; text-align:center; font-weight:700;}
	
	#fast-change-picks .shadow {width:760px; margin:12px auto;}
	.fast-playboard {width: 748px; border: 2px solid #fff;
		padding:4px;
		border-radius:12px;
		-moz-border-radius:12px;
		-webkit-border-radius:12px;}
	
	.fast-playboard img {float:left; padding:0 10px 0 0;}
	.fast-playboard table {float:right; font-weight:700;}
	
	#fast-change-picks .join-fast-now {text-align:center; position:relative;}
	.btn-join-now {position: relative; margin: 10px 0; cursor: pointer; }
	.btn-join-now:active {top:2px;}
    #btn-join-now-active { display: none; }
 	
	.fast-playboard-g1 {
		color:#000;
		background: #c9c7ee; /* for non-css3 browsers */
		-moz-box-shadow:    inset 0 0 120px #6762CB;
		-webkit-box-shadow: inset 0 0 120px #6762CB;
		box-shadow:         inset 0 0 120px #6762CB;}
		
	.fast-playboard-g2 {
		color:#fff; 
		background:#a6a6ca;
		-moz-box-shadow:    inset 0 0 120px #353567;
		-webkit-box-shadow: inset 0 0 120px #353567;
		box-shadow:         inset 0 0 120px #353567;
	
	}
	.fast-playboard-g3 {
		color:#000; 
		background:#bcdebc;
		-moz-box-shadow:    inset 0 0 120px #4d934d;
		-webkit-box-shadow: inset 0 0 120px #4d934d;
		box-shadow:         inset 0 0 120px #4d934d;}
		

	.fast-playboard-g4 {
		color:#000;
		background:#fed597;
		-moz-box-shadow:    inset 0 0 120px #ec9817;
		-webkit-box-shadow: inset 0 0 120px #ec9817;
		box-shadow:         inset 0 0 120px #ec9817;}
	
	.fast-playboard-g5 {
		color:#fff;
		background: #a95cbb;
		-moz-box-shadow: 	inset 0 0  120px #7f0a9d;
		-webkit-box-shadow: inset 0 0  120px #7f0a9d;
		box-shadow: 		inset 0 0  120px #7f0a9d;
	
	}
	.fast-playboard-g6 {
		color:#fff;
		background:#c5494a;
		-moz-box-shadow: 	inset 0 0  120px #cd0001;
		-webkit-box-shadow: inset 0 0  120px #cd0001;
		box-shadow: 		inset 0 0  120px #cd0001;
	}

/* UPDATE BILLING INFO FROM FAST ACCOUNT PAGE
			-----------------------------------------------------------------*/
			#update-billing-fast {float:right; margin-right:30px; width:600px;}
			
			#form-update-billing-fast {
				width:560px;
				height:auto;
				margin:15px auto 0;
				/*background:#ccc;*/}
	
			#field1b, #field2b, #field6b {width:555px;}
			#field3b, #field4b, #field5b, #field6b, #field7b, #field8b, #field9b, #field10b, #field11b, #field12b  {width:100%;}
		
			#update-billing-fast .security-badges {width:320px; margin:15px auto 15px;}
			#update-billing-fast .accepted-cards {text-align:center; margin: 12px 0;}
			
			#update-billing-fast p.disclaim {text-align:center; font-size:11px; width:400px; margin: 13px auto 0; color:#333;}
			
			#what-is-cvv {font-size:11px;}
			
			#update-billing-fast .card-info {width:325px; margin:0 auto;}
			#update-billing-fast .card-info div {margin: 8px 0;}
			
			#update-billing-fast input {display:inline;}
			
			
			#exp-mm {width:30px;}
			#exp-yyyy {width:50px;}
			#update-billing-fast #cvv {width:98px;}
			
			.terms-conditions {width:398px; border:1px solid #ccc; margin: 10px auto 10px; height:140px; overflow:scroll; overflow-x:hidden;}
			.terms-conditions p {font-size:11px; color:#333; margin:0; padding:0; text-align:left;}

	/* EDIT BILLING ADDRESS (from link on F.A.S.T. billing page
	-----------------------------------------------------------------*/
	#edit-billing-info {margin:30px auto 20px; width:600px;}
	
	#edit-billing-info .security-badges {width:320px; margin:0 auto;}
	
	#form-player-profile {
		width:560px;
		height:auto;
		margin:15px auto 0;
		/*background:#ccc;*/}

	#field1a, #field2a, #field6a, #field7a {width:555px;}
	#field3a {width:200px;}
	#field4a {width:80px;}
	#field5a {width:232px;}
	#field8a {width:200px;}
	#field9a {width:335px;}
	#field10a {width:203px;}
	#field11a {width:203px;}
	#field12a {width:200px;}	
		
	/* F.A.S.T. related pages will have the F.A.S.T. Logo on them
	-----------------------------------------------------------------*/
	.fast-logo-small {width:180px; height:76px; margin:0px auto 8px; }
        .fast-logo { width:231px; height:97px; float:left; }

/* Fraud page
--------------------------------------------------------------------------*/
#page-fraud {}
#page-fraud-samples {}

#page-fraud-samples ul {margin:22px 0 12px;}
#page-fraud-samples ul li {list-style:none; margin:3px 0;}


	/* UPDATE YOUR BROWSER! */ 
	
	#update-browser {
		position: relative; 
		width:700px; 
		margin:60px auto 100px; 
		position:relative;
		font-family:Arial, Helvetica, sans-serif;
		border: 2px solid #000;
		padding:10px 10px 25px 10px;
		color:#000;
		background:#fff;
		border-radius:12px;
		-moz-border-radius:12px;
		-webkit-border-radius:12px;
		font-family:Arial, Helvetica, sans-serif;	
		}
	
	#update-browser .acct-orange-box p {text-align:center; font-size:14px;}
	#update-browser .copy {width: 600px; text-align:center; margin: 15px auto;}
	#update-browser .do-it {text-align: center; margin: 0px 0 20px 0; font-size:18px; color:#000;}
        #update-browser #browser-links { height: 160px; }

	.browser-link {
		float:left;
		width:140px;
		height:150px;
		border: 1px solid #ccc;
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		background:#fff;
		padding:4px;
		margin:0 10px;
		}
	
	.browser-link:hover {background:#e6e6e6;}
		
	.browser-link img {padding:0 0 0 8px;}
	.browser-link .browser-name {text-align:center; border-top:1px solid #ccc; padding:5px 0 0 0; font-weight:700;color:#06c;}
	
	.browser-link .browser-name a {text-decoration:none; color:#333; }
	.browser-link .browser-name a:hover {text-decoration: underline; color:#06c;}

        #update-browser .continue-anyway { width: 100%; text-align: center; margin-top: 3em; clear: both; }

	/* F.A.S.T. Thank You Page
	-----------------------------------------------------------------------*/
	#fast-thank-you {width:611px; height:792px; margin:20px auto 20px; font-size:13px;
		border:1px solid #999;
		-moz-box-shadow: 0 0 2px 2px #999;
		-webkit-box-shadow: 0 0 2px 2px #999;
		box-shadow: 0 0 2px 2px #999;
	}
	
	#fast-thank-you a {color:#06c;}
	#fast-thank-you a:hover {color:#333;}
	
	#fast-thank-you .subscriber-info {float:left; margin:110px 0 0 50px;}
	#fast-thank-you .subscriber-info p {color:#404040;}
	#fast-thank-you .date {float:right;margin:110px 50px 0 0; color:#404040;}
	
	.letter-content {width:460px; margin: 40px auto 0; clear:both;}
	.letter-content p {margin: 5px 0 16px 0;}
	
	.salutation {font-weight:700;}
	
	#fast-thank-you .sign {float:left; margin:15px 0 0 50px; font-weight:700; width:200px;}
	

        

		
	/* PRIZE DOUBLER
	** this page appears after someone completes their F.A.S.T. Registration,
	** before the 'thank you' page
	-----------------------------------------------------------------------*/

	#pd-upsell {
		position: relative; 
		width:794px; 
		min-height:500px;
		margin:30px auto 40px; 
		position:relative;
		font-family:Arial, Helvetica, sans-serif;
		border: 3px solid #000;
		padding:10px 10px 25px 10px;
		color:#000;
		background:#fff;
		border-radius:12px;
		-moz-border-radius:12px;
		-webkit-border-radius:12px;
		font-family:Arial, Helvetica, sans-serif;}
		
	#pd-upsell a {font-size:11px; font-weight:400; text-decoration:underline; color:#06c;}
	#pd-upsell a:hover {color:#333;}
	#pd-upsell .acct-orange-box p {font-size: 14px; text-align:center}
	
	
	#pd-upsell .headline {float:right; width:460px; }
	#pd-upsell .headline p {text-align:center;}
	
		.pd-main-content {position: relative; width:686px; height:392px;  margin:0 auto;}
		
		/* the stuff inside .pd-main-content
		-------------------------------------------------------------*/
		.pd-submit-btn {width:318px; height: 80px; margin:100px auto 0;}
		.x2-graphic {width:288px; height:115px; margin:0 auto; }
		
		#pd-upsell .pd-main-content .firstname {position:absolute; left:60px; top:112px; font-size:18px; font-weight:700;}
		#pd-upsell .pd-main-content .other-text {position:absolute; left:140px; top:174px; font-size:20px; font-weight:400;}
		#pd-upsell .pd-main-content .upgrade {width: 250px; height:auto; margin:0 auto; text-align:center; font-size:20px; color:#2b2b2b}

		
		
	
	#pd-upsell .pd-headline {width:}
	
	button#btn-pd-submit {position:relative; border:0; padding:0; background:none;}
	button#btn-pd-submit:active {top:2px;}
	
	#pd-rules-privacy {width:500px;height:auto; margin:10px auto 0px; border: 1px solid #999;}
	#pd-rules-privacy p.copy {background:#fff; font-size:11px; color:#333; padding:2px; text-align:left; height:56px; overflow:scroll;overflow-x:hidden;}
	
	#pd-upsell .bottom-links {width:500px; height:auto; margin:10px auto 0;}
	#pd-upsell .left {float:left; width:250px; text-align:left;}
	#pd-upsell .right {float:right; width: 250px; text-align:right;}

        #pd-acct {width: 600px; min-height: 200px; margin: 30px auto 120px;}
        #pd-acct p.align-center {margin:10px 0;}
        #pd-acct form input {width:300px; margin:0 auto;}
        #pd-acct form button {display:block;}
        #pd-acct form label {width:300px; margin:12px auto 2px;}
        #pd_fast_buttons {display:block; width:180px; margin:0 auto;}
        #pd_fast_reset {float:left; display:block; margin:12px 0;}
        #pd_fast_submit {float:right; display:block; margin:12px 0;}
        p.pd-activated {width:90%; margin:20px auto; display:block;}

/* SORRY page 
--------------------------------------------------------------*/

#page-sorry {font-family:Arial, Helvetica, sans-serif; font-weight:400;}

.sorry-top {width:704px; height:auto; margin:0 auto;}
#sorry-copy {width:345px; float:left; text-align:left; padding:21px 0 0 0; font-size:16px; line-height:20px; }
.sorry-counter { width:345px; float:right; text-align:center;}
.sorry-counter p {margin:0 0 8px 0; padding:0;}

.sorry-main-content {width:781px; height:auto; border:2px solid #a3a3a3; margin:10px auto 0; -moz-box-shadow: 0 0 3px 3px #CCC;}

.sorry-fast-logo {float:left; margin: 0 0 0 60px; width:206px; height:84px; }

.sorry-main-content p {width:425px; text-align:left; float:right; margin:0 65px 0 0; font-size:16px; line-height:20px;}

.sorry-nmyc { width:655px; height:111px; margin:5px auto 3px; clear:both;}

#join-fast {position: relative; margin: 12px auto; width:480px; height:70px;}
#join-fast a img:active {position:relative; top:2px;}

#more-play { margin:15px 0 10px; padding:0; text-align:center; color:#ff0000; font-size:22px; font-weight:700; font-family:Arial, Helvetica, sans-serif; }

/* Styles for dupmail.asp page
---------------------------------------------------------------*/
    #dupemail {

        margin-left: auto;
        margin-right:auto;
        padding:60px 30px;
        width:560px;
    }

    #dupemail p {margin:16px; font-size:14px;}
    #dupemail p.dm1 {color:#ff0000; font-weight:bold;}


/* satisfaction guarantee */
.sorry-satg {width:700px; margin:10px auto;}
.sorry-satg p {font-size:14px; text-align:left; line-height:17px;}

.hideInfo { display:none; }
.showInfo { display:block; z-index: 10001; height:620px; width:600px; position: fixed; top:10%; bottom:10%; margin:0px auto; overflow: auto;}
.showDiv { display:block; position: fixed; width: 100%; height: 2000px; opacity: .80; filter: alpha(opacity = 80); background-color: #000000; top: 0; left: 0; z-index: 10000;margin: 0px auto};

/*

    ******************************
    World Lottery Results RSS FEED
    ******************************

*/


.rssFeed {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 90%;
    margin:0 0 2em 0;
}
.rssFeed a {
    color: #444;
    text-decoration: none;
}
.rssFeed a:hover {
    color: #000;
    text-decoration: underline;
}

.rssHeader { padding: 0.4em 0;
    /* added */
    font-size:18px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:700;
    text-align:center;
    background:#f6c602;
    width:563px;
    margin: 0 auto;
    border-left:1px solid #8B6508 ;
    border-right:1px solid #8B6508 ;
    border-top:1px solid #8B6508 ;
}

.rssHeader a {color:#000;}

.rssBody { border: 1px solid #8B6508;
    width:563px;
    margin: 0 auto;
}
.rssBody ul { list-style: none; }
.rssBody ul, .rssRow, .rssRow h4, .rssRow p {
    margin: 0;
    padding: 0;
}

/* added */
.rssRow p {font-size:13px;}

.rssRow { padding: 0.8em; }
.rssRow h4 { font-size: 1.2em; }
.rssRow span {
    font-size: 90%;
    color: #666;
    margin: 0.2em 0 0.4em 0;
}

.rssRow span.source { margin-right: 1em; } 

.odd {background:#e8e8e8;}
.even {background:#fff;}

.attribution {width:565px; margin:5px auto 0; text-align:right;}
/* This is for the Token Cash Multiplier FAST promo page
---------------------------------------------------------------*/

.font22 {font-size:22px;}
.token-container a {color:#06C;}

.token-container {width:820px; margin:10px auto; padding:15px; background:#fff; border:2px solid #000; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; font-family:Arial, Helvetica, sans-serif;}

.token-content-shadow {
	width:808px;
	margin:0 auto;
	border:2px solid #fff;
	-moz-border-radius:23px;
	-webkit-border-radius:23px;
	border-radius:23px;
	box-shadow:0 10px 6px -6px #A8A8A8;
	-moz-box-shadow:0 10px 6px -6px #A8A8A8;
	-webkit-box-shadow:0 10px 6px -6px #A8A8A8;}
	
	
.tokenR {position:absolute; top:90px; right:40px;  width:120px; height:120px}
.tokenL {position:absolute; top:90px; left:40px;  width:120px; height:120px}

.best-option {position:absolute; width:100px; height:110px; bottom:160px; right:5px;  }

.token-content {position: relative; width:780px; min-height:620px; margin:0 auto; border:14px solid #cc0000;border-radius:20px; -moz-border-radius:20px;-webkit-border-radius:20px;box-shadow: inset 0 0 5px #888; -moz-box-shadow: inset 0 0 5px #888;-webkit-box-shadow: inset 0 0 5px #888; background:#fff;}
.token-content p {text-align:center; font-weight:400; margin:0 0 5px 0;}

.token-small-container {width:548px; height:243px; margin:0 auto 8px; padding:10px 10px 0px;  border:2px solid #afafaf; box-shadow:0 0 2px 2px #c8c8c8; -moz-box-shadow:0 0 2px 2px #c8c8c8; -webkit-box-shadow:0 0 2px 2px #c8c8c8;}

.token-fastlogo {float:left; width:auto;}
.token-fastmessage {float:right; width:65%; padding:8px 0 0 0;}
.token-fastmessage p { text-align:left; font-size:18px}

#token-or {width:570px; margin:0 auto;font-size:18px;}


#btn-claimnow {margin:15px 0 0;}

.token-satg {width:760px; margin:15px auto 0 ; text-align:left; font-size:16px;}


/* This is the CSS for the Token Progress on the Game Page
---------------------------------------------------------------*/

/* the red area */
.tp-container { 
	position:relative;
	width:860px; margin:0 auto 10px;
	min-height:135px; 
	
	background-color:#ce0404;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border:2px solid #fae4b3;
	box-shadow:0 8px 6px -6px #666;
	-moz-box-shadow:0 8px 6px -6px #666;
	-webkit-box-shadow:0 8px 6px -6px #666;
	font-family:Arial, Helvetica, sans-serif;}

/* holds the 'collect all six!' image */
.tp-collect6 {float:left; width:auto; padding:5px 0 0 7px;}

/* the white area */
.tp-content {
	float:right;
	width:690px;
	padding:2px 0 0 0;
	margin:5px 5px 5px 0;
	min-height:135px;
	background:#fff;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	-moz-box-shadow: inset 0 0 5px #888;
	-webkit-box-shadow: inset 0 0 5px#888;
	box-shadow: inner 0 0 5px #888;}
	
	/* play on test */
	.play-on {font-size: 16px; margin:3px 0 0 0; text-align:center; font-weight:bolder; }
	
	/* contains each game name and token */
	.tp-token-container {width:660px; margin:0 auto;} 
	
	.tp-tk { position:relative; margin:0px 5px; width:100px; min-height:100px; float:left;}
	
	/* ** */
	.tp-tk p {width:100px;text-align:center; font-size:22px; font-weight:700; }
	
	.token-carot {position:absolute; top:50px; right:-14px;}
	
	#tp-tk-g1-off {color:#999;}
	#tp-tk-g2-off {color:#999;}
	#tp-tk-g3-off {color:#999;}
	#tp-tk-g4-off {color:#999;}
	#tp-tk-g5-off {color:#999;}
	#tp-tk-g6-off {color:#999;}	
	
	#tp-tk-g1-on {color: #6e6aae;
		-webkit-text-fill-color: #6e6aae;
		-webkit-text-stroke-width: 0.5px;
		-webkit-text-stroke-color: #fff;
		text-shadow:1px 1px 1px #999; 
		-moz-text-shadow:1px 1px 1px #999; 
		-webkit-text-shadow:1px 1px 1px #999;}

	#tp-tk-g2-on {
			color: #333366;
			-webkit-text-fill-color: #333366;
			-webkit-text-stroke-width: 0.5px;
			-webkit-text-stroke-color: #fff;
			text-shadow:1px 1px 1px #999; 
			-moz-text-shadow:1px 1px 1px #999; 
			-webkit-text-shadow:1px 1px 1px #999;}
	
	#tp-tk-g3-on {
			color: #336633;
			-webkit-text-fill-color: #336633;
			-webkit-text-stroke-width: 0.5px;
			-webkit-text-stroke-color: #fff;
			text-shadow:1px 1px 1px #999; 
			-moz-text-shadow:1px 1px 1px #999; 
			-webkit-text-shadow:1px 1px 1px #999;}
	
	#tp-tk-g4-on {
			color: #e57100;
			-webkit-text-fill-color: #e57100;
			-webkit-text-stroke-width: 0.5px;
			-webkit-text-stroke-color: #fff;
			text-shadow:1px 1px 1px #999; 
			-moz-text-shadow:1px 1px 1px #999; 
			-webkit-text-shadow:1px 1px 1px #999;}

	#tp-tk-g5-on {
			color: #cc00ff;
			-webkit-text-fill-color: #cc00ff;
			-webkit-text-stroke-width: 0.5px;
			-webkit-text-stroke-color: #fff;
			text-shadow:1px 1px 1px #999; 
			-moz-text-shadow:1px 1px 1px #999; 
			-webkit-text-shadow:1px 1px 1px #999;}

	#tp-tk-g6-on {
			color: #cc0000;
			-webkit-text-fill-color: #cc0000;
			-webkit-text-stroke-width: 0.5px;
			-webkit-text-stroke-color: #fff;
			text-shadow:1px 1px 1px #999; 
			-moz-text-shadow:1px 1px 1px #999; 
			-webkit-text-shadow:1px 1px 1px #999;}

.modal_container {
    display:none;
    z-index: 900;
	position:relative;
	width:650px;
	min-height:670px;
	border:2px solid white;
	padding:13px;
	border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	background:#cc0000;
	font-family:Arial, Helvetica, sans-serif;
    position: absolute;
    z-index: 900;
    top: 120px;
    left: 50%;
    margin-left: -325px;
}
	
.modal_content {
	position:relative;
	width:650px;
	padding:10px 0;
	min-height:670px;
	background:#fff;
	border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
	-moz-box-shadow: inset 0 0 5px 3px #ccc;-webkit-box-shadow: inset 0 0 5px 3px #ccc;box-shadow: inset 0 0 5px 3px #ccc;}
	
	.modal_p1 { position:relative; font-size:24px; text-align:center; font-weight:normal; margin:0 auto; width:90%;}
	.modal_p1 img {display:inline; position:relative; top:4px;}
	
	.modal_p2 {font-size:32px; font-weight:bolder; text-align:center; margin:5px auto; width:90%}
	.modal_p2 img {margin:0 auto;}

	ul.modal_ul {position:relative; padding:10px 40px 10px 75px; width:80%; }
	ul.modal_ul li {position:relative; margin:5px 0; font-size:18px;}
	ul.modal_ul li img { position:absolute; top:2px; left:-30px;}
	
	.modal_how {
		position:relative;
		width:19%;
		left:-28px;
		padding:3px 8px 3px 36px;
		background:#fff000;
		box-shadow:2px 2px 2px 1px #b2b2b2; -moz-box-shadow:2px 2px 2px 1px #b2b2b2; -webkit-box-shadow:2px 2px 2px 1px #b2b2b2;}
		
	.modal_how p {font-weight:bolder; color:#ff0000; text-align:right; font-size:18px}
	.modal_shadow_how {position:absolute; bottom:-12px; left:1px;}
	.modal_yellow_highlight {padding:5px; background:#fff000; font-weight:bold; font-size:20px; text-align:center; margin:0 auto 8px; width:85%;}
    .modal_rules, .modal_top_image {text-align:center};
	.modal_rules a {color:#06C; font-weight:bold; text-align:center; font-size:12px;}
	.modal_close {position:absolute; top:-22px; right:-22px;}
	
	

/* VERSION 2 ADDITIONS (08-23-2012)
-----------------------------------------------------*/

.modal_top_image img {margin:0 auto -6px;}
.modal_v2_p0 {text-align: center; font-size:22px; font-weight:bold;}
.modal_v2_p1 { position:relative; font-size:20px; text-align:center; font-weight:normal; margin:12px auto 0; width:90%;}
.modal_v2_p1 img {display:inline; position:relative; top:4px;}

.modal_v2_p2 {font-size:22px; font-weight:bolder; text-align:center; margin:5px auto 10px; width:90%; font-weight:normal;}
.modal_v2_p2 img {margin:10px auto;}

.modal_how_v2 {
		position:relative;
		width:25%;
		left:-28px;
		padding:3px 8px 3px 36px;
		background:#fff000;
		box-shadow:2px 2px 2px 1px #b2b2b2; -moz-box-shadow:2px 2px 2px 1px #b2b2b2; -webkit-box-shadow:2px 2px 2px 1px #b2b2b2;}
		
	.modal_how_v2 p {font-weight:bolder; color:#ff0000; text-align:right; font-size:18px;}

	ul.modal_ul_v2 {position:relative; padding:10px 40px 10px 75px; width:80%; }
	ul.modal_ul_v2 li {position:relative; margin:7px 0; font-size:18px; font-weight:normal}
	ul.modal_ul_v2 li img { position:absolute; top:2px; left:-30px;}
	
	.modal_yellow_highlight_v2 {padding:5px 2px; background:#fff000; font-weight:normal; font-size:22px; text-align:center; margin:0 auto 15px; width:85%;}

	.modal_burst_v2 {position:absolute; top:125px; left:-120px;}




#fast-promo {
    display:none;
    position: absolute;
    top: 240px;
    left: 50%;
	margin-left:-235px;
    z-index: 850;
	width: 470px;
	-moz-border-radius: 15px;
	border-radius: 15px;
    background-color: #fff;
	
	background-repeat:repeat;
	background-position: top center;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}

.fast-promo-B {
    width: 520px !important;
}

#fast-promo-BG {
	margin-left:-3px;
	width: 470px;
	border:#000000 4px solid;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.12) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,0.12))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.12) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.12) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.12) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.12) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#1f000000',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, .3);
	box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, .3); }

#fast-promo-x {
	float:right;
	padding-top:3px;
	padding-right:3px;
}

div.fast-promo-header {
	clear:both;
	}

div.fast-promo-fastlogo {
	padding-top:2px;}
	
div.fast-promo-copy1 {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:410px;
	font-size:13pt;
	color:#000000;
	font-weight:normal;
	text-align:right;
	text-align:justify;
	margin-top:9px;
	margin-bottom:14px;}

div.fast-promo-copy1b {
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    width:430px;
    font-size:13pt;
    color:#000000;
    font-weight:normal;
    margin-top:9px;
    margin-bottom:14px;
    clear:both;
}

div.fast-promo-copy1bold {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:410px;
	font-size:13pt;
	color:#000000;
	text-align:right;
	text-align:justify;
	font-weight:bold;
	margin-bottom:4px;}

div.fast-promo-greenbutton {
	padding-right:7px;}

.fast-promo-greenbutton .fast-promo-buttonlink {
	
}

.fast-promo-redbutton .fast-promo-buttonlink {
   
    margin: 0 auto;
}

.fast-promo-buttonlink {
    text-indent: -99999px;
    margin-left:7px;
    display:block;
    width: 450px;
    height: 72px;
}

.fast-promo-buttonlink:hover {
	background-position: 0 0;
}
	
div.fast-promo-copy2 {
	text-align:center;
	font-size:10pt;
	color:#353535;
	font-weight:normal;
	margin-top: -4px;
	margin-bottom:16px;
	}

div.fast-promo-copy3 {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:390px;
	line-height:15px;
	font-size:10pt;
	color:#000000;
	font-weight:normal;
	background-color:#fff000;
	padding:2px;
	text-align:center justify;
	margin-bottom:24px;
}

div.fast-promo-lottobox {
    width:470px;
    margin-left: 15px;
}

div.fast-promo-lottoball {
    float:left;
    height:62px;
    width:62px;
    text-align:center;
    
    background-repeat:no-repeat;
    background-position:top center;
    padding-top:17px;
    padding-left:3px;
    padding-right:3px;
    padding-bottom:8px;
    font-size:20px;
    font-weight: bold;
}

div.fast-promo-lottoballtext {
    height:62px;
    width:62px;
    text-align:center;
}

#results-fast-insert {
    width: 802px;
    height: 159px;
    background-image: url("/images/fon1.png");
    background-repeat: no-repeat;
    background-position: top center;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    clear: both;
}
#results-fast-insert.es {
    height: 186px;
}

#results-fast-insert .fast-insert-header {
    font-size: 16px;
    padding-top: 12px;
}

#results-fast-insert .copy2 {
    font-size: 20px;
    padding-top: 2px;
}

#results-fast-insert .button {
    padding-top: 3px;
}


@media (max-width: 1100px) {
#results-30 {
 width:510px;
 font-size:11px;
}
.col-1 { margin:1px 0 0;float:left; width:102px; padding-left:6px; font-weight:100; }
		.col-2 { margin:1px 0 0;float:left; width:110px;color: #009900; }
		.col-3 { margin:1px 0 0;float:left; width:130px; }
		.col-4 { margin:1px 0 0;float:left; width:30px; color:#FF0000;}
		.col-5 { margin:1px 0 0;float:left; width:110px; color: #0000CC;}
#G11 {display:none;}
#results-fast-insert {
    width: 490px;
    height: 159px;
    background-image: url("/images/fon1.png");
    background-repeat: no-repeat;
    background-position: top center;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    clear: both;
}
#results-fast-insert .fast-insert-header {
    font-size: 10px;
    padding-top: 8px;
}
#results-fast-insert .copy2 {
    font-size: 14px;
    padding-top: 2px;
}
}

@media (max-width: 500px) {
#results-30 {
 width:275px;
 font-size:8.3px;
}
.col-1 { margin:1px 0 0;float:left; width:69px; padding-left:1px; font-weight:100; }
		.col-2 { margin:1px 0 0;float:left; width:81px; }
		.col-3 { margin:3px 0 0;float:left; width:25px; }
		.col-4 { margin:1px 0 0;float:left; width:18px; color:#FF0000; }
		.col-5 { margin:1px 0 0;float:left; width:81px;}
#G11 {display:none;}
#G22 {display:none;}
#results-fast-insert {
    width: 254px;
    height: 159px;
    background-image: url("/images/fon1.png");
    background-repeat: no-repeat;
    background-position: top center;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    clear: both;
}
#results-fast-insert .fast-insert-header {
    font-size: 7px;
    padding-top: 4px;
}
#results-fast-insert .copy2 {
    font-size: 9px;
    padding-top: 1px;
}
}
@media (min-width: 779px) {
#G22MOB {display:none;}
}

@media (max-width: 880px) {
.notAllmobil
{
 display:none;
}
}
@media (min-width: 400px) {
.mobilmini
{
 display:none;
}
}
@media (max-width: 500px) {
.mobilminimax
{
 display:none;
}
}