/* Page Layout */
body {
background-color: #000;
background: url(../images/bg.jpg);
font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif; font-size:12px; color:#dcdcdc;
}

html, body {
height: 100%;
padding: 0;
margin: 0;
}

form, ul {
padding: 0;
margin: 0;
}

img {
border: 0;
}

hr {
color: #666666;
background-color: #666666;
height: 1px;
}

#container {
position: relative;
min-height: 100%;
text-align: center;
}
* html #container {
height: 100%;
}

#fancybg_img {
position:absolute; left: 0; top: 150px; z-index:0; width:100%;
}

#header {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 177px;
background: url(../images/header_repeat.gif);
background-repeat: repeat-x;
}

#content {
position: relative;
width: 1000px;
margin: 0 auto;
}

#footer {
position: relative;
background: url(../images/footer_repeat.gif);
background-repeat: repeat-x;
background-position: bottom;
width: 100%;
color: #DDD;
text-align: center;
height: 160px;
padding: 0;
margin: -160px 0 0 0;
}

#clearfooter {
height: 160px;
}

.title_plate{
width: 252px;
height: 24px;
text-align: center;
font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif; font-size:14px; color:#ffaa00; font-weight: bold;
padding-top: 3px;
background: url("../images/title_plate.gif") 0 0 no-repeat;
margin: 0 auto;
}

.tip_mark {
display:block;
width: 24px;
height: 24px;
background: url("../images/ui/tip_mark.gif") 0 0 no-repeat;
}

.tip_mark:hover {
display:block;
width: 24px;
height: 24px;
background: url("../images/ui/tip_mark.gif") 0 -24px no-repeat;
}

.tip_mark_sml {
display:block;
width: 19px;
height: 19px;
background: url("../images/ui/tip_mark_sml.gif") 0 0 no-repeat;
}

.tip_mark_sml:hover {
display:block;
width: 19px;
height: 19px;
background: url("../images/ui/tip_mark_sml.gif") 0 -19px no-repeat;
}

.tip_mark_smlpng {
display:block;
width: 19px;
height: 19px;
background: url("../images/ui/tip_mark_sml.png") 0 0 no-repeat;
}

.tip_mark_smlpng:hover {
display:block;
width: 19px;
height: 19px;
background: url("../images/ui/tip_mark_sml.png") 0 -19px no-repeat;
}

.pin {
display:block;
width: 24px;
height: 24px;
background: url("../images/ui/pin.png") 0 0 no-repeat;
}

.pin:hover {
display:block;
width: 24px;
height: 24px;
background: url("../images/ui/pin.png") 0 -24px no-repeat;
}

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

.clear {
height: 0;
clear: both;
}

.commentbg1{
margin: 4px 4px 10px 4px; text-align: left; border: 1px solid #2e2e2e; padding: 6px;
background: #000;
}

.commentbg2{
margin: 4px 4px 10px 4px; text-align: left; border: 1px solid #2e2e2e; padding: 6px;
background: #131313;
}

.imgborder {
margin: 0 2px 0 0;
border: 1px solid #393939;
}

.imgborder:hover {
 border: 1px solid #7d7d7d;
}

/* Index Layout */
.heroes_btn {
float: left;
background: url("../images/in_heroes.jpg") 0 0 no-repeat;
border: 0;
width:217px;
height:172px;
}

.heroes_btn:hover {
background-position: 0 -172px;
}

.heroes_btn a {
display:block;
height: 100%;
font-weight: bold;
}

.screens_btn {
float: left;
background: url("../images/in_screenshots.jpg") 0 0 no-repeat;
border: 0;
width:212px;
height:172px;
}

.screens_btn:hover {
background-position: 0 -172px;
}

.screens_btn a {
display:block;
height: 100%;
font-weight: bold;
}

.concept_btn {
float: left;
background: url("../images/in_conceptart.jpg") 0 0 no-repeat;
border: 0;
width:215px;
height:172px;
}

.concept_btn:hover {
background-position: 0 -172px;
}

.concept_btn a {
display:block;
height: 100%;
font-weight: bold;
}

.index_home_btn {
float: left;
background: url("../images/hd13.gif") 0 0 no-repeat;
border: 0;
width:36px;
height:36px;
}

.index_home_btn:hover {
background-position: 0 -36px;
}

.index_home_btn a {
display:block;
height: 100%;
font-weight: bold;
}


.index_men1 {
float: left;
background: url("../images/inmen1.gif") 0 0 no-repeat;
border: 0;
width:81px;
height:28px;
}

.index_men1:hover {
background-position: 0 -28px;
}

.index_men1 a {
display:block;
height: 100%;
font-weight: bold;
}

.index_men2 {
float: left;
background: url("../images/inmen2.gif") 0 0 no-repeat;
border: 0;
width:75px;
height:28px;
}

.index_men2:hover {
background-position: 0 -28px;
}

.index_men2 a {
display:block;
height: 100%;
font-weight: bold;
}

.index_men2_disabled {
float: left;
background: url("../images/inmen2_disabled.gif") 0 0 no-repeat;
width:75px;
height:28px;
padding: 0 0 0 0;
font-weight: bold;
color: #a0a0a0;
}

.index_men3 {
float: left;
background: url("../images/inmen3.gif") 0 0 no-repeat;
border: 0;
width:75px;
height:28px;
}

.index_men3:hover {
background-position: 0 -28px;
}

.index_men3 a {
display:block;
height: 100%;
font-weight: bold;
}

.index_men3_disabled {
float: left;
background: url("../images/inmen3_disabled.gif") 0 0 no-repeat;
width:75px;
height:28px;
padding: 0 0 0 0;
font-weight: bold;
color: #a0a0a0;
}

.index_men4 {
float: left;
background: url("../images/inmen4.gif") 0 0 no-repeat;
border: 0;
width:75px;
height:28px;
}

.index_men4:hover {
background-position: 0 -28px;
}

.index_men4 a {
display:block;
height: 100%;
font-weight: bold;
}

.index_men4_disabled {
float: left;
background: url("../images/inmen4_disabled.gif") 0 0 no-repeat;
width:75px;
height:28px;
padding: 0 0 0 0;
font-weight: bold;
color: #a0a0a0;
}

.index_men5 {
float: left;
background: url("../images/inmen5.gif") 0 0 no-repeat;
border: 0;
width:76px;
height:28px;
}

.index_men5:hover {
background-position: 0 -28px;
}

.index_men5 a {
display:block;
height: 100%;
font-weight: bold;
}

.index_men6 {
float: left;
background: url("../images/inmen6.gif") 0 0 no-repeat;
border: 0;
width:76px;
height:28px;
}

.index_men6:hover {
background-position: 0 -28px;
}

.index_men6 a {
display:block;
height: 100%;
font-weight: bold;
}

.index_men6_disabled {
float: left;

background: url("../images/inmen6_disabled.gif") 0 0 no-repeat;
width:76px;
height:28px;
padding: 0 0 0 0;
font-weight: bold;
color: #a0a0a0;
}

.index_men7 {
float: left;
background: url("../images/inmen7.gif") 0 0 no-repeat;
border: 0;
width:77px;
height:28px;
}

.index_men7:hover {
background-position: 0 -28px;
}

.index_men7 a {
display:block;
height: 100%;
font-weight: bold;
}

.index_men8 {
float: left;
background: url("../images/inmen8.gif") 0 0 no-repeat;
border: 0;
width:75px;
height:28px;
}

.index_men8:hover {
background-position: 0 -28px;
}

.index_men8 a {
display:block;
height: 100%;
font-weight: bold;
}

.lower_info_1 {
position: relative;
background: url("../images/lower_info_1_bg.gif") 0 0 no-repeat;
float: left;
width: 335px;
}

#index_info1_title {
position: absolute;
right: 75px;
top: 50px;
width: 225px;
margin: 0;
text-align: center;
font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif; font-size:16px; color:#3cb7b7; font-weight: bold;
}

#title_plate_info1{
color:#3cb7b7;
}

.lower_info_2 {
float: left;
width: 328px;
min-height: 620px;
background: url("../images/inbot_centerbg.gif") 0 0 no-repeat;
}

.lower_info_3 {
position: relative;
background: url("../images/lower_info_3_bg.gif") 0 0 no-repeat;
float: left;
width: 333px;
}

#index_info3_title {
position: absolute;
left: 75px;
top: 50px;
width: 225px;
margin: 0;
text-align: center;
font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif; font-size:16px; color:#ed5353; font-weight: bold;
}

#title_plate_info3{
color:#ed5353;
}


.index_news_item {
margin-bottom: 10px;
}

.index_news_item h1 {
text-align: left;
font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif; font-size:14px; color:#59c2f7;
margin-top: 4px;
margin-bottom: 0;
}

.index_news_item p {
text-align: left;
margin-top: 4px; margin-bottom: 4px;
}

.index_news_item h2 {
text-align: left;
font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif; font-size:10px; color:#dcdcdc;
margin-top: 4px;
margin-bottom: 0;
}

.index_benefit  {
margin: 0 0 20px 0;
background: url("../images/index_benefit_bg.jpg") #130400 repeat-x;
border: 1px solid #490f03;
padding: 6px;
min-height: 100px;
}

#engineblue  {
background: url("../images/index_benefitblue_bg.jpg") #000910 repeat-x;
border: 1px solid #082f54;
}

.index_benefit_title {
text-align: left;
font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif; font-size:14px; color:#ffaa00;
}

.index_benefit_catimg {
float: left;
height: 75px;
width: 75px;
margin: 6px 0 0 0;
}

.index_benefit p {
text-align: left;
margin: 6px 0 5px 82px;
line-height: 1.5
}


/* Sub Page Header */
.submenclose_index a {
	display:block;
	text-decoration: none;
	float: left;
	width: 36px;
	height: 48px;
	background: url("../images/sh_home_index2.gif") 0 0 no-repeat;
	text-decoration: none;
}

.submenclose_index a:hover {
	background-position: 0 -48px;
}

.submenclose a {
	display:block;
	text-decoration: none;
	float: left;
	width: 36px;
	height: 48px;
	background: url("../images/sh_home.gif") 0 0 no-repeat;
	text-decoration: none;
}

.submenclose a:hover {
	background-position: 0 -48px;
}


.sh_btn82 {
float: left;
background-color:transparent;
background: url("../images/sh_mbtn_82.gif") 0 0 no-repeat;
border: 0;
width:82px;
height:27px;
padding: 0 0 0 0;
}

.sh_btn82:hover {
background-position: 0 -27px;
}

.sh_btn82 a {
display:block;
height: 100%;
font-weight: bold;
}


.sh_btn76 {
float: left;
background-color:transparent;
background: url("../images/sh_mbtn_76.gif") 0 0 no-repeat;
border: 0;
width:76px;
height:27px;
padding: 0 0 0 0;
}

.sh_btn76:hover {
background-position: 0 -27px;
}

.sh_btn76 a {
display:block;
height: 100%;
font-weight: bold;
}

.sh_btn76_disabled {
float: left;
background-color:transparent;
background: url("../images/sh_mbtn_76_disabled.gif") 0 0 no-repeat;
border: 0;
width:76px;
height:27px;
padding: 0 0 0 0;
font-weight: bold;
color: #a0a0a0;
}

.sh_btn75 {
float: left;
background-color:transparent;
background: url("../images/sh_mbtn_75.gif") 0 0 no-repeat;
border: 0;
width:75px;
height:27px;
padding: 0 0 0 0;
}

.sh_btn75:hover {
background-position: 0 -27px;
}

.sh_btn75 a {
display:block;
height: 100%;
font-weight: bold;
}

.sh_btn75_disabled {
float: left;
background-color:transparent;
background: url("../images/sh_mbtn_75_disabled.gif") 0 0 no-repeat;
border: 0;
width:75px;
height:27px;
padding: 0 0 0 0;
font-weight: bold;
color: #a0a0a0;
}

/* New Menu Buttons */
.submenclose_v2_index a {
	display:block;
	text-decoration: none;
	float: left;
	width: 36px;
	height: 53px;
	background: url("../images/sh_v2_home_index2.gif") 0 0 no-repeat;
	text-decoration: none;
}

.submenclose_v2_index a:hover {
	background-position: 0 -53px;
}

.submenclose_v2 a {
	display:block;
	text-decoration: none;
	float: left;
	width: 36px;
	height: 53px;
	background: url("../images/sh_home_v2.gif") 0 0 no-repeat;
	text-decoration: none;
}

.submenclose_v2 a:hover {
	background-position: 0 -53px;
}

.sh_v2_btn {
float: left;
background-color:transparent;
border: 0;
width:89px;
height:76px;
padding: 0 0 0 0;
}
#sh_v2_download {
background: url("../images/sh_v2_download.jpg") 0 0 no-repeat;
}
#sh_v2_download:hover {
background-position: 0 -76px;
}
#sh_v2_media {
background: url("../images/sh_v2_media.jpg") 0 0 no-repeat;
}
#sh_v2_media:hover {
background-position: 0 -76px;
}
#sh_v2_forum {
background: url("../images/sh_v2_forum.jpg") 0 0 no-repeat;
}
#sh_v2_forum:hover {
background-position: 0 -76px;
}
#sh_v2_tourney {
background: url("../images/sh_v2_tourney.jpg") 0 0 no-repeat;
}
#sh_v2_tourney:hover {
background-position: 0 -76px;
}
#sh_v2_replays {
background: url("../images/sh_v2_replays.jpg") 0 0 no-repeat;
}
#sh_v2_replays:hover {
background-position: 0 -76px;
}
#sh_v2_support {
background: url("../images/sh_v2_support.jpg") 0 0 no-repeat;
}
#sh_v2_support:hover {
background-position: 0 -76px;
}
#sh_v2_players {
background: url("../images/sh_v2_players.jpg") 0 0 no-repeat;
}
#sh_v2_players:hover {
background-position: 0 -76px;
}
#sh_v2_items {
background: url("../images/sh_v2_items.jpg") 0 0 no-repeat;
}
#sh_v2_items:hover {
background-position: 0 -76px;
}
#sh_v2_heroes {
background: url("../images/sh_v2_heroes.jpg") 0 0 no-repeat;
}
#sh_v2_heroes:hover {
background-position: 0 -76px;
}
#sh_v2_guides {
background: url("../images/sh_v2_guides.jpg") 0 0 no-repeat;
}
#sh_v2_guides:hover {
background-position: 0 -76px;
}
#sh_v2_community {
background: url("../images/sh_v2_community.jpg") 0 0 no-repeat;
}
#sh_v2_community:hover {
background-position: 0 -76px;
}
#sh_v2_shop {
background: url("../images/sh_v2_shop.jpg") 0 0 no-repeat;
}
#sh_v2_shop:hover {
background-position: 0 -76px;
}
#sh_v2_dream {
background: url("../images/sh_v2_dream.jpg") 0 0 no-repeat;
}
#sh_v2_dream:hover {
background-position: 0 -76px;
}
#sh_v2_referral {
background: url("../images/sh_v2_referral.jpg") 0 0 no-repeat;
}
#sh_v2_referral:hover {
background-position: 0 -76px;
}


.sh_v3_btn {
float: left;
background-color:transparent;
border: 0;
width:82px;
height:76px;
padding: 0 0 0 0;
}
#sh_v3_download {
background: url("../images/sh_v3_download.jpg") 0 0 no-repeat;
}
#sh_v3_download:hover {
background-position: 0 -76px;
}
#sh_v3_media {
background: url("../images/sh_v3_media.jpg") 0 0 no-repeat;
}
#sh_v3_media:hover {
background-position: 0 -76px;
}
#sh_v3_forum {
background: url("../images/sh_v3_forum.jpg") 0 0 no-repeat;
}
#sh_v3_forum:hover {
background-position: 0 -76px;
}
#sh_v3_tourney {
background: url("../images/sh_v3_tourney.jpg") 0 0 no-repeat;
}
#sh_v3_tourney:hover {
background-position: 0 -76px;
}
#sh_v3_replays {
background: url("../images/sh_v3_replays.jpg") 0 0 no-repeat;
}
#sh_v3_replays:hover {
background-position: 0 -76px;
}
#sh_v3_support {
background: url("../images/sh_v3_support.jpg") 0 0 no-repeat;
}
#sh_v3_support:hover {
background-position: 0 -76px;
}
#sh_v3_players {
background: url("../images/sh_v3_players.jpg") 0 0 no-repeat;
}
#sh_v3_players:hover {
background-position: 0 -76px;
}
#sh_v3_items {
background: url("../images/sh_v3_items.jpg") 0 0 no-repeat;
}
#sh_v3_items:hover {
background-position: 0 -76px;
}
#sh_v3_heroes {
background: url("../images/sh_v3_heroes.jpg") 0 0 no-repeat;
}
#sh_v3_heroes:hover {
background-position: 0 -76px;
}
#sh_v3_guides {
background: url("../images/sh_v3_guides.jpg") 0 0 no-repeat;
}
#sh_v3_guides:hover {
background-position: 0 -76px;
}
#sh_v3_shop {
width:79px;
background: url("../images/sh_v3_shop.jpg") 0 0 no-repeat;
}
#sh_v3_shop:hover {
background-position: 0 -76px;
}
#sh_v3_referral {
background: url("../images/sh_v3_referral.jpg") 0 0 no-repeat;
}
#sh_v3_referral:hover {
background-position: 0 -76px;
}









/* Login/Account Box */
.acct_box_collapsed {
	position: fixed;
	top: -76px;
	right: 10px;
	width: 243px;
	height: 167px;
	background: url("../images/slide_box.gif") 0 0 no-repeat;
	z-index: 9999;
}

.acct_box_expanded {
	position: fixed;
	top: 0;
	right: 10px;
	width: 243px;
	height: 167px;
	background: url("../images/slide_box.gif") 0 0 no-repeat;
	z-index: 9999;
}

.acct_boxcontent {
	height: 95px;
	padding: 9px 20px 0px 20px;
}

.acct_boxcontent_collapsed {
	height: 40px;
	margin-top: 76px;
	padding: 9px 20px 0 20px;
}

.acct_boxslider {
	position: absolute;
	bottom: 0;
	height: 47px;
	width: 247px;
}

.acct_boxslider a {
	display:block;
	height: 100%;
	text-decoration: none;
}

.acct_boxslider a:hover {
	background-position: 0 -47px;
}

.acct_boxslider-close a {
	background: url("../images/acctslider_close.gif") 0 0 no-repeat;
}

.acct_boxslider-login a {
	background: url("../images/acctslider_login.gif") 0 0 no-repeat;
}

.acct_boxslider-acct a {
	background: url("../images/acctslider_acct.gif") 0 0 no-repeat;
}

/* Language Selection*/
.language_selection {
	position: absolute;
	top: 28px;
	left: 15px;
	z-index: 9999;
}

.language_selection img{
	margin-right: 5px;
	border: 1px solid #393939;
	width: 27px;
	height: 18px;
}

.language_selection img:hover{
	margin-right: 5px;
	border: 1px solid #7d7d7d;
}

.language_selection_current img{
	border: 1px dotted #fcdb00;
}

.notes {
  width: 92%;
  height: auto;
  padding: 5px;
  border: 1px dotted #393939;
  background-color: #0e121b;
  text-align: left;
  margin: 6px auto;
}
 
.notes h4 {
  background-image: url(http://www.heroesofnewerth.com/images/ui/icon_info.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  padding: 0 0 5px 23px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #ffaa00;
  color:#ffaa00;
  font-size:14px;
  font-weight: bold;
  margin: 0 0 5px 0;
}

.notes h5 {
  color:#59c2f7;
  font-size:13px;
  font-weight: bold;
  margin: 0;
}
 
.notes p {
  margin: 0em 0em 1em 0em;
}
 
.notes p.last {
  margin: 0em;
}


/* Styled Select Boxes */
.styledSelect179 {
	width: 179px;
	font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	color: #dcdcdc;
	height: 24px;
	margin: 0;
	padding: 0;
	position: relative;
	background: url(../images/ui/hon_drop_179.gif) top left no-repeat;
}

.styledSelect179:hover {
	background: url(../images/ui/hon_drop_179_hover.gif) top left no-repeat;
}

.styledSelect179 ul {
	list-style: none;
	padding: 1px;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	cursor: default;
}
.styledSelect179.open ul {
	border: 1px solid #5a6d84;
	padding: 0px;
}

.styledSelect179 ul li {
	font-family: sans-serif;
	margin: 0;
	padding: 3px 25px 3px 10px;
	display: block;
}

.styledSelect179.open ul li {
	background-color: #080810;
}

.styledSelect179.open ul li.selected {
	background-color: #384c58;
}

.styledSelect179.open ul li:hover {
	background: #112d47 url(../images/ui/hon_drop_select.gif) repeat-x;
}


.acctBar_styledSelect138 {
	width: 138px;
	font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	color: #dcdcdc;
	height: 24px;
	margin: 0;
	padding: 0;
	position: relative;
	background: url(../images/ui/acctBar_hon_drop_138.gif) top left no-repeat;
}

.acctBar_styledSelect138:hover {
	background: url(../images/ui/acctBar_hon_drop_138_hover.gif) top left no-repeat;
}
.styledSelect138 {
	width: 138px;
	font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	color: #dcdcdc;
	height: 24px;
	margin: 0;
	padding: 0;
	position: relative;
	background: url(../images/ui/hon_drop_138.gif) top left no-repeat;
}

.styledSelect138:hover {
	background: url(../images/ui/hon_drop_138_hover.gif) top left no-repeat;
}

.styledSelect138 ul {
	list-style: none;
	padding: 1px;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	cursor: default;
}
.styledSelect138.open ul {
	border: 1px solid #5a6d84;
	padding: 0px;
}

.styledSelect138 ul li {
	font-family: sans-serif;
	margin: 0;
	padding: 3px 25px 3px 10px;
	display: block;
}

.styledSelect138.open ul li {
	background-color: #080810;
}

.styledSelect138.open ul li.selected {
	background-color: #384c58;
}

.styledSelect138.open ul li:hover {
	background: #112d47 url(../images/ui/hon_drop_select.gif) repeat-x;
}



/* Fake Styled Select Boxes */
.acctBar_jhs_collapsed {
	position: relative;
	width: 179px;
	height: 24px;
	text-align: left;
	font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif; font-size: 12px;	color: #dcdcdc;
	margin: 0;
	padding: 0;
	background: url(../images/ui/acctBar_hon_drop_179.gif) top left no-repeat;
	cursor: default;
}
.ssl_acctBar_jhs_collapsed {
	position: relative;
	width: 179px;
	height: 24px;
	text-align: left;
	font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif; font-size: 12px;	color: #dcdcdc;
	margin: 0;
	padding: 0;
	background: url(../images/ui/acctBar_hon_drop_179.gif) top left no-repeat;
	cursor: default;
}
.jhs_collapsed {
	position: relative;
	width: 179px;
	height: 24px;
	text-align: left;
	font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif; font-size: 12px;	color: #dcdcdc;
	margin: 0;
	padding: 0;
	background: url(../images/ui/hon_drop_179.gif) top left no-repeat;
	cursor: default;
}
.jhs_collapsed_286 {
	position: relative;
	width: 286px;
	height: 24px;
	text-align: left;
	font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif; font-size: 12px;	color: #dcdcdc;
	margin: 0;
	padding: 0;
	background: url(../images/ui/hon_drop.gif) top left no-repeat;
	cursor: default;
}
.jhs_collapsed_70 {
	position: relative;
	width: 70px;
	height: 24px;
	text-align: left;
	font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif; font-size: 12px;	color: #dcdcdc;
	margin: 0;
	padding: 0;
	background: url(../images/ui/hon_drop_70.gif) top left no-repeat;
	cursor: default;
}
.acctBar_jhs_collapsed:hover {
	background: url(../images/ui/acctBar_hon_drop_179_hover.gif) top left no-repeat;
}
.ssl_acctBar_jhs_collapsed:hover {
	background: url(../images/ui/acctBar_hon_drop_179_hover.gif) top left no-repeat;
}
.jhs_collapsed:hover {
	background: url(../images/ui/hon_drop_179_hover.gif) top left no-repeat;
}
.jhs_collapsed_286:hover {
	background: url(../images/ui/hon_drop_hover.gif) top left no-repeat;
}
.jhs_collapsed_70:hover {
	background: url(../images/ui/hon_drop_70_hover.gif) top left no-repeat;
}
.acctBar_jhs_expanded {
	position: absolute;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 179px;
	background: #080810;
	border: 1px solid #666;
	display: none;
	overflow: auto;
}
.ssl_acctBar_jhs_expanded {
	position: absolute;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 179px;
	background: #080810;
	border: 1px solid #666;
	display: none;
	overflow: auto;
}
.jhs_expanded {
	position: absolute;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 179px;
	background: #080810;
	border: 1px solid #5a6d84;
	display: none;
	overflow: auto;
}
.jhs_expanded_286 {
	position: absolute;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 286px;
	background: #080810;
	border: 1px solid #5a6d84;
	display: none;
	overflow: auto;
}
.jhs_expanded_70 {
	position: absolute;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 70px;
	background: #080810;
	border: 1px solid #5a6d84;
	display: none;
	overflow: auto;
}
.jhs_option.selected {
	background: #384c58;
}

.jhs_option {
	position: relative;
	height: 24px;
	margin: 0;
	padding: 0;
	cursor: default;
}
.acctBar_jhs_option {
	position: relative;
	height: 24px;
	margin: 0;
	padding: 0;
	cursor: default;
}
.ssl_acctBar_jhs_option {
	position: relative;
	height: 24px;
	margin: 0;
	padding: 0;
	cursor: default;
}
.jhs_option:hover {
	background: #112d47 url(http://www.heroesofnewerth.com/images/ui/hon_drop_select.gif) repeat-x;
}
.acctBar_jhs_option:hover {
	background: #112d47 url(http://www.heroesofnewerth.com/images/ui/acctBar_hon_drop_select.gif) repeat-x;
}
.ssl_jhs_option:hover {
	background: #112d47 url(https://www.heroesofnewerth.com/images/ui/hon_drop_select.gif) repeat-x;
}
.ssl_acctBar_jhs_option:hover {
	background: #112d47 url(https://www.heroesofnewerth.com/images/ui/acctBar_hon_drop_select.gif) repeat-x;
}
/* Sml HTML Select Boxes */
.datetofrom {
	background: #112d47;
	font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif; font-size:11px; color:#dcdcdc;
	border:1px solid #5a6d84;
}



/* Paging */
.pagelocal{
	border:1px solid #666666;
	background:#ffaa00;
	padding: 4px;
	color: black;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	float: left;
	margin-right: 4px;
	height: 14px;
}

.pagenum{
	border:1px solid #666666;
	background: #131622;
	padding: 4px;
	text-align: center;
	float: left;
	margin-left: 2px;
	font-size: 11px;
	height: 14px;
}

.pagenum a{
	text-decoration: none;
	font-size: 11px;
	color: #dcdcdc;
}

.pagenum a:hover{
	color: white;
	text-decoration: underline;
}

.pagenum:hover{
	background: #59c2f7;
}

#pagecurrent{
	background: #ffaa00;
	color: black;
	font-weight: bold;
}

.page_numdrop{
	float: right;
	width: 200px;
	height: 100%;
	padding: 4px;
}



/* Form Elements */
textarea.expanding {
line-height: 18px;
background-color: #131622;
padding: 4px;
border: 0 solid #87a1b6;
margin: 0;
font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif; font-size:12px; color:#dcdcdc;
}

textarea.static {
background-color: #eeeeee;
line-height: 18px;
padding: 2px;
font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif; font-size:12px; color:#000;
}

.button256 {
background-color:transparent;
background: url("../images/ui/btn_256.gif") 0 0 no-repeat;
border: 0;
width:256px;
height:25px;
font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif; font-size:12px; color:#fff; font-weight: bold;
padding: 0 0 2px 0;
}

.button256:hover {
background-position: 0 -25px;
}

.button256:active {
background-position: 0 -50px;
}

.button156 {
background-color:transparent;
background: url("../images/ui/btn_156.gif") 0 0 no-repeat;
border: 0;
width:156px;
height:25px;
font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif; font-size:12px; color:#fff; font-weight: bold;
padding: 0 0 2px 0;
}

.button156:hover {
background-position: 0 -25px;
}

.button156:active {
background-position: 0 -50px;
}

.button75 {
background-color:transparent;
background: url("../images/ui/btn_75.gif") 0 0 no-repeat;
border: 0;
width:75px;
height:25px;
font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif; font-size:12px; color:#fff; font-weight: bold;
padding: 0 0 2px 0;
}

.button75:hover {
background-position: 0 -25px;
}

.button75:active {
background-position: 0 -50px;
}


.href256 {
background-color:transparent;
background: url("../images/ui/btn_256.gif") 0 0 no-repeat;
border: 0;
width:256px;
height:25px;
padding: 0 0 0 0;
}

.href256:hover {
background-position: 0 -25px;
}

.href256:active {
background-position: 0 -50px;
}

.href256 a {
font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif; font-size:12px; color:#fff; font-weight: bold; text-decoration: none;
}


.href156 {
background-color:transparent;
background: url("../images/ui/btn_156.gif") 0 0 no-repeat;
border: 0;
width:156px;
height:25px;
padding: 0 0 0 0;
}

.href156:hover {
background-position: 0 -25px;
}

.href156:active {
background-position: 0 -50px;
}

.href156 a {
font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif; font-size:12px; color:#fff; font-weight: bold; text-decoration: none;
}

.href156_red {
background-color:transparent;
background: url("../images/ui/btn_156_red.gif") 0 0 no-repeat;
border: 0;
width:156px;
height:25px;
padding: 0 0 0 0;
}

.href156_red:hover {
background-position: 0 -25px;
}

.href156_red:active {
background-position: 0 -50px;
}

.href156_red a {
font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif; font-size:12px; color:#fff; font-weight: bold; text-decoration: none;
}


.href75 {
background-color:transparent;
background: url("../images/ui/btn_75.gif") 0 0 no-repeat;
border: 0;
width:75px;
height:25px;
padding: 0 0 0 0;
}

.href75:hover {
background-position: 0 -25px;
}

.href75:active {
background-position: 0 -50px;
}

.href75 a {
font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif; font-size:12px; color:#fff; font-weight: bold; text-decoration: none;
}

.href156_disabled {
background-color:transparent;
background: url("../images/ui/btn_156_disabled.gif") 0 0 no-repeat;
border: 0;
width:156px;
height:25px;
padding: 0 0 0 0;
color: #a0a0a0;
}



/* Header Bar */
.header_bar {
margin: 2px;
height: 28px;
text-align: left;
list-style: none;
background: url(../images/ui/header_bar_blue.gif);
border:1px solid #75869b;
}
* html .header_bar {
height: 28px;
}

#header_bar_green {
background: url(../images/ui/header_bar_green.gif);
border:1px solid #7a9b75;
}

#header_bar_red {
background: url(../images/ui/header_bar_red.gif);
border:1px solid #9b7575;
}

#header_bar_blue {
background: url(../images/ui/header_bar_blue.gif);
border:1px solid #75869b;
}

#header_bar_gray {
background: url(../images/ui/header_bar_gray.gif);
border:1px solid #6a6a6a;
}

.header_bar li {
font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif; font-size:14px; color:#ffffff; font-weight: bold;
float:left;
padding:4px 0 0 5px;
margin:0;
}

.header_bar li.close {
float:right;
padding:2px 5px 0 0;
margin:0;
}

.header_bar li.close a {
display:block;
width: 24px;
height: 24px;
background: url("../images/ui/header_close_btn.png") 0 -24px no-repeat;
text-decoration: none;
}

.header_bar li.close a:hover {	
background-position: 0 0;
}

.header_bar li.close a:active {
background-position: 0 0;
}

.header_bar li.infoalert {
float:left;
width: 26px;
height: 26px;
padding:0;
margin:0;
background: url("../images/ui/alert_mark.gif") 2px 2px no-repeat;
}



/* Sub Header Bar */
.sub_header_bar {
margin: 4px;
height: 26px;
text-align: left;
list-style: none;
background: url(../images/ui/sub_header_bar_blue.gif);
border:1px solid #535e6c;
}
* html .header_bar {
height: 26px;
}

.sub_header_bar li {
font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif; font-size:12px; color:#ececec; font-weight: bold;
float:left;
padding:5px 0 0 5px;
margin:0;
}

#sub_header_bar_green {
background: url(../images/ui/sub_header_bar_green.gif);
border:1px solid #4e624b;
}

#sub_header_bar_red {
background: url(../images/ui/sub_header_bar_red.gif);
border:1px solid #664a4a;
}

#sub_header_bar_blue {
background: url(../images/ui/sub_header_bar_blue.gif);
border:1px solid #535e6c;
}

#sub_header_bar_gray {
background: url(../images/ui/sub_header_bar_gray.gif);
border:1px solid #575757;
}
.onlineFriends a{
	color:#AAA;
	text-decoration:underline;
}
.onlineFriends a:active{
	color:#AAA;
	text-decoration:underline;
}
.onlineFriends a:link{
	color:#AAA;
	text-decoration:underline;
}
.onlineFriends a:hover{
	color:#FFF;
	text-decoration:none;
}
/* Tab Bar */
.submeny {padding:0 0 0 5px; margin:0; list-style:none; height:30px; background:#000 url(../images/tabs/bar_blue.gif); position:relative; border:1px solid #000; border-width:0px; border:1px solid #535e6c;}

.submeny li {float:left;}
.submeny li a {display:block; color:#dcdcdc; background:url(../images/tabs/button_up.gif); float:left; height:30px; line-height:30px; color:#c1c1c1; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.submeny li a b {float:left; background:url(../images/tabs/button_up.gif) no-repeat right top; display:block; padding:0 16px 0 8px;}

.submeny li.current a {color:#fff; background:url(../images/tabs/button_selected.gif);}
.submeny li.current a b {background:url(../images/tabs/button_selected.gif) no-repeat right top;}

.submeny li a:hover {color:#dcdcdc; background:#000 url(../images/tabs/button_hover.gif);}
.submeny li a:hover b {background:url(../images/tabs/button_hover.gif) no-repeat right top;}

.submeny li.current a:hover {color:#fff; background:#000 url(../images/tabs/button_selected.gif); cursor:default;}
.submeny li.current a:hover b {background:url(../images/tabs/button_selected.gif) no-repeat right top;}


/* Table */
table, tr, td, th {
padding: 0;
margin: 0;
}

.table-gradient
{
	margin: 0;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
.table-gradient th
{
	font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif; font-size:12px; color:#fff;
	height: 28px;
	padding-left: 4px;
	background: #000 url('../images/ui/table_header_blue.gif') repeat-x;
	border-bottom: 2px solid #535e6c;
}
.table-gradient td
{
	font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif; font-size:12px; color:#fff;
	height: 30px;
	padding-left: 4px;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	background: #000 url('../images/ui/table_gradback.gif') repeat-x;
}
.table-gradient tbody tr:hover td
{
	background: #000 url('../images/ui/table_gradback_hover.gif') repeat-x;
	color: #f7f4ee;
}
.table-gradient tfoot tr td
{
	background: #000;
	font-size: 12px;
}

.table-gradient a:link {font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif; font-size:12px; color:#ffaa00; text-decoration: underline;}
.table-gradient a:visited {font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif; font-size:12px; color:#ffaa00; text-decoration: underline;}
.table-gradient a:active {font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif; font-size:12px; color:#ffaa00; text-decoration: underline;}
.table-gradient a:hover {font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif; font-size:12px; color:#ffaa00; text-decoration: none;}

#table-gradient_voted 
{
	background: #000 url('../images/ui/table_gradback_hover.gif') repeat-x;
}

.table-gradient_voted 
{
	background: #000 url('../images/ui/table_gradback_hover.gif') repeat-x;
}

#table-gradient_green
{
	background: #000 url('../images/ui/table_header_green.gif') repeat-x;
	border-bottom: 2px solid #4e624b;
}

#table-gradient_red
{
	background: #000 url('../images/ui/table_header_red.gif') repeat-x;
	border-bottom: 2px solid #664a4a;
}

#table-gradient_blue
{
	background: #000 url('../images/ui/table_header_blue.gif') repeat-x;
	border-bottom: 2px solid #535e6c;
}



/* Generic Info Divs */
.div_HL {
position: relative;
margin: 2px;
height: 56px;
background: #111111;
border:1px solid #393939;
text-align: left;
}

.div_HL:hover {
background: url(../images/arrow_corner.gif);
background-repeat: no-repeat;
background-position: top right;
border:1px solid #7d7d7d;
}

.div_HL a {
display:block;
height: 100%;
text-decoration: none;
}


.listbg {
height: 24px;
background: url('../images/ui/listbg_up.gif') repeat-x;
text-align: left;
}

.listbg:hover {
background: url('../images/ui/listbg_over.gif') repeat-x;
}

.listbg a {
display:block;
height: 100%;
text-decoration: none;
font-weight: bold;;
}


.listbg_red {
height: 24px;
background: url('../images/ui/listbg_up_red.gif') repeat-x;
text-align: left;
}

.listbg_red:hover {
background: url('../images/ui/listbg_over_red.gif') repeat-x;
}

.listbg_red a {
display:block;
height: 100%;
text-decoration: none;
font-weight: bold;;
}

.errorBox {
padding: 4px;
border:1px solid #ed5353;
line-height: 1.3;
color: #ed5353;
}

.successBox {
padding: 4px;
border:1px solid #07bc60;
line-height: 1.3;
color: #07bc60;
}



/* MUST tooltip styling */
.hide {position:absolute; z-index:1001; left:-9999px; color: black;}

/* general tooltip styling */
.hide {border:1px solid #666666; padding:1px 1px 10px 1px; background:#000; text-align:left;}
.hide h3 {

  font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif; font-size:14px; color:#ffffff; font-weight: bold;
  margin: 1px;
  height: 28px;
  padding: 6px 0 0 6px;
  background-color: #454545;
  background: url(../images/ui/header_bar_blue.gif) repeat-x;
}

.hide p {padding:5px 0; margin:0; font-family:arial, sans-serif; font-size:11px; line-height:1.5em;}
.hide img {border:1px solid #aaa; padding:5px;}
.hide .tipcont {padding:5px;}

/* styling the tooltip hover information */
span.toptip {color:#800; font-weight:bold; font-style:italic;}
a.toptip {font-weight:bold; color:#800; font-family: georgia, serif; font-style:italic;}

/* specific tooltip styling */
#abil_pop {width:310px;}


/* Tooltips */
#GlobalToolTip{
position: absolute;
width: 150px;
border: 1px solid #666666;
padding: 1px;
font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif; font-size:11px; color:#fff;
background-color: #000000;
visibility: hidden;
z-index: 5000;
}

#GlobalToolTip h3 {
font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif; font-size:14px; color:#ffffff; font-weight: bold;
margin: 1px;
height: 28px;
padding: 6px 0 0 6px;
background-color: #454545;
background: url(../images/ui/header_bar_blue.gif) repeat-x;
}

.aps-content {
margin: 0 6px 9px 6px;
}

.aps-content_single {
margin: 0 6px 4px 6px;
}

.aps-content p {
margin: 4px 0 0 0;
padding: 0;
}

.aps-content .foot {
text-align: center;
margin-bottom: 5px;
}

.simple-content {
margin: 6px;
text-align: center;
}


/* Replay History Pops */
#view_abil_history_pop
{
position: absolute;
top: 71px;
left: 506px;
width: 415px;
height: 380px;
background: #000;
border: 1px solid #666666;
text-align: left;
}

#view_purchase_history_pop
{
position: absolute;
top: 256px;
left: 506px;
width: 415px;
height: 380px;
background: #000;
border: 1px solid #666666;
text-align: left;
}

#view_death_history_pop
{
position: absolute;
top: 72px;
left: 330px;
width: 287px;
height: 340px;
background: #000;
border: 1px solid #666666;
text-align: left;
}

#view_kill_history_pop
{
position: absolute;
top: 310px;
left: 330px;
width: 287px;
height: 340px;
background: #000;
border: 1px solid #666666;
text-align: left;
}

#view_assists_history_pop
{
position: absolute;
top: 335px;
left: 330px;
width: 287px;
height: 340px;
background: #000;
border: 1px solid #666666;
text-align: left;
}

#view_history_pop_content {
margin: 5px 10px;
}

#pop_damagebyhero
{
position: absolute;
top: 520px;
left: 50%;
width: 372px;
height: 370px;
background: #000;
border: 1px solid #666666;
text-align: left;
}

#pop_usedbyhero
{
position: absolute;
top: 400px;
left: 50%;
width: 372px;
height: 370px;
background: #000;
border: 1px solid #666666;
text-align: left;
}

#pop_killsbyhero
{
position: absolute;
top: 530px;
left: 50%;
width: 372px;
height: 370px;
background: #000;
border: 1px solid #666666;
text-align: left;
}

#pop_asstsbyhero
{
position: absolute;
top: 540px;
left: 50%;
width: 372px;
height: 370px;
background: #000;
border: 1px solid #666666;
text-align: left;
}

#pop_xpperminbyhero
{
position: absolute;
top: 380px;
left: 50%;
margin-left: -80px;
width: 372px;
height: 370px;
background: #000;
border: 1px solid #666666;
text-align: left;
}

#pop_deathsbyhero
{
position: absolute;
top: 390px;
left: 50%;
margin-left: -80px;
width: 372px;
height: 370px;
background: #000;
border: 1px solid #666666;
text-align: left;
}

#pop_timeplayedbyhero
{
position: absolute;
top: 537px;
left: 50%;
margin-left: -80px;
width: 372px;
height: 370px;
background: #000;
border: 1px solid #666666;
text-align: left;
}

.pop_byhero_content {
margin: 5px 10px;
}



#item_cost
{
	color: #ffff00;
	
}



/* Replay Details Box */
#match_info_bg
{
position: relative;
height: 40px;
margin: 4px;
text-align: left;
border: 1px solid #4e624b;
background: url(../images/match_info_bg.gif);
background-repeat: repeat-x;
}

.matchinfo_display {
margin: 0;
height: 23px;
text-align: left;
list-style: none;
}

.matchinfo_display li {
font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif; font-size:14px; color:#fff; font-weight: normal;
float:left;
padding: 0 6px 0 6px;
margin-top:12px;
}

.matchinfo_display li.cat {
font-weight: bold;
float: left;
color: #ffaa00;
}


/* Basic Form UL */
.form_def {
position: relative;
margin: 0;
height: 40px;
text-align: left;
}

.form_def_cat {
width: 168px;
float: left;
font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif; font-size:14px; color:#ffaa00; font-weight: bold;
padding: 12px 0 0 10px;
}

.form_def_arrow {
width: 25px ;
height: 100%;
background: url(../images/arrow.gif) left center no-repeat;
float: left;
}

.form_def_content {
float: left;
width: 280px;
padding-top: 6px;
}


/* Shop  */
.shop_cats{
width: 72px;
height: 72px;
border:1px solid #393939;
}

.shop_cats:hover {
border:1px solid #7d7d7d;
}


/* Player Colors */
#player0 { color:#003ce9; }
#player1 { color:#17bc9a; }
#player2 { color:#4d0076; }
#player3 { color:#fffc01; }
#player4 { color:#fe8a0e; }

#player5 { color:#e55bb0; }
#player6 { color:#959697; }
#player7 { color:#7ebff1; }
#player8 { color:#106246; }
#player9 { color:#4c2904; }

#brdr_player0 { border:1px solid #003ce9; }
#brdr_player1 { border:1px solid #17bc9a; }
#brdr_player2 { border:1px solid #4d0076; }
#brdr_player3 { border:1px solid #fffc01; }
#brdr_player4 { border:1px solid #fe8a0e; }

#brdr_player5 { border:1px solid #e55bb0; }
#brdr_player6 { border:1px solid #959697; }
#brdr_player7 { border:1px solid #7ebff1; }
#brdr_player8 { border:1px solid #106246; }
#brdr_player9 { border:1px solid #4c2904; }

/* Media Page */
.media_selector {
position: absolute;
top: -15px;
left: 86px;
width: 792px;
height: 270px;
}

#mediabox {
	position: relative;
	width: 930px;
	min-height: 925px;
	margin-left: 16px;
	padding: 234px 0 0 0;
	background: url(../images/mediabg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

.mediaitem {
	width: 285px;
	height: 228px;
	margin: 0 14px 0 0;
	border: 1px solid #393939;
}

.mediaitem:hover {
	border: 1px solid #7d7d7d;
}

.media_ss_btn {
float: left;
background: url("../images/media_ss_btn.jpg") 0 0 no-repeat;
border: 0;
width:220px;
height:163px;
}

.media_ss_btn:hover {
background-position: 0 -163px;
}

.media_ss_btn a {
display:block;
height: 100%;
font-weight: bold;
}

.media_ca_btn {
float: left;
background: url("../images/media_ca_btn.jpg") 0 0 no-repeat;
border: 0;
width:213px;
height:163px;
}

.media_ca_btn:hover {
background-position: 0 -163px;
}

.media_ca_btn a {
display:block;
height: 100%;
font-weight: bold;
}

.media_mv_btn {
float: left;
background: url("../images/media_mv_btn.jpg") 0 0 no-repeat;
border: 0;
width:213px;
height:163px;
}

.media_mv_btn:hover {
background-position: 0 -163px;
}

.media_mv_btn a {
display:block;
height: 100%;
font-weight: bold;
}

.media_btn_currnet{
background-position: 0 -163px;
}

.media_select_footer {
float: left;
background: url("../images/media_select_footer.gif") 0 0 no-repeat;
border: 0;
width:792px;
height:59px;
}

/* Hero Item Lists */
#simplebox {
	position: relative;
	width: 930px;
	margin-left: 16px;
	padding: 0;
	border:1px solid #000;
}

.itemusebox {
	position: relative;
	float: left;
	width: 210px;
	margin: 10px 10px 0 0;
}

.itemuseicon {
	float: left;
	margin-top: 4px;
}

.itemusetext {
	float: left;
	margin-top: 4px;
}

.itemusetext h1 {
	text-align: left;
	font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif; font-size:14px; color:#59c2f7;
	margin-top: 1px;
	margin-bottom: 2px;
}

.itemusetext p {
	margin: 0;
}

/* CCish Close Button */
.cc_closebtn {
display:block;
width: 17px;
height: 17px;
background: url("../images/ui/cc_closebutton.gif") 0 0 no-repeat;
}

.cc_closebtn:hover {
display:block;
width: 17px;
height: 17px;
background: url("../images/ui/cc_closebutton.gif") 0 -17px no-repeat;
}

.autocomp_display
{
	height: 100%;
	background: black;
	border: 1px solid #87a1b6;
	text-align: left;
}
.acctbar_autocomp_display
{
	height: 100%;
	background: black;
	border: 1px solid #87a1b6;
	text-align: left;
}
.autocomp_display_item
{
	display:block;
	text-align: left;
	height: 24px;
	background: #000;
}
.acctBar_autocomp_display_item
{
	display:block;
	text-align: left;
	height: 24px;
	background: #000;
}
.autocomp_display_item:hover
{
	display: block;
	background: url("http://www.heroesofnewerth.com/images/ui/hon_drop_select.gif") repeat-x;
}
.acctBar_autocomp_display_item:hover
{
	display: block;
	background: url("http://www.heroesofnewerth.com/images/ui/acctBar_hon_drop_select.gif") repeat-x;
}
.ssl_autocomp_display_item:hover
{
	display: block;
	background: url("https://www.heroesofnewerth.com/images/ui/hon_drop_select.gif") repeat-x;
}
.ssl_acctBar_autocomp_display_item:hover
{
	display: block;
	background: url("https://www.heroesofnewerth.com/images/ui/acctBar_hon_drop_select.gif") repeat-x;
}
.autocomp_display_item a
{
	display:block;
	height: 100%;
	text-decoration: none;
}

.autocomp_display_item a:link {text-decoration: none;}
.autocomp_display_item a:visited {text-decoration: none;}


/* Gift Offer */
.gift_box_expanded {
	position: fixed;
	top: -100px;
	left: 10px;
	height: 225px;
	width: 243px;
	background: url("../images/slide_box_tall.gif") 0 0 no-repeat;
	z-index: 9999;
}


#download_win
{
	width: 247px;
	height: 48px;
	background: url('../images/bt_windownload.gif');
	margin: 15px auto;
}

#download_linux
{
	width: 247px;
	height: 48px;
	background: url('../images/bt_lnxdownload.gif');
	margin: 15px auto;
}

#download_osx
{
	width: 247px;
	height: 48px;
	background: url('../images/bt_macdownload.gif');
	margin: 15px auto;
}

#download_genall
{
	width: 247px;
	height: 50px;
	background: url('../images/bt_gendownload.gif');
	margin: 15px auto;
}

#download_label
{
	font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif; font-size:14px; color:#ffaa00; font-weight: bold;
	padding: 10px 0 0 0;
	margin: 0 0 0 40px;
	text-align: center;
	line-height: 1.4;
}

#notice
{
    background-color: #000000;
    border: 2px groove #ff0000;
}