.nav_tab {
	background:url(http://herenvale.s3.amazonaws.com/images/tabs/blank_tab.png) no-repeat;
	text-align:center;
	padding-top:4px;
	font-family:Helvetica,Arial;
	font-size:13px;
	width:92px;
	height:24px;
	cursor:pointer;
	float:right;
}
.nav_tab:hover {
	text-decoration:underline;
}
.tab_unselected {
	color: #FFF;
}
.tab_selected {
	color: #FFCC00;
}
.nav_tab2 {
	background:url(http://herenvale.s3.amazonaws.com/images/tabs/blank_tab_75.png) no-repeat;
	width:75px;
	padding-left:3px;
}
.nav_tab_thin {
	background:url(http://herenvale.s3.amazonaws.com/images/tabs/blank_tab_thin.png) no-repeat;
	width:57px;
}
.nav_tab_ym {
	text-align:center;
	padding-top:3px;
	font-family:Helvetica,Arial;
	font-size:9px;
	line-height:10px;
	height:24px;
	color:#fff;
	cursor:pointer;
	float:left;
}
.short_tab {
	background:url(http://herenvale.s3.amazonaws.com/images/tabs/blank_tab_short.png) no-repeat;
	text-align:center;
	padding-top:2px;
	font-family:Helvetica,Arial;
	font-size:11px;
	width:92px;
	height:17px;
	cursor:pointer;
	float:left;
}
.short_tab:hover {
	text-decoration:underline;
}
.short_thin_tab {
	background:url(http://herenvale.s3.amazonaws.com/images/tabs/blank_tab_short_thin.png) no-repeat;
	width:74px;
}
.short_thinner_tab {
	background:url(http://herenvale.s3.amazonaws.com/images/tabs/blank_tab_short_thinner.png) no-repeat;
	width:56px;
}
.any_thin_tab {
	text-align:center;
	padding-top:2px;
	font-family:Helvetica,Arial;
	font-size:10px;
	height:17px;
	cursor:pointer;
	float:left;
}
.any_thin_tab:hover {
	text-decoration:underline;
}
.interface {
	background:url(http://herenvale.s3.amazonaws.com/images/interface_760x620.jpg) no-repeat;
}
.nav_buttons {
	background:url(http://herenvale.s3.amazonaws.com/images/header/nav_buttons_bg.png) no-repeat;
}
.bg_headshot {
	background:url(http://herenvale.s3.amazonaws.com/images/header/headshot_bg.png) no-repeat;
}
.bg_headshot_male {
	background:url(http://herenvale.s3.amazonaws.com/images/header/headshot_bg_male_v2.png) no-repeat;
}
.bg_headshot_female {
	background:url(http://herenvale.s3.amazonaws.com/images/header/headshot_bg_female_v2.png) no-repeat;
}
.red_button {
	background:url(http://herenvale.s3.amazonaws.com/images/buttons/red_button_bg.png) no-repeat;
	text-align:center;
	padding-top:4px;
	font-family:Helvetica,Arial;
	font-size:10px;
	width:52px;
	height:23px;
	color:#fff;
	cursor:pointer;
}
.red_button:hover {
	text-decoration:underline;
}
.small_button {
	background:url(http://herenvale.s3.amazonaws.com/images/buttons/red_button_small_bg.png) no-repeat;
	text-align:center;
	padding-top:1px;
	font-family:Helvetica,Arial;
	font-size:10px;
	width:34px;
	height:15px;
	color:#fff;
	cursor:pointer;
}
.small_button:hover {
	text-decoration:underline;
}
.blue_button {
	background:url(http://herenvale.s3.amazonaws.com/images/buttons/blue_button_bg.png) no-repeat;
}
.black_button {
	background:url(http://herenvale.s3.amazonaws.com/images/buttons/black_button_bg.png) no-repeat;
}
.green_button {
	background:url(http://herenvale.s3.amazonaws.com/images/buttons/green_button_bg.png) no-repeat;
}
.any_button:hover {
	text-decoration:underline;
}
.any_button {
	text-align:center;
	padding-top:4px;
	font-family:Helvetica,Arial;
	font-size:10px;
	width:52px;
	height:23px;
	color:#fff;
	cursor:pointer;
}
.red_button_tall {
	background:url(http://herenvale.s3.amazonaws.com/images/buttons/red_button_bg_tall.png) no-repeat;
}
.blue_button_tall {
	background:url(http://herenvale.s3.amazonaws.com/images/buttons/blue_button_bg_tall.png) no-repeat;
}
.any_button_tall:hover {
	text-decoration:underline;
}
.any_button_tall {
	text-align:center;
	padding-top:10px;
	font-family:Helvetica,Arial;
	font-size:10px;
	width:52px;
	height:46px;
	color:#fff;
	cursor:pointer;
}
#info_bar{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;	
	/*background-image:url(http://herenvale.s3.amazonaws.com/images/bg4.png); 
	background-repeat:no-repeat;
	background-color:#999999;*/
	width:760px;
	height: 50px; 
}
#xp_bar_small{
	background:url(http://herenvale.s3.amazonaws.com/images/xp_bar.jpg) repeat-x;
	height: 9px;
}
#xp_bar_bg_small{
	background:url(http://herenvale.s3.amazonaws.com/images/header/blank_bar.png) no-repeat;
	width: 75px;
	height: 13px;
	border:1px solid;
}
.bg_health {
	background:url(http://herenvale.s3.amazonaws.com/images/battle/health_bar_bg.png) no-repeat;
	width: 180px;
	height: 15px;
	border:1px solid #333;
}
.health {
	background:url(http://herenvale.s3.amazonaws.com/images/battle/health_bar.jpg) repeat-x;
	width:180px;
	height:15px;
}
.bg_map {
	background:url(http://herenvale.s3.amazonaws.com/images/world_map.jpg) no-repeat;
	width:752px;
	height:460px;
	/*position:absolute;*/
	/*top:50%;*/
	margin-left:4px;
	/*margin-top:15px;*/
}
.level_bar{
	background:url(http://herenvale.s3.amazonaws.com/images/level_bar.jpg) repeat-x;
	height: 15px;
}
#level_bar_bg{
	background:url(http://herenvale.s3.amazonaws.com/images/level_bar_bg.png) no-repeat;
	width: 200px;
	height: 15px;
	border:1px solid #00A1D6;
}
.bg_black {
	width: 760px;
	height: 690px;
	background-color:#000000;
	position:relative;
}
.bg_fenn {
	background-color:#493e26;
	background:url(http://herenvale.s3.amazonaws.com/images/npcs/fenn_header_760x150.jpg);
	height:110px;
	width:735px;
}
.bg_ghost {
	background:transparent url(http://herenvale.s3.amazonaws.com/images/bg_ghost.png);
}
.bg_home_coh {
	width:170px;
	height:140px;
	background:transparent url(http://herenvale.s3.amazonaws.com/images/home/coh_title_170x140.gif) no-repeat;
}
.bg_news {
	width:350px;
	height:420px;
	background:transparent url(http://herenvale.s3.amazonaws.com/images/home/panel_350x420.png);
}
.bg_news2 {
	width:350px;
	height:460px;
	background:transparent url(http://herenvale.s3.amazonaws.com/images/home/panel_350x460.png);
}
.bg_item {
	width:80px;
	height:80px;
	background:transparent url(http://herenvale.s3.amazonaws.com/images/home/bg_item.png);
}
.bg_avatar_name {
	width:250px;
	height:26px;
	background:transparent url(http://herenvale.s3.amazonaws.com/images/profile/paperdoll_name_long.png);
}
.bg_border {
	width:293px;
	height:393px;
	background:transparent url(http://herenvale.s3.amazonaws.com/images/profile/paperdoll_border.png) no-repeat;
}
.bg_male {
	width:124px;
	height:294px;
	background:transparent url(http://herenvale.s3.amazonaws.com/images/profile/his_full_body_basic_hair_wshadow.png);
}
.bg_female {
	width:124px;
	height:294px;
	background:transparent url(http://herenvale.s3.amazonaws.com/images/profile/her_full_body_basic_hair_wshadow.png);
}
.bg_male_v2 {
	width:135px;
	height:314px;
	background:transparent url(http://herenvale.s3.amazonaws.com/images/profile2/his_full_body_basic_hair_wshadow.png);
}
.bg_female_v2 {
	width:135px;
	height:314px;
	background:transparent url(http://herenvale.s3.amazonaws.com/images/profile2/her_full_body_basic_hair_wshadow.png);
}
.bg_male_v2_big {
	width:214px;
	height:400px;
	background:transparent url(http://herenvale.s3.amazonaws.com/images/profile2/his_full_body_basic_hair_wshadow_big.png);
}
.bg_female_v2_big {
	width:214px;
	height:400px;
	background:transparent url(http://herenvale.s3.amazonaws.com/images/profile2/her_full_body_basic_hair_wshadow_big.png);
}
.bg_item {
	width:58px;
	height:58px;
	background:transparent url(http://herenvale.s3.amazonaws.com/images/profile/paperdoll_slot_highlight.png);
}
.bg_item_featured {
	width:100px;
	height:100px;
	background:transparent url(http://herenvale.s3.amazonaws.com/images/home/bg_item_100x100.png);
}
.bg_item_small {
	width:36px;
	height:36px;
	background:transparent url(http://herenvale.s3.amazonaws.com/images/profile/paperdoll_slot_highlight.png);
}
.bg_battle_list {
	width:630px;
	height:60px;
	background:transparent url(http://herenvale.s3.amazonaws.com/images/battle/title_plate_no_border.gif);
}
.title_blank {font-size:14px;font-weight:900;font-variant:small-caps;width:160px;text-align:center;background: url(http://herenvale.s3.amazonaws.com/images/bgs/title_blank_160x35.png) no-repeat;padding:10px 0}
.button {background: url(http://herenvale.s3.amazonaws.com/images/buttons/button_bg.png) no-repeat;width:70px;height:24px;display:inline-block;padding:4px 0;text-align:center;font-weight:900;cursor:pointer}

/* --------------------------------------------- Stats */

#stats-dialog {width:500px;height:280px;font-size:10px}
	#stats-dialog img {width:500px;height:280px}
	#stats-dialog > div {position:relative}
	#stats-dialog > div > img, #stats-dialog > div > div {position:absolute;top:0;left:0}
	#stats-dialog h1 {font-size:12px;font-weight:900;font-variant:small-caps;width:160px;text-align:center;background: url(http://herenvale.s3.amazonaws.com/images/bgs/title_blank_160x35.png) no-repeat;padding:10px 0}
	#stats-dialog .stats {padding:0 5px;width:170px}
		#stats-dialog .stats b {font-size:1.5em}
		#stats-dialog .stats .cancel {float:left;margin:5px}
		#stats-dialog .stats .save {float:right;margin:5px}
	#stats-dialog ul {margin:0;padding:5px}
	#stats-dialog ul li {list-style-type:none;text-align:left;position:relative;padding:5px 0;height:13px}
		#stats-dialog li .stat-btnX {background-color:#333;height:14px;width:14px;position:absolute;text-align:center;cursor:pointer}
		#stats-dialog li .stat-btnL10 {border:3px double #9e6e2a;margin-left:-7px;}
		#stats-dialog li .stat-btnL1 {border:1px solid #9e6e2a;margin-left:15px;margin-top:2px;}
		#stats-dialog li .stat-btnR10 {border:3px double #9e6e2a;margin-left:142px;}
		#stats-dialog li .stat-btnR1 {border:1px solid #9e6e2a;margin-left:124px;margin-top:2px;}
		#stats-dialog li .stat-btn {border:3px double #9e6e2a;background-color:#333;height:16px;width:16px;position:absolute;top:0;text-align:center;cursor:pointer}
		#stats-dialog li .label {position:absolute;top:4px;right:65px;text-align:right;font-size:1.1em}
		#stats-dialog li .value {position:absolute;top:4px;left:100px;font-size:1.1em;font-weight:900}
		#stats-dialog li .up {right:0;color:#6F6;font-size:1.2em}
		#stats-dialog li .down {left:0;color:#F66;font-size:1.2em}
		#stats-dialog li .up1 {color:#6F6;font-size:1.1em}
		#stats-dialog li .down1 {color:#F66;font-size:1.1em}
		#stats-dialog li .up10 {color:#6F6;font-size:1.1em}
		#stats-dialog li .down10 {color:#F66;font-size:1.1em}

/* --------------------------------------------- Profile */
#profile-container {height:495px;margin:25px 0px 10px 25px}
#paperdoll-container {color:#999;position:relative;float:left;width:295px;height:400px;background:transparent url(http://herenvale.s3.amazonaws.com/images/profile/paperdoll_border.png) no-repeat}
/* -- slots */
#paperdoll-container .slot {height:60px;width:60px;background:transparent url(http://herenvale.s3.amazonaws.com/images/profile/paperdoll_slot.png) no-repeat}
	#paperdoll-container .slot div + p {text-indent: -999px}
	#paperdoll-container .slot.highlight {height:60px;width:60px;background:transparent url(http://herenvale.s3.amazonaws.com/images/profile/paperdoll_slot_highlight.png) no-repeat}
	#paperdoll-container .slot .label {padding-top:4px;text-align:center;color:#444;font-size:11px;text-transform:uppercase}
	#paperdoll-container .slot .item-img {background-color:transparent;position:absolute;top:2px;left:2px}
	#paperdoll-container #paperdoll {position:absolute;top:25px;left:90px;width:150px;height:350px}
		#paperdoll-container #paperdoll.male {background: transparent url(http://herenvale.s3.amazonaws.com/images/profile/his_full_body_basic_hair_wshadow.png) no-repeat}
		#paperdoll-container #paperdoll.female {background: transparent url(http://herenvale.s3.amazonaws.com/images/profile/her_full_body_basic_hair_wshadow.png) no-repeat}
#name-slot {padding:4px;font-weight:900;height:26px;text-align:center;width:250px;position:absolute;top:-9px;left:22px;background:transparent url(http://herenvale.s3.amazonaws.com/images/profile/paperdoll_name_long.png) no-repeat;text-transform:uppercase}
#head-slot {position:absolute;left:13px;top:25px}
#back-slot {position:absolute;right:15px;top:25px}
#hands-slot {position:absolute;left:13px;top:100px}
#chest-slot {position:absolute;right:15px;top:100px}
#weapon-1-slot {position:absolute;left:13px;top:175px}
#weapon-2-slot {position:absolute;right:15px;top:175px}
#feet-slot {position:absolute;left:13px;top:250px}
#ring-left-slot {position:absolute;right:15px;top:250px}
/* -- stats */
#paperdoll-stats {position:absolute;right:5px;bottom:5px;background:transparent url(http://herenvale.s3.amazonaws.com/images/profile/stat_bg.png) right no-repeat;height:70px;width:290px}
	#paperdoll-stats .stat {text-align:right;color:#fff;font-size:10px;position:absolute;width:95px}
		#paperdoll-stats .stat span {display:block;float:right;width:30px}
		#paperdoll-stats .stat b {font-weight:300;position:absolute;right:-21px;top:-1px;border:1px solid tan;background-color:#000;padding:0 1px}
		#paperdoll-stats .stat .up {color:#6F6}
		#paperdoll-stats .stat .down {color:#f66}
	#paperdoll-stats .strength {left:-11px}
	#paperdoll-stats .speed {top:17px;left:-11px}
	#paperdoll-stats .knowledge {top:34px;left:-11px}
	#paperdoll-stats .fortitude {left:89px}
	#paperdoll-stats .armor {top:17px;left:89px}
	#paperdoll-stats .health {left:190px;top:34px}
	#paperdoll-stats .energyMax {left:190px}
	#paperdoll-stats .staminaMax {left:190px;top:17px}

/* market, etc scrollbar */
.jspVerticalBar {width:23px;background-color: transparent}
.jspVerticalBar .jspArrow {height:26px}
.jspVerticalBar .jspArrowUp, .jspVerticalBar .jspArrowUp.jspDisabled {background: transparent url(http://herenvale.s3.amazonaws.com/images/scrollbar/scroll_up.png) no-repeat;height:25px}
.jspVerticalBar .jspArrowDown, .jspVerticalBar .jspArrowDown.jspDisabled {background: transparent url(http://herenvale.s3.amazonaws.com/images/scrollbar/scroll_down.png) no-repeat}
.jspVerticalBar .jspDrag {background: transparent url(http://herenvale.s3.amazonaws.com/images/scrollbar/scroll_handle.png) no-repeat;position:relative;left:-2px}
.jspVerticalBar .jspTrack {background: transparent url(http://herenvale.s3.amazonaws.com/images/scrollbar/scroll_bar.png) repeat-y;position:relative;left:8px}