/* general styles */
body {
	margin:0px;
	padding:0px;
	background-color:#ffffff;
	background-image:url('images/body_back.jpg');
	background-repeat:repeat-x;
	
	font-family:verdana,helvetica,sans-serif;
	font-size:11px;
	color:#000;
}

table, tbody {
	margin:0px;
	padding:0px;
}

td {
	margin:0px;
	padding:0px;
}

img {
	margin:0px;
	padding:0px;
	display:block;
}

a:link, a:visited {
	color:#017F39;
	text-decoration:underline;
}

a:hover, a:active {
	color:#017F39;
	text-decoration:none;
}

ul li {
	list-style-image:url('images/dot_green.gif');
	list-style-type:disc;
	margin-bottom:5px;
}
/* general styles */

/* layout styles */
.table-main-layout {
	width:955px;
	margin-left:auto;
	margin-right:auto;
}

.table-inner-layout {
	width:100%;
}

.table-center-layout {
	width:500px;
}

.table-other-layout {
	width:160px;
}

.table-future-layout {
	width:245px;
}

.column-box-layout {
	width:211px;
}

.clear-all {
	clear:both;
	width:100%;
}

.clear-left {
	clear:left;
	width:100%;
}
/* layout styles */

/* header styles */
.header-main {
	background-image:url('images/header_back.jpg');
	background-repeat:repeat-x;
	width:100%;
	text-align:center;
}
/* header styles */

/* userinfo styles */
.userinfo {
	background-image:url('images/nav_userinfo.jpg');
	background-repeat:repeat-none;
	width:262px;
	
	text-align:center;
}
/* userinfo styles */

/* main content styles */
.main-content-left {
	background-image:url('images/border_leftback.jpg');
	background-repeat:repeat-y;
	vertical-align:top;
}

.main-content-right {
	background-image:url('images/border_rightback.jpg');
	background-repeat:repeat-y;
	vertical-align:top;
}

.main-content {
	background-color:#E6F4AE;
	width:100%;
	vertical-align:top;
	
	padding-top:12px;
}

.column {
	vertical-align:top;
}

.column-box {
	margin-bottom:10px;
}

.left-column {}
.center-column {width:100%;}
.rigth-column {}
/* main content styles */

/* most box styles */
.most-box {}

.box-most-table {}

.box-most-center {
	background-color:#418200;
	vertical-align:top;
	color:#fff;
	width:100%;
}

.box-most-center .list-items {}

.box-most-center .list-item {
	clear:both;
	margin-bottom:5px;
}

.box-most-center .number-column {
	color:#F5F600;
	text-align:right;
	padding-left:2px;
	padding-right:5px;
	padding-bottom:10px;
}

.box-most-center .username-column {
	color:#F5F600;
	width:75%;
	padding-right:2px;
	padding-bottom:10px;
}

.box-most-center .points-column {
	color:#80E8FF;
	width:25%;
	padding-right:2px;
	padding-bottom:10px;
}

.box-most-center .label {
	color:#fff;
	padding-bottom:6px;
	padding-top:10px;
}

.box-most-left {
	background-image:url('images/box_most_leftback.gif');
	background-repeat:repeat-y;
	vertical-align:bottom;
}

.box-most-right {
	background-image:url('images/box_most_rightback.gif');
	background-repeat:repeat-y;
	vertical-align:bottom;
}

.box-most-bottom {
	background-image:url('images/box_most_bottomback.gif');
	background-repeat:repeat-x;
	text-align:right;
	color:#E6F4AE;
}

.box-most-bottom a:link, .box-most-bottom a:visited {
	color:#E6F4AE;
	text-decoration:underline;
}

.box-most-bottom a:hover, .box-most-bottom a:active {
	color:#E6F4AE;
	text-decoration:none;
}

.box-most-bottom a.paginate:link, .box-most-bottom a.paginate:visited {
	text-decoration:none;
	color:#E6F4AE;
	font-weight:bold;
}

.box-most-bottom a.paginate:hover {
	color:#FFFF00;
	text-decoration:none;
	font-weight:bold;
}

.box-most-bottom a.active:link, 
.box-most-bottom a.active:hover, 
.box-most-bottom a.active:visited {
	color:#FFFF00;
	text-decoration:none;
	font-weight:bold;
}
/* most box styles */

/* white box styles */
.box-white-left {
	background-image:url('images/box_main_leftback.gif');
	background-repeat:repeat-y;
}

.box-white-center {
	background-color:#fff;
	width:490px;
}

.box-white-right {
	background-image:url('images/box_main_rightback.gif');
	background-repeat:repeat-y;
}

.box-white-bottom {
	background-image:url('images/box_main_bottomback.gif');
	background-repeat:repeat-x;
}

.box-white-top {
	background-image:url('images/box_main_topback.gif');
	background-repeat:repeat-x;
}
/* white box styles */

/* introduction styles */
.introduction {
	margin-bottom:10px;
}

.introduction img {
	margin-bottom:3px;
}

.center-content {
	width:550px;
	margin-left:auto;
	margin-right:auto;
}
/* introduction styles */

/* featured game styles */
.featured-game-box {
	margin-bottom:10px;
}
.featured-game-screen {
	float:right;
	margin:13px 7px 11px 12px;
}

.featured-game-info {
	float:left;
	margin:5px 0px 0px 5px;
	width:207px;
	vertical-align:top;
}

.featured-game-info .game-logo {
	float:left;
}

.featured-game-info .game-title {
	margin-top:7px;
}

.featured-game-info .game-text {
	clear:both;
	margin-top:25px;
	line-height:1.4em;
}

.featured-game-info .game-button {
	margin:10px auto 10px auto;
	width:70px;
}
/* featured game styles */


/* other game styles */
.other-game-box1 {
	float:left;
	margin-right:7px;
	margin-bottom:10px;
}

.other-game-box2 {
	float:left;
	margin-right:7px;
	margin-bottom:10px;
}

.other-game-box3 {
	float:left;
	margin-bottom:10px;
}

.other-game-info {
	float:left;
	margin:5px 0px 0px 2px;
	width:150px;
	vertical-align:top;
}

.other-game-info .game-logo {
	float:left;
}

.other-game-info .game-title {
	margin-top:8px;
	margin-left:46px;
}

.other-game-info .game-text {
	float:left;
	margin-top:3px;
	margin-left:2px;
	line-height:1.4em;
	width:95px;
}

.other-game-info .game-button {
	float:right;
	width:48px;
}

.box-other-top {
	
}

.box-other-left {
	background-image:url('images/box_other_leftback.gif');
	background-repeat:repeat-y;
}

.box-other-center {
	background-color:#fff;
}

.box-other-right {
	background-image:url('images/box_other_rightback.gif');
	background-repeat:repeat-y;
}

.box-other-bottom {
	background-image:url('images/box_other_bottomback.gif');
	background-repeat:repeat-x;
}

.box-other-top {
	background-image:url('images/box_other_topback.gif');
	background-repeat:repeat-x;
}
/* other game styles */

/* future game styles */
.future-game {
	vertical-align:top;
}
.future-game-box1 {
	float:left;
}

.future-game-box2 {
	float:right;
}

.future-game-info {
	float:left;
	margin:1px 0px 0px 3px;
	width:126px;
	vertical-align:top;
}

.future-game .game-screen {
	float:left;
}

.future-game-info .game-logo {
	float:left;
}

.future-game-info .game-title {
	margin-top:8px;
	margin-left:46px;
}

.future-game-info .game-text {
	margin-top:2px;
	line-height:1.4em;
	width:100%;
}
/* future game styles */

/* not a member styles */
.notamember, 
.tellafriend {
	margin-bottom:10px;
}
/* not a member styles */

/* side banner styles */
.side-banner {
	margin-bottom:10px;
}
/* side banner styles */

/* leaderboards styles */
.game_selection {
	margin-bottom:10px;
}

.main-box1 {
	float:left;
}

.box-leadership-lucky {
	width:297px;
}

.main-box2 {
	float:right;
}

.box-leadership-unlucky {
	width:243px;
}
/* leaderboards styles */

/* games list styles */
.notregistered-intro {
	float:right;
	margin-bottom:5px;
}
.list-game-box1, 
.list-game-box3 {
	float:left;
	margin-bottom:10px;
}

.list-game-box2, 
.list-game-box4 {
	float:right;
	margin-bottom:10px;
}

.list-game-info {
	vertical-align:top;
	margin:5px 0px 0px 5px;
}

.list-game-info .game-logo {
	float:left;
}

.list-game-info .game-title {
	padding-top:5px;
	margin-left:50px;
}

.list-game-info .game-button {
	float:right;
}

.more-games {
	width:82px;
	margin-left:auto;
	margin-right:auto;
}
/* games list styles */

/* login styles */
.login-table {
	margin-left:auto;
	margin-right:auto;
}

a.rememberme:link, a.rememberme:hover, a.rememberme:visited {
	color:#000;
	text-decoration:none;
}
/* login styles */

/* game screen styles */
.gameboardbutton {
	float:left;
	width:211px;
}

.floated-div {
	float:left;
	margin-left:11px;
	width:510px;
	margin-bottom:5px;
}

ul.flat-bottom {
	margin-bottom:0px;
}

ul.last {
	margin-bottom:0px;
}

.game-screen {
	width:100%;
	margin-bottom:10px;
}

.ticker-lucky {
	float:left;
}

.ticker-unlucky {
	float:right;
}

.ticker-center {
	background-color:#418200;
	color:#F5F600;
}
/*game screen styles */

/* footer styles */
.footer {
	background-image:url('images/footer_back.jpg');
	background-repeat:repeat-x;
	width:935px;
	
	line-height:1.7em;
	text-align:center;
	color:#ccc;
	font-size:10px;
}

.footer a:link, .footer a:visited {
	color:#fff;
	text-decoration:none;
}

.footer a:hover, .footer a:active {
	color:#fff;
	text-decoration:underline;
}
/* footer styles */

/* debug styles */
.debug-div {
	margin:10px 10px 10px 10px;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:11px;
}

.debug-div pre {
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:11px;
}

.debug-link-div {
	margin:5px 0px 5px 0px;
}

a.debug-link:link, a.debug-link:visited {
	color:#000;
	text-decoration:underline;
}

a.debug-link:hover {
	text-decoration:none;
}

.debug-section {
	margin-top:5px;
	border:1px solid #999;
	background-color:#eee;
	padding:2px;
}
/* debug styles */

/* message styles */
.error-msg-div {
	width:500px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	color:#600;
	border:1px solid #d10106;
	background-color:#ffddde;
	padding:10px;
}

.error-msg-div .title {
	font-weight:bold;
	margin-bottom:10px;
}

.error-msg-div .message ul li {
	list-style-image:none;
	list-style-type:disc;
}

.success-msg-div {
	width:500px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	color:#017F39;
	border:1px solid #017F39;
	background-color:#fff;
	padding:10px;
}

.success-msg-div .title {
	font-weight:bold;
	margin-bottom:10px;
	text-align:center;
}

.success-msg-div .message {
	
}

.debug-msg-div {
	width:500px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	border:1px solid #000;
	background-color:#eee;
	padding:10px;
}

.debug-msg-div .title {
	font-weight:bold;
	margin-bottom:10px;
}

.debug-msg-div .message {
	
}

.page-msg-div {
	width:100%;
	margin-bottom:10px;
}

.page-msg-div .title {
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}

.page-msg-div .message {
	
}
/* message styles */

/* points ticker styles */
#mostlucky-div, #mostunlucky-div {
	position:relative;
	overflow:hidden;
	border:0px;
	height:20px;
	width:210px
}

.ticker-item {
	position:absolute;
	top:25px;
	left:0px;
	height:20px;
	width:210px;
}

.ticker-points {
	color:#80E8FF;
}
/* points ticker styles */