/* CSS by Myoung Hong*/

body {
	background: #101010 url(../images/mainBG.jpg) no-repeat top;
	margin: 0 auto;
}

#membersMenu {
	position: relative;
	width: 960px;
	margin: 7px auto;
	padding: 0px;
}
#ad {
	position: absolute;
	width: 960px;
	top: -100px;
	margin: 0px auto;
}
#companylogo {
	position: absolute;
	width: 310px;
	top: -62px;
	margin: 0px;
}
#fbshare {
	position: absolute;
	top: -62px;
	left: 810px;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial;
	color: green;
}
#fblike {
	position: absolute;
	top: -62px;
	left: 900px;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial;
	color: white;
}

	
#membersMenu ul {
	position: absolute;
	top: -23px;
	right: 0px;
	list-style: none;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	background: #353535;
}
#membersMenu ul li{
	display: inline;
	float: left;
	text-align: center;
	height: 22px;
	background: #353535;
}
#membersMenu ul li a{
	display: block;
	height: 18px;
	color: #999999;
	text-decoration: none;
	background: #353535;
	padding-left: 7px;
	padding-right: 7px;
}
#membersMenu ul li a:hover{
	display: block;
	height: 18px;
	color: #fff;
	text-decoration: none;
}
#wrapper {
	width: 960px;
	margin: 100px auto;
	margin-bottom: 0px;
}

/* Header Container*/
#headerWrapper {
	margin: 0px;
	padding: 0px;
}
#headerContent {
	margin: 0px;
	padding: 0px;
}

/* Navigation */
#nav {
	width: 100%;
	height: 42px;
	margin: 0;
	padding: 0;
    background: #acadad url(../images/navBG.jpg) repeat-x;
}
#navlist{
  float: right;
  display: block;
  padding: 0px;
  margin: 0;
  font-size: 12px;
}

#navlist li{
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline;
}

#navlist li a{
  float: left;
  display: block;
  height: 30px;
  width: 90px;
  position: relative;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  border: none;
  text-decoration: none;
  color: #FFF;
  text-align: center;
  margin: 0px;
  padding-top: 10px;
}

#navlist li a:hover{
  background: #c8c8c8 url(../images/navButton.jpg) no-repeat top right;
  color: #fff;
  text-decoration: none;
}

#navlist li.current_page_item a{
  background: #c8c8c8 url(../images/navButton.jpg) no-repeat top right;
  background-position: right -40px;
}

#navlist li a:visited { color: #fff; }

/* End of Navigation */
/* End of Header Container */

/* Content Container */
#contentWrapper {
	margin: 0px auto;
	background: #000;
	padding: 0px 10px;
	min-height: 300px;
}
#topSection {
	width: 100%;
	margin: 0px;
}
#flashPromo {
	float: left;
	width: 592px;
	height: 294px;
}
#signupGame {
	float: right;
	width: 410px;
	margin: 15px auto;
}
#signupGame form {
	position: relative;
	width: 400px;
	margin: 0px auto;	
}
#signupGame form label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -1px;
}
#signupGame form p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 12px;
	margin: 3px 0px 5px 0px;
	padding: 0px;
	line-height: 13px;
}
#signupGame form p b {
	font-size: 16px;
}	

span.dash {
	color: #ffffff;
	font-weight: bold;
	position: absolute;
	margin: 5px 0px 0px -10px;
}
/* Drop down menu for games */
div.selectbox-wrapper {
    position:absolute;
    width:300px;
    background-color:#000;
    border:1px solid #ccc;
    margin:0px;
    margin-top:15px;
	margin-left:25px;
    padding:0px;
    font-size:0.8em;
    text-align:left;
    height:150px;
   *height:150px; /*IE6 fix */
   overflow: auto;
   z-index: 300;
}
div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.selectbox-wrapper ul li.selected { 
  background-color: #004878;
}
div.selectbox-wrapper ul li.current { 
  background-color: #004878;
}
div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}
.selectbox /* look&fell of  select box*/
{
  margin: 0px 5px -20px 0px;
  padding: 8px 0px 2px 8px;
  display : block;
  font-size: 15px;
  color: #FFF;
  height: 25px;
  text-align:left; 
  background: url('images/selectgameINPUT_BG.jpg') no-repeat center;
  /*height:25px;*/
  cursor: pointer;
  border: none;
  color:#fff;
}
/* End of drop down menu for games */

input.mobileinput {
background-image:url(../images/phoneINPUT_BG.jpg);
font-size:14px;
margin: 0px 10px;
height: 20px;
padding:0px;
padding-top:5px;
padding-bottom:5px;
text-align:center;
color: #fff;
}

button {
	border: none;
	background: none;
	cursor: pointer;
	padding: 0px;
	margin:10px auto;
}

#midSection {
	width: 100%;
	height: 164px;
	margin: 5px 0px 0px 0px;
	background: #000 url(../images/midSectionBG.jpg) no-repeat top right;
}
.instructions {
	float: left;
	margin: 35px 0px 0px 0px;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.instructions h1 {
	color: #fff;
	font-size: 24px;
	letter-spacing: -2px;
}
.instructions ol {
	font-size: 12px;
	margin: 0px 0px 0px -10px;
}
#bottomSection {
	width: 100%;
	margin: 5px 0px 15px 0px;
}
#promoAD {
	float: left;
	width: 240px;
	height: 229px;
}
#howtoplay {
	float: right;
	width: 671px;
	height: 227px;
	background: #333 url(../images/howtoplayBG.jpg) no-repeat top right;
}
#howtoplayMenu {
	margin: 7px 0px 0px 7px;
	padding: 0px;
}
#tabs ul {
	list-style: none;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	letter-spacing: -1px;
}
#tabs ul li{
	display: inline;
	float: left;
	text-align: center;
	width: 121px;
	height: 22px;

}
#tabs ul li a{
	display: block;
	width: 121px;
	height: 22px;
	color: #004878;
	text-decoration: none;
}
#tabs ul li a:hover{
	display: block;
	width: 121px;
	height: 22px;
	color: #004878;
	text-decoration: none;
	background:  url(../images/mobileOnlinePlay_btnBG.png) no-repeat top right;
}
#tabs ul li.active a{
	display: block;
	width: 121px;
	height: 22px;
	color: #004878;
	text-decoration: none;
	background:  url(../images/mobileOnlinePlay_btnBG.png) no-repeat top right;
}

/* End of Content Container */

/* Footer Content */
#footerWrapper {
	background-color:#000;
	padding:5px;
}
#footerContent {
	padding:5px;
}
#footerContent p, #footerContent a {
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:12px;
	line-height: 14px;
	color:#FFF;
	text-decoration: none;
}
#footerContent a:hover {
	color:#006090;
	text-decoration: underline;
}

#disclaimer1 {
	margin: 0 auto;	
}
#disclaimer1 p {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 10px;
	line-height: 12px;
	color: #B3B3B3;
}
#carrierLogos img{
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
}
/* End of Footer Content */

/* Signup Page */
.sideboxSignup{
	float: right;
	margin: 0;
	margin-top: 15px;
	width: 410px; 
	font-size: 100%;
}
.boxheadSignup h2 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	color: #fff; 
	font-weight: bold; 
	font-size: 20px; 
	line-height: 24px;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbodySignup p {
	font-family: Arial, Helvetica, sans-serif;	
}
.boxbodySignup table {
	font-size: 12px;	
}
#upgradePromo {
	width: 500px;
	float: left;
	margin: 0;
	margin-top: 15px;
}

/* End of Signup Page */

/* Game Page */

#games {
	background: #000;
	margin-top: 10px;
	width: 100%;
}

#leftcolumn {
	float: left;
	width: 450px;
	background: #000;
	text-align: left;
	margin: 0 ;
	padding: 0;
	
}	
#gameSelection {
	float: left;
	width: 450px;
	background: #000;
	text-align: left;
	height: 530px;
	margin: 0 ;
	padding: 0;	
	overflow: auto;
	overflow-x: hidden; /* for IE7 */
}
#gameSelection ul {
	list-style: none;
	margin: 5px;
	padding: 0;
	font-size: 12px;
}
ul.gameInfo {
	display: block;
	width: 430px;
}
li.gamePics {
	float: left;
	display: block;
	width: 210px;
	height: 122px;
}
li.gameDesc {
	float: right;
	display: block;
	width: 220px;
	height: 122px;
}

li.gameDesc h2, li.gameDesc p, li.gameDesc a {
	margin: 0;
	padding: 0;
	color: #fff;
}

li.gameDesc h2 {
	font-size: 14px;
	color: #fff;
	background-color: #29a22e;
	padding-left: 5px;
}

#rightColumn {
	width: 480px;
	float: right;
}
#currentGame {
	margin: 3px 0px 5px 0px;	
}
#actualGame {
	float: left;
	width: 333px;
	height: 294px;
	background: #333 url(../images/signupGameBG.jpg) no-repeat top right;
}
#actualGame form {
	width: 320px;
	margin: 10px auto;	
}
#actualGame form label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: -1px;
}
#actualGame form p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	margin-top: 5px;
	padding: 0px;
	line-height: 13px;
}
#gameFeedback {
	height: 60px;
	width: 100%;
	color: #333333;
	font-weight: bold;
}
#gameHints {
	height: 70px;
	width: 100%;
}
.gameinput {
background-image:url(../images/gameINPUT_BG.jpg);
font-size:18px;
margin: 5px 10px;
padding:10px;
text-align:center;
color: #fff;
}

#gameDescription {
float: right;
width: 140px;
height: 294px;
background: url(../images/gameDescriptionBG.jpg) no-repeat top right;
padding: 0px;
margin: 0px;
}
#gameDescription h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 11px;
	font-weight: bold;
	line-height: 11px;
	margin: 5px;
}
#gameDescription p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 11px;
	margin: 0px;
	padding: 0px 5px 0px 7px;;
	line-height: 12px;
}

/* End of Game Page */

/*Login Page */

#loginColumn {
	width: 465px;
	float: left;
	margin:15px auto;
	border-right-style: dashed;
	border-right-width: thin;
}
#loginContent {
	display:block;
	float: right;
	margin-right: 50px;
}
#loginContent h1 {
	text-align: right;
	font-size: 30px;
	font-weight: bold;
	letter-spacing: -2px;
	color: #999999;
}

#loginContent label {
	margin-right: 25px;
	font-size: 14px;
	font-weight: bold;
}
#loginContent input {
	
}

#noAccountColumn {
	width: 465px;
	margin-top: 15px;
	float: right;
}
#noAccountContent {
	display:block;
	float: left;
	margin-left: 40px;
}
#noAccountContent h1 {
	text-align: left;
	font-size: 30px;
	font-weight: bold;
	letter-spacing: -2px;
	color: #999999;
}
#loginContent input.password {
	width: 175px;	
}
#loginContent button {
	float: right;
	text-align: right;
}
.inputFloatRight {
	margin-top: 5px;
	float: right;
	width: 400px;
	text-align: right;
}
#forgotPassword {
	width: 200px;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
}
#forgotPassword a, #noAccountContent a{
	color:#006090;
}
#forgotPassword a:hover, #noAccountContent a:hover {
	color:#999999;	
}

#settingsColumn {
	width: 465px;
	float: left;
	margin:15px auto;
	border-right-style: dashed;
	border-right-width: thin;
}
#gamesPlayingColumn {
	width: 465px;
	margin-top: 40px;
	float: right;
}

#statusContainer {
	overflow: auto; 
	width: 425px; 
	height: 350px;
}

#statusContainer table td {
	border-color: #000;
    border-style: solid;
}

#statusContainer table {
	border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
    font-size: 12px;
}

#statusContainer th {
	margin: 0;
    padding: 4px;
    border-width: 1px 1px 0 0;
    background-color: #996666;
    border-color: #000;
    border-style: solid;
    font-size: 14px;
}

#statusContainer td {
	margin: 0;
    padding: 4px;
    border-width: 1px 1px 0 0;
}

#statusContainer .normal {
	background-color: #999999;
}

#statusContainer .warning {
	background-color: #FE2222;
}

#messagingSettings table{
	float: right;
	text-align: right;
	width: 313px;
}

#formLeft {
	width: 500px;
	float: left;
	margin: 0;
	margin-top: 15px;
}
#upgradePromo2 {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
*/
/* Tabs
----------------------------------*/
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-hide { display: none !important; }

.ui-state-active, .ui-widget-content .ui-state-active {
	display: block;
	width: 121px;
	height: 22px;
	text-decoration: none;
	background:  url(../images/mobileOnlinePlay_btnBG.png) no-repeat top right;
	
	}
	

.unique {
	color:#cc6600;
}

.notUnique {
	color:#ff0000;
}

.winning {
	color:#00cc00;
}

.winner {
	padding: 10px;
}

.format{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}
.format_bold{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
font-weight:bold;
margin-top:25px;
}
.date{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#FFFFFF;
}
.format_bold_trivia{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#FFFFFF;
font-weight:bold;
}
.indent{
margin-left:25px;
}

#trivia_flash {
position: absolute;
right: 0;
bottom: 0;
z-index: 10;
padding:5px;
text-align:right;
font-weight:bold;
width:254px;
height:229px;
}
.contact {
float:left;
margin-left:50px;
padding:10px;
}

.pricepoint {
	font-weight: bold;
	font-size: 16px;
}

#heading {
	color: #fff;
	font-size: 24px;
	letter-spacing: -2px;	
}

#freecreateprofile form input {
	background: white;
	color: black;
}
#sitemap {
	text-align: left;
	margin-left: 50px;
}	

#sitemap a {
	text-decoration: none;
}	
	
#winnerbadge{
	background-color:#000;
	width:450px;
	padding:10px;
	margin:0 auto;
}
#winnerbadge h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
		color:#FFF;
}
#winnerbadge p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
}
#winnerbadge .right{
	float:right;
	margin:10px;
}
#winnerbadge a{
	color:#FFF;
}

#playNow a,  #playNow a img{
	color: #40040a;
	background-color: #40040a;
}

#d_clip_button {
	text-decoration: underline;
}