/*
 * CSS
 *
 * Fichier de style pour les pages de l'armurerie
 *
 */

/*
 * Generic
 */

div.dzd3Version {
	float: right;
	padding: 10px;
	font: normal normal 10px/10px 'Open Sans', Arial, Helvetica, sans-serif;
	color: #f7ab80;
}

img.dzd3BNetExtLink {
	height: 10px;
	width: 10px;
	margin: 2px 0px 2px 0px;
}

span.dzd3IconSeasonSmall {
	display: inline-block;
	width: 15px;
	height: 21px;
	background: url("images/seasonal-leaf.png") -24px -2px no-repeat;
}

span.dzd3IconNonSeasonSmall {
	display: inline-block;
	width: 15px;
	height: 21px;
	background: url("images/seasonal-leaf-not.png") -24px -2px no-repeat;
}

span.dzd3IconSeasonLarge {
	display: inline-block;
	width: 20px;
	height: 27px;
	background: url("images/seasonal-leaf.png") -2px -2px no-repeat;
}


span.dzd3IconNonSeasonLarge {
	display: inline-block;
	width: 20px;
	height: 27px;
	background: url("images/seasonal-leaf-not.png") -2px -2px no-repeat;
}

span.dzd3IconHardcoreXLarge {
	display: inline-block;
	width: 39px;
	height: 39px;
	background: url("images/hardcore.png") 0px 0px no-repeat;
}


span.dzd3IconHardcoreLarge {
	display: inline-block;
	width: 27px;
	height: 27px;
	background: url("images/hardcore.png") -39px 0px no-repeat;
}

.dzd3HeroTabSmall_barbarian {
	display: inline-block;
	width: 35px;
	height: 73px;
	background: url("images/class-tab.jpg") -245px 0px no-repeat;
}

.dzd3HeroTabSmall_demon-hunter {
	display: inline-block;
	width: 35px;
	height: 73px;
	background: url("images/class-tab.jpg") -315px 0px no-repeat;
}

.dzd3HeroTabSmall_monk {
	display: inline-block;
	width: 35px;
	height: 73px;
	background: url("images/class-tab.jpg") -350px 0px no-repeat;
}

.dzd3HeroTabSmall_witch-doctor {
	display: inline-block;
	width: 35px;
	height: 73px;
	background: url("images/class-tab.jpg") -410px 0px no-repeat;
}

.dzd3HeroTabSmall_wizard {
	display: inline-block;
	width: 35px;
	height: 73px;
	background: url("images/class-tab.jpg") -445px 0px no-repeat;
}

.dzd3HeroTabSmall_crusader {
	display: inline-block;
	width: 35px;
	height: 73px;
	background: url("images/class-tab.jpg") -280px 0px no-repeat;
}

.dzd3HeroTabSmall_necromancer {
	display: inline-block;
	width: 35px;
	height: 73px;
	background: url("images/class-tab.jpg") -385px 0px no-repeat;
}

.dzd3ParangonTab {
	display: inline-block;
	width: 35px;
	height: 22px;
	background: url("images/parangon_1.png") 0px 0px no-repeat;
}

.dzd3Stat_attack {
	color: #c13321;
}

.dzd3Stat_toughness {
	color: #007be5;
}

.dzd3Stat_healing {
	color: #2cbc37;
}


/*
 * Armory Specific
 */

div.dzd3ProfileTop {
	height: 42px;
	width: 130px;
	padding: 0px;
	margin: 0px;
}

div.dzd3ProfileListHeader_title {
	height: 22px;
	font: bold normal 14px/16px 'Open Sans', Arial, Helvetica, sans-serif;
	padding: 0px 3px 6px 3px;
}

div.dzd3ProfileListHeader_subtitle {
	height: 24px;
	font: bold normal 9px/21px 'Open Sans', Arial, Helvetica, sans-serif;
	padding: 0px 3px 3px 0px;
}

div.dzd3ProfileName {
	height: 22px;
	font: normal normal 14px/16px 'Open Sans', Arial, Helvetica, sans-serif;
	padding: 3px;
}

div.dzd3ProfileListHeaderName div.dzd3ProfileListHeader_subtitle {
	padding: 0px 3px 3px 3px;
}

div.dzd3ProfileBattleTag {
	height: 20px;
	font: normal normal 10px/14px 'Open Sans', Arial, Helvetica, sans-serif;
	padding: 3px;
}

div.dzd3ProfileBattleTag a {
	color: white;
}

div.dzd3ProfileBattleTag a:hover {
	color: white;
	text-decoration: none;
}

div.dzd3ProfileParangon {
	height: 42px;
	width: 120px;
	padding: 0px;
	margin: 0px;
}

div.dzd3ProfileListHeaderParangon div.dzd3ProfileListHeader_title {
	width: 120px;
	text-align: right;
}

div.dzd3ProfileListHeaderParangon div.dzd3ProfileListHeader_subtitle {
    width: 120px;
	padding: 0px;
}

div.dzd3ProfileListHeaderParangon_normal {
	float: left;
	clear: left;
	width: 37px;
	padding: 0px 3px 0px 3px;
	text-align: right;
	margin-left: 3px;
}

div.dzd3ProfileListHeaderParangon_sea {
	float: left;
	width: 37px;
	padding: 0px 3px 0px 3px;
	text-align: right;
	margin-left: 3px;
}

div.dzd3ProfileListHeaderParangon_total {
	float: left;
	width: 37px;
	padding: 0px 3px 0px 3px;
	font: bold normal 17px/21px 'Open Sans', Arial, Helvetica, sans-serif;
	text-align: right;
	margin-left: 3px;
}

div.dzd3ProfileParangon_sc {
	float: left;
	clear: left;
	width: 37px;
	height: 21px;
	padding: 3px;
	margin-left: 3px;
	font: normal normal 13px/15px 'Open Sans', Arial, Helvetica, sans-serif;
	text-align: right;
}

div.dzd3ProfileParangon_sea_sc {
	float: left;
	width: 37px;
	height: 21px;
	padding: 3px;
	margin-left: 3px;
	font: normal normal 13px/15px 'Open Sans', Arial, Helvetica, sans-serif;
	text-align: right;
}

div.dzd3ProfileParangon_total_sc {
	float: left;
	width: 37px;
	height: 21px;
	padding: 3px;
	margin-left: 3px;
	font: bold normal 13px/15px 'Open Sans', Arial, Helvetica, sans-serif;
	text-align: right;
}

div.dzd3ProfileParangon_hc {
	float: left;
	clear: left;
	width: 37px;
	height: 21px;
	padding: 3px;
	margin-left: 3px;
	font: normal normal 13px/15px 'Open Sans', Arial, Helvetica, sans-serif;
	color: #bc360a;
	text-align: right;
}

div.dzd3ProfileParangon_sea_hc {
	float: left;
	width: 37px;
	height: 21px;
	padding: 3px;
	margin-left: 3px;
	font: normal normal 13px/15px 'Open Sans', Arial, Helvetica, sans-serif;
	color: #bc360a;
	text-align: right;
}

div.dzd3ProfileParangon_total_hc {
	float: left;
	width: 37px;
	height: 21px;
	padding: 3px;
	margin-left: 3px;
	font: bold normal 13px/15px 'Open Sans', Arial, Helvetica, sans-serif;
	color: #bc360a;
	text-align: right;
}

div.dzd3ProfileListHeaderLastSeen div.dzd3ProfileListHeader_title {
	padding: 0px 3px 6px 0px;
}

div.dzd3ProfileListHeaderLastUpdate div.dzd3ProfileListHeader_title {
	padding: 0px 3px 6px 0px;
}


/*
 * Hero Specific
 */
div.dzd3HeroStatsContainer {
	float: left;
	width: 295px;
	padding: 0px;
	margin: 15px 3px 0px 0px;
	border: 1px solid silver;
}

div.dzd3HeroStatsTitle {
	float: left;
	clear: left;
	font: bold normal 14px/16px 'Open Sans', Arial, Helvetica, sans-serif;
	background-color: silver;
	width: 293px;
	height: 20px;
	padding: 2px 5px 2px 5px;
}

div.dzd3HeroStat {
	float: left;
	clear: left;
	width: 293px;
	height: 20px;
}

div.dzd3HeroStat_empty {
	float: left;
	clear: left;
	width: 293px;
	height: 20px;
}

div.dzd3HeroStatKey {
	float: left;
	clear: left;
	font: bold normal 12px/14px 'Open Sans', Arial, Helvetica, sans-serif;
	width: 193px;
	height: 20px;
	padding: 3px 5px 3px 5px;
}

div.dzd3HeroStatValue {
	float: left;
	font: normal normal 12px/14px 'Open Sans', Arial, Helvetica, sans-serif;
	width: 100px;
	height: 20px;
	padding: 3px 5px 3px 5px;
	text-align: right;
}

/*
 * Profile Specific
 */

div.dzd3ProfileInfo {
	clear: left;
	float: left;
	height: auto;
}

div.dzd3ProfileStatsTitle {
	clear: left;
	float: left;
	height: 55px;
	width: 350px;
	background: url("images/hero_pane_header.png") 0px 0px repeat;
	padding: 19px 0px 18px 0px;
	font: normal normal 18px/18px 'Open Sans', Arial, Helvetica, sans-serif;
	text-align: center;
	color: yellow;
}

div.dzd3ProfileStatsStats {
	clear: left;
	float: left;
	width: 350px;
	padding: 3px 16px 3px 13px;
	background: url("images/hero_pane_body.png") 0px 0px repeat;
}

div.dzd3ProfileStatsBottom {
	clear: left;
	float: left;
	height: 20px;
	width: 350px;
	background: url("images/hero_pane_footer.png") 0px 0px no-repeat;
}

div.dzd3ProfileInfoName {
	font: normal normal 26px/26px 'Open Sans', Arial, Helvetica, sans-serif;
}

div.dzd3ProfileLastSeen {
	float: left;
	clear: left;
	margin: 15px 0px 10px 0px;
	font: normal normal 14px/16px 'Open Sans', Arial, Helvetica, sans-serif;
}

div.dzd3ProfileLastSeen span {
	color: #6098b7;
	font: bold normal 14px/16px 'Open Sans', Arial, Helvetica, sans-serif;
}

div.dzd3ProfileInfoParangon {
	float: left;
	clear: left;
	margin: 0px 0px 10px 0px;
	width: 300px;
}

div.dzd3ProfileInfoTitle {
	float: left;
	clear: left;
	height: 20px;
	width: 300px;
	font: normal bold 12px/14px 'Open Sans', Arial, Helvetica, sans-serif;
	padding: 3px;
	margin: 0px 0px 5px 0px;
	color: white;
}

div.dzd3ProfileInfoHeader {
	float: left;
	clear: left;
	height: 29px;
	width: 300px;
}

div.dzd3ProfileInfoHeader div {
	float: left;
	height: 29px;
	font: normal normal 14px/21px 'Open Sans', Arial, Helvetica, sans-serif;
	padding: 4px;
	text-align: right;
}

div.dzd3ProfileInfoHeader div.dzd3ProfileInfoParangon_header_title {
	width: 120px;
	text-align: left;
}

div.dzd3ProfileInfoHeader div.dzd3ProfileInfoParangon_header_normal {width: 60px;}
div.dzd3ProfileInfoHeader div.dzd3ProfileInfoParangon_header_season {width: 60px;}
div.dzd3ProfileInfoHeader div.dzd3ProfileInfoParangon_header_total {width: 60px;}

div.dzd3ProfileInfoSerie {
	float: left;
	clear: left;
	height: 22px;
	width: 300px;
}

div.dzd3ProfileInfoSerie div {
	float: left;
	height: 22px;
	font: normal normal 12px/14px 'Open Sans', Arial, Helvetica, sans-serif;
	padding: 4px;
	text-align: right;
}

div.dzd3ProfileInfoSerie div.dzd3ProfileInfoParangon_sc_title {width: 120px; text-align: left;}
div.dzd3ProfileInfoSerie div.dzd3ProfileInfoParangon_sc_normal {width: 60px;}
div.dzd3ProfileInfoSerie div.dzd3ProfileInfoParangon_sc_season {width: 60px;}
div.dzd3ProfileInfoSerie div.dzd3ProfileInfoParangon_sc_total {width: 60px;}

div.dzd3ProfileInfoSerie div.dzd3ProfileInfoParangon_hc_title  {width: 120px; text-align: left;}
div.dzd3ProfileInfoSerie div.dzd3ProfileInfoParangon_hc_normal {width: 60px;}
div.dzd3ProfileInfoSerie div.dzd3ProfileInfoParangon_hc_season {width: 60px;}
div.dzd3ProfileInfoSerie div.dzd3ProfileInfoParangon_hc_total  {width: 60px;}

div.dzd3ProfileInfoSerie div.dzd3ProfileInfoParangon_total_title  {width: 120px; text-align: left; font-weight: bold; color: white;}
div.dzd3ProfileInfoSerie div.dzd3ProfileInfoParangon_total_normal {width: 60px; font-weight: bold; color: white;}
div.dzd3ProfileInfoSerie div.dzd3ProfileInfoParangon_total_season {width: 60px; font-weight: bold; color: white;}
div.dzd3ProfileInfoSerie div.dzd3ProfileInfoParangon_total_total  {width: 60px; font-weight: bold; color: white;}



div.dzd3ProfileInfoMonsters {
	float: left;
	clear: left;
	margin: 5px 0px 10px 0px;
	width: 300px;
}

div.dzd3ProfileInfoSerie div.dzd3ProfileInfoMonsters_elite_title {width: 90px; text-align: left;}
div.dzd3ProfileInfoSerie div.dzd3ProfileInfoMonsters_elite_value {width: 90px;}
div.dzd3ProfileInfoSerie div.dzd3ProfileInfoMonsters_hc_title    {width: 90px; text-align: left;}
div.dzd3ProfileInfoSerie div.dzd3ProfileInfoMonsters_hc_value    {width: 90px;}
div.dzd3ProfileInfoSerie div.dzd3ProfileInfoMonsters_total_title {width: 90px; text-align: left;}
div.dzd3ProfileInfoSerie div.dzd3ProfileInfoMonsters_total_value {width: 90px;}

div.dzd3ProfileHeroList {
	clear: left;
	float: left;
	height: auto;
}

div.dzd3ProfileHeroListTitle {
	clear: left;
	float: left;
	height: 55px;
	width: 350px;
	background: url("images/hero_pane_header.png") 0px 0px repeat;
	padding: 19px 0px 18px 0px;
	font: normal normal 18px/18px 'Open Sans', Arial, Helvetica, sans-serif;
	text-align: center;
	color: yellow;
}

div.dzd3ProfileHeroListHero {
	clear: left;
	float: left;
	width: 350px;
	padding: 3px 16px 3px 13px;
	background: url("images/hero_pane_body.png") 0px 0px repeat;
}

div.dzd3ProfileHeroListHero_badge {
	clear: left;
	float: left;
	height: 95px;
	width: 35px;
}

div.dzd3ProfileHeroListHero_level {
	clear: left;
	float: left;
	height: 73px;
	padding: 58px 0px 3px 0px;
	text-align: center;
	font: normal normal 12px/12px 'Open Sans', Arial, Helvetica, sans-serif;
	color: white;
}

div.dzd3ProfileHeroListHero_parangon {
	clear: left;
	float: left;
	height: 22px;
	padding: 2px 0px 10px 0px;
	text-align: center;
	font: normal normal 10px/10px 'Open Sans', Arial, Helvetica, sans-serif;
	color: #3e86f7;
}

div.dzd3ProfileHeroListHero_hero {
	float: left;
	height: 95px;
	width: 186px;
}

div.dzd3ProfileHeroListHero_name {
	float: left;
	clear: left;
	font: normal normal 14px/16px 'Open Sans', Arial, Helvetica, sans-serif;
	width: 186px;
	height: 20px;
	padding: 1px 0px 3px 10px;
}

div.dzd3ProfileHeroListHero_battlenet {
	float: left;
	clear: left;
	width: 186px;
	height: 20px;
	font: normal normal 9px/14px 'Open Sans', Arial, Helvetica, sans-serif;
	padding: 3px 0px 3px 10px;
}

div.dzd3ProfileHeroListHero_battlenet a {
	color: silver;
}

div.dzd3ProfileHeroListHero_battlenet a:hover {
	color: silver;
	text-decoration: none;
}

div.dzd3ProfileHeroListHero_build {
	float: left;
	clear: left;
	width: 186px;
	height: 55px;
	font: normal normal 9px/14px 'Open Sans', Arial, Helvetica, sans-serif;
	padding: 8px 10px 3px 10px;
}

div.dzd3ProfileHeroListHero_buildActive {
	float: left;
	clear: left;
	width: 166px;
	height: 21px;
}

div.dzd3ProfileHeroListHero_buildPassive {
	float: left;
	clear: left;
	width: 166px;
	height: 23px;
	padding: 2px 0px 0px 0px;
}

div.dzd3ProfileHeroListHero_control {
	float: left;
	height: 95px;
	width: 30px;
}

div.dzd3ProfileHeroListHero_extra {
	float: left;
	height: 95px;
	width: 70px;
}

div.dzd3ProfileHeroListHero_mode {
	float: left;
	clear: left;
	font: normal normal 14px/16px 'Open Sans', Arial, Helvetica, sans-serif;
	width: 70px;
	height: 27px;
	padding: 0px 0px 0px 0px;
	text-align: right;
}

div.dzd3ProfileHeroListHero_mainStats {
	float: left;
	clear: left;
	font: bold normal 11px/11px 'Open Sans', Arial, Helvetica, sans-serif;
	width: 70px;
	height: 16px;
	padding: 0px 0px 0px 0px;
	margin: 4px 0px 0px 0px;
}

div.dzd3ProfileHeroListHero_mainStats .statKey {
	float: left;
	clear: left;
	width: 14px;
	height: 16px;
	padding: 3px 0px 2px 0px;
}

div.dzd3ProfileHeroListHero_mainStats .statValue {
	float: left;
	width: 56px;
	height: 16px;
	padding: 3px 0px 2px 0px;
	text-align: right;
}

div.dzd3ProfileHeroListBottom {
	clear: left;
	float: left;
	height: 20px;
	width: 350px;
	background: url("images/hero_pane_footer.png") 0px 0px no-repeat;
}