@charset "UTF-8";


html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset 
{  
	margin: 0; 
	padding: 0; 
	border: 0; 
}

html 
{
	height: 100%;
	
}
	
body 
{
	color: #444;
 	font-size: 12px; 
	font-family: "Lucida Grande",Arial,Verdana,sans-serif;
	clear: both;
	background:#666;
 	line-height: 16px; 
}


/*//////////////////COLORS////////////////////*/

.colorlevel1 {color: #fff;}
.colorlevel2 {color: #d4d4d4;}
.colorlevel3 {color: #ccc;}
.colorlevel4 {color: #bbb;}
.colorlevel5 {color: #9e9e9e;}
.colorlevel6 {color: #828282;}
.colorlevel6 {color: #666;}
.colorlevel7 {color: #444;}
.colorlevel8 {color: #333;}

.RedBoldStandard {color:#802D29;}
.BrownBoldStandard {color:#C3B78D; font-weight:bold; }
.MediumGraySmall {color:#444; font-size: 11px; }
.floatheader {color:#C3B78D; font-size: 11px; font-weight: bold; }
.battlescore {color: #fff; font-size: 12px; font-weight: bold;}

.alert {
/* 	border: 2px solid #802D29;  */
	color: #fff; 
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	text-align: center;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;	
	-border-radius: 10px;
	background:#990000 url(/Images/Backgrounds/alert.jpg) repeat-x scroll 0 0;
}

/*//////////////////FONTS////////////////////*/

h1 {font-size: 14px;  font-weight: normal; color: #fff; float: left;} /*Page Header*/
h2 {font-size: 14px;  font-weight: bold; color: #333; margin-bottom: 10px;} /*Section Header*/
h3 {font-size: 12px; font-weight: bold; color: #333;} /*Sub Header*/
h4 {font-size: 11px; font-weight: normal; color: #666; margin-top: 10px;} /*Category Header*/
h5 {font-size: 16px;  font-weight: normal; color: #fff;}
h6 {font-size: 11px; font-weight: bold; color: #C3B78D;} /*Battle Float Ability*/
h7 {font-size: 16px;  font-weight: normal; color: #444;}
p {font-size: 12px; line-height: 16px; margin-bottom: 10px;} /* All Paragraphs */
p.battledetails {font-size: 11px; line-height: 16px; margin-bottom: 10px; color: #fff; width: 100%} /* All Paragraphs */
p.review {font-size: 12px; line-height: 16px; color: #d4d4d4;} /* All Paragraphs */
p.eventtarget {font-size: 11px; line-height: 16px; margin-top: 15px; color: #fff; width: 100%; background-color: #455A89; text-align: center;}
p.shadow {font-size: 12px; line-height: 16px; margin-bottom: 10px; text-shadow: #000 0px 1px;} 
p.flavour {color: #666; font-size: 12px; line-height: 16px; margin-bottom: 10px;  margin-top: 20px; font-style: italic; text-align: center;}
p.effect {color: #333; font-size: 12px; line-height: 16px; margin-bottom: 20px; text-align: center;}
p.redirect {color: #9e9e9e; font-size: 12px; line-height: 16px; text-align: center;}

.fontsizesmall {font-size: 11px;}

.CreatureColor {color: #802D29; font-weight: bold; }
.AttachmentColor {color: #666; font-weight: bold; }
.EventColor {color:#455A89; font-weight: bold; }
.ScenarioColor {color:#866546; font-weight: bold; }
.SpecialColor {color: #DCBA60; font-weight: bold; }

.CreatureBackground 	{color: #fff; background:#802D29 url(/Images/Battlefield/CreatureBackground.jpg) repeat-x scroll 0 0;}
.AttachmentBackground 	{color: #fff; background:#666666 url(/Images/Battlefield/AttachmentBackground.jpg) repeat-x scroll 0 0;}
.EventBackground		{color: #fff; background:#455A89 url(/Images/Battlefield/EventBackground.jpg) repeat-x scroll 0 0;}
.ScenarioBackground 	{color: #fff; background:#866546 url(/Images/Battlefield/ScenarioBackground.jpg) repeat-x scroll 0 0;}
.SpecialBackground 		{background-color: #DCBA60; color: #444;}

span.admin {background:#9e9e9e url(/Images/Backgrounds/menu.jpg) repeat-x scroll 0 0; border: 1px solid #bbb; padding-left: 3px; padding-right: 3px; font-size: 11px;}
.room {color:#fff; background:#666 url(/Images/Backgrounds/community_review_top.jpg) repeat-x scroll 0 0;  border: 1px solid #666; font-size: 11px; margin-top: 5px; width: 100%; text-align: center;}
/*////////////////ANCHORS////////////////////*/

.tip		{cursor: help; text-decoration: none;}
a.nolink	{text-decoration:none; display: block; color:#666;}
a.lightlink, a.accountlink		{text-decoration:none; border-bottom:#d4d4d4 1px dotted; color:#d4d4d4;}
a.darklink, a.cardlink		{text-decoration:none; border-bottom:#444 1px dotted; color:#444;}
a.communitylink		{text-decoration:none; border-bottom:#fff 1px dotted; color:#fff;}
a.selected 		{text-decoration:none; color:#000; font-weight: bold;}
a.deckplus			{text-decoration:none; color:#444; display:block; padding-top: 2px;	padding-bottom: 2px; padding-right: 3px; padding-left: 3px;
						background:#999 url(/Images/Backgrounds/LightGreyButtons.jpg) repeat-x scroll 0 0; float:right;	border: 1px solid #666; height: 16px;}
a.deckplus:hover    {color:#fff; background:#666 url(/Images/Backgrounds/community_review_top.jpg) repeat-x scroll 0 0;}

a.deckminus			{text-decoration:none; color:#444; display:block; padding-top: 2px; padding-bottom: 2px; padding-right: 3px; padding-left: 3px;
						background:#999 url(/Images/Backgrounds/LightGreyButtons.jpg) repeat-x scroll 0 0; float:left; border: 1px solid #666; height: 16px;}
a.deckminus:hover   {color:#fff; background:#666 url(/Images/Backgrounds/community_review_top.jpg) repeat-x scroll 0 0;}

a.lightbutton		{text-decoration:none; color:#444; display: block; padding-top: 2px; padding-bottom: 2px; padding-right: 10px; padding-left: 10px;
						background:#999 url(/Images/Backgrounds/LightGreyButtons.jpg) repeat-x scroll 0 0;  border: 1px solid #666; font-size: 11px; text-align: center; }
a.lightbutton:hover	{color:#fff; background:#666 url(/Images/Backgrounds/community_review_top.jpg) repeat-x scroll 0 0; cursor: pointer;}
a.closedbutton	{color:#fff; background:#666 url(/Images/Backgrounds/community_review_top.jpg) repeat-x scroll 0 0; cursor:default;}

a.darkbutton			{text-decoration:none; color:#fff; display:block; padding-top: 2px;	padding-bottom: 2px; padding-right: 10px; padding-left: 10px;
						-moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; -border-radius: 10px; 
						background-color:#828282;  text-align: center;  font-size: 11px; }
a.darkbutton:hover 	{color:#444; background-color: #E1E1E1; cursor: pointer; }
a.darkbutton.battle {width: 150px; text-align: center; margin: 0 auto; margin-top: 5px; margin-bottom: 5px;}

a.library			{text-decoration:none; color:#444; display:block; height:176px;}
a.library:hover 	{color:#FFFFFF;	background-color: #9E9E9E;}
.darkbutton.denied {  font-size: 11px; text-decoration:none; color:#9e9e9e; display:block; padding-top: 2px;	padding-bottom: 2px; padding-right: 10px; padding-left: 10px;
						-moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; -border-radius: 10px; 
						background-color:#666;  text-align: center; width: 150px; text-align: center; margin: 0 auto; margin-top: 5px; margin-bottom: 5px;}

/*a.botbutton			{text-decoration:none; color:#444;  opacity: 0.8; filter: alpha(opacity=80);}*/
a.botbutton	{cursor: pointer; color:#666;}
a.botbutton_denied	{text-decoration:none; color:#444; opacity: 0.2; filter: alpha(opacity=20);}

a.gamebutton		{text-decoration:none; color:#444; display:block; padding-top: 2px; padding-bottom: 2px; width: 100%; font-size: 12px;}
a.gamebutton:hover	{color:#fff; background:#666 url(/Images/Backgrounds/community_review_top.jpg) repeat-x scroll 0 0; cursor: pointer;}					

a.multipagebutton		{text-decoration:none; color:#444; padding-top: 1px; padding-bottom: 1px; padding-right: 3px; padding-left: 3px;
						background:#999 url(/Images/Backgrounds/LightGreyButtons.jpg) repeat-x scroll 0 0; border: 1px solid #666; font-size: 10px; }
a.multipagebutton:hover	{color:#fff; background:#666 url(/Images/Backgrounds/community_review_top.jpg) repeat-x scroll 0 0; cursor: pointer;}
a.multipagebuttonselected {text-decoration:none; color:#fff; padding-top: 1px; padding-bottom: 1px; padding-right: 3px; padding-left: 3px;
						background:#666 url(/Images/Backgrounds/community_review_top.jpg) repeat-x scroll 0 0; border: 1px solid #666; font-size: 10px; cursor: default; }

img.reflected {margin-bottom: 1px;}
.hiddenform {width: auto; display: none; position: fixed; bottom: 10px; margin-left: 120px; background-image: url(/Images/Generic/CardOverlay.png); background-repeat: repeat; padding: 10px; z-index: 5000;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;	
-border-radius: 10px;
border: 2px solid black;
color: #d4d4d4;}
/*//////////////////MENUS////////////////////*/

.sidemenu {list-style:none; clear:both;}
ul.sidemenu li {margin-bottom: 10px;}

.submenu {list-style:none; clear:both;}
ul.submenu li {float:left; margin-right: 20px;}

.gamemenu {list-style:none; clear:both;margin-left: 6px; }
ul.gamemenu li {float:left; width: 131px;}

.multipagemenu {list-style:none; clear:both;}
ul.multipagemenu li {float:left; margin-right: 10px;}

.plusmenu {list-style:none; clear:both;}
ul.plusmenu li {float:left;}

/*////////////////////WRAPPERS///////////////////*/

#left_wrapper, #left_wrapper_review {height: auto; width: 640px; display: inline; float: left; margin-bottom: 20px;}
#right_wrapper {height: auto; width: 152px;	margin-bottom:20px;	display: inline; float: right;}
#full_wrapper {height: auto; width: 800px; display: inline; float: left; margin-bottom: 20px;}


.rightcontainer_wrapper
{
	float:left;
	height: auto;
	display: inline;
	width: 152px;
	margin-bottom: 10px;
}

#rightcontainer_carddetails
{
	float:left;
	height: auto;
	display: inline;
	width: 152px;
	margin-bottom: 10px;
	font-size: 11px;
	text-align: center;
	color: #828282;
	
}

#rightcontainer_cardimage
{
	float:left;	
	display: inline;
	position: relative; width: 148px; height: 110px; border: 1px solid #666; overflow: hidden; 
}


.rightcontainer_content
{
	float:left;
	height: auto
	display: inline;
	/*
-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px;	
	-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;	
	-border-bottom-right-radius: 6px;
*/
	width: 148px;
/* 	background-color: #bbb; */
}

.rightcontainer_header
{
	float:left;
	height: auto;
	display: inline;
	padding: 5px;
	width: 138px;
	font-size: 12px;
	color: #fff;
	text-align: left;
	/*
-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;	
	-border-top-left-radius: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;	
	-border-top-right-radius: 6px;
*/
	background-color: #676767;
	border-top: 1px solid #828282;
	border-bottom: 1px solid #828282;
	margin-bottom: 5px;
}

.rightcontainer_reviewheader{background-color: #444; color: #fff;}
.rightcontainer_reviewcontent{/* background-color: #9E9E9E; */ color: #fff;}
.rightcontainer_account{/* background-color: #bbb; */ color: #444;}
.rightcontainer_coins{background-color: #9E9E9E; color: #fff;}
.rightcontainer_inner{padding: 10px;}
.rightcontainer_divider{width: 100%; padding-top: 5px; padding-bottom: 5px; font-size: 11px; border-bottom: 1px solid #bbb;}

#left_header,
#full_header
{
	/*
-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;	
	-border-top-left-radius: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;	
	-border-top-right-radius: 6px;
*/
	background:#676767 url(/Images/Backgrounds/community_review_top.jpg) repeat-x scroll 0 0;
	display: inline;
	float: left;
	border-bottom: 1px solid #666;
	height: auto;
	padding-top: 10px;
	padding-left:10px;
	padding-right:10px;
	position: relative;
}

#left_header_beta
{
	background-color: #676767;
	display: inline;
	float: left;
	height: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	padding-right:10px;
	color: #d4d4d4;
	position: relative;
	width: 620px;
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;
	line-height: 20px;
	background-image: url(/Images/Backgrounds/HeaderDice.jpg);
	background-repeat: no-repeat;
	
	background-position-y: top;
}

#left_sub,
#full_sub
{
	float:left;
	height: auto;
	text-align: center;
	color: #fff;
	
	margin-top: 6px;
	/*
-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;	
	-border-radius: 6px;
*/
	padding-top: 5px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom: 5px;
	background-color: #9E9E9E;
	border-top: 1px solid #676767;
	border-bottom: 1px solid #676767;
}

#statistic_sub
{
	float:left;
	height: auto;
	text-align: left;
	color: #444;
	background-color: #bbb;
	margin-top: 6px;
	padding-top: 5px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom: 5px;
	width: 620px;
/* 	font-size: 11px; */
	text-align: center;
	border-top: 1px solid #9E9E9E;
	border-bottom: 1px solid #9E9E9E;
}

#multipage_sub,
#multipage_sub_dark
{
	float:left;
	height: auto;
	color: #444;
	background-color: #ccc;
	margin-bottom: 6px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
	font-size: 11px;
	text-align: center;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
}

#multipage_sub_dark {background-color: #828282;}


#left_menu,
#full_menu
{
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:5px;
	height: auto;
	display: inline;
	float: left;
	/*
-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px;	
	-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;	
	-border-bottom-right-radius: 6px;
*/
	background-color: #666;
	position: relative;
	z-index: 10;
	color: #d4d4d4;
}

#left_header, #left_sub, #left_menu {width: 620px;}
#full_header, #full_sub, #full_menu {width: 780px;}

#content_wrapper
{
	height: auto;
	width:100%;
	margin-bottom: 10px;
	display: inline;
	float: left;
	margin-top: 10px;
}

.guide_highlight {height: auto; width: 620px; overflow: auto; background: white; border: 1px solid #bbb; padding: 10px; float: left; display: inline; margin-left: 80px;}

.section_wrapper {width: 100%; 
/* border-bottom:1px dotted #666;  */
padding-top: 15px; padding-bottom: 15px; overflow: auto; float: left; display: inline;
	
}
.row_wrapper {width: 100%; border-bottom:1px dotted #fff; padding-top: 5px; padding-bottom: 5px; overflow: auto; float: left; display: inline;}

#MultiPageLinks {width:100%; margin-bottom:20px; height: auto;}


#lobby_overlay
{
	height: 100%;
	width: 100%;
	background: url(/Images/Generic/CardOverlay.png) repeat;
	z-index: 2000;
	position: absolute;
	top: 0px;
	left: 0px;
}

#lobby_message
{
	width: 400px;
	height: auto;
	margin: 0 auto;
	margin-top: 300px;
	text-align: center;
	font-size: 18px;  
	font-weight: normal; 
	color: #fff;
	text-shadow: #000 0px 2px;

}


/*//////////////////SEARCH/////////////////////*/

fieldset.search {border: none; width: 160px; float:right; margin-right: 5px; }

.search input, .search button {border: none;}	

.search input.box 
{
	width: 155px;
	height: 14px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;	
	-border-radius: 10px;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #fff;
	color: #444;
	font-size: 11px;
}

.keywordsearch
{
	width: 155px;
	height: 14px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;	
	-border-radius: 10px;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #fff;
	color: #444;
	font-size: 11px;
	border: 1px solid #444; width: 100px;
}

/*//////////////////FORMS/////////////////////*/
#form_wrapper {
	z-index: 200;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0:
	left: 0;
}

#form_border{
	background: url(/Images/Generic/CardOverlay.png) repeat;
	width : 400px;
	height: 300px;
	margin: 0 auto;
	margin-top: 400px;
	border: 2px solid #000;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;	
	-border-radius: 6px;
}

#form_container{
	width : 370px;
	height: 270px;
	padding: 5px;
	margin-left: 10px;
	margin-top: 10px;
	background-color: #ccc;
}


/*//////////////////TABLES/////////////////////*/

table.ranking {padding: 0px; margin-bottom: 10px;}
tr.ranking {background-color: #ccc;}
td.ranking {border: 1px solid #bbb; padding: 5px;}
/* td.ranking:hover {border: 1px solid red; padding: 5px;} */
td.rankingheader {padding: 5px; font-size: 10px;}
td.rankingavatar {background-color: #f5f5f5; border: 1px solid #bbb; padding: 5px;}
tr.rankingleader {background:#9e9e9e url(/Images/Backgrounds/menu.jpg) repeat-x scroll 0 0;}
td.rankingleader {padding: 5px; background:#9e9e9e url(/Images/Backgrounds/menu.jpg) repeat-x scroll 0 0; border: 1px solid #bbb;}

/*//////////////////PROFILE/////////////////////*/

#profile_headerwrapper
{
	height: auto;
	width:100%;
	display: inline;
	float: left;
	margin-top: 6px;
}
.profile_leftheader {width: 160px; height: auto; float: left; display: inline; color: #444;
	background-color: #ccc; padding: 5px; border-top: 1px solid #bbb;  border-bottom: 1px solid #bbb;}
.profile_leftcontent {width: 170px; height: auto; float: left; display: inline; margin-bottom: 10px;}
#profile_left {width: 170px; height: auto; float: left; display: inline;}
#profile_right {width: 460px; height: auto; float: left; display: inline; margin-left: 10px;}
#profile_rightcontent {width: 448px; height: auto; float: left; display: inline; background-color: #ccc; border: 1px solid #bbb; padding: 5px; }
.profile_header {width: 150px; height: auto; float: left; display: inline;
	padding-left:10px;
	padding-right:10px;
	text-align: center;
}
#profile_menu
{
	float:left;
	height: auto;
	text-align: left;
	color: #444;
	padding-top: 5px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom: 5px;
	width: 620px;
	font-size: 11px;
	text-align: center;
	
	width: 460px;
	margin-left: 10px; margin-bottom: 6px; 
	
	background-color: #9E9E9E;
	border-top: 1px solid #676767;
	border-bottom: 1px solid #676767;
}

.profile_friendname {display: inline; float: left; height:auto; width: 100px; margin-bottom: 5px; text-align: left;}
.profile_scores {display: inline; float: left; height:auto; width: 60px; margin-bottom: 5px; text-align: left;}
#profile_avatar {display: inline; float: left; height:auto; width: 150px; margin-bottom: 5px;}
.profile_friend {float: left; display: inline; width: 170px; margin-top: 5px; height: auto;}
.profile_subheader {float: left; display: inline; width: 170px; margin-top: 5px; height: auto; font-size: 11px;}
#profile_thoughtinput {width: 380px; height: 45px; margin: 0 auto; margin-top: 10px; color: #444;
 	font-size: 12px; font-family: "Lucida Grande",Arial,Verdana,sans-serif;}
#profile_thoughtform {width: 460px; text-align: center; height: auto; float: left; display: inline; margin-left: 10px; background-color: #bbb; border-top: 1px solid #9E9E9E; border-bottom: 1px solid #9E9E9E; padding-top: 5px; padding-bottom: 5px;}
#profile_thoughts {min-height: 500px; height: auto; width: 436px; overflow: auto; padding: 5px; background: white; border: 1px solid #bbb; }
.profile_friendrequestbutton {float: right; display: inline; width: 60px; height: auto; margin-right: 5px;}
.profile_post { padding: 5px 0px; border-bottom: 1px dotted #ccc; color: #333; height: auto; overflow: auto;}
.profile_achievementicon {width: auto; height: auto; float: left; display: inline; border: 1px solid #bbb; background-color: #ccc; margin-right: 5px;}
.profile_achievementtext {width: 326px; height: auto; float: left; display: inline; font-weight: bold;}
.profile_achievementdetail {width: 326px; height: auto; float: left; display: inline; font-size: 11px; color:#666666; margin-top: 3px;}

/*//////////////////ACHIEVEMENTS/////////////////////*/

.achievement_wrapper{
	width: 63px; 
	height: 63px; 
	border: 1px solid #bbb; 
	padding: 5px;
	background-color: #ccc; 
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 4px;
	float: left; 
	display: block;
	cursor: help;
	font-size: 11px;
	background-image: url(/Images/Trophies/Achievement_No.png);
	background-repeat: no-repeat;
	text-align: center;
}

.achivement_success{
	background-image: url(/Images/Trophies/Achievement_Yes.png);
	font-weight: bold;
	

}

/*/////////////////////////PERCENT BAR///////////////////*/

img.PercentImage {
 background: transparent url(/Images/Generic/PercentImage_back2.png) top left no-repeat;
 padding: 0;
 margin: 0 0 0 0;
 background-position: 0px 0;
}


/*//////////////////LOBBY/////////////////////*/

#lobby_chat {width:388px; margin-left: 10px; border-left:1px dotted #666; padding: 10px; float: left;}
#lobby_chat_content{height: 368px; width: 100%; float: left; display: inline; margin-top: 10px; overflow: auto;}
#lobby_games {width:200px; height:400px; padding: 10px; float: left;}
#lobby_chat_input {width: 100%; padding-top: 10px; padding-bottom: 10px; background-color: #ccc; border: 1px solid #bbb;
					-moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px;-border-radius: 6px;}
.lobby_gamestatus {color:#444; padding-right: 20px; float:left; display: inline; }
.lobby_content, #lobby_chat_input {width: 100%; float: left; display: inline; margin-bottom: 10px; overflow: hidden;}
.lobby_sectionheader {height: 20px; width: 100%; float: left; color:#444; font-size: 14px; text-align: center; border-bottom: 1px solid #666;}
.lobby_shoutwrapper {width: 100%; margin-bottom: 5px; float: left; display: inline; overflow: none; height:auto;}
.lobby_shoutmessage {float:left; display: inline; margin-left: 5px; width: 310px; overflow: none; height: auto;}
.lobby_shoutavatar{height:32px; width:32px; float:left;}

.lobby_emptygameslot{width: 238px; height: 40px; float: left; display: inline; background-color: #ccc; border: 1px solid #bbb; margin-bottom: 5px;}
.lobby_fullgameslot{width: 228px; height: 30px; float: left; display: inline; background:#9e9e9e url(/Images/Backgrounds/menu.jpg) repeat-x scroll 0 0; border: 1px solid #bbb; margin-bottom: 5px; padding:5px}
.lobby_gamedetails{float: left; width: 160px; display: inline;}
.lobby_gamebutton{float: right; width: 60px; display: inline; text-align: right;}

#voteMMORPG {right: 10px; top: 0px; z-index: 200; position: absolute; width: 180px; color: #fff; margin-top: 2px; font-size: 11px;}

#chat-wrapper {overflow: auto; margin-bottom: 10px;}
#chat-left {float:right; display: inline; padding: 5px; background-color: #ccc;border: 1px solid #bbb; width: 530px;}
#chat-right {float:left; display: inline;}
#chat-lower {float:left; display: inline; padding: 5px; background-color: #ccc;border: 1px solid #bbb; margin-bottom: 10px; overflow: auto; width: 788px;}

#chat-wrap { border: 1px solid #bbb; width: 530px; float:left;  display: inline;}
#chat-games {width:240px; height:auto; display: inline; float:left; overflow: auto;}
#chat-area { height: 300px; overflow: auto; padding: 5px; background: white; }
.chat-post { padding: 5px 0px; border-bottom: 1px dotted #ccc; color: #333; height: auto; overflow: auto; font-size: 11px;}
.chat-avatar{ margin-right: 5px;}
#sendie { width: 520px; padding: 5px; margin: 5px 0 0 0; font: 11px "Lucida Grande", Sans-Serif; border: 1px solid #bbb;  height: 30px; overflow:hidden; }

/*#userlist { float: right; width: 160px; height: 360px; overflow-y: auto; }*/
#userlist {color: #444; text-align: left;}
#userlist ul.online { color: #fff; list-style: none; }


/*//////////////////ACCOUNT MENU/////////////////////*/


#accountmenu_wrapper 
{
	position: fixed; 
	height: auto; 
	float: left; 
	width: 100%; 
	left: 0; 
	bottom: 0;  
	z-index: 50;
/* 	background:#676767 url(/Images/Backgrounds/community_review_top.jpg) repeat-x scroll 0 0; */
}

#accountmenu_inner
{
	height: auto;
	width: 798px;
	background:#000 url(/Images/Backgrounds/accountmenu.jpg) repeat-x scroll 0 0;
/* 	background: url(/Images/Generic/CardOverlay.png) repeat; */
	border: 1px solid #000;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;	
	-border-radius: 15px;
	text-align: center;
	padding-top: 5px; 
	padding-bottom: 5px;
	margin: 0 auto;
	margin-bottom: 10px;
	color:#d4d4d4;
}





/*//////////////////MAIN MENU/////////////////////*/

#mainmenu
{
	height: auto;
	width: 798px;
	background:#ccc url(/Images/Backgrounds/menu.jpg) repeat-x scroll 0 0;
	border: 1px solid #666;
	position: relative;
	/*
-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px;	
	-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;	
	-border-bottom-right-radius: 6px;
*/
	margin-bottom: 10px;
	text-align: center;
	padding-top: 5px; 
	padding-bottom: 5px; 
}

.mainmenu{width:720px; height:30px; list-style:none; border-left: 1px solid #666; margin: 0 auto;}

ul.mainmenu li {cursor: pointer; float:left; width:87px; height:30px; border-right: 1px solid #666; border-left: 1px solid #ccc; text-align:center;}
ul.mainmenu li:hover {background:#676767 url(/Images/Backgrounds/community_review_top.jpg) repeat-x scroll 0 0; border-left: 1px solid #666;}

a.header {text-decoration:none; color:#444; display:block; padding-top: 7px; padding-bottom: 7px; font-weight: bold; text-shadow: #fff 0px 1px;}
a.header:hover {color:#fff; text-shadow: #000 0px 1px;}


/*//////////////////REVIEWS/////////////////////*/

#review_wrapper
{
	float:left;
	height: auto;
	display: inline;
	background:#fff url(/Images/Backgrounds/WhiteGrayGradVert.jpg) repeat-x scroll 0 0;
	width: 600px;
}

#review_header
{
	float:left;
	display: inline;
	height: auto;
	color: #fff;
	background-color: #444;
	margin-bottom: 6px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
	text-align: center;
	border-top: 1px solid #828282;
	border-bottom: 1px solid #828282;
}

.review_commentsub
{
	float:left;
	display: inline;
	height: auto;
	text-align: center;
	color: #fff;
	background-color: #444;
	margin-top: 6px;
	padding: 10px;
	width: 620px;
	border-top: 1px solid #828282;
	border-bottom: 1px solid #828282;
}

/*.review_commentwrapper{
	float:left;
	display: inline;

}*/

.review_contentwrapper {width: 100%; height: auto; border-bottom:1px dotted #9e9e9e; padding-top: 10px; padding-bottom: 10px; float: left; display: inline;}
.reviewmenu {list-style:none; clear:both;}
ul.reviewmenu li {height: auto; float:left; margin-left: 10px;}
#ReviewLimit_Wrapper {font-size: 11px}
#review_rating{width:80px; float: left; display: inline; margin-right: 5px;}
#ReviewText {color: #444; font-size: 12px; font-family: "Lucida Grande",Arial,Verdana,sans-serif;}
.review_commentwrapper {color: #9e9e9e; width: 100%; /*border-bottom:1px dotted #bbb;*/ padding-top: 5px; padding-bottom: 5px; overflow: auto; float: left; display: inline; text-align: left;}
.review_votes {text-decoration:none; color:#444; display:block; padding-top: 2px;	padding-bottom: 2px; padding-right: 10px; padding-left: 10px;
						-moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; -border-radius: 10px; 
						background-color:#828282;  text-align: center;  font-size: 11px;}

a.floatingscroll {color: white; text-decoration: none; }
a.floatingscroll:hover {color: red;}


/*//////////////////MAIN/////////////////////*/

#body_wrapper
{
	
/* 	background-color: #d4d4d4; */
	
	margin: 0 auto;
	height: auto;
	width: 100%;
	background:#d4d4d4 url(/Images/Backgrounds/Background_Top.jpg) repeat-x scroll 0 0;

	overflow: auto;
	border-top: 1px solid #333;
}


#main_wrapper, #main_wrapper_review
{
	
	margin: 0 auto;
	height: auto;
	width: 800px;
	padding-top: 10px;
}



#top_wrapper
{
	height: 15px;
	width: 100%;
	background:#676767 url(/Images/Backgrounds/TopGradient.jpg) repeat-x scroll 0 0;
	color: #fff;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}


#header_wrapper
{
	
	height: 100px;
	width: 798px;
	background-image:url(../Images/Backgrounds/FallenWorldsLogo2.jpg);
	background-repeat: no-repeat;
	/*
-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;	
	-border-top-left-radius: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;	
	-border-top-right-radius: 6px;
*/
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;

}

#section_wrapper
{
	width: 100%;
	height: auto;
	overflow: auto;
}

.newswrapper {width: 100%; border-bottom:1px dotted #666; padding-top: 15px; padding-bottom: 15px; overflow: auto; float: left; display: inline;}
.contentwrapper {width: 100%; border-bottom:1px dotted #666; padding-top: 5px; padding-bottom: 5px; overflow: auto; float: left; display: inline;}
.vcenter {vertical-align: middle;}
.lighttable {border-bottom:1px dotted #666;}



/*//////////////////FOOTER////////////////////*/
#footer_wrapper, #footer_wrapper_review
{
	height: auto;
	width: 100%;
	float: left;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	background:#676767 url(/Images/Backgrounds/community_review_top.jpg) repeat-x scroll 0 0;
	color: #fff;
}
.review_contentinner{
width: 520px; float:left; display: inline; margin-left: 10px; height: auto;
}


/* YOUR RATING */
.yourrating{
	width:80px;
	height:16px;
	padding:0;
	list-style:none;
/* 	clear:both; */
/* 	position:relative; */
	background: url(/Images/Stars/yourstarmatrix.png) no-repeat 0 0;
}

.your0star {background-position:0 0}
.your1star {background-position:0 -16px}
.your2star {background-position:0 -32px}
.your3star {background-position:0 -48px}
.your4star {background-position:0 -64px}
.your5star {background-position:0 -80px}


/* VISITOR RATING */
#cardreviewrating
{
text-decoration:none; 
color:#fff; 
display:block; 
padding-top: 3px;	
padding-bottom: 3px; 
padding-right: 10px; 
padding-left: 10px;
width: 84px;
margin: 0 auto;
-moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; -border-radius: 10px; 
background-color:#bbb;  text-align: center;


}

.rating{
	width:84px;
	height:16px;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
 	float: left; 
	background: url(/Images/Stars/starmatrix.png) no-repeat 0 0;
}

.visitor0star {background-position:0 0}
.visitor1star {background-position:0 -18px}
.visitor2star {background-position:0 -35px}
.visitor3star {background-position:0 -52px}
.visitor4star {background-position:0 -69px}
.visitor5star {background-position:0 -86px}

.game1star {background-position:0 -103px}
.game2star {background-position:0 -120px}
.game3star {background-position:0 -137px}
.game4star {background-position:0 -154px}
.game5star {background-position:0 -171px}

ul.rating li 
{
	cursor: pointer;
	float:left;
	text-indent:-999em;
}

ul.rating li a 
{
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:17px;
	text-decoration:none;
	z-index: 200;
}

ul.rating li.one a {left:0}
ul.rating li.two a {left:17px;}
ul.rating li.three a {left:34px;}
ul.rating li.four a {left:51px;}
ul.rating li.five a {left:68px;}


ul.rating li a:hover 
{
	z-index:2;
	width:84px;
	height:16px;
	overflow:hidden;
	left:0;	
	background: url(/Images/Stars/starmatrix.png) no-repeat 0 0
}

ul.rating li.one a:hover {background-position:0 -103px;}
ul.rating li.two a:hover {background-position:0 -120px;}
ul.rating li.three a:hover {background-position:0 -137px}
ul.rating li.four a:hover {background-position:0 -154px}
ul.rating li.five a:hover {background-position:0 -171px}







.NewStatus
{
position: absolute; 
right: 0px;
top: -2px; 
z-index: 100; 
border: 2px solid #333;
-moz-border-radius: 15px;
-khtml-border-radius: 15px;
-webkit-border-radius: 15px;	
-border-radius: 15px;
text-align: center;
color:#444;
font-weight: bold;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 6px;
padding-right: 6px;
background:#fff;
display: inline;
}



/*//////////////////PLUS MENU/////////////////////*/


ul.plusmenu li.cardcount
{
	background:#999 url(/Images/Backgrounds/LightGreyButtons.jpg) repeat-x scroll 0 0;
	width:10px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	padding-top: 2px;
	padding-bottom:2px;
	padding-right: 10px; 
	padding-left: 10px;
	height: 16px;
	color: #444;

}

ul.plusmenu li.deckplus
{
	text-decoration:none; 
	display:block; 
	padding-top: 2px;	
	padding-bottom: 2px; 
	padding-right: 3px; 
	padding-left: 3px;
	border: 1px solid #666;
	color:#fff; 
	float:left;
	background:#666 url(/Images/Backgrounds/community_review_top.jpg) repeat-x scroll 0 0;
}

ul.plusmenu li.deckminus
{
	text-decoration:none; 
	display:block; 
	padding-top: 2px;	
	padding-bottom: 2px; 
	padding-right: 3px; 
	padding-left: 3px;
	float:left;
	border: 1px solid #666;
	color:#fff; 
	background:#666 url(/Images/Backgrounds/community_review_top.jpg) repeat-x scroll 0 0;
}




/*//////////////////LIBRARY/////////////////////*/

#librarycard_own
{
position: absolute; 
right: -2px;
bottom: -2px; 
z-index: 150; 
/*
-moz-border-radius-topleft: 10px;
-khtml-border-top-left-radius: 10px;
-webkit-border-top-left-radius: 10px;	
-border-top-left-radius: 10px;
text-align: center;
color:#fff;
font-weight: bold;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 6px;
padding-right: 6px;
*/
/* display: inline; */
/* background: url(/Images/Generic/CardOverlay.png) repeat; */

color: #fff; 
padding-left: 4px;
padding-right: 4px;
padding-top: 1px;
padding-bottom: 1px;
text-align: center;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;	
-border-radius: 10px;
font-size: 12px;
background:#990000 url(/Images/Backgrounds/alert.jpg) repeat-x scroll 0 0;
	
}


#library_cardwrapper
{
float: left;
display:inline;
text-align:center;
z-index:50;
position:relative;
}

#library_cardname
{
float: left;
height: 30px;
width:90px;
display:inline;
text-align:center;
padding:10px;
vertical-align:middle;
}



/*//////////////////CARD DETAILS/////////////////////*/

/*
#carddetails_wrapper
{
	height: 100%;
	float: left;
	border-top: 1px dashed #666;
	margin-top: 10px;
	padding:10px;
}
*/

#carddetails_own
{
position: absolute; 
right: -6px;
top: -6px; 
z-index: 150; 
color: #fff; 
padding-left: 7px;
padding-right: 7px;
padding-top: 4px;
padding-bottom: 4px;
text-align: center;
-moz-border-radius: 15px;
-khtml-border-radius: 15px;
-webkit-border-radius: 15px;	
-border-radius: 15px;
font-size: 12px;
background:#990000 url(/Images/Backgrounds/alert.jpg) repeat-x scroll 0 0;
}

#carddetails_image {float: left; height: auto; width:240px; display:inline; position: relative;     }

#carddetails_content {float:left; height: auto; width: 360px; margin-left:10px; display:inline;}

#carddetails_stats
{
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	border-right: 1px solid #bbb;
	-moz-border-radius-topright: 15px;
	-webkit-border-top-right-radius: 15px;	
	-border-top-right-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-right-radius: 15px;	
	-border-bottom-right-radius: 15px;
	width:190px;
	float:left;
	margin-top:20px;
	background-color: #ccc;
}


#carddetails_res
{
	background:#ccc;
	border: 1px solid #bbb;
	-moz-border-radius-topleft: 15px;
	-webkit-border-top-left-radius: 15px;	
	-border-top-left-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	-webkit-border-bottom-left-radius: 15px;	
	-border-bottom-left-radius: 15px;
	width:50px;
	margin-left:93px;
	float:left;
	margin-top:20px;
}

#carddetails_flavour,
#carddetails_abilitieswrapper
{
	float:left;
	margin-top:10px;
	width:100%;

}

.carddetails_abilitytext
{
	float:left;
	margin-bottom:10px;
	width:100%;

}


#carddetails_ratingstars
{
	height:20px;
}

#carddetails_factionbonus
{
	float:left;
	margin-top:10px;
	margin-left: 30px;
	width:350px;
	padding: 10px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;	
	-border-radius: 6px;
	background:#bbb;
	height: auto;

}

/*//////////////////STORE/////////////////////*/

form.library
{
	text-decoration:none; 
	color:#444; 
	display:inline; 
	padding:10px; 
	
	height:auto;
	float:left;
	text-align:center;
}

form.library:hover         
{
	color:#FFFFFF;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;	
	-border-radius: 6px; 
	background-color: #9E9E9E;
}



/**********************FORUM********************/

.ForumQuote 
{border: 1px solid #bbb; background-color:#f5f5f5; font-style: italic; font-size: 11px;
padding: 5px; color:#444; float: left; display: inline; width: 518px; margin-top: 10px; margin-bottom: 10px;}

.forum_postwrapper {margin-bottom: 10px; width: 100%; height:auto; float:left; border-bottom: 1px dotted #666;}
.forum_messageleft {width: 180px; float:left; padding:10px;}
.forum_avatar {height:auto; width:100%; float:left; display: inline;}
.forum_username {height: auto; width:110px; margin-left:10px; float:left;}
.forum_userdetails {height: auto; width:180px; margin-top:10px; float:left; padding-top: 10px;}
.forum_messageright {width:580px; float:left; padding:10px; display:inline;}
.forum_messagecontrolbar {width:100%; float:left; height:25px; display:inline;}
.forum_postdate {float:left; display:inline;}
.forum_controllerbutton {float:right; margin-left:10px; display:inline;}
.forum_messagebody {width:100%; float:left; display:inline;}
.forum_messageedited {width: 500px; padding:5px; margin-top:20px;}
.forum_topiccounts {float:right; display:inline; width:80px; text-align:left;}
.forum_timeago {float:left; display:inline; width: 90px;}
.forum_topictitle {float:left; display:inline; width: 500px;}
.forum_contentwrapper {width: 100%; border-bottom:1px dotted #fff; padding-top: 5px; padding-bottom: 5px; overflow: auto; float: left; display: inline;}
.forum_groupheaderwrapper {display:inline; width:100%; float:left; height:40px; margin-top:10px;}
.forum_groupwrapper {width: 100%;}
.forum_groupheader {width:650px; display:inline; float: left;}


/*//////////////////REVIEWS & FORMS/////////////////////*/

textarea#PostBody {
	width: 590px;
	height: 120px;
	border: 1px solid #ccc;
	padding: 10px;
	font-family: "Lucida Grande",Arial,Verdana,sans-serif;
	background-color:#fff;
	/*-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;	
	-border-radius: 6px;*/
	font-size: 12px;
	color: #444;
}

input#PostLimit
{
	
	background:none;
	border:none;
	width:40px;
	text-align:center;
	font-size: 12px;
	color: #d4d4d4;
	

}

input#basic
{
	border: 1px solid #ccc;
	width:35px;
	padding:3px;
	font-family: "Lucida Grande",Arial,Verdana,sans-serif;
	background-color:#fff;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;	
	-border-radius: 6px;
}

#ForumLimit_Wrapper
{

	padding:3px;
	width: 200px;
	float:right;
	display:inline;
	color: #d4d4d4;
}

input#ReviewPost
{
	
width:auto;
text-align:center;
text-decoration:none; color:#444; padding-top: 2px; padding-bottom: 2px; padding-right: 10px; padding-left: 10px;
background:#999 url(/Images/Backgrounds/LightGreyButtons.jpg) repeat-x scroll 0 0; border: 1px solid #666; font-size: 11px; 

}

input#ReviewPost:hover
{
color:#fff; background:#666 url(/Images/Backgrounds/community_review_top.jpg) repeat-x scroll 0 0; cursor: pointer;
}


#innerform_mid,
#carddetails_sellcard,
#carddetails_checkmarket
{
	float:left;
/* 	width: 618px; */
	height: auto;
/*
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-top: 1px solid #666;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
 	background:#676767 url(/Images/Backgrounds/community_review_top.jpg) repeat-x scroll 0 0; 
*/
	text-align: center;
	color: #fff;
	/* Below New Test */
	background-color: #9E9E9E;
	margin-top: 6px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;	
	-border-radius: 6px;
	padding: 10px;
	width: 620px;
/* 	border: 1px solid #666; */

}

#innerform_bottom
{
	height: 19px;
	background:#676767 url(/Images/Backgrounds/community_review_bottom.jpg) repeat-x scroll 0 0;
	float:left;
	width: 638px;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	display: none;
}

#innerform_mid_large
{
	float:left;
/* 	width: 778px; */
	height: auto;
/*
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-top: 1px solid #666;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	background:#676767 url(/Images/Backgrounds/community_review_top.jpg) repeat-x scroll 0 0;
*/
	text-align: center;
	color: #fff;
	/* Below New Test */
	background-color: #9E9E9E;
	margin-top: 6px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;	
	-border-radius: 6px;
	padding: 10px;
	width: 780px;
/* 	border: 1px solid #666; */

}

#innerform_bottom_large
{
	height: 19px;
	background:#676767 url(/Images/Backgrounds/community_review_bottom.jpg) repeat-x scroll 0 0;
	float:left;
	width: 798px;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	display: none;
}

select.event {width: 100%;}

select option.event {}

