body { background:url(../img/layout/body_background2.jpg) center top no-repeat black; }

/* utility */
.clear { clear:both;margin:0; }
.left { float:left; }
.right { float:right; }
.pointer { cursor:pointer; }
.hide { display:none; }
.center { text-align:center; }
.auto { margin:auto; }
.relative { position:relative; }
.fancy {background:url(../img/layout/box_background.png);}



/* buttons */
h3.icon_button { width:27px;height:0;text-indent:-10000px;margin:0;padding:26px 0 0 0;cursor:pointer; }
	
	
h3.very_small_button { width:52px;height:0;text-indent:-10000px;margin:0;padding:26px 0 0 0;cursor:pointer; }
	
h3.icon_button_2 { width:37px;padding:29px 0 0 0;height:0;text-indent:-10000px;margin:0;cursor:pointer; }
	
h3.green_metallic_button { width:105px;height:0;text-indent:-10000px;margin:0;cursor:pointer;padding:40px 0 0 0 }


h3.small_button { width:113px;height:0;text-indent:-10000px;margin:0;padding:30px 0 0 0;cursor:pointer; }
h3.small_button.buy_now, h3.small_button.buy_bundle,h3.small_button.buy_product, h3.small_button.buy_it_now, h3.small_button.buy_membersonly { background:url(../img/inputs_and_buttons/buttons/buy_now.png) no-repeat; }
h3.wait {background-image: url(../img/inputs_and_buttons/buttons/wait.png) !important;}

h3.small_button_wide { width:173px;height:0;padding-top:30px;text-indent:-10000px;cursor:pointer; }
       	
	
		
h2.secondary_nav { width:174px;height:0;text-indent:-10000px;margin:0;padding:64px 0 0 0;cursor:pointer; }


h3.large_green_button { width:105px;height:0;text-indent:-10000px;margin:0;padding:81px 0 0 0;cursor:pointer }
	h3.large_green_button.manage_army { background:url(../img/inputs_and_buttons/buttons/manage_army_large.png) no-repeat; }
	
	
/* inputs */
	
input.prev { background:url(../img/challenges/index/previous.png) no-repeat;width:61px;height:20px;padding:0; }
input.next { background:url(../img/challenges/index/next.png) no-repeat;width:61px;height:20px;padding:0; }
input.page_jumper { height:11px;line-height:11px;width:20px;background:black;border:1px solid #f39f0d;color:white; }
div.inner label { width:100px;float:left; }
textarea.comment { width:400px;height:200px;margin:10px; }
div.input_wrapper { background:url(../img/inputs_and_buttons/inputs/login_input_background.png) no-repeat;width:138px;height:27px; }
div.input_wrapper input { background:transparent;height:17px;margin:6px 0;padding:0 6px;width:128px; }

div.input_wrapper_black { background:url(../img/inputs_and_buttons/inputs/black_input_background.png) no-repeat;width:205px;height:26px; }
div.input_wrapper_black input { background:transparent;height:18px;margin:6px 0;padding:0 6px;width:195px;color:white; }

div.input_wrapper_white { background:url(../img/inputs_and_buttons/inputs/white_input_background.png) no-repeat;width:196px;height:26px; }
div.input_wrapper_white input { background:transparent;height:18px;margin:6px 0;padding:0 6px;width:186px; }

div.input_wrapper_small { background:url(../img/inputs_and_buttons/inputs/input_small_background.png) no-repeat;width:47px;height:27px; }
div.input_wrapper_small input { background:transparent;height:17px;margin:6px 0;padding:0 6px;width:35px; }

/*********************************************** LAYOUT **************************************************/
div#site_container { width:980px;margin:auto; }
div#content { width:955px;margin:20px 18px 40px 27px; }
div.header_nav_container { background:url(../img/layout/header_nav_container.png) repeat-x;height:201px;width:100%;margin:auto; }

/* containers */
div.content_background {background:#181818;}
div.container_wrapper { background:#181818;border-left:1px solid #141414;border-right:1px solid #141414;border-bottom:1px solid #141414;padding:10px; }
div.wrapper_inner { background:#0c0c0c;border-left:1px solid #1c1c1c;border-right:1px solid #1c1c1c;border-bottom:1px solid #1c1c1c;padding:15px; }
div.wrapper_text { padding:7px 33px 0px 33px; }

div.table_container { background:url(../img/challenges/index/table_container_background.png) repeat-y;width:471px; }
div.table_container_bottom { background:url(../img/challenges/index/table_container_bottom.png) no-repeat;width:471px;height:24px; }
div.standard_container div.data_wrapper { min-height:362px; }
div.standard_container table { width:100%; }
div.standard_container tr.odd, div#messages tr.odd, div.standard_container tr, li.odd, div.standard_container td.odd{ background:url(../img/layout/box_background.png); }
div.standard_container tr.even, div#messages tr.even, li.even, div.even  { background:url(../img/layout/light_box_background.png); }
div.standard_container td { height:25px;vertical-align:middle; }
div.standard_container th { height:34px;vertical-align:bottom;padding-bottom:9px; }
div td.paginator_page { padding-left:5px;text-align:left;width:33%; }
div td.paginator_page_count { text-align:center;width:33%;color:#aeaeae; }
div td.paginator_buttons { text-align:right;width:33%;padding-right:5px; }

div.purchase_table_container td, div.purchase_table_container th { vertical-align:middle;height:50px;padding:0 7px; }
div.purchase_table_container td table td { padding:0; }
div.purchase_table_container td table tr { background:none; }

.hover_button_container { cursor:pointer; }

div.rivet_skull { background:url(../img/layout/flare/rivet_skull.png) no-repeat;width:37px;height:21px; }
	div#nav_container div.rivet_skull { position:absolute;left:756px;top:15px; }

table.users td { min-height:40px;padding:5px 0; }
table.users td.first { width:100px; }

tr.spacer td { height:2px !important;min-height:2px;max-height:2px;padding:0 !important }

table.registration td, table.payment td { height:62px;padding:5px 0; }
table.registration table tr, table.payment table tr { background:transparent; }

table.registration tr.spacer, table.payment tr.spacer { background:transparent !important; }
table.registration tr td div.input_wrapper_black, table.payment tr td div.input_wrapper_black { clear:both; }

table.avatar_heads td { height:60px !important;border-top:1px solid transparent;border-bottom:1px solid transparent; }
table.avatar_heads td, table.avatar_heads th { padding-left:5px;padding-right:5px; }

table.bordered td { border-top:1px solid transparent;border-bottom:1px solid transparent; }
table.bordered td.first, table.bordered th.first { border-left:1px solid transparent;padding-left:5px; }
table.bordered td.last, table.bordered th.last { border-right:1px solid transparent;padding-right:5px; }

th.no_data { vertical-align:middle !important;text-align:center !important;padding-bottom:0 !important; }

div.standard_container { border-right:1px solid #676767;border-left:1px solid #676767;background:#878787;padding:0px 2px; }
div.standard_container div.inner { background:url(../img/layout/inner.gif);padding:6px 6px 6px 6px; }
div.standard_container div.inner#tab_content, div.standard_container div.inner.tab_content, div.card_information div.inner { padding:0 6px 6px 6px; }

div.inner.no_padding { padding-bottom:0 !important; }
div.green, tr.green, li.green, col.green, table.green { background:url(../img/layout/inner_green.gif) !important; }

tr.warning { background:url(../img/layout/red_background.png) !important; }

div.standard_container.multiple { margin-bottom:25px; }
div.standard_container div.inner.left_side { width:471px; }
div.standard_container div.inner.padded { padding:13px 27px 13px 27px !important;}
div.standard_container div.inner_bottom { height:4px;background:url(../img/layout/inner_bottom.png) center no-repeat #878787;}
div.standard_container div.inner_top { height:4px;background:url(../img/layout/inner_bottom.png) center no-repeat #878787; }

div.standard_container div.box { background:url(../img/layout/box_background.png);padding:14px 19px 14px 19px;margin-bottom:4px; }
div.standard_container div.box.light { background:url(../img/layout/light_box_background.png) !important; }
div.standard_container div.box.light_padding { padding:8px !important;margin:0 !important }
div.standard_container div.box.no_padding { padding:14px 0;}
div.standard_container div.box.short { height:25px !important; }
	div.standard_container div.box.no_padding p { margin:0; }
	div.standard_container div.box.multiple { margin-bottom:10px !important; }
	div.standard_container div.box.strip_text p, div.standard_container div.box.strip_text h2, div.standard_container div.box.strip_text h3 { margin:0 !important;padding:0 !important; }

div.standard_container div.battle_box div.box div.left { margin-right:5px; }
div.standard_container div.battle_box div.box div.right { width:80px; }
div.standard_container div.battle_box div.box div.right h3 { font-weight:bold;color:#f39f0d;margin-bottom:8px; }
div.standard_container div.battle_box div.box div.right p { margin:0; }

div.green_grid_container { background:url(../img/elements/news/news_item_background.png) repeat-y;width:441px;margin:auto;padding:8px 0; }
div.green_grid_inner { width:421px;margin:auto; }
div.green_grid_bottom { background:url(../img/elements/news/news_item_bottom_background.png) no-repeat;width:441px;height:7px;margin:0 auto 18px auto;}

div.small_green_grid_container { background:url(../img/challenges/index/small_green_grid.png) repeat-y;width:351px;margin:auto;padding:8px 0; }
div.small_green_grid_inner { width:331px;margin:auto; }
div.small_green_grid_bottom { background:url(../img/challenges/index/small_green_grid_bottom.png) no-repeat;margin:auto;width:351px;padding:8px 0; }

div.filter_box table td { vertical-align:middle; }
div.filter_box { padding:5px;background:url(../img/layout/box_background.png); }

div.right_side_container { background:url(../img/layout/right_side_container.png) black no-repeat;padding:64px 17px 17px 33px;width:369px;position:relative;z-index:3; }
div.left_side_container { background:url(../img/layout/left_side_container.png) black no-repeat;width:480px;padding:63px 17px 17px 32px;position:relative; }
div.marketplace_left_side_container { width: 906px;}

div.loading_container { height:360px; width: 955px; }
div.loading_container img { display:block;margin:0 auto 50px auto;padding-top:50px }

div.right_side_container div.container_header, div.left_side_container div.container_header { position:absolute;left:46px;top:16px;height:35px }
	

div.marketplace_sidebar_container {width: 300px; background-color: #000000; margin: 0 0 0 10px;padding: 10px;}
	
/* tabs */
table.tabbed td { height:46px;vertical-align:middle; }
table.tabbed td.tab_left { width:9px; }
table.tabbed td.tab_left.selected { background:url(../img/layout/tabs/tab_left.png) no-repeat; }
table.tabbed td.tab_right { width:9px; }
table.tabbed td.tab_right.selected { background:url(../img/layout/tabs/tab_right.png) no-repeat; }
table.tabbed td.tab { padding:0 16px;cursor:pointer; }

/* help box */
div.help_box img { margin:0 10px 10px;float:left; }
div.help_box div.block_text { padding-left:10px; }

/* flash */
div.solo_flash { margin:20px auto; }


/* accordion */
div.accordion_closed { padding:0;height:63px;overflow:hidden;cursor:pointer; }
div.big_up { background:url(../img/layout/flare/big_up.png) no-repeat top left;width:19px;height:9px;position:absolute;top:35px;left:176px; }
div.big_down { background:url(../img/layout/flare/big_down.png) no-repeat top left;width:19px;height:10px;position:absolute;top:35px;left:176px; }
	
table.tabbed td.tab.selected { background:url(../img/layout/tabs/tab_background.png) repeat-x; }
table.tabbed td.tab.hold div { background-position:bottom; }
table.tabbed { margin:0 6px; }
div.tab_container { background:url(../img/layout/tabs/tab_container_background.png) repeat-x;border-bottom:1px solid #535353;padding:0 2px; }

/* flare */
li.rivet { background:url(../img/layout/flare/rivet.png) no-repeat 50% 48%;width:11px; }
p.one_rivet { background:url(../img/layout/flare/text_one_rivet.png) no-repeat;width:383px;height:17px;padding:0 25px;line-height:17px;display:block;margin-bottom:3px; }
p.two_rivets { background:url(../img/layout/flare/text_two_rivets.png) no-repeat;width:358px;height:17px;padding:0 19px;line-height:17px;display:block;margin-bottom:3px; }
div.icon { width:50px;height:50px; }

/* text borders */
.text_top { position:absolute;z-index:4;bottom:1px;color:black;margin:0; }
.text_right { position:absolute;z-index:4;left:1px;color:black;margin:0; }
.text_bottom { position:absolute;z-index:4;top:1px;color:black;margin:0; }
.text_left { position:absolute;z-index:4;left:-1px;color:black;margin:0; }

/* nav */
.primary_nav.hold, .secondary_nav.hold {background-position:right top !important;}
div#nav_container { position:relative;margin:20px auto 0 auto;width:875px;left:125px;z-index:3; }
	div#nav_container.logged_in { margin-bottom:37px; }
div#nav_container div.background { background:url(../img/layout/navigation/container_background.png) no-repeat;width:793px;height:52px;margin-left:10px; }
div#nav_container div.logo, div#walkthrough_nav_container div.logo { background:url(../img/layout/navigation/planet_storm_logo.png) no-repeat;width:281px;height:141px; }
div#nav_container div.logo { position:absolute;top:-20px;left:-158px;z-index:3; }
div#walkthrough_nav_container div.logo { left:50%;margin:auto auto auto -122px;position:absolute;top:4px;z-index:2; }
div#walkthrough_nav_container { margin-bottom:50px; }
div#nav_container div#login_background { background:url(../img/layout/navigation/login_background.jpg) no-repeat;width:732px;height:41px; }
div#nav_container div.remember { background:black;width:86px;height:22px;margin-left:418px; }
div#nav_container div.nav_ship { background:url(../img/layout/navigation/nav_ship.png) no-repeat;height:151px;width:275px;position:absolute;left:545px;top:-14px; }
div#nav_container div.remember table tr td { vertical-align:middle; }
div#nav_container div.background div.menu_top_bar { width:500px;position:absolute;height:1px;background-color:#c9c9c9;top:3px;left:100px; }

div#nav_container ul { margin:0 0 0 130px;padding-top:3px; }
div#nav_container ul li { float:left;height:48px;overflow:hidden;margin-right:10px; }
div#nav_container ul li a, div#nav_container ul li a:hover { color:transparent;height:48px; }
div#nav_container ul li.battlegrounds { background:url(../img/layout/navigation/menu_text/battlegrounds.png) no-repeat top left;width:129px; }
	div#nav_container ul li.battlegrounds a { width:129px;display:block; }
div#nav_container ul li.marketplace { background:url(../img/layout/navigation/menu_text/marketplace.png) no-repeat top left;width:111px; }
	div#nav_container ul li.marketplace a { width:111px;display:block; }
div#nav_container ul li.forums { background:url(../img/layout/navigation/menu_text/forums.png) no-repeat top left;width:60px; }
	div#nav_container ul li.forums a { width:60px;display:block; }
div#nav_container ul li.help { background:url(../img/layout/navigation/menu_text/help.png) no-repeat top left;width:40px; }
	div#nav_container ul li.help a { width:40px;display:block;position:relative;z-index:2; }

div#nav_container div#login_background td { vertical-align:middle;height:100%; }
div#nav_container div#login_background table {margin-left:140px;position: absolute;bottom: 29px;}
div#nav_container div.go_submit_wrapper { background:url(../img/inputs_and_buttons/buttons/go.png) no-repeat;width:32px;height:21px;margin-left:2px;cursor:pointer; }
div#nav_container div.go_submit_wrapper input { background:transparent;width:32px;height:21px;padding:0;cursor:pointer; }
div#nav_container div#login_background td.login { width:70px;text-align:center; }

div#controller_header { background:url(../img/layout/navigation/black_header_background.png) no-repeat;width:746px;height:41px;margin:auto; }

div#nav_container div.manage_army { background:url(../img/inputs_and_buttons/buttons/manage_army.png) no-repeat;width:128px;height:21px; }

/* hud */
div#hud { height:95px;width:100%;background:url(../img/elements/hud/hud_background.png) repeat-x; }
div#hud_inner { width:918px;height:88px;margin:auto;background:url(../img/elements/hud/hud_inner_background.png) repeat-x; }

div#hud div.avatar_head_container { width:77px;height:74px;background:black;float:left;border:1px solid transparent; }
div#hud div.avatar_head_container div { margin:12px auto 0 auto; }
div#hud div.avatar_info { height:74px;float:left;padding:7px 0 0 7px; }
div#hud div.hud_section { float:left; }
div#hud div.hud_section.avatar { width:276px;padding:5px 0 0 5px;height:81px;border:1px solid transparent; }
div#hud div.hud_section.stats { width:344px;height:88px; }

div#hud div.hud_section.stats table { height:100%; }
	div#hud div.hud_section.stats table.first_table { float:left;width:146px;border-left:2px solid #1e1e1e; }
	div#hud div.hud_section.stats table.second_table { float:right;width:191px;border-right:2px solid #1e1e1e; }
	
div#hud div.hud_section.stats table td { vertical-align:middle;border-top:1px solid transparent;border-bottom:1px solid transparent; }
	div#hud div.hud_section.stats table td.hud_first { border-left:1px solid transparent;cursor:pointer; }
	div#hud div.hud_section.stats table td.hud_last { border-right:1px solid transparent;cursor:pointer; }
div#hud div.hud_section.stats table td.icon { text-align:center; }
div#hud div.hud_section.stats table td.middle { border-top:1px solid #1e1e1e;border-bottom:1px solid #1e1e1e;cursor:pointer; }

div#hud div#battle_now_container { float:right;padding:3px 2px 0 2px;height:100%;border-left:2px solid #1e1e1e; }
div#hud div.hud_section.stats2 { width:180px;height:88px; }
div#hud div.hud_section.stats2 table { height:88px;width:89px;border:1px solid transparent; }
div#hud div.hud_section.stats2 table td.icon { height:56px !important; }
div#hud div.hud_section.stats2 table td.first { padding-left:5px; }
div#hud div.hud_section.stats2 table td.last { padding-right:5px; }
div#hud div.hud_section.stats2 table td.bottom { padding-bottom:5px; }
div#hud div.hud_section.stats2 td { vertical-align:middle; }

div.banner_container { width:100%;background:url(../img/layout/banner_background.png);height:194px; }

/* progress bars */
#xp_bar_container { position:relative;border:1px solid black;margin-top:5px;width:182px;margin-left:-1px; }
#xp_bar_container p, #xp_info_container p { position:absolute;z-index:10;height:18px;line-height:17px;margin-left:5px; }
#xp_bar_background { height:18px;background:url(../img/elements/hud/xp_bar_background.png) repeat-x;width:100%; }
#xp_bar_foreground { background:url(../img/elements/hud/xp_bar_foreground.png) repeat-x;z-index:2;position:absolute;height:18px; }
#xp_info_container { display:none; }

.achievements_progress { margin-bottom:20px;width:50px;background:url(../img/elements/hud/xp_bar_background.png) repeat-x scroll 0 0;height:10px;position:relative; }
.achievements_percentage { height:10px;width:0px;background:url(../img/elements/hud/xp_bar_foreground.png) repeat-x scroll 0 0; }


/* footer */
p.copywrite { padding:10px 20px;text-align:justify;line-height:15px; }
div#footer { border-top:1px solid #4d4d4d;clear:both;padding:26px 0; }
div#footer span.separator { display:inline-block;width:22px;text-align:center; }
div#footer div.right_links { float:right; }
div#footer div.left_links { float:left; }

/************************************************ PAGES *********************************************************/

/******* HOME *******/

/* welcome */
div#welcome { margin:0 0 40px 0;float:left; }
div#welcome div.gradient_background { background:url(../img/pages/home/welcome/gradient_background.png) no-repeat;width:529px;height:228px;padding-top:17px;position:relative; }
div#welcome div.welcome_title_background { background:url(../img/pages/home/welcome/welcome_title_background.png) no-repeat;width:380px;height:40px;margin-left:149px; }
p.welcome_text { background:url(../img/pages/home/welcome/welcome_text.png) no-repeat center;width:224px;height:0px;text-indent:10000px;overflow:hidden;padding-top:40px;margin-left:46px; }
div.join_now { background:url(../img/inputs_and_buttons/buttons/join_now.jpg) no-repeat top;width:166px;height:88px;margin-left:44px;position:relative;z-index:2; }
div.take_a_tour { background:url(../img/inputs_and_buttons/buttons/take_a_tour.jpg) no-repeat top;width:168px;height:88px;position:relative;z-index:4; }
p.one_rivet.first { margin-left:23px; }
p.one_rivet.second { margin-left:36px; }
p.one_rivet.third { margin:0 0 19px 14px; }
div.free_to_play { background:url(../img/inputs_and_buttons/buttons/free_to_play.png) no-repeat top;width:178px;height:70px;position:absolute;top:182px;left:270px;z-index:5; }
div.robot_human { background:url(../img/pages/home/welcome/robot_human.png) no-repeat;width:289px;height:392px;position:absolute;top:-65px;left:335px;z-index:4; }
div#welcome div.aliens_human { background:transparent url(../img/pages/home/alien.png) no-repeat scroll 0 0;height:476px;left:332px;position:absolute;top:-113px;width:406px;z-index:2; }
div.robot_spec { background:url(../img/pages/home/welcome/robot_spec.png) no-repeat;width:489px;height:177px;position:absolute;top:146px;left:-2px; }

/* news */
div#news { position:relative;z-index:2 }
div#news div.news_item { margin:auto;padding:20px; }

/* top armies */
div#top_armies { background:url(../img/pages/home/top_armies/top_armies_background.png) black no-repeat;width:420px !important;padding:0 !important;margin-bottom:20px;position:relative; }
	div#top_armies div.first_place { position:absolute;top:125px;left:235px;padding:2px;background:white; }
div.ladder_block { margin-right:10px;height:795px;position:relative; }
div.ranks_block { position:absolute;top:215px;left:34px; }
div.ranks_block span.avatar_name { text-transform:uppercase;margin:0 5px;display:inline-block; }
div.ladder_block span.up, div.history_container span.up { background:url(../img/pages/home/top_armies/up.png) left no-repeat;padding:0 0 0 13px;display:inline-block;text-align:right;width:25px; }
div.ladder_block span.down, div.history_container span.down { background:url(../img/pages/home/top_armies/down.png) left no-repeat;padding:0 0 0 13px;display:inline-block;text-align:right;width:25px; }
	div.history_container span.down, div.history_container span.up { height:20px;line-height:20px; }
div.ladder_block p.first { position:absolute;top:190px;left:34px;height:17px;line-height:17px;display:block;padding:0 17px; }
div.ladder_block p.first.left_aligned span.first_avatar_name { text-align:left;width:124px; }
div.ladder_block p.first.left_aligned { left:20px }
div.ladder_block p.first span.first_avatar_name { display:inline-block;width:279px;text-align:right;padding-right:5px;text-transform:uppercase; }


/* spread the word */
div#spread_the_word { background:url(../img/pages/home/spread_the_word/spread_the_word_background.jpg) no-repeat black;width:513px;height:206px;position:relative; }
div#spread_the_word div#digg_container { position:absolute;left:441px;top:50px;background:url(../img/layout/flare/digg_holder.png) no-repeat;height:80px;width:52px;z-index:2; }
div#spread_the_word div.invite_a_friend { background:url(../img/pages/home/spread_the_word/invite_a_friend.png) no-repeat;width:177px;height:53px;position:absolute;top:47px;left:230px; }

/* featured card */
div#featured_card { z-index:1;position:relative;background:url(../img/pages/home/featured_card/featured_card_background.png) no-repeat;width:333px;height:315px;margin:40px 40px 0 0;float:right; }
div#featured_card img { position:absolute;top:51px;left:128px;width:167px;height:237px;  -ms-interpolation-mode:bicubic; }


/* gallery */
#gallery_list ul li { height:23px !important;line-height:23px;padding-left:15px;cursor:pointer;border:1px solid transparent;width:246px; }
#gallery_card { width:596px;height:587px;padding:5px; }
#gallery_card h1, #gallery_card h2.fancy { background:url(../img/gallery/gallery_header_background.png) no-repeat;width:322px;line-height:30px;height:37px;padding-left:20px;margin-bottom:20px; }
	#gallery_card h1 img { margin-top:0; }
#gallery_card p, #gallery_card p.fancy { background:url(../img/gallery/data_background.png) no-repeat;width:322px;height:23px;line-height:23px;padding-left:20px; }
div.achievements_percentage.green { background:url(../../../img/gallery/xp_bar_green.png) !important;}
div.achievements_percentage.blue { background:url(../../../img/gallery/xp_bar_blue.png) !important;}
/* end gallery */

/* walkthrough */
#walkthrough div.box { position:relative; }
#walkthrough div.mega-xp { position:absolute;left:0;top:0;background:url(../img/walkthrough/mega-xp.png);width:0;height:93px; }
#walkthrough div.box img { position:absolute;top:50%;margin-top:-18px;margin-left:20px; }
div.next-button { background:url(../img/walkthrough/next_button.png) no-repeat;width:200px;height:73px;position:relative;cursor:pointer; }
#walkthrough div.box div.next-button { float:right; }
div.box.walkthrough-heading { height:73px; 	}
#walkthrough #step0 { padding:10px 0;}
#walkthrough #step1 { position:relative;height:500px; }
#walkthrough #step1 img { left:316px;position:absolute;top:90px; }
#walkthrough #step1 img.help-left { left:85px;top:62px;z-index:2; }
#walkthrough #step1 img.help-right { left:479px;top:45px; }
#walkthrough #step1 div.help-left-background, #walkthrough #step1 div.help-right-background {position:absolute;width:249px;top:25px;}
	#walkthrough #step1 div.help-left-background { left:59px; }
	#walkthrough #step1 div.help-right-background { left:540px; }
	div.help-left-background div.box, div.help-right-background div.box { height:387px; }
/* end walkthrough */


/************************************************ COLLECTIONS *****************************************************/


#opened_pack { display:none; }

#opened_pack .box_content { margin:auto;text-align:center; }

/* card styles */

.card_wrapper { cursor:pointer; }
.card_wrapper img { position:absolute; }
.card_wrapper.loading { background: url(../img/loaders/spinner.gif) no-repeat center center; }
.card_wrapper a { text-decoration:none; }
.card_inner { position:relative;height:155px;width:111px; }
.specials_hover, .specials_hover img, .specials_hover_packs, .specials_hover_packs img { width:111px;height:48px }
.specials_hover { position:absolute;z-index:200;top:-70px;display:block; }
.specials_hover_packs { position:absolute;z-index:2;top:90px;margin:0 10px;display:block }
.collection_control_container{width:111px;height:19px;position:absolute;top:161px;margin:auto;}
.collection_control_middle {width:111px;height:19px;background: transparent url(../img/layout/box_background.png) repeat scroll 0 0;margin:auto;}



.owned_box {
	width:33%;
	float:left;
	cursor:pointer;
}

.owned_box .icon {
	text-align:center;
	margin:auto;
}


#card_table_wrapper {
	position:relative;
	z-index:1;
	margin:auto;	
}

div.collection_left { float:left;width:232px;min-height:400px;padding:63px 18px 0 41px; }
	div.collection_left.unopened_packs { background:url(../img/collection/unopened_packs.jpg) no-repeat black; }
	div.collection_left.owner { background:url(../img/collection/owner.jpg) no-repeat black; }


#card_collection, #opened_pack {
	float:right;
	width:642px;
	position:relative;
}

div.currently_viewed_card {
	background:#0c0c0c;
}

div.pack_container div.pack_graphic { border:2px solid transparent; }
div.pack_container { margin-bottom:15px;border:2px solid transparent;cursor:pointer; }

/******************************************** HELP *******************************************************/

#help_topics { width:376px;background:url(../img/pages/help/help_topics.jpg) no-repeat black;padding:63px 7px 0 43px; }
#help_topics li { height:25px;line-height:25px;padding-left:20px;border:1px solid transparent; }
#right_column_help { width:500px;float:right; }

/******************************** REGISTRATION ***************************************/

#walkthrough_step_container { height:600px; }
#advisor_container { padding:6px; }
div.walkthrough_step { height:100%;width:100%; }
#first_steps h2 { margin:1.4em 0; }
#advisor h3 { margin:1.3em 0; }
#first_steps h1 { margin:1.6em 0;text-align:center; }
#advisor table { height:130px; }
#advisor table td { padding:0 10px; }
div#faction_container { width:600px;margin:auto; }
div.faction { width:232px;height:450px;cursor:pointer;}
div.faction_card { height:317px;margin-top:9px;padding:5px;background:url(../img/avatars/create/card_states.png) no-repeat; }
div.faction_card img { margin-left:3px; }
div.card_text_wrapper { text-align:center; }
.card_text_left { position:absolute;left:170px; width:211px; height:383px;  background:url(../img/walkthrough/card_text_left.gif) no-repeat; }
.card_text_right { position:absolute; width:264px; height:383px; background:url(../img/walkthrough/card_text_right.gif) no-repeat; }


/******************************** AVATAR PAGE *******************************************/

div#warlord { background:url(../img/avatars/origin/warlord.jpg) no-repeat black;width:249px;padding:63px 18px 0 41px; }
div#warlord h3 { margin:auto;text-align:center;margin-bottom:11px; }
div.manage_army_container { width:627px;background:#181818;padding:10px; }
div.manage_army_container div#squads_content div.inner, div.manage_army_container div#info_content div.inner { padding:0 16px 16px 16px; }
div.manage_army_container div.extra_links { margin:20px 0 0 20px; }
#origin_textarea { width:100%;height:150px; }
div.manage_army_container div.squad_container { width:16%;float:left;text-align:center;margin:20px auto; }
div.manage_army_container div.player_stats h3 { width:33%;float:left; }

div.manage_army_container div#achievements_wrapper div.inner { padding-left:0 !important;padding-right:0 !important;padding-bottom:0 !important; }
div.manage_army_container div#achievements_wrapper div.inner h2 { padding-left:16px; }

div.manage_army_container div.data_wrapper { min-height:460px; }


/******************************** CHALLENGES ********************************************/

/* index */
div#automatch { min-height:110px;position:relative; }
div#battlegrounds_chat { min-height:360px; }
div.battlegrounds_header { background:url(../img/challenges/index/banner.jpg) no-repeat;height:188px;width:916px;margin:auto; }
div#npc_challenge div.box, div#daily_challenge div.box, div#automatch div.box, div#quest_store div.box { width:138px;min-height:52px;padding:12px 13px 10px 13px;float:left;margin-right:11px; }

/* add */
div.arrow { background:url(../img/challenges/add/arrow.png) no-repeat;width:144px;height:59px;position:absolute;top:75px;left:-30px; }
div#opposing_army { background:url(../img/challenges/add/opposing_army.jpg) black no-repeat;width:257px;padding:62px 17px 0 42px; }
	div#opposing_army img { margin:auto;text-align:center; }
div#select_your_squads { background:url(../img/challenges/add/select_your_squads.jpg) black no-repeat;width:360px;padding:62px 17px 0 33px; }
div#command_army { background:url(../img/challenges/add/command_army.jpg) top right black no-repeat;position:relative;width:174px;padding:62px 22px 0 33px; }
div#squad_slot_container { margin:auto;width:141px;padding-top:11px;height:200px; }
div#squad_slot_container.one_row {height:34px !important;padding:0;margin:0 auto; }
div#select_your_squads div.squad_container { width:25%;text-align:center;margin:auto;height:133px; }
div#select_your_squads div.squad_container div.squad_image_wrapper { border:2px solid gray;width:65px;height:90px; }

div#squad_slot_container div.slot_background { padding:7px 0 0 11px;background:url(../img/layout/box_background.png);width:32px;height:27px;float:left;border-left:1px solid #262626;border-bottom:1px solid #262626;border-bottom:1px solid #262626;margin-right:3px;margin-bottom:13px; }
div.squad_slot { background:url(../img/challenges/add/squad_slot.png) no-repeat;width:20px;height:20px; }
div.squad_slot div.holder.kollective { background:url(../img/overlay/faction_icons/faction-icon-kollective.png) no-repeat center center;width:20px;height:20px; }
div.squad_slot div.holder.machines { background:url(../img/overlay/faction_icons/faction-icon-machines.png) no-repeat center center;width:20px;height:20px;  }
div.squad_slot div.holder.aliens, div.squad_slot div.holder.alien { background:url(../img/overlay/faction_icons/faction-icon-aliens.png) no-repeat center center;width:20px;height:20px;  }

div#ordered_squad_ui {float: left;padding: 2px 5px 0 8px;width: 75px;height: 43px;background:transparent url(../img/layout/box_background.png) repeat scroll 0 0;}

/****************************** LEAGUES *********************************************/
div.squads_content {background-color: black;}
div.leagues_header { background:url(../img/leagues/banner.jpg) no-repeat;height:188px;width:916px;margin:auto; }
h2.leagues_title { text-align:center;font-size:50px;color:white;width:500px;display:block;height:71px;line-height:71px;margin:auto;position:relative;top:20px;background:url(../img/layout/box_background.png);}
div.cards_content div.card { float:left;width:20%;position:relative;margin-bottom:5px; }
div.cards_content div.card img { display:block;text-align:center;margin:auto; }
div.cards_content div.card div.specials_hover { left: 35px;top:88px;height:40px; cursor: pointer;}
#leagues_container tr td { cursor:pointer; }
#league_summary label { float:left !important;width:110px; }
#league_summary br { margin:0;clear:both; }
div.summary  p {font-size:11px !important; padding:0 5px}



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

/****************************** MARKETPLACE *********************************************/

div.mkplace_banner { background:url(../img/marketplace/index/banner.jpg) no-repeat;height:187px;width:916px;margin:auto;}

div#mkplace_ajax_container { min-height:700px; }

div#card_store tr.card_description { background:url(../img/marketplace/index/card_description_row.png) repeat-x;height:123px; }
div#card_store tr.card_description td { padding-top:11px;vertical-align:top; }
div#card_store tr.buy { background:url(../img/marketplace/index/buy_packs_row.png) repeat-x;height:51px; }
div#card_store tr.buy td { padding-top:10px;vertical-align:top; }
	

div#cards_explanation ul, div#membership_explanation ul {list-style-type: disc; margin: 0 20px 0 20px;}




div.offers_coins {line-height: 1.55em; clear: both; float: left;}
div.offers_coins div.offer{font-size: 1.2em; width: 95%; margin:0 0 20px 0; padding: 10px;background: transparent url(../img/new/tables/row_hover_repeating.png) repeat scroll 0 0; }
div.offers_textlink { text-align: center; padding: 15px; font-size: 1.5em;}
div.offers_textlink a {text-decoration: underline;}

/************************** SLIDER (soon to be replaced) *******************************/

/* slider specific CSS */
.sliderGallery {
	overflow: auto;
    position: relative;
   	height: 115px;
	width: 100%;
	margin-bottom: 15px;
}
        
.sliderGallery ul {
    position: absolute;
    list-style: none;
    overflow: none;
    white-space: nowrap;
    padding: 0;
    margin: 0;
}

.sliderGallery ul li {
    display: inline;
}

.slider {
    width: 330px;
    height: 12px;
    margin-top: 110px;
    position: relative;
    border:1px solid white;
	padding-right:1px;
	clear:both;
}

.slider_squad_container img {
	border:2px solid gray;
}

.handle {
    position: absolute;
    cursor: move;
    height: 12px;
    width: 62px;
    top: 0;
    background: url(../img/slider/handle.png) no-repeat;
    z-index: 100;
}

.slider span {
    color: #bbb;
    font-size: 80%;
    cursor: pointer;
    position: absolute;
    z-index: 110;
    top: 3px;
}

/*********************** promos ************************************/

#promo { position:relative;width:90%;margin:auto; }
#promo div.wrapper_inner { height:600px; }
#promo h2 { color:#5D604E !important; }
#promo div.details { left:350px;position:absolute;top:48px;width:500px; }
	#promo div.details table td { height:30px;font-size:12px;color:#555 !important; }
	#promo div.details table td.first { width:28px; }
#promo div.logo { background:url(../img/layout/navigation/planet_storm_logo.png) no-repeat;width:281px;height:141px;position:absolute;left:38px;top:44px; }
#promo div.robot_human { background:url(../img/pages/home/welcome/robot_human.png) no-repeat;width:289px;height:392px;position:absolute;top:260px;left:10px;z-index:4; }
#promo h2.play_now_for_free { width:326px;height:0;text-indent:-10000px;margin:0;padding:83px 0 0 0;cursor:pointer;background:url(../img/promos/huge-button.png) no-repeat;margin:10px 0 5px 0; }
#promo img.promo_cards { position:absolute;top:440px;left:340px; }
#promo img.promo_viewer { position:absolute;top:440px;left:590px; }
#promo div.details h2 { color:#D5D4C2; }

#promo h1.heading_text { width:405px;height:25px;text-indent:-10000px;margin:0 !important;padding:0 !important;cursor:pointer;background:url(../img/promos/heading_text.png) no-repeat; }
#promo h3.battle_online { width:115px;height:0;text-indent:-10000px;margin:0;padding:16px 0 0 0;cursor:pointer;background:url(../img/promos/battle_online.png) no-repeat;position:absolute;left:667px;top:615px; }
#promo h3.collect_the_cards { width:151px;height:0;text-indent:-10000px;margin:0;padding:16px 0 0 0;cursor:pointer;background:url(../img/promos/collect_the_cards.png) no-repeat;position:absolute;left:391px;top:615px; }

#promo h1.avatar_text { width:326px;height:25px;text-indent:-10000px;margin:0 !important;padding:0 !important;cursor:pointer;background:url(../img/promos/create_your_avatar.png) no-repeat; }


/************************ tooltip **********************************/

#tooltip {
	position:absolute;
	background:black;
	border:3px solid white;
	padding:0 10px 5px 10px;
	z-index:200;
	width:300px;
}

#tooltip.smallTip {
	width:100px;
	text-align:center;
	padding:0;
}

#tooltip.smallTip h3 { margin:1.1em 0; }

#tooltip h3 { color:#fc9800;margin:5px 0; }

.bullet_list { list-style-type: disc; font-size:1.1em; line-height:1.2em; margin-left: 12px; }
.bullet_list a { color:#F39F0D; } 


/* for the jqModal popup */
.modal_container { background-color: black;border: 10px solid #333333; position:fixed;}
#themed_modal_close {position: absolute; background: url(../img/layout/flare/close_modal.png) no-repeat; width:30px; height: 30px; top:-25px; right:-25px; cursor: pointer;}

/* for growl message overlays */
div.cg-growl-notice a.cg-growl-close {float: right; position: relative; text-indent:-10000px;background: url(../img/layout/flare/close_modal.png) no-repeat; width:30px; height: 30px; top:-25px; right:-25px; cursor: pointer;}