body {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
	background: #9999a9 url(/img/bai_bg.jpg) repeat top left;
	background: #272727;
	width: 100%;
	margin: 0;
	padding: 0;
}

ul {
	padding: 0 0 0 30px;
	margin: 0;
}

li {
	padding: 0 0 0 5px;
	margin: 0;
}

#baiHeader {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 82px;
	background: black;
	margin-left: 0;
	margin-right: 0;
	background: #303030 url(/img/bai_header_bg.jpg) repeat top left;
}

#baiBannerAd {
	position: absolute;
	top: 0px;
	right: 0px;
}

#baiNavigationBar {
	position: absolute;
	top: 82px;
	left: 0px;
	width: 100%;
	height: 32px;
	background: green;
	background: #bbbbbb url(/img/navbar_bg.jpg) repeat top left;
}

.navTitle {
	width: 100%;
	text-align: center;
	font-family: "Arial Black";
	font-size: 20px;
	margin-top: 2px;
	color: #fff963;
}

.navButton {
	float: left;
	width: 19%;
	text-align: center;
	font-family: "Arial Black";
	font-size: 20px;
	margin-top: 2px;
}

.navButton a:link {
	text-decoration: none;
	color: #373737;
}

.navButton a:visited {
	text-decoration: none;
	color: #373737;
}

.navButton a:active {
	text-decoration: none;
	color: #373737;
}

.navButton a:hover {
	color: #fffb88;
}

#baiFeatureContent {
	position: absolute;
	top: 114px;
	left: 0px;
	width: 83%;
	height: 552px;
	background: white;
	border-bottom: #a7a7a7 2px solid;
}

#baiNormalContent {
	position: absolute;
	top: 114px;
	left: 0px;
	width: 83%;
	height: 514px;
	background: #373737;
	color: #eeeeee;
	border-bottom: #a7a7a7 2px solid;
	overflow: hidden;
}

.baiContentPadded {
	height: 100%;
	padding: 0 15px 0 15px;
	overflow: auto;
	scrollbar-base-color: #aaaaaa;
	scrollbar-arrow-color: #575757;
	scrollbar-highlight-color: #575757;
	scrollbar-face-color: #eeeeee;
}

h1, h2, h3 {
	padding: 0;
	margin: 0;
}

#baiNormalContent a:link {
	color: #eeeeee;
}

#baiNormalContent a:active {
	color: #eeeeee;
}

#baiNormalContent a:visited {
	color: #eeeeee;
}

#baiNormalContent a:hover {
	color: #fffb88;
}

#baiFeatureContentUnbound{
	position: absolute;
	top: 114px;
	left: 0px;
	width: 83%;
	background: white;
	border-bottom: #a7a7a7 2px solid;
}

#baiForumContentUnbound{
	position: absolute;
	top: 114px;
	left: 0px;
	width: 100%;
	background: white;
	border-bottom: #a7a7a7 2px solid;
}

#baiSideModules {
	position: absolute;
	top: 114px;
	left: 83%;
	width: 16.5%;
	height: 552px;
	background: #373737;
	border-bottom: #a7a7a7 2px solid;
	border-left: #a7a7a7 2px solid;
	border-right: #a7a7a7 2px solid;
}

.sideModuleTitle {
	height: 20px;
	font-family: "Arial Black";
	font-size: 0.8em;
	color: #373737;
	background: #a7a7a7;
}

#baiSideModule_gameStats {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
	height: 150px;
	color: #eeeeee;
	font-family: "Arial";
	font-size: 0.6em;
	margin-left: 5px;
	margin-right: 8px;
}

#baiSideModule_gameStats .gameHeader {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
	color: #eeeeaa;
	margin: 3px 0 0 0;
	border-bottom: double 3px #eeeeee;
	text-align: right;
}

.gameHeader .gameTitle {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
	float: left;
	color: #eeeeaa;
	font-weight: bold;
	font-size: 1.5em;
	text-align: left;
}

.gameHeader .gamePlayers {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
	float: right;
	margin: 3px 0 0 0;
	color: #eeeeee;
	font-size: 1.0em;
}

#baiSideModule_gameStats h2 {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
	color: #eeeeaa;
	font-size: 1.5em;
	margin: 3px 0 0 0;
	border-bottom: double 3px #eeeeee;
}

#baiSideModule_gameStats h3 {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
	color: #eeeeee;
	font-size: 1.2em;
	margin: 5px 0 5px 0;
	padding: 0;
	text-align: center;
}

#baiSideModule_gameStats h4 {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
	color: #eeeeee;
	font-size: 1.0em;
	font-weight: bold;
	margin: 2px 0 2px 0;
	padding: 0;
	border-bottom: dashed 1px #aaaaaa;
}

#baiSideModule_gameStats h4 small {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
	font-weight: normal;
	color: #eeeeee;
}

#baiSideModule_gameStats table {
	color: #eeeeee;
	font-size: 0.9em;
	font-weight: bold;
	margin: 2px 0 5px 0;
	padding: 0 0 0 0;
}

#baiScoresList {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
	font-size: 1.3em;
	text-align: center;
}

#baiScoresList table {
	width: 90%;
}

#baiScoresList td {
	text-align: left;
}

#baiScoresList th {
	color: #eeeeee;
	font-size: 1.2em;
	padding: 0;
	margin: 0;
	text-align: left;
}

#baiScoresList .rank {
	color: #eeeeaa;
	width: 5%;
	text-align: right;
}

#baiScoresList .name {
	color: #eeaaaa;
	padding-right: 15px;
	padding-left: 15px;
	font-weight: bold;
	width: 40%;
}

#baiScoresList .score {
	color: #aaeeaa;
	text-align: right;
	padding-right: 15px;
	padding-left: 15px;
	width: 15%;
}

#baiScoresList .date1 {
	color: #aaaaee;
	font-size: 0.8em;
	padding: 0 6px 0 3px;
	margin: 0;
	width: 10px;
}

#baiScoresList .date2 {
	color: #aaaaee;
	font-size: 0.8em;
	padding: 0 6px 0 3px;
	margin: 0;
	width: 10px;
}

#baiScoresList h2 {
	color: #ffffff;
	margin-top: -5px;
	margin-bottom: 10px;
}

#baiSweetDreamsFeature {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 387px;
	padding: 0;
	margin: 0;
	background: white url(/img/featuredimgbg_sd.jpg) no-repeat bottom left;
	border-bottom: #a7a7a7 4px solid;
}

.sectionHeader {
	height: 20px;
	font-family: "Arial Black";
	font-size: 1em;
	color: #eeeeee;
	margin-left: 5px;
}

#baiNewsHeadlines {
	position: absolute;
	top: 391px;
	width: 100%;
	height: 123px;
	padding: 0;
	margin: 0;
	background: #515151;
	border-bottom: #a7a7a7 2px solid;
}

.newsDate {
	font-family: "Arial";
	font-size: 0.6em;
	color: #eeeeee;
}

#baiNewsHeadlines li {
	font-family: "Arial";
	font-size: 1.0em;
	color: #eeeeee;
	list-style: circle;
}

#baiNewsHeadlines li.first {
	font-family: "Arial Black";
	font-size: 1.2em;
	color: #fffb88;
	margin-top: 0;
}

#baiNewsHeadlines a.first:link {
	text-decoration: none;
	color: #fffb88;
}

#baiNewsHeadlines a.first:visited {
	text-decoration: none;
	color: #fffb88;
}

#baiNewsHeadlines a.first:active {
	text-decoration: none;
	color: #fffb88;
}

#baiNewsHeadlines a.first:hover {
	text-decoration: none;
	color: #ffffff;
}

#baiNewsHeadlines a:link {
	text-decoration: none;
	color: #eeeeee;
}

#baiNewsHeadlines a:visited {
	text-decoration: none;
	color: #eeeeee;
}

#baiNewsHeadlines a:active {
	text-decoration: none;
	color: #eeeeee;
}

#baiNewsHeadlines a:hover {
	text-decoration: none;
	color: #fffb88;
}

#baiMoreNews {
	position: absolute;
	bottom: 0;
	right: 0;
	font-family: "Arial";
	font-size: 0.9em;
	color: #eeeeee;
	margin-bottom: 2px;
	margin-right: 6px;
}

#baiMoreInfo {
	position: absolute;
	bottom: 0;
	right: 0;
	font-family: "Arial";
	font-size: 0.9em;
	color: #eeeeee;
	margin-bottom: 2px;
	margin-right: 6px;
}

.featureList {
	position: absolute;
	bottom: 45px;
	left: 62%;
}

.featurelist strong {
	font-family: "Arial Black";
	font-size: 1.5em;
}

.featureList li {
	font-family: "Arial Black";
	font-size: 0.9em;
	margin-top: 4px;
	list-style: url(/img/icn_redBulletSmall.jpg);
}

#baiFooter {
	position: absolute;
	top: 630px;
	width: 83%;
	height: 36px;
	padding: 0;
	margin: 0;
	background: #373737;
	font-family: "Arial";
	font-size: 0.6em;
	text-align: center;
	color: #eeeeee;
	border-bottom: #aaaaaa 2px solid;
}

#baiFooter .footerLink {
	float: left;
	width: 24%;
	text-align: center;
	font-family: "Arial";
	font-size: 0.9em;
	text-align: center;
	color: #eeeeee;
	margin-top: 11px;
}

#baiFooter .footerLink a:link {
	text-decoration: none;
	color: #eeeeee;
}

#baiFooter .footerLink a:visited {
	text-decoration: none;
	color: #eeeeee;
}

#baiFooter .footerLink a:active {
	text-decoration: none;
	color: #eeeeee;
}

#baiFooter .footerLink a:hover {
	color: #fffb88;
}

.newsFooterLink {
	float: left;
	width: 24.95%;
	text-align: center;
	font-family: "Arial";
	font-size: 0.9em;
	text-align: center;
	color: #eeeeee;
	padding-bottom: 2px;
	background-color: #373737;
}

.newsFooterLink a:link {
	text-decoration: none;
	color: #eeeeee;
}

.newsFooterLink a:visited {
	text-decoration: none;
	color: #eeeeee;
}

.newsFooterLink a:active {
	text-decoration: none;
	color: #eeeeee;
}

.newsFooterLink a:hover {
	color: #fffb88;
}

.twofieldformrow {
	clear: both;
	padding-top: 5px;
}

.formrow {
	clear: both;
	padding-top: 5px;
}

.formrow .formlabel {
	float: left;
	width: 135px;
	text-align: right;
	margin-right: 6px;
	padding-top: 4px;
}

.formrow .formitem {
	float: left;
	width: 525px;
	text-align: left;
}

.formrow .formitem select {
	width: 235px;
}

.formrow .formitem small {
	font-size: 0.6em;
}

div.spacer {
	clear: both;
}

.errorMsg {
	padding: 10px 0 5px 0;
	color: #eeaaaa;
	font-weight: bold;
}

.popup {
	cursor: default;
	text-decoration: none;
}


#baiBuyButton {position: absolute; margin: 0px auto; padding: 0px; width: 203px; height: 138px; background: url(/img/btn_trybuy.jpg);}
#baiBuyButton li {width: 203px; height: 69px; position: absolute; top: 0; background: url(/img/btn_trybuy.jpg) 0 0 no-repeat; display: block; list-style: none;}
#baiBuyButton a {width: 203px; height: 69px; display: block;}
#baiBuyButton #baiBtnTryFree {margin: 0; padding: 0; top: 0;}
#baiBuyButton #baiBtnBuyNow {margin: 0; padding: 0; top: 69px; background-position: 0 -69px;}

#baiBuyButton #baiBtnTryFree a:hover {background: url(/img/btn_trybuy.jpg) 0 -138px no-repeat;}
#baiBuyButton #baiBtnBuyNow a:hover {background: url(/img/btn_trybuy.jpg) 0 -207px no-repeat;}


#baiPopupGameContent {
	position: absolute;
	top: 135px;
	left: 50px;
	width: 800px;
	height: 600px;
	background: #373737;
	border: #a7a7a7 3px solid;
}

