/* --------------------------------
	01. YAHOO RESET LIBRARY
-------------------------------- */

@import "reset.css";

/* --------------------------------
	02. STRUCTURE ELEMENTS
-------------------------------- */

body {
	background: #f0efef;
	font: bold 12px/20px Tahoma, Helvetica, sans-serif;
}

#page {
	width: 771px;
	margin: 0 auto;
	padding: 10px 40px 10px 56px;
	background: url(/images/common/bg-page.gif) repeat-y 0 0;
	/*overflow: hidden;*/
	height: auto;
	position: relative;
}

#logo { 
	position: relative;
	float: left; 
	z-index: 1;
	left: 17px;
	top: 5px;
}

#logo a {
	display: block;
	width: 219px;
	height: 125px;
	background: url(/images/common/bg-logo.png) no-repeat 0 0;
	text-align: right;
}

#user {
	width: 500px;
	float: right;
	margin: -80px 10px 25px 0;
}

#user #user-manage  {
	height: 51px;
	float: right;
	padding: 5px 10px;
	background: url(/images/common/bg-user-right.png) no-repeat 100% 0;
}

#user #user-manage .welcome { 
	display: block; 
	margin: 0 0 8px;
	white-space: nowrap; 
}

#user #user-manage .welcome a { color: #a71158; }

#user #user-cash {
	width: 122px;
	height: 21px;
	float: right;	
	padding: 14px 0 26px 55px;
	color: #217009;
	background: url(/images/common/bg-user-left.png) no-repeat 0 0;
	font: bold 14px Georgia, Times, serif;
	
}

#user #user-cash span { font-size: 24px; }

#nav {
	width: 100%;
	height: 65px;
	float: left;
	clear: both;
	margin: -10px 0 0;
	padding: 5px 0 6px;
	background: url(/images/common/bg-nav.png) no-repeat 0 0;
}

#nav li { 
	height: 38px;
	float: left;
}

#nav li a {
	position: relative;
	float: left;
	height: 38px;
	padding: 0 0 0 25px;
	text-decoration: none;
	z-index: 2;
}

#nav li a span { 
	float: left;
	padding: 11px 28px 10px 0;
	color: #fff;
	font: bold 14px Tahoma, Helvetica, sans-serif;
	cursor: pointer;
}

#nav li.nav-item-1 { margin: 0; }

#nav li a.active,
#nav li a:hover { background-position: 0 0 !important; }

#nav li a.active span,
#nav li a:hover span  { background-position: 100% 0 !important; }


/*#lang-box { 
	position: relative;
	width: 112px;
	float: right;
	margin: -59px 30px 0 0;
	height: 27px;
}*/

#lang-box {
	position: absolute;
	width: 112px;
	height: 27px;
	/*top: 100px;*/
	left: 695px;
	z-index: 2;
}

#lang-box ul{ 
	position: absolute;
	left: 0; top: 0;
	width: 112px;
	height: 23px;
	padding: 0 0 4px;
	overflow: hidden;
	margin: 0;	
}


#lang-box ul.hover,
#lang-box ul:hover { 
	background-position: -119px 100%; 
	height: auto;
}

#lang-box ul.hover li, 
#lang-box ul:hover li { 
	background-position: -119px 0;  
}

#lang-box select {
	width: 92px;
	margin: 6px 0 0;
	border: 0;
	color: #fff;
	background: #f665a9;
	font-size: 10px;
}

#lang-box li { 	
	padding: 4px 10px 0;
	text-align: right;
}

#lang-box li a {
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

#lang-box li a img { 
	position: relative;
	top: 1px;
}



#side-nav {
	/*width: 240px;*/
	float: right;
	text-align: left;
}


#side-nav h4.menu {
	width: 206px;
	/*height: 24px;*/
	padding: 10px 10px 0 20px;
	background: url(/images/common/bg-menu-top.png) no-repeat 0 0;
}

#side-nav ul.menu {
	width: 196px;
	/*min-height: 150px;*/
	margin: -10px 0 0;
	padding: 15px 10px 15px 30px;
	background: url(/images/common/bg-menu-bottom.png) no-repeat 0 100%;
	font: bold 12px Georgia, Times, serif;
	text-align: left;
	
}

#side-nav ul.menu li {
	padding: 2px 12px;
	background: url(/images/common/icon-dot.png) no-repeat 0 6px;
}

#side-nav .ad {
	width: 242px;
	/*height: 240px;*/
	margin: 15px 0;
	background: white;
}

#side-nav .ad1,.ad2  {
	float: left;
}

#side-nav .adsquare  {
	text-align: center;
}

#footer {
	width: 771px;
	height: 96px;
	margin: 0 auto;
	padding: 16px 48px 0;
}

#footer #copy a {
	display: block;
	width: 309px;
	height: 22px;
	margin: 2px 20px;
	background: url(/images/common/bg-copy.png) no-repeat 0 0;
	text-indent: -100em;
	overflow: hidden;
}



/* --------------------------------
	03. CONTENT COMMON ELEMENTS
-------------------------------- */

.aural { position: absolute; left: -2500em; }

.field
{
	position: relative;
	display: inline;
}

.left { float: left; }
.right { float: right; }

.btn {
	display: block;
	width: 146px;
	height: 28px;
	margin: 5px 8px 0 0;
	padding: 25px 20px 15px 70px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

.btn-players {
	padding: 10px 20px 30px 70px;
	background: url(/images/common/btn-players.png) no-repeat 0 0;
	font: bold 36px Georgia, Times, serif;
}

.btn-players span { 
	color: #868585;
	font: bold 11px Tahoma, Helvetica, sans-serif;
}

.box, .bigbox {
	position: relative;
	width: 245px;
	min-height: 220px;
	float: left;
	padding: 0 0 45px;
	background: url(/images/common/bg-box-bottom.png) no-repeat 0 100%;
}

.bigbox
{
	width: 501px;
	background: url(/images/common/bg-box-bottom-wide.png) no-repeat 0 100%;
}

.box a, .bigbox a { color: #981553; }

.box-3 { float: right; }

.box h4, .bigbox h4 {
	width: 145px;
	height: 17px;
	padding: 15px 80px 11px 20px;
	color: #fff;
	background: url(/images/common/bg-box-top.png) no-repeat 2px 0;
	font: 17px Georgia, Times, serif;
}

.bigbox h4
{
	width: 490px;
	background: url(/images/common/bg-box-top-wide.png) no-repeat 2px 0;
}
.box .bingo-price {
	position: absolute;
	top: 0px;
	right: -15px;
	width: 79px;
	height: 25px;
	padding: 12px 0;
	color: #038185;
	background: url(/images/common/bg-cloud.png) no-repeat 2px 0;
	font: bold 17px Georgia, Times, serif;
	text-align: center;
}

.box p, .bigbox p, .box ul, .bigbox ul {
	padding: 10px 20px;
	color: #666;
	font-weight: normal;
}

.bingoGames .cmlogo
{
	float: right;
	margin-top: -30px;
}

.box .more, .bigbox .more {
	float: right;
	margin-top: -6px;
	padding-right: 14px; 
}

.bigbox .more
{
	left: 293px;
}

.box .bingo-stats, .bigbox .bingo-stats {
	float:left;
	font-weight:normal;
	line-height:17px;
	padding:5px 0 0 20px;
	width:90px;
}

.box .bingo-stats li, .bigbox .bingo-stats li { margin: 0 0 9px; }

.box .bingo-stats span { 
	display: block;
	font-weight: bold; 
}

.box .jackpot, .bigbox .jackpot {
	width: 95px;
	height: 68px;
	float: right;
	margin: 20px 5px 0 0;
	padding: 33px 0 0;
	color: #217009;
	background: url(/images/common/bg-jackpot.png) no-repeat 0 0;
	font: bold 14px Georgia, Times, serif;
	text-align: center;
}

.box .jackpot span, .bigbox .jackpot span { font-size: 30px; }

/*-- Button Styles --*/


a.btn-grey {	
	float: right;	
	padding: 7px 0 7px 17px;
	background: url(/images/common/btn-grey-left.png) no-repeat 0 0;
	text-decoration: none;
	
} 

a.btn-grey span {
	padding: 9px 17px 10px 0;
	color: #fff;
	background: url(/images/common/btn-grey-right.png) no-repeat 100% 0;
	font-size: 14px;
	font-weight: bold;
}


.btn-grey {
	background:transparent url(/images/common/btn-grey-left.png) no-repeat scroll 0 0;
	float:right;
	padding:7px 0 7px 30px;
	text-decoration:none;
	/*width:80%;*/
}

.btn-grey span {
	background:transparent url(/images/common/btn-grey-right.png) no-repeat scroll 100% 0;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:8px 27px 10px 0;
}

.btn-white {	
	padding: 7px 0 7px 17px;
	background: url(/images/common/btn-white-left.png) no-repeat 0 0;
	text-decoration: none;
}

.btn-white span {
	padding: 7px 17px 10px 0;
	color: #fff;
	background: url(/images/common/btn-white-right.png) no-repeat 100% 0;
	font-size: 12px;
	font-weight: bold;
}


/* --------------------------------
	04. HOMEPAGE ELEMENTS
-------------------------------- */

#homepage #banner { 
	float: left; 
	margin: -17px 0 0 5px;
}

#homepage .btn { float: right; }

#homepage .box-2 { margin: 0 9px 0 12px; }


/* --------------------------------
	04. SUBPAGE ELEMENTS
-------------------------------- */

.inner { 
	width: 520px; 
	float: left;
}

.inner .box-2 { 
	float: right;
	margin: 0; 
}

/*.inner .box,*/ .inner .bigbox { padding-bottom: 20px; }

.lead { padding: 10px 0 20px; }

.lead p { 
	color: #666;
	font-weight: normal;
}

.view-all { 
	float: right;
	margin: -40px 15px 0 0;
	padding: 0 0 0 17px;
	color: #dad9d9;
	background: url(/images/common/icon-plus.png) no-repeat 0 3px;
	font-weight: normal;
}

.view-all a { color: #07969a; }

.title {
	width: 756px;
	height: 40px;
	clear: both;
	background: url(/images/common/bg-title.png) repeat-x 0 16px;
}

/*.title span {
	display: block;
	height: 40px;
	padding: 0 7px 0 0;
	text-indent: -100em;
	overflow: hidden;	
}

.title-2 span { width: 178px; background: #fff url(/images/common/bg-title-2.png) no-repeat 0 0; }
.title-3 span { width: 247px; background: #fff url(/images/common/bg-title-3.png) no-repeat 0 0; }
.title-4 span { width: 153px; background: #fff url(/images/common/bg-title-4.png) no-repeat 0 0; }*/

#copy
{
	color: #FFFFFF;
	padding-left: 20px;
}

ul.tickets
{
	margin: 0;
	padding: 0;
	width: 453px;
	list-style: none;
	margin-bottom: 10px;
}

	ul.tickets li
	{
		display: block;
		background: #EEEEEE;
		padding-bottom: 4px;
	} 
	
	ul.tickets li h3, ul.tickets ul li, ul.tickets .content
	{
		padding-left: 10px;
		padding-right: 10px;
	}
	
	ul.tickets li h3
	{
		padding: 11px 10px 11px 10px;
		margin: 0;	
		font: Bold 12pt/12pt "Arial",sans-serif;
		/*background: #DEDEDE;*/
	}
	
	ul.tickets ul
	{
 		margin-bottom: 10px;
	}
	
		ul.tickets ul li
		{
			background: none;
		}
	
	ul.tickets li .content
	{
		/*background: #FF0000;*/
		padding-bottom: 10px;
		min-height: 60px;
	}
	
	ul.tickets li, ul.tickets li h3, ul.tickets li .inner
	{
		/*background-image: url(/images/common/ticket.png);*/
		background-position: bottom left;
	}
	
	ul.tickets li.response, ul.tickets li.response h3, ul.tickets li.response .inner
	{
		/*background-image: url(/images/common/ticket_response.png);*/
	}
	
	ul.tickets li h3
	{
		background-position: top right;
	}
	
	/*ul.tickets li .inner
	{
		/*background: none;*/
		background-position: right bottom;
		margin: 0 5px 0 4px;
	}*/
		
	ul.tickets li.response
	{
		background-color: #D9F9FA;
 		padding-bottom: 4px;
		z-index: 1;
		margin-top: -5px;
	}
		
	ul.tickets li.response h3
	{
		padding-top: 21px;
	}
	
	ul.tickets li.response .inner
	{
		margin: 0;
	}

div.rating
{
	/*width: 264px;*/
	width: 400px;
	margin: auto;
}

div.rating .c
{
	text-align: center;
}

div.rating em, div.rating span
{
	color: #777777;
}

div.rating em
{
	display: block;
	padding: 10px 0 0 0;
	font-size: 110%;
	font-weight: bold;
}

div.rating button
{
	float: right;
}

div.rating ul.radio-box
{
	float: left;
	padding-left: 4px;
}

ul.radio-box
{
	list-style: none;
	text-align: left;
}

ul.radio-box li
{
	display: block;
	margin-bottom: 4px;
}

ul.radio-box li input, ul.radio-box li label
{
	display: inline;
	float: none;
}

ul.radio-box li label
{
	padding-left: 2px;
}

.help div.buttons
{
	width: 404px;
	margin: auto;
}

.help div.buttons .c
{
	padding: 14px 12px 0 12px !important;
}

.help div.buttons a
{
	display: block;
	float: left;
	width: 180px;
	margin: 0 5px;
}

.autoclear:after
{
	display: block;
	content: ".";
	height: 0;
	clear: both;
	visibility: hidden;
}

.autoclear
{
	display: inline-table;
}

#frontbanner img
{
	width: 490px;
}

.donatemessage
{
	text-align: center; 
}

.fbconnect
{
	display:inline;
	margin-right:10px;
}

.fbconnect a
{
	padding-right: 0px !important;
}

.processorlist li
{
	float: left;
	text-align: center;
	padding-right: 4px;
}

#verifiedhold input 
{
	display: inline;
	float: none;
}

#verifiedhold
{
	border: 2px solid #FF0000;
	padding: 5px;
	color: #666666;
}