#custom_list {
	display: inline-table;
	margin: 20px auto 0px;
	padding: 10px 10px 10px 10px;
	background-color: #000;
	color: #FFF;
	border-radius: 8px;
	font-family: arial;
	font-weight: bold;
}

#custom_list img {
	width: 60px;
	height: 60px;
	margin: 0;
	display: block;
}

.custom_hero {
	max-width: 1450px;
	display: table;
	min-width: 50px;
	margin: 20px auto;
	padding: 10px 15px 10px 10px;
	background-color: #000;
	color: #FFF;
	border-radius: 8px;
	font-family: arial;
	//font-weight: bold;
	line-height: 22px;
	text-align: left;
	font-size: 14px;
}

.custom_hero table img {
	width: 240px;
	height: 240px;
	display: block;
	margin:auto;
}

.custom_hero .infobox2,
.custom_hero .skill,
.custom_hero .talent {
    //background: #222;
    background: rgba(177,155,255,.1);
    background: linear-gradient(to bottom,rgba(177,155,255,.15) 0%,rgba(177,155,255,.02) 100%) transparent no-repeat border-box;
}

.custom_hero .talent-tier-label {
    background: rgba(177,155,255,.1);	
}

.custom_hero table .custom_tank,
.custom_hero table .custom_bruiser,
.custom_hero table .custom_healer,
.custom_hero table .custom_support,
.custom_hero table .custom_melee,
.custom_hero table .custom_ranged,
.custom_hero table .custom_other {
	color: #000;
	font-size: 125%;
}

.custom_hero table .custom_tank		{background-color: #fff556;}
.custom_hero table .custom_bruiser	{background-color: #4ca0ff;}	
.custom_hero table .custom_healer	{background-color: #4bff8b;}	
.custom_hero table .custom_support	{background-color: #02e9d9;}	
.custom_hero table .custom_melee	{background-color: #ff8da3;}	
.custom_hero table .custom_ranged	{background-color: #ff8e36;}
.custom_hero table .custom_other	{background-color: #f6f5f9;}

.custom_hero table p {
	padding: 0;
	margin: 0;
}

.custom_hero .skill, .custom_hero .talent {
	padding: 7px !important;
}

.custom_hero .skill-description {
	margin-left: 89px;
}

.custom_hero .skill img {
	width: 76px;
	/*height: 76px;*/
	display: block;
}

.custom_hero .talent img {
	width: 64px;
	height: 64px;
}

.custom_hero .talent_heroic,
.custom_hero .talent_ability,
.custom_hero .talent_passive,
.custom_hero .talent_active {
	border: 1px solid #000;
	border-radius: 5px;
	font-weight: bold;
	float: right;
	margin-top: -4px;
	margin-right: -4px;
	padding: 0px 6px;
	display: inline-block;
}

.custom_hero .talent-name b {
	max-width: 190px;
	display: inline-block;
}

.custom_hero .talent_heroic { border-color: #766d46; color: #bda15a; background: rgba(189,161,90,.1); }
.custom_hero .talent_ability { border-color: #424586; color: #7999f5; background: rgba(121,153,245,.1); }
.custom_hero .talent_passive { border-color: #2c7074; color: #4ea597; background: rgba(78,165,151,.1); }
.custom_hero .talent_active { border-color: #98416c; color: #c8558e; background: rgba(200,85,142,.1); }

.custom_hero h1 {
	position:relative;
	z-index: 10;
}

.custom_hero h2 {
	margin: 10px;
}

.custom_hero p {
	margin: 10px;
	max-width: 1000px;
}

.custom_hero .quest {
    color: #FD0;
 }

.custom_hero .cooldown {
    color: #CEF;
 }

.custom_hero .active {
    color: #D58;
 }

.custom_hero .passive {
    color: #0F7;
 }

.custom_hero hr {
	background-color: #505050;
	color: #505050;
	height: 1px;
	border: 0;
}
.custom_hero font {
	display: block;
	font-size: smaller;
	line-height: 18px !important;
	color: grey;
}

#custom_list li {
	border-top: 2px solid #444 !important;
	border-left: 2px solid #333 !important;
	border-right: 2px solid #222 !important;
	border-bottom: 2px solid #111 !important;
	margin: 3px;
}

#custom_list li a {
	padding: 0 !important;
}

#custom_list li.ui-tabs-active {
	border-top: 2px solid #4ca0ff !important;
	border-left: 2px solid #3392ff !important;
	border-right: 2px solid #1a85ff !important;
	border-bottom: 2px solid #0077ff !important;
}
#custom_list li.ui-state-hover {
	border-top: 2px solid #99c9ff !important;
	border-left: 2px solid #80bbff !important;
	border-right: 2px solid #66adff !important;
	border-bottom: 2px solid #4ca0ff !important;
}