body {
	background-color: #035D0A;
	background: url(images/dlgback-small.gif);
	font-family: verdana,arial,helvetica,sans-serif;
	padding: 0px;
	margin: 0px;
}

img {
	border: 0px;
}

li {
	margin: 4px;
}

a {
	text-decoration: none;
}

a.link {
	text-decoration: none;
	padding-left: 1px;
	padding-right: 1px;
	color: #CCCC33;
}

a.link:visited {
	color: #CCCC33;
}

a.link:hover {
	padding-left: 0px;
	padding-right: 0px;
	border: 1px solid #CCCC33;
}

.heading {
	font-size: 120%;
	font-weight: bold;
}

.content {
	font-size: 80%;
}

#logo {
	float: right;
	margin: 10px;
}

#titlebar {
	
/*	background-color: #338940; */
}

a.title:visited {
	color: #000000;
	border: 0px;
	padding: 0px;
	padding-left: 10px;
	padding-bottom: 7px;
}

a.title:hover {
	color: #000000;
	border: 0px;
	padding: 0px;
	padding-left: 10px;
	padding-bottom: 7px;
}


.title {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
	vertical-align: center;
	border: 0px;
}

.playercount {
	text-align: center;
	padding-top: 16px;
}


/* ************************************************************************* */
/* ************************************************************************* */

#midsection {
	width: 100%;
	background: url(images/Oak-dull.gif);
	background-repeat: repeat;
	border-top: 1px solid #AAAA99;
	border-bottom: 2px solid black;
	margin: 0px;
}

/* ************************************************************************* */

#menu {
	width: 150px;
	padding: 10px;
	text-align: center;
	vertical-align: top;
}

a.menulink {
	display: block;
	margin: 4px;
	text-decoration: none;
	padding: 0px;
	border: 0px;
	color: #000000;
}
a.menulink:hover {
	display: block;
	margin: 4px;
	text-decoration: none;
	padding: 0px;
	border: 0px;
	color: #000000;
}

/* ************************************************************************* */

#main {
	padding-top: 16px;
	padding-bottom: 16px;
	color: #FFFFFF;
}

#main div.game {
	float: left;
	color: #FFFFFF;
	margin-left: 16px;
	margin-right: 16px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 150px;
}

#main div.game img.gamebutton {
	display: block;
	border: 0px;
	width: 150px;
	height: 90px;
	margin: 0px;
}

#main div.game div.description {
	margin-left: 10px;
	margin-right: 10px;
	padding: 4px;
	border: 1px solid black;
	text-align: center;
	font-size: 80%;
}

#main div.Spades {
	background-color: #C53F73;
}
#main div.Hearts {
	background-color: #198F25;
}
#main div.Euchre {
	background-color: #C52D07;
}
#main div.FiveH {
	background-color: #593985;
}
#main div.Cribbage {
	background-color: #DE7E32;
}
#main div.Rummy {
	background-color: #E63A92;
}
#main div.Gin {
	background-color: #B36D39;
}
#main div.Chess {
	background-color: #1B5B1A;
}
#main div.Checkers {
	background-color: #1B46E7;
}

span.bignumber {
	font-size: 120%;
	font-weight: bold;
}

.playnow {
	display: block;
	text-align: center;
	font-size: 120%;
	color: #FFFFFF;
	font-weight: bold;
	margin-top: 4px;
}
.playnow:visited {
	color: #FFFFFF;
}

img.secure {
	border: 1px solid black;
	float: right;
	margin-left: 20px;
	margin-right: 20px;
}

#loading {
	display: none;
}
#success {
	display: none;
}
#failure {
	display: none;
}


/* ************************************************************************* */

#midright {
	vertical-align: top;
	padding: 10px;
	width: 170px;
}

#playerlist-label {
	text-align: center;
	color: #FFFFFF;
	margin: 3px;
}

#playerlist {
	width: 150px;
	height: 300px;
	background-color: #8AC199;
	background-image: url(/images/playerlist.gif);
	background-repeat: repeat;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 1px solid #CCCCAA;
	border-right: 1px solid #CCCCAA;
	padding: 3px;
	overflow: auto;
	font-size: 12px;
}

.playericon {
	width: 18px;
	height: 18px;
	clear: both;
	float: left;
	margin-right: 3px;
}
.playername {
	height: 14px;
	display: block;
	text-align: left;
	padding: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.playername:hover {
	height: 14px;
	border: 0px;
	padding: 0px;
	padding-top: 2px;
	padding-bottom: 2px;

}

.gameicon {
	float: right;
	margin-left: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.rating-grandmaster {
	color: #000000;
}
.rating-master {
	color: #C00000;
}
.rating-expert {
	color: #800080;
}
.rating-specialist {
	color: #C000C0;
}
.rating-professional {
	color: #804000;
}
.rating-challenger {
	color: #FFFF80;
}
.rating-apprentice {
	color: #FFFFC8;
}
.rating-novice {
	color: #FFFFFF;
}
.rating-provisional {
	color: #4040FF;
}


/* ************************************************************************* */
/* ************************************************************************* */

#news {
	clear: both;
	color: #FFFFFF;
	padding: 10px;
}

#news .item {
	margin: 10px;
}

#news .item .date {
	float: right;
}

#news .item .headline {
	font-size: 120%;
	margin-bottom: 4px;
}
#news .item .content {
	font-size: 80%;
	margin-left: 32px;
}