/* global xwars css */

/****************************************************************************
												UTILITY STYLES
****************************************************************************/

.clearfix:after
{
	content: ".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}

.clearfix
{
	display:inline-block; /* note: this is an invalid value. should be block or inline maybe? -paulc */
}

html[xmlns] .clearfix
{
	display:block;
}

* html .clearfix
{
	height:1%;
}

table.layout
{
	margin: 0;
	border: 0;
	padding: 0;
	border-spacing: 0;
}

table.layout tr
{
	margin: 0;
	border: 0;
	padding: 0;
}

table.layout td
{
	margin: 0;
	border: 0;
	padding: 0;
}

/****************************************************************************
												APP STYLES
****************************************************************************/

.app
{
	background: white;
	color: black;
	font-size: 14px;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	width: 645px;
	margin: 0 auto 0 auto;
}

.app a,
.app a:link,
.app a:visited
{
	font-size: 14px;
	color: #3B5998;
	text-decoration: none;
}

.app a:hover
{
	text-decoration: underline;
}

img {
	border: none;
}

/* layout */

#app_layout
{
	width: 645px;
	color: white;
}

#app_layout td
{
	color: white;
}

#app_layout th
{
	color: white;
}

/* app borders */

tr.app_border
{
	height: 3px;
}

td.app_border_top_left
{
	width: 3px;
/*	background: url(http://myspace.heroes.static.zynga.com/graphics/border/top_left.gif); */
}

td.app_border_top
{
/*	background: url(http://myspace.heroes.static.zynga.com/graphics/border/top.gif) repeat-x; */
}

td.app_border_top_right
{
	width: 3px;
/*	background: url(http://myspace.heroes.static.zynga.com/graphics/border/top_right.gif);	 */
}

td.app_border_left
{
	width: 3px;
/*	background: url(http://myspace.heroes.static.zynga.com/graphics/border/left.gif) repeat-y; */
}

td.app_border_right
{
	width: 3px;
/*	background: url(http://myspace.heroes.static.zynga.com/graphics/border/right.gif) repeat-y; */
}

td.app_border_t_left
{
	width: 3px;
/*	background: url(http://myspace.heroes.static.zynga.com/graphics/border/t_left.gif); */
}

td.app_border_t_right
{
	width: 3px;
/*	background: url(http://myspace.heroes.static.zynga.com/graphics/border/t_right.gif); */
}

td.app_border_middle
{
/*	background: url(http://myspace.heroes.static.zynga.com/graphics/border/middle.gif) repeat-x; */
}

td.app_border_bottom_left
{
	width: 3px;
/*	background: url(http://myspace.heroes.static.zynga.com/graphics/border/bottom_left.gif); */
}

td.app_border_bottom
{
/*	background: url(http://myspace.heroes.static.zynga.com/graphics/border/bottom.gif) repeat-x; */
}

td.app_border_bottom_right
{
	width: 3px;
/*	background: url(http://myspace.heroes.static.zynga.com/graphics/border/bottom_right.gif); */
}


#stats_table
{
	width: 645px;
	border-spacing: 2px;
}

#stats_table td
{
	font-size: 14px;
	text-align: center;
}

#menubar_table
{
	width: 645px;
	border-spacing: 0px;
}

#menubar_table td
{
	font-size: 14px;
	text-align: center;
	background-image: url(http://myspace.heroes.static.zynga.com/graphics/gradient-strip.jpg?4);
	background-repeat: repeat-x;
}

#content_row
{
	font-size: 14px;
	padding: 10px;
}

#main_menu_link
{
	margin-bottom: 10px;
}

.title
{
	font-size: 22px;
	border-bottom: 1px solid #555555;
	margin-bottom: 5px;
}

.title_action
{
	font-size: 14px;
}

/* for Bebo conflict where they are also styling class "main" for tables */
table #mainTableSize {
	width: 98%;
	background: 0;
}

.zy_popup_box table.main {
	width: 98%;
	background: 0;
}
/* end Bebo conflict fixes */

table.main
{
	width: 98%;
	font-size: 14px;
	margin-bottom: 20px;
}

table.main th
{
	font-size: 14px;
	text-align: left;
	vertical-align: top;
}

table.main td
{
	font-size: 14px;
}

table.fight_table
{
	width: 100%;
}

table.fight_table td
{
	height:40px;
	border-bottom: 1px solid #333;
	vertical-align: middle;
}

table.fight_table th
{
	border-bottom: 1px solid #333;
	vertical-align: middle;
}

table.fight_table td.groupsize, table.fight_table th.groupsize
{
	height:40px;
}

table.fight_table td.action, table.fight_table th.action
{
	width: 120px;
}

table.fight_table td.action form
{
	margin: 0;
}

.fresh_meat_green
{
	color:#0c0;
}
.fresh_meat_pirates
{
	color:#ddd;
}

ul.news
{
	padding: 10px 10px 20px 10px;
	width: 95%;
	list-style-type: none;
	max-height: 1000px;
		height: expression(500+'px');
		overflow: auto;
	margin:0px;
}

ul.news li
{
	margin: 0px 0px 10px 0px;
	padding: 0;
}

div.news_title
{
	font-size: 10px;
	font-weight: 700;
}

table.leader
{
	width: 300px;
}

table.leader td
{
	width:150px;
}

div.text
{
	margin: 10px 0px 10px 0px;
}

.messages {
	border: 1px solid ; 
	padding: 5px;
}

.messages_popups {
	color: #000000;
	padding: 5px;
}

.good {
	color: #52e259;
	font-weight: bold;
}

.bad {
	color: #ec2d2d;
	font-weight: bold;
}

.line
{
	border-bottom: 1px solid;
}

.health_clock 
{
	color: rgb(255,217,39);
}
.energy_clock 
{
	color: #FFD927;
}
.stamina_clock
{
	color: rgb(255,217,39);
}

/* Buy_frame "page" */
body#buy_frame_body {
	background: #fff;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	text-align: left; 
	width: 600px;
}

body#buy_frame_body h1, body#buy_frame_body h2, body#buy_frame_body h3, body#buy_frame_body h4, body#buy_frame_body h5 {
	font-size: 13px;
	color: #333;
	margin: 0px;
	padding: 0px;
}

body#buy_frame_body h1 {
	font-size: 14px;
	margin: 10px;
}

body#buy_frame_body h4, body#buy_frame_body h5 {
	font-size: 11px;
}

body#buy_frame_body p {
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 11px;
	text-align: left;
}

body#buy_frame_body a {
	color: #3b5998;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
}

body#buy_frame_body a:hover {
	text-decoration: underline;
}

body#buy_frame_body img {
	border: 0px;
}

body#buy_frame_body form {
	padding: 0px;
	margin: 0px;
}

body#buy_frame_body a.hover {
	text-decoration: underline;
}
.xpromo_myapps{
    position:absolute; 
	display:block;
	right:20px; 
	width:160px;
	left:auto; 
	padding:5px;
	background-color:black;
	margin-top:10px;
	border: 1px solid white;
}
.xpromo_myapps_title{
	font-weight:bold;
}
.xpromo_myapps_entry{
	padding: 5px; 
	font-size: 16px; 
	font-weight:bold;
	-moz-background-clip: -moz-initial; 
	-moz-background-origin: -moz-initial; 
	-moz-background-inline-policy: -moz-initial;
}
.xpromo_myapps_link{
	
}


/***********************************
 * vendetta formatting
 */

#vendetta_box {	
	margin: 0;	
	padding: 0px 0px 0px 0px;	
}

#vendetta_fulfilled {
	margin: 5px 0 0 0;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	max-height: 150px; 
	overflow: auto;	
}

#vendetta_fulfilled_label {	
	font-size:22px; 
	color: White;	
	border-bottom: 1px solid white;	
	margin-bottom: 5px;
}

.vendetta_fulfilled_item {
	float: left;
	margin: 0;
	padding-top: 5px;
	padding-right: 10px;
}
.vendetta_fulfilled_pic {	
	width:60px;
	padding-left:5px;
	padding-right:5px;	
	text-align: center;
}
.vendetta_fulfilled_pic img {
	border: none;
}

#vendetta_dismiss_all {
	width:60px;
	padding-left:5px;
	padding-right:5px;		
	padding-bottom: 15px;
}

#vendetta_todo {
	margin: 5px 0 5px 0;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	max-height: 250px; 
	overflow: auto;
}

#vendetta_todo_label {	
	font-size:22px; 
	color: white;	
	border-bottom: 1px solid white;	
	margin-bottom: 5px;
}

.vendetta_todo_item {
	margin: 0;
	padding-top: 5px;
	padding-right: 10px;
}

.vendetta_crew_pic {	
	float:left;
	width:60px;
	padding-left:5px;
	padding-right:5px;	
	text-align: left;
}
.vendetta_crew_pic img {
	border: none;
	width: 40px;
	height: 40px;
}

.vendetta_message {
	float:left;
	width:368px;
	padding-left:5px;
	padding-right:5px;
}

.vendetta_button {
	float:left;
	width:60px;
	padding-left:5px;
	padding-right:5px;
}

.vendetta_clear {
	float:left;
	width:60px;
	padding-left:5px;
	padding-right:5px;
}

#vendetta_user {
	margin: 5px 0 5px 0;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	max-height: 300px; 
	overflow: auto;	
}

#vendetta_user_label {	
	font-size:22px; 
	color: white;	
	width: 700px;
	border-bottom: 1px solid white;	
}


/***********************************
 * Social Jobs formatting
 */

#socialjob_box {	
	margin: 0;	
	padding: 0px 0px 0px 0px;	
}

#socialjob_fulfilled {
	margin: 5px 0 0 0;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	max-height: 150px; 
	overflow: auto;	
}

#socialjob_fulfilled_label {	
	font-size:22px; 
	color: white;	
	border-bottom: 1px solid white;	
	margin-bottom: 5px;
}

.socialjob_fulfilled_item {
	float: left;
	margin: 0;
	padding-top: 5px;
	padding-right: 10px;
}
.socialjob_fulfilled_pic {	
	width:60px;
	padding-left:5px;
	padding-right:5px;	
	text-align: center;
}
.socialjob_fulfilled_pic img {
	border: none;
}

#socialjob_dismiss_all {
	width:60px;
	padding-left:5px;
	padding-right:5px;		
	padding-bottom: 15px;
}

#socialjob_todo {
	width: 700px;
	margin: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#socialjob_todo label {	
	color: white;
	font-size:22px; 
	padding-top: 5px;
	padding-bottom: 15px;
	border-bottom: 1px solid white;
}

.socialjob_todo_item {
	float: left;
	margin: 0;
	padding-top: 5px;
	padding-right: 10px;
}

.socialjob_crew_pic {	
	float:left;
	width:60px;
	padding-left:5px;
	padding-right:5px;	
	text-align: center;
}
.socialjob_crew_pic img {
	width: 58px;
}

.socialjob_message {
	float:left;
	width:340px;
	padding-left:5px;
	padding-right:5px;
}

.socialjob_button {
	float:left;
	width:60px;
	padding-left:5px;
	padding-right:5px;
}

/* shoutout div */
#shoutout
{
	width:100%;
	clear:both;
}

/* Special formatting for table-less index page */

#right_content
{
	float: right;
	width: 185px;
	clear: both;
	padding-right: 25px;
}

#news_on_home
{
	text-align: left;
	word-wrap: break-word;
	width: 200px;
}

/* Limited edition box on homepage */
#le_box
{
	width: 200px;
}

#le_box .content
{
	background-color: black;
	border: 1px solid #ffae62;
	padding: 5px;
	font-size: 14px;
	text-align: center;
	width: 100%;
}

#le_box .title
{
	width: 100%;
	font-size:20px;
	margin-bottom:15px;
	border: none;
}

#le_box .limited
{
	color: red;
	font-size: 10px;
}

#le_box .buy
{
	clear:both;
	width:100%;
	font-size:20px;
}

/* e-mail collection div */
#email_collection
{
	border: 1px solid #fff;
	padding: 5px;
	margin-right: 13px;
	clear: both;
	
}

#email_collection .text
{
	font-size: 90%;
	font-weight: bold;
}

#email_collection .gold
{
	color: #FFD927;
}

#email_collection .red
{
	color: red;
}

#email_collection .input
{
	background-color: #111;
	color: white;
	border: 1px solid #6C7A8F;
}

.xpromo_ad
{
	font-size: 16px;
	margin: 15px 0px 15px 0px;
	border: 1px dashed rgb(170, 170, 170);
	padding: 5px;
	background: #000 none repeat scroll 0% 0%;
	-moz-background-clip: -moz-initial;
	-moz-background-origin: -moz-initial;
	-moz-background-inline-policy: -moz-initial;
}

.xpromo_ad a
{
	font-weight:700;
	font-size:16px;
}

/* news feed div */
#news_feed_container
{
	width:100%;
	clear: both;	
}

#news_feed_container div.title
{
	padding: 0px 0px 1px 10px;
	border:0px;
	
}

#news_feed
{
	padding: 0px;
	margin: 0px 10px 0px 10px;
	text-align: justify;
}

/* main menu as divs*/
#main_menu
{
	padding: 4px;
	float: left;
	width: 515px;
}

#main_menu .wrapper
{
	padding: 4px;
	clear: both;
}

#main_menu .image
{
	vertical-align: middle;
	text-align: left;
	padding-right: 5px;
	float: left;
}

#main_menu .link
{
	width: 175px;
	vertical-align: middle;
	float: left;
}

#main_menu .desc
{
	vertical-align: middle;
	float: left;
	width: 305px;
}
	
/* table-less bank formatting */
#withdraw_div
{
	width: 50%;
	float: left;
}
/*
#deposit_div
{
	width: 50%;
	float: right;
}
*/
#withdraw_div .title
{
	border: none;
}

#deposit_div .title
{
	border: none;
}
#overlay {
	position: absolute;
	background-color: black;
	text-align: left; 
	vertical-align: top; 
	visibility: hidden; 
	top: 0px;
	left: 0px;
	z-index: 2;
	height: 945px;
	width: 3000px;
	min-height: 0px;
	filter: alpha(opacity=50);
	-moz-opacity: .50;
	opacity: .50;
}

#overlaymessage {
	position: absolute;
	visibility: hidden;
	background-color: #FFFFFF;
	left: 300;
	z-index: 1316134912;
	vertical-align: top;
	border-width: 5px;
	border-color: #0033FF;
	text-align:center;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

#overlaymessage_first {
	position: absolute;
	visibility: hidden;
	background-color: #FFFFFF;
	left: 300;
	z-index: 3;
	vertical-align: top;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	border-width: 5px;
	border-color: #0033FF;
	text-align: center;
}

.submitBt
    {
        text-align: center;
        margin: auto;
        font-size: large;
        padding: 2px 0px 2px 10px;
    }

    .btn
    {
        width: 120px;
        height: 30px;
    }

    #selectedFriendsDiv
    {
       margin: 0 0 0 20px;
    }

    #pageNavPosition
    {
        text-align: right;
        font-size: large;
        padding: 2px 0 4px 0;
    }

    #pageNavPosition2
    {
        text-align: right;
        font-size: large;
        padding: 2px 0 4px 0;
        margin-bottom: 5px;
    }

    #ms_request_form
    {
        width: 75%;
        margin: auto;
    }

    #ms_request_form ul
    {
        list-style-type: none;
        height: 600px;
        overflow: auto;
        margin: auto;
    }

    #ms_request_form li
    {
        text-align: center;
        float: left;
        overflow: hidden;
        width: 115px;
        height: 120px;
        padding: 10px 0 0 0;
        margin: 5px 0px 0px 5px ;
        border: thin solid white;
        cursor: pointer;
    }

    #ms_request_form_table
    {
        margin: 0px 145px;
        text-align: center;
        width: 400px;
    }

    #ms_request_form table td
    {
        vertical-align: bottom;
    }

    #friendsListSize
    {
       display: inline;
    }

.fight_results_buff_iconlist {
	padding: 0px 0px 0px 16px;
}

.fight_results_buff_iconlist a {
	margin: 0px 0px 0px 3px;
}

.buff_notification_icon {
	float: left;
	margin: 0px 10px 0px 10px;
}

.buff_notification_hottip hr, .buff_notification_clearbreak {
	clear: both;
	visibility: hidden;
	height: 1px;
	line-height: 1px;
	margin: 0px;
}

.buff_notification_text {
	padding: 20px 0px 0px 0px;
	font-size: 15px;
	font-weight: bold;
	float: left;
}

.buff_notification_button_form {
	float: left;
	padding: 27px 0px 0px 30px;
}

.buff_notification_text i {
	font-size: 10px;
}

.buff_notification_text a {
	font-size: 15px !important;
	font-weight: bold;
}

.buff_notification_header {
	margin: 0px 0px 5px 0px;
}

.requests
{
	list-style-type: none;
	padding: 10px;
	width: 90%;
    margin: 0px;
	max-height: 2100px;
	overflow: auto;
}

.requests li
{
	text-align: center;
	float: left;
	overflow: hidden;
	margin: 3px;
	width: 100px;
	height: 230px;
}


.requests li div.pic
{
	overflow: hidden;
	width: 94px;
	height: 60px;
}

.subtab_container
{
	border:1px solid #ffffff;
	width:100px;
	padding:0px;
	margin:0px 3px 0 3px;
	float:left;
	text-align:center;
}/* app css */
.lost_fight_color {
	color: #e81f16; /*red*/
}

.won_fight_color {
	color: #29ca31; /*green*/
}

.messages {
	border: 1px solid #fff;
	padding: 5px;
}

#app_layout
{
	width: 939px;
	color: #fff;
}

#app_layout td
{
	color: #fff;
}

#app_layout th
{
	color: #fff;
}

div.app
{
	background-color: black;
	color: white;
	height: auto;
	/*
	height: 3022px;
	*/
	width: 939px;
}

.app a,
.app a:link,
.app a:visited
{
	color: #55a5ff;
	font-weight: 900;
	text-shadow:inherit;
}

.app a:hover
{
    text-decoration: underline;
}

#lookery-ad-8845
{
	width: 933px;
	height:65px;
}

#banner_row
{
	background-repeat: no-repeat;
	text-align: right;
	vertical-align: bottom;
	padding: 5px;
	font-size: 11px;
}

#stats_row
{
	height: 34px;
	background-color: #000000;
}

#stats_table
{
	width: 933px;
	height: 26px;
	margin-top: 4px;
	margin-bottom: 4px;
}

#stats_table td
{
	color: #fff;
}

#menubar
{
	height: 34px;
	background-color: #000;
}

#menubar_table
{
	width: 933px;
	height: 26px;
	margin-top: 4px;
	margin-bottom: 4px;
	border-spacing: 2px;
}
#menubar_table td
{
	color: #400000;
	border:1px solid #323243;
    background-image: url(http://myspace.heroes.static.zynga.com/graphics/);
	background-repeat: repeat-x;
}

#content_row
{
	background-color: #000;
	background-image: url(http://myspace.heroes.static.zynga.com/graphics/);
	background-repeat: repeat-x;
	vertical-align: top;
}

.title
{
	color: #fff;
	border-bottom: 1px solid #828282;
}

.money
{
	color: #46ff46;
}
.news
{
	border: 1px solid #828282;
}
.messages {
	background-color: #000;
}

#change_name {
	background-color: transparent;
	color: #fff;
}

.line
{
	border-bottom: 1px solid #828282;
}


.text {
	color: #fff;
}


.lvl_table {} 


.lvl_table .left_col {
	width: 700px;	
}

.lvl_table .right_col {}

tr.header th
{
	font-size: 18px;
	border-top: 1px solid #828282; 
	border-bottom: 1px solid #828282; 
}
table .header
{
	padding: 30px;

}

.levelBarWidth {
    width:94px;
}

.messagesMinor {
background-color: black;
border:1px solid #ffae62;
padding:5px;
    font-size: 14px;
}
.messagesMinor a, .messagesMinor a:link, .messagesMinor a:visited {
    color: #eae1bc;
    text-decoration:underline;
}

#tutorial_style a,#tutorial_style td {
    font-size: 14px;
}


.unlock, .unlock a {
    color: #fb2117;
}

.health_clock, .energy_clock, .stamina_clock
{
	color: #c70000;
}

.socialad {
    margin-top: -5px;
    margin-bottom: 2px;
    background-color: #000;
    padding: 0;
    height: 67px;
}

* html .socialad {
    margin-top: -8px;
}

/* buy_frame "page" */
body#buy_frame_body {
	background: #000;
	color: #fff;
}

body#buy_frame_body #main {
	width: 893px;
	height: 81px;
}

a.awesome_button_anchor{
	text-decoration:none; 
	cursor: pointer;
}

button.awesome_button_button{
	background-color: #5D4627;
	color: #ffffff;
	margin-left: 3px;
	margin-right: 3px;
	border: 1px solid black;
	cursor: pointer;
}/****************************************************************************
					POPUP WINDOW
****************************************************************************/

div.zy_popup_box_bg
{
	visibility:hidden;
	position:absolute;
	background-color:black;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity: 0.5; 
	vertical-align:top; 
	top:0; 
	left:0;
	z-index:2;
	
	height: 3000px;
	width: 945px;
}

div.zy_popup_box
{
	visibility:hidden;
	
	position:absolute;
	background-color: #fffadb;
	
	top: 150px;
	left: 210px;
	width: 500px;
	z-index:30;
	vertical-align:top;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1; 
	border-width:5px;
	border: 4px solid #ffd461;
	vertical-align:middle;
	text-align: left;
}

div.zy_popup_box_button
{
	visibility:hidden;
	
	position:absolute;
	right:10px;
	top:9px;
	width:21px;
	height:21px;
	padding: 0;
	margin: 0;
	background: #fffadb;
}

div.zy_popup_box_button a, div#zy_popup_box_button a:visited
{
	border: none;
	text-decoration: none;
}

div.zy_popup_box_title
{
	visibility:hidden;
	
	float:left;
	margin: 5px;
	
	font-size: 18px;
	font-weight: bold;
	
	color: #000;
}

div.zy_popup_box_body
{
	visibility:hidden;
	
	float:left;
	margin: 15px 5px;
	clear: left;

	font-size: 14px;
	font-weight: normal;
	
	color: #000;
	width: 490px;
}

div.zy_popup_box_body td
{
	font-size: 14px;
}/****************************************************************************
					BOSS FIGHT
****************************************************************************/

table.boss_fight
{
	border: 1px solid #fff;
	padding: 0;
	margin: 0;
	width: 650px;
	background: #000;
}

table.boss_fight td
{
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: top;
}

table.boss_fight td table, table.boss_fight td td
{
	margin: 0;
	padding: 0;
}


td.boss_side, td.boss_side td
{
	width: 175px;
	text-align: left;
	font-size: 14px;
	vertical-align: middle;
}

td.boss_image
{
	width: 300px;	
}

div.bossfight_health_bar
{
	height: 25px;
	border: 1px solid #888;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	width: 175px;	
}

div.bossfight_current_health_low
{
	height: 25px;
	background: #e21 url(http://myspace.heroes.static.zynga.com/graphics/health_bar_low.png) repeat-x;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	overflow: visible;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	color: #fff;
}

div.bossfight_current_health_med
{
	height: 25px;
	background: #ee0 url(http://myspace.heroes.static.zynga.com/graphics/health_bar_med.png) repeat-x;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	overflow: visible;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	color: #fff;
}

div.bossfight_current_health_high
{
	height: 25px;
	background: #2e1 url(http://myspace.heroes.static.zynga.com/graphics/health_bar_high.png) repeat-x;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	overflow: visible;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	color: #fff;
}

div.bossfight_health_bar_small
{
	height: 10px;
	border: 1px solid #888;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	width: 140px;	
}

div.bossfight_current_health_small_low
{
	height: 10px;
	background: #e21 url(http://myspace.heroes.static.zynga.com/graphics/health_bar_low.png) repeat-x;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	overflow: visible;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	color: #fff;
}

div.bossfight_current_health_small_med
{
	height: 10px;
	background: #ee0 url(http://myspace.heroes.static.zynga.com/graphics/health_bar_med.png) repeat-x;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	overflow: visible;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	color: #fff;
}

div.bossfight_current_health_small_high
{
	height: 10px;
	background: #2e1 url(http://myspace.heroes.static.zynga.com/graphics/health_bar_high.png) repeat-x;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	overflow: visible;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	color: #fff;
}

span.bossfight_health_text
{
	float: left;
	display: inline;
	font-size: 14px;
}

span.bossfight_health_num
{
	float: right;
	display: inline;
	font-weight: bold;
	font-size: 14px;
}

span.bossfight_low { color: #e11; }
span.bossfight_med { color: #fff; }
span.bossfight_high { color: #fff; }

div.boss_fight_health
{
	font-size: 15px;
	text-align: right;
	color: white;
}

div.bossfight_last_attack
{
	/*border: 1px solid #888;*/
	padding: 5px;
	margin: 5px 0 0 0;
	font-size: 15px;
	text-align: left;
	width: 165px;
}

div.bossfight_story
{
	border: 1px solid #888;
	text-align: left;
	margin: 4px 20px;
	padding: 4px;
	font-size: 14px;
}

div.bossfight_history_block
{
	border: 1px solid #888;
	text-align: center;
	margin: 0 20px 20px 20px;
	padding: 4px;
	max-height: 200px;
	overflow: auto;
}

ul.bossfight_history_list
{
	text-align: left;
	margin-left: 35px;
	padding-left: 0;
	/*list-style-image: url(http://myspace.heroes.static.zynga.com/graphics/MW_BulletPoint_20x10-01.gif);*/
	font-size: 13px;
}

td.bossfight_items
{
	padding: 5px;
	vertical-align: middle;	
}

div.bossfight_item
{
	margin-left: 10px;
	float: left;
	font-size: 13px;
	vertical-align: middle;
}

div.bossfight_item img
{
	border: 2px outset #888;
	height: 40px;
	width: 40px;
	display: inline;
}

div.bossfight_item div
{
	text-align: center;
	float: left;
}