body
{
	background: #000 url('../images/body_background3.jpg') no-repeat top center;
	margin-top: 0px;
	color: #ffffff;
	/*font-family: Georgia, 'Times New Roman', Times, serif;*/
    font-family: Helvetica;
	font-size: .8em;
    margin-bottom: 0px;
}

a img
{
	border-width: 0px;
	border-style: none;
	border: none;
}
a
{
	color: #fff157;
    text-decoration: none;
}
a:hover
{
}
a.small
{
  font-size: 0.7em;
}
ul.no-bullet
{
	list-style-type:none;
}
#accountWindow
{
	color: #000000;	
}
#accountWindow a
{
	color: #000000;	
}
table.stats
{
	/* font-family: 'Courier New', Courier, monospace; */
    width: 100%;
    border-collapse: collapse;
}

.stats td { padding: 5px; font-size: 12px; border: solid white 1px; }
.unit_image {  width: 160px; height: 160px; padding: 20px; }
p.unit { font-size: 16px; }
td.title
{
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold;
}
td.center
{
	text-align:center;
}
.header-row
{
	background-color: #423c26;
}
tr.normal-row
{
	background-color: #010b00;
}
tr.highlight-row
{
	background-color: #021501;
}
table.unit-stats
{
	border: 1px #222222 solid; 
	width: 200px;	
}
.small-text
{
	font-size: 0.8em;
}
a#closePrizeDialog
{
	float:right;
	margin-top: -36px;
	margin-right: 5px;
}
div#prizeEditor
{
	background-color: #555555;
	color: #efefef;
	padding: 5px;
}
div.smaller-text
{
	font-size: 0.9em;
}

#tournament_details
{
    float: left;
    width: 450px;
}
#tournament_map
{
    float: left;
    width: 380px;
    margin-left: 20px;
}
#tournament_prizes
{
    float: left;
    width: 450px;
}
#tournament_prize_list
{
    height: 240px;
	overflow-y: auto;
	overflow-x: hidden;
}
#tournament_players
{
    float: left;
    width: 350px;
    height: 500px;
    overflow: auto;
    margin-left: 20px;
}
#tournament_player_list
{
}


table.tournament_editor
{
	border-collapse:collapse;
	margin: 1px 1px 1px 1px;
	width: 820px;
}
table.tournament_editor td
{
	vertical-align: top;
	white-space:nowrap;
}
table.tournament_editor td.title
{
	vertical-align: top;
	white-space:normal;
}
table.tournament_editor input.button
{
	width: 65px;
}

table.tournament
{
	border-collapse:collapse;
	margin: 1px 1px 1px 1px;
	width: 100%;
}
table.tournament td
{
}
tr.tournament-header
{
    /*
	background-color: #a2cfd7;	
    */
    text-align: center;
}
td.tournament-title
{
	font-weight: bold;
    text-align: center;
}

table.damage
{
	border-collapse:collapse;
}

table.damage td
{
	border: 1px #222222 solid;
}
table.damage td.no-border
{
	border-style:none;
}
select
{
	background:#E0E5D1 url(../images/textbg.gif) repeat scroll 0 0;
	border-color:#0D1010 #878787 #878787 #0D1010;
	border-style:solid;
	border-width:1px;
	color:#111111;
	font-family:Georgia,'Times New Roman',Times,serif;
	font-size:12px;
	font-weight:normal;
	padding:1px;
	vertical-align:middle;
}
select.small
{
  font-size: 10px;
}

.btnmain
{
	background-color:#E0E5D1;
	background-image:url(../images/buttonbg.gif);
	background-repeat:repeat;
	border-color:#878787 #0D1010 #0D1010 #878787;
	border-style:solid;
	border-width:1px;
	color:#111111;
	cursor:pointer;
	font-family:Georgia,'Times New Roman',Times,serif;
	font-size:11px;
	font-weight:bold;
	padding:1px 5px;
}
input, textarea
{
	border:1px solid #0D1010;
	color:#111111;
	font-family:Georgia,'Times New Roman',Times,serif;
	font-size:12px;
	font-weight:normal;
	padding:1px;
	vertical-align:middle;
}
textarea.post
{
	background:#E0E5D1 url(../images/textbg.gif) repeat scroll 0 0;
	border:1px solid #0D1010;
	text-align:left;
}
input.post
{
	background:#E0E5D1 url(../images/inputbg.gif) repeat-x scroll center top;
	border-color:#0D1010 #878787 #878787 #0D1010;
	border-style:solid;
	border-width:1px;
	text-align:left;
}
.post
{
	border-style:solid;
	border-width:1px;
}
h2.yellow
{
    color:#fff157;
    border-top: #616a4d solid 1px;
    border-bottom: #616a4d solid 1px;
}
#accountWindow
{
	float: right;
	margin-top: 10px;
	margin-right: 10px;
    text-align: right;
	width: 220px;
    font-size: 0.8em;
}
#top_menu {
    width: 850px;
    margin-top: 100px; 
}

.display_off
{
	display: none;
}
.display_on
{
	display: block;
}
.error_message
{
  font-size: 0.8em;
  color: #ffff00;
}
.success_message
{
  font-size: 0.8em;
  color: #00ff00;
}
#outer_container 
{
    width: 980px;
    margin-left: auto;
    margin-right: auto;
}
#container
{
	width: 900px;
	margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    border-left: solid gray 2px;
    border-right: solid gray 2px;
    min-height: 600px;
    /*
	padding-left: 15px;
	padding-right: 15px;
    height: 910px;
    */
	background: #01302c url('../images/cloud-bg.png');
}
#social_media_icons 
{
    width: 40px; float: right;     
}
#social_media_icons img
{
    padding: 5px;   
}
#title
{
	float: left;
	width: 900px;
	height: 130px;
	background-image: url('../images/header.png');	
    background-repeat: no-repeat;
}
#home_link
{
	height: 90px;
	width: 500px;
	float: left;
}
#menu
{
	/*float: left;*/
	text-align: center;
	/*margin-top: 5px;*/
	width: 900px;
	/*height: 30px;*/
}

.hover_button
{
	display: block;
	padding: 0;
	height: 26px;
	background-position: 0px 0px;
	float:left;
}
.hover_button:hover
{
	background-position: 0px -26px;
}
.rollover span.alt 
{
	display:none;
}
.rollover img 
{
	border:none;
}
:root .rollover img 
{
	display:block;
}

.rollover, .rollover:visited 
{
	background-color:transparent !important; /* needed for Opera5/6 */
	background-repeat:no-repeat;
	background-position:0 0;
}
.rollover:hover, .rollover:focus, .rollover:active, .rollover.MMO, .rollover.MMO:visited 
{
	background-position:0 -26px;
}

#button_feedback
{
	background: url(../images/button_feedback.png) no-repeat 0 0;
	background-position: 0px 0px;
	width: 150px;
	float: right;
}
#button_media, #button_media:visited
{
	background: url(../images/button_media.png) no-repeat 0 0;
	background-position: 0px 0px;
	width: 100px;
}

#button_screenshots
{
	background: url(../images/button_screenshots.png) no-repeat 0 0;
	background-position: 0px 0px;
	width: 128px;
}
#button_community
{
	background: url(../images/button_community.png) no-repeat 0 0;
	background-position: 0px 0px;
	width: 125px;
}
#button_howtoplay
{
	background: url(../images/button_howtoplay.png) no-repeat 0 0;
	background-position: 0px 0px;
	width: 140px;
}
#button_tournaments
{
	background: url(../images/button_tournaments.png) no-repeat 0 0;
	background-position: 0px 0px;
	width: 150px;
}
#button_download
{
	background: url(../images/button_download.png) no-repeat 0 0;
	background-position: 0px 0px;
	width: 110px;
}
#button_replays
{
	background: url(../images/button_replays.png) no-repeat 0 0;
	background-position: 0px 0px;
	width: 88px;
}
#button_cards
{
	background: url(../images/button_cards.png) no-repeat 0 0;
	background-position: 0px 0px;
	width: 75px;
}
#button_units
{
	background: url(../images/button_units.png) no-repeat 0 0;
	background-position: 0px 0px;
	width: 70px;
}
#button_aboutus
{
	background: url(../images/button_aboutus.png) no-repeat 0 0;
	background-position: 0px 0px;
	width: 120px;
}

#button_strategy
{
	background: url(../images/button_strategyguide.png) no-repeat 0 0;
	background-position: 0px 0px;
	width: 86px;
}

#header
{
	width: 930px;
	height: 200px;
}
#header_left
{
	height: 200px;
	/*margin-left: 10px;*/
	/*margin-top: -1px;*/
}
#header_right
{
	width: 267px;
	height: 192px;
	/*margin-right: 30px;*/
}

.header_text { height: 48px; padding: 15px; }

#divider
{
	float: left;
	width: 900px;
	height: 20px;
	background-image: url(../images/divider.png);	
}
.page_header
{
	width: 900px;
	height: 192px;
	clear: both;		
}
#header_admin
{
	background-image: url(../images/header_admin.png);
}
#header_cards
{
	background-image: url(../images/header_cards.png);
}
#header_units
{
	background-image: url(../images/header_units.png);
}
#header_screenshots
{
	background-image: url(../images/header_screenshots.png);
}
#header_login
{
	background-image: url(../images/header_login.png);
}
#header_account
{
	background-image: url(../images/header_account.png);
}
#header_download
{
	background-image: url(../images/header_download_wide.png);
}
#header_tournaments
{
	background-image: url(../images/header_tournaments.png);
}
#header_community
{
	background-image: url(../images/header_community.png);
}
#header_tournament_admin
{
	background-image: url(../images/header_tournament_admin.png);
}
#header_tournament_editor
{
	background-image: url(../images/header_tournament_editor.png);
}
#header_tournament_results
{
	background-image: url(../images/header_tournament_results.png);
}
#header_howtoplay
{
	background-image: url(../images/header_howtoplay.png);
}
#header_media
{
	background-image: url(../images/header_media.png);
}
#header_strategy
{
	background-image: url(../images/header_strategy.png);
}
#header_register
{
	background-image: url(../images/header_register_wide.png);
}
#header_reset_password
{
	background-image: url(../images/header_reset_password.png);
}
#header_status
{
	background-image: url(../images/header_status.png);
}
#header_leaderboard
{
	background-image: url(../images/header_leaderboard.png);
}
#header_headlines
{
	background-image: url(../images/header_headlines.png);
}
#header_contest
{
	background-image: url(../images/header_contest.png);
}
#header_feedback
{
	background-image: url(../images/header_feedback.png);
}
#header_confirm
{
	background-image: url(../images/header_confirm.png);
}
#header_change_password
{
	background-image: url(../images/header_change_password.png);
}
.contents_standard
{
	width: 890px;
	margin-left: 10px;
	margin-right: 10px;
	height: 800px;
	/*border: solid 1px #ff0000;*/
}
.contents_scrollable
{
	width: 780px;
	margin: 0 auto;
	height: 740px;
	overflow: auto;
}
#center_contact
{
	width:510px;
	margin:0 auto;
	text-align:left;
}
.card_image
{
	/*width: 46px;*/
	/*height: 64px;*/
	width: 185px;
	height: 259px;
	margin: 2px 2px 2px 2px;
}
.card 
{
}
.card_category 
{
    width: 136px;   
}
.card_subcategory
{
    width: 100px;   
}
.active_category {
    border: solid orange 2px;
}
.active_subcategory {
    border: solid orange 1px;
}

h2.category_heading {
    text-transform: uppercase;    
    font-size: 14px;
}
h2.subcategory_heading {
    text-transform: uppercase;   
    font-size: 14px;
}
#content_home
{
	width: 910px;
	margin-left: 0px;
	margin-right: 0px;
	height: 580px;
}
#content_left
{
	width: 610px;
	margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 40px;
    cursor: pointer;
}
#content_right
{
    float: right;
    margin-right: 20px;
}
#account_statistics
{
    width: 380px;
}
#account_settings
{
    width: 380px;
}
.clear
{
  float:left;
  width: 780px;
}
.headline-small-date
{
  font-size: 0.8em;
  font-weight: normal;
  color: #FFF157;
}
.small_note
{
  font-size: 0.7em;
  font-weight: normal;
  color: #c0c0c0;
}
.download_table
{
    margin-left: 70px;
}


#account_download
{
    width: 380px;
}
#account_password
{
    float: right;
    width: 360px;
}
#footer
{
	width: 520px;
	height: 40px;
    margin-left: 380px;
	text-align: left;
	font-size: 0.8em;
	color: #fff;
	clear: both;
}

#debug
{
	background-color: #ffffff;
	color: #000000;
	width: 900px;
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
	clear: both;
}
#grid { width: 100%; }
#grid td { }

.box {
    background: #121212; 
    border: solid #404040 1px;
    padding: 20px;
    margin: 10px;
}
.content_box { 
    background: #011816;
    border: solid #aaa 1px;
    padding: 20px;
    margin: 0px 20px 20px 20px;
    min-height: 520px;
}

.box_heading {
    padding-bottom: 10px;    
}
.box_left
{
	height: 258px;
	width: 21px;
	background-image: url(../images/box_left.png);	
}
.box_center
{
	height: 258px;
	background-image: url(../images/box_center.png);
	background-repeat: repeat-x;
}
.box_center_content
{
	margin: 10px 4px 10px 4px;
}
.box_center_wide
{
	width: 356px;
}
.box_center_narrow
{
	width: 192px;
}
.box_right
{
	float: left;
	height: 258px;
	width: 21px;
	background-image: url(../images/box_right.png);	
}
.box_title_wide
{
	float: left;
	width: 356px;
	height: 21px;
	margin-bottom: 6px;
}
.box_contents_wide
{
	float: left;	
	width: 356px;
	height: 190px;
}
.box_more
{
    text-align: right;
	font-size: 20px;
}
.box_contents_narrow
{
	float: left;	
	width: 192px;
	height: 190px;
}
.box_more_narrow
{
	float: left;
	width: 192px;
	height: 20px;
	text-align: right;
}
.indented_header
{
	margin-left: 20px;
}
.indented_div
{
	position:relative;
    /*height:588px;*/
    height:573px;
	margin-left: 20px;
	margin-top: 5px;
    padding-right: 75px;
    overflow: auto
}
.portrait
{
	background-image: url(../images/portraits.jpg);
	width: 48px;
	height: 48px;
	background-position:-2px -2px;
}

.screenshot_gallery
{
	margin-left: 15px;
}
#galleryNav
{
	width: 750px;
	margin-left: 70px;
}
#navTable
{
	width: 100%;	
}
.account_table
{
	/*margin-left: 100px;*/
    margin: auto;
}
.stepcarousel
{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	/*width: 270px; /*Width of Carousel Viewer itself*/
	/*height: 200px; /*Height should enough to fit largest content's height*/
	width: 780px;
	height: 540px;
	margin-left: 50px;

}

.stepcarousel .belt
{
	position: absolute; 
	left: 0;
	top: 0;
}

.stepcarousel .panel
{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 10px; /*margin around each panel*/
	width: 760px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

#dhtmlgoodies_tooltip
{
  background-color:#EEE;
  border:1px solid #000;
  position:absolute;
  display:none;
  z-index:20000;
  padding:2px;
  font-size:0.9em;
  -moz-border-radius:6px;	/* Rounded edges in Firefox */
  font-family: Georgia, 'Times New Roman', Times, serif;
}
#dhtmlgoodies_tooltipShadow
{
  position:absolute;
  background-color:#555;
  display:none;
  z-index:10000;
  opacity:0.7;
  filter:alpha(opacity=70);
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
  -moz-border-radius:6px;	/* Rounded edges in Firefox */
}

#community_list { line-height: 20px; font-size: 16px; }
#community_list td { padding: 10px; }

.arial { font-family: arial; }
#letters { font-size: 18px; text-align: center; }
.selected_letter { font-size: 24px; font-weight: bold; }
select.assets { width: 200px; }

legend { font-size: 24px; }
#asset_manager { font-family: arial; }
#messages { padding: 10px; border: solid white 1px; }

td.round { width: 120px; }
div.round { font-size: 18px; font-weight: bold; padding: 24px; }
.winner { background: #02221f; padding: 5px; }
.player_slot { padding: 5px;  }
.tournament_results { font-size: 12px; font-family: arial; }
.tournament_results td { padding: 2px; }



#box_container
{
    padding:20px;  
    width:300px;  
    color:#FFFFFF;  
    position:relative;  
    float:left;  
    margin-left:20px;  
    overflow:hidden;  
}  

#box_container .transparency  
{  
    opacity:0.5;  
    filter:alpha(opacity=50);  
    -moz-opacity:0.5;  
    background-color:#000000;  
    width:340px;  
    height:1500px;  
    position:absolute;  
    border: solid yellow 1px;
    top:0px;  
    left:0px;  
    z-index:-1;  
}  

.transparent_content  
{  
    position:relative;  
}  

#txtUserName { padding: 3px; font-size: 20px; font-family: arial; width: 300px; background: white; }
#txtPassword { padding: 3px; font-size: 20px; font-family: arial; width: 300px; background: white; }
.big_input { padding: 3px; font-size: 20px; font-family: arial; width: 300px; background: white;padding: 3px; font-size: 20px; font-family: arial; width: 300px; background: white; }

.txtLabel { font-size: 20px; }

#account_username { font-size: 36px; }

.thankyou { font-size: 18px; line-height: 24px; margin: 20px; }

th.leaderboard_heading { font-size: 12px; }
th.leaderboard_heading a { color: white; }
th.active_sort a { color: yellow; }
th.heading { font-size: 18px; }

#leaderboard td { font-size: 12px; }

.even { background: #02221f; }
.odd  { background: #011513; }

#tabs { height: 400px; margin: 0px 2px 12px 12px; } 
.tabs-bottom { position: relative; } 
.tabs-bottom .ui-tabs-panel { height: 480px; overflow: auto; } 
.tabs-bottom .ui-tabs-nav { position: absolute !important; left: 0; bottom: 0; right:0; padding: 0 0.2em 0.2em 0; } 
.tabs-bottom .ui-tabs-nav li { margin-top: -2px !important; margin-bottom: 1px !important; border-top: none; border-bottom-width: 1px; }
.ui-tabs-selected { margin-top: -3px !important; }
#tabs h2 { margin-bottom: 10px; }

#headline-tabs { height: 490px; margin: 0px 2px 12px 12px; }
#headline-tabs h1 { font-size: 26px; }
#headline-tabs h2 { margin-bottom: 5px; font-size: 22px; } 
#defaultCountdown { }

#user_cards li { margin: 0; padding: 0; }

.darkblue { color: #86bcc5 }
.lightblue { color: #c7f7ff }

/*
li { list-style: none; float: left; }
*/
.deck_editor_card { width: 135px; }
.deck_editor_input { padding: 5px; color: #404040; font-size: 24px; font-family: arial;  }
.card_icon { width: 135px; }

.profile_heading { margin-left: 20px; }
#player_panel { padding: 0px 20px 0px 20px; }
#player_summary { padding: 20px; margin-bottom: 10px; }
#player_summary_right { width: 500px; float: right; }
#player_summary_left { width: 300px; }
#player_summary td{ padding-right: 10px; font-size: 14px; }
#player_summary h1 { margin: 0; color: #8ac5cd; }
#player_summary h2 { margin: 0; }
#player_summary img { padding: 0; margin: 0; }

.tabbed { padding: 20px; margin-bottom: 20px; }
.tabbed h1 { color: #8ac5cd; }
.tabbed table { width: 95%; margin-left: 20px; margin-right: 20px; border-collapse: collapse; }
.tabbed th { background: #002521; padding: 5px; }
.tabbed tr.even { background: #153834; }
.tabbed tr.odd { background: #002521; }
.tabbed td { color: white; padding: 5px; font-size: 14px; } 
.tabbed table a { color: #8ac5cd; border-bottom: dotted #8ac5cd 1px; font-weight: bold; }
.ui-widget-content h1 { color: #fff; font-size: 24px; }
.with-margin { margin-left: 20px; margin-right: 20px; }

.player_link { color: #8ac5cd; font-weight: bold; border-bottom: dotted #8ac5cd 1px; }

.fg-button { 
   outline: 0; 
   margin:0; 
   padding: .4em .4em; 
   text-decoration:none !important; 
   cursor:pointer; 
   position: relative; 
   text-align: center; 
}

#profile_buttons button.fg-button { font-size: 18px; }
.fg-button a { border: 0; }

#beta_box { text-align: center; width: 200px; padding: 20px; margin-left: 0px; margin-top: 0px; margin-bottom: 20px; margin-right: 0px; }

.deck_row { }
.deck_cards li { margin: 0; padding: 0; list-style: none; float: left; }
.deck_cards_card { width: 60px; height: 90px; }

/* comments */
.comment {  margin-bottom: 40px; }
.comment_by { font-size: 20px;  }
.comment_text { font-size: 16px; line-height: 20px; padding-top: 10px; padding-bottom: 10px; }

.win { font-size: 12px; }
.loss { font-size: 12px;  }

.num_comments { background-image: url('../images/comment_icon.png'); width: 10px; height: 10px; padding: 6px 10px 14px 11px; color: #002521; font-weight: bold; }