body {
	margin: 0;
	top: 0;
	color: #000;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 1.4em;
}

a, a:visited {
	color: #336699;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
	color: #336699;
}
form {
	display: inline-block;
}
input, select, .radiolabel {
	vertical-align: top;
}

button:disabled, input[type="submit"]:disabled {
	opacity: 0.65; 
	cursor: not-allowed;
}

.blue {
	color: blue;
}

.wrapper {
	margin: auto;
	width: 360px;
}

.header {
	height: 60px;
	background-color: #fff;
	border-bottom: 2px solid #DDDDDD;
}

.menuicon {
	background-image: url("images/hamburger2.gif");
	width: 60px;
	height: 60px;
	background-size: 24px 24px;
	float: left;
	background-repeat: no-repeat;
	background-position: center center;
	color: #FF0000;
	cursor: pointer;
}

.logo {
	width: 90px;
	height: 60px;
	margin-left: 60px;
}

#logoimg {
	height: 42px;
	width: 85px;
	margin-top: 8px;
}

#logolink {
	display: block;
	height: 100%;
}

.content {
	position: relative;
}

.main {
	position: relative;
}

#nav {
	width: 0px;
	overflow: hidden;
	float: left;
	background-color: #009999;
	color:#fff;
}

.loginbox {
	margin: 8px auto;
	width: 290px;
	background-color: #C1E0D0;
	border-radius: 6px;
	padding: 12px;
}

#loginbox_simple {
	margin: 8px auto;
	background-color: #E0C1C1;
}

.inputlabel {
	display: inline-block;
	width: 100px;
}

#loginform label {
	display: block;
	white-space: nowrap;
	height: 32px;
}

#loginform form {
	line-height: 1.5em;
}

#entergamelist .roombutton {
	width: 100px;
	display: inline-block;
        background-color: #009D99;
        border: 1px solid #019B91;
	height: 32px;
	padding-left: 5px;
	padding-bottom: 5px;
        font-weight: bold;
	font-size: 14px;
        color: #FFF;
        border-radius: 3px;
}

#buttonrow, #fbloginrow {
	margin: 4px;
	padding-left: 100px;
}
#buttonrow button, #fbloginrow button {
	width: 86px;
	height: 25px;
	color: white;
	background-color: #336666;
	border: 1px solid #89A1A1;
	border-radius: 1px;
	white-space: nowrap;
}

#quickplay button {
	color: white;
	padding: 5px 10px;
	border-radius: 8px;
	white-space: nowrap;
	font-weight: bold;
}

#quickplay button, #loginbox_simple button {
	background-color: #664133;
	border: 1px solid #A19089;
}

#fbloginrow img {
	margin-right: .25em;
	vertical-align: middle;
}

#accountbox {
	padding-top: 4px;
	font-size: 0.8em;
	line-height: 1.2em;
	color: #633C03;
	text-align: right;
	margin-right: 6px;
}

#accountbox a {
	color: #000088;
}

#accountbox span {
	padding: 5px;
}

#loginmessage {
	font-size: 0.8em;
	padding-top: 12px;
	position: relative;
	color: #009900;
	text-align: right;
	margin-right: 10px;
}

#loginmessage.error {
	color: #cc0000;
}

#frontbanner {
	margin-top: 10px;
	height: 140px;
}

#allcardimages {
	width: 360px;
	height: 140px;
}

#richest_front {
	padding: 12px 22px;
}

#richest_front table {
	border-collapse: collapse;
	text-align: left;
	width: 300px;
}

#richest_front {
	background: #fff;
	overflow: hidden;
}

#richest_front table td,
#richest table th {
	padding: 4px 4px;
}

#richest_front table thead th {
	font-weight: normal;
	text-align: left;
	color: #148700;
}

#richest_front table tbody td {
	border-bottom: 1px solid #CCC;
}

#richest_front table tbody td:last-child {
	text-align: right;
	color: #bc2800;
}

#richest_front table tbody tr:last-child td {
	border-bottom: none;
}

th #richest_front a {
	color: #148700;
}

#richest_front a {
	color: #000;
}

#richest table, #record table {
	border-collapse: collapse;
	text-align: left;
	width: 350px;
	font-size: 0.9em
}

#richest, #record {
	background: #fff;
	overflow: hidden;
}

#richest table td,
#richest table th {
	padding-top: 4px;
}

#richest table thead th {
	text-align: left;
	color: #8F3711;
}

#richest table tbody td {
	border-bottom: 1px solid #CCC;
}

#richest table tbody td:nth-child(3),
#richest table thead th:nth-child(3),
#richest table tbody td:last-child,
#richest table thead th:last-child {
	text-align: right;
}

#richest table tbody td:last-child {
	color: #8F3711;
}

#richest table tbody tr:last-child td {
	border-bottom: none;
}

#richest a {
	color: #000;
}

#richest #gbest thead th:last-child {
	text-align: left;
}

#record table tbody td:nth-child(5),
#record table thead th:nth-child(5),
#richest #gbest tbody td:nth-child(3),
#richest #gbest thead th:nth-child(3),
#richest #gbest tbody td:nth-child(4),
#richest #gbest thead th:nth-child(4),
#richest #gbest tbody td:nth-child(5),
#richest #gbest thead th:nth-child(5),
#richest #gbest tbody td:nth-child(6),
#richest #gbest thead th:nth-child(6) {
        text-align: right;
}

#message {
	text-align: left;
	padding: 5px 22px 12px;
	line-height: 1.3em;
	border-bottom: 1px solid #CCC;
	margin-bottom: 12px;
}

#message strong {
	color: #bc2800;
	font-weight: normal;
}

.footer {
	font-size: 0.9em;
	clear: both;
	margin-top: 12px;
	margin-bottom: 24px;
	border-top: 1px solid #CCC;
	word-spacing: 4px;
	padding-top: 5px;
}

.footer span {
	display: inline-block;
	float: right;
	margin-right: 6px;
}

#altpagelink {
	padding-left: 11px;
	margin: 0 8px;
	background-image: url('images/redarrow.gif');
	background-repeat: no-repeat;
	background-position: left center;
	float: right;
}

.fb-like {
	padding-top: 5px;
}

dl {
	margin-left: 1em;
}

dt {
	color: #336699;
	text-decoration: underline;
	cursor: help;
	padding-bottom: 12px;
}

dd {
	border-bottom: 2px solid #CCC;
	padding-bottom: 12px;
	margin-bottom: 1em;
}

.hide {
	display: none;
}

#paigowbonus {
	margin-bottom: 1em;
	border: 1px solid #7B7CB8;
}

#paigowbonus table {
	border-collapse: collapse;
	text-align: left;
	width: 100%;
}

#paigowbonus table thead th {
	background-color: #6E7482;
	color: #FFF;
	font-weight: bold;
}

#paigowbonus table td,
#paigowbonus table th {
	padding: 3px 4px;
}

#paigowbonus table thead th:first-child {
	border: none;
}

#paigowbonus table tbody td {
	color: #000;
	border-left: 1px solid #6E7482;
}

#paigowbonus table tbody td:first-child {
	border-left: none;
}

#paigowbonus table tbody td:last-child {
	text-align: left;
}

#paigowbonus table tbody tr:last-child td {
	border-bottom: none;
}

#topbox {
	float: right;
	padding: 8px 16px;
	position: relative;
}

#language span {
	display: inline-block;
	width: 5em;
	color: #767676;
}

#language select {
	max-height: 2em;
}

#welcomebox,
#signupbox {
	top: 2em;
	cursor: default;
	position: absolute;
	white-space: nowrap;
	color: #C80000;
}

#signupbox {
	color: #C80000;
}

#welcomebox {
	color: #767676;
}

#welcomebox span {
	color: #336699;
}

#signupbox {
	left: 6.2em;
}

#signupbox:before {
	content: "* ";
}

#signupbox a,
#signupbox a:visited {
	color: #bc2800;
}

#welcomebox a,
#welcomebox a:visited {
	color: #ffffff;
}

#useraction {
	position: absolute;
	left: 1em;
	padding: 4px 12px 8px;
	background-color: #009999;
	border: 1px solid #8cb4b4;
	z-index: 10;
	line-height: 1.7em;
}

#feedback {
	text-align: left;
	width: 350px;
	height: 120px;
	margin-top: 20px;
	margin-bottom: 4px;
}

#paymentform .inputlabel {
	width: 150px;
}

#feedback_form .reg_label {
	width: 50px;
}
#respond {
	padding: 20px 0;
}
.articletitle {
	padding: 16px 0 4px;
	font-size: 1.4em;
	font-weight: bold;
	color: #4A9DAA;
}

.articleheading {
	font-weight: bold;
	color: #D03526;
}

#nav a,
#nav a:visited {
	display: block;
	text-decoration: none;
	color: #fff;
}

#nav a:hover,
#nav a:active {
	text-decoration: underline;
	color: #fff;
}

#nav ul.mgroup {
	list-style: none;
	margin: 0;
	padding-left: 12px;
}

#nav .mdrawer {
	width: 100%;
	border-radius: 3px;
	border-bottom: 2px solid #40B3B3;
	white-space: nowrap;
	overflow: hidden;
}

#nav .mheader {
	padding: 10px;
	text-transform: uppercase;
	cursor: pointer;
	min-height: 1.3em;
	background-image: url('images/wrarrow.png');
	background-position: right center;
	background-repeat: no-repeat;
}

#nav .mheader.mheader-active {
	background-image: url('images/wdarrow.png');
}

#nav .mcontainer ul {
	list-style: square url("images/dot7.png");
	margin: 0;
	padding-left: 26px;
	padding-bottom: 10px;
}

#nav .mcontainer li {
	height: 1.6em;
	padding-left: 4px;
}

#nav .mcontainer {
	display: none;
}

#nav.popup {
	z-index: 1;
	width: 176px;
	visibility: visible;
	position: absolute;
}

.reg_line, .mod_line {
	padding-top: 12px;
	padding-bottom: 5px;
	display: block;
	clear: both;
	/* white-space: nowrap; message must wrap */
}

.zip_label, .reg_label, .mod_label {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
}

.zip_label {
	width: 65px;
}

.reg_label {
	width: 100px;
}

.mod_label {
	width: 145px;
}

.inputerror {
	font-size: 0.9em;
	line-height: 1em;
}

.inputerror.error {
	padding-top: 2px;
	border-top: 2px solid red;
	color: red;
	white-space: normal;
}

#passwordcombo, #new_passwordcombo {
	position: relative;
}
#showpw, #new_showpw {
	position: absolute;
	right: 8px;
	bottom: 4px;
	font-size: 0.9em;
}

#country {
	width: 190px;
}

#reg_state {
	float: left;
	width: 180px;
}

#reg_zipcode {
	clear: right;
	width: 140px;
	margin-left: 170px;
}

#reg_zipcode input, #reg_state input {
	width: 50px;
}

#reg_username input, #reg_password input, #reg_email input {
	width: 190px;
}
.mod_line input {
	width: 150px;
}

#enter {
	margin-top: 20px;
	margin-bottom: 40px;
}
#selection {
	background: url("images/selection300.jpg") no-repeat left center;
	width: 300px;
	height: 216px;
	margin: 0 auto 10px auto;
}

#enterprompt {
	margin-top: 12px;
	color: #C80000;
	font-size: 1.2em;
}
.roomentry {
	display: inline-block;
	width: 110px;
	white-space: nowrap;
}

#entergamelist {
	margin-top: 5px;
	line-height: 3em;
}

#playrow {
	margin: 15px 0 18px;
	word-spacing: 12px;
}

#webplay, #javaplay, #submit {
	padding: 4px 10px;
	font-weight: bold;
	color: #FFF;
	border-radius: 3px;
}
#webplay, #submit {
	background-color: #009D99;
	border: 1px solid #019B91;
}
#javaplay {
	background-color: #889801;
	border: 1px solid #859A00;
}
#enterhelp {
	clear: both;
}
.enterlink {
	background: url("images/redarrow.gif") no-repeat left center;
	padding-left: 15px;
	padding-right: 8px;
}

#paymentform button {
	border : solid 0px #030003;
	border-radius : 3px;
	moz-border-radius : 3px;
	font-size : 1em;
	color : #333366;
	padding : 2px 10px;
	background : #91A4FF;
}

#paymentform select, #paymentform input[type="text"] {
	width: 170px;
}

#paymentform #expmonth, #paymentform #expyear {
	width: 84px;
}

#richheading {
	width: 360px;
	margin: auto;
}

#richselect {
	width: 324px;
	margin: auto;
	padding: 8px;
	border: 1px solid red;
}
.grayArr, .greenArr, .orangeArr, .purpleArr, .redArr {
	display: inline-block;
	width: 84px;
	margin: 0 0 4px;
	padding-left: 19px;
	background-repeat: no-repeat;
	background-position: left center;
}
.grayArr {
	background-image: url("arrows/gray.gif");
}
.greenArr {
	background-image: url("arrows/green.gif");
}
.orangeArr {
	background-image: url("arrows/orange.gif");
}
.purpleArr {
	background-image: url("arrows/purple.gif");
}
.redArr {
	background-image: url("arrows/red.gif");
}

#gasleft {
	display: none;
}

@media (min-width: 540px) {
	.wrapper {
		width: 540px;
	}

	.main {
		margin-left: 180px;
	}
	#nav {
		width: 176px;
		visibility: visible;
	}

	.header {
		height: 80px;
	}

	.logo {
		height: 80px;
		width: 120px;
		margin-left: 8px;
	}

	#logoimg {
		height: 60px;
		width: 120px;
	}

	.menuicon {
		visibility: hidden;
		width: 0px;
		height: 0px;
	}
}

@media (min-width: 660px) {
	.wrapper {
		width: 660px;
	}
	
	.main {
		margin-left: 0;
	}
	
	#frontbanner {
		margin: 15px 0;
		height: 256px;
	}

	#allcardimages {
		width: 660px;
		height: 256px;
	}
	
	#homeleft {
		float: left;
		width: 320px;
	}
	
	#message {
		border-bottom: none;
	}
	
	#enterleft {
		float: left;
		width: 320px;
	}
	#enterright {
		margin-left: 320px;
	}

	#richselect, #richest table, #record table {
		width: 600px;
		font-size: 1em
	}
	
	#nav {
		width: 660px;
		background-color: #009999;
		padding-bottom: 0;
		margin-bottom: 16px;
		float: none;
		color: #FFF;
		padding: 2px 0;
		overflow: visible;
	}
	
	#nav a,
	#nav a:visited,
	#nav a:hover,
	#nav a:active {
		color: #FFF;
	}
	
	#nav .mgroup {
		display: inline;
	}
	
	#nav .mheader,
	#nav .mdrawer {
		display: inline-block;
		position: relative;
	}
	
	#nav .mheader-active {
		background-color: #018989;
		color: #fff;
	}
	
	#nav .mcontainer {
		position: absolute;
		background-color: #018989;
		z-index: 1;
		padding: 5px 5px 8px 0;
	}
	
	#nav .mdrawer {
		width: auto;
		border-bottom: hidden;
		padding-left: 10px;
		overflow: visible;
	}
	
	#nav .mheader,
	#nav .mheader.mheader-active {
		padding: 0 24px 0 12px;
		background-image: none;
		text-transform: none;
	}
	
	.header {
		border-bottom: none;
	}

	#nav .mheader {
		border-left: 2px solid #67baba;
	}

	#nav .mdrawer:first-child .mheader {
		border-left: none;
	}
	
	#nav ul.mgroup,
	#nav .mdrawer {
		padding-left: 0;
	}
	
	#nav .mcontainer ul {
		list-style: none;
		padding: 0 8px;
	}

	.loginbox {
		margin: 8px 0;
	}

	#message {
		padding: 5px 0 22px;
	}

	#selection {
		margin: 0 0 10px;
	}

}

@media (min-width: 900px) {
	.wrapper {
		margin-left: 120px;
	}
}

@media (min-width: 960px) {
	#gasleft {
		display: block;
		position: absolute;
		width: 120px;
		height: 900px;
		right: -150px;
		top: 0px;
	}
}