.udactive {  
    -webkit-animation: infinite-spinning 1s ease-out 0s infinite normal;
    animation: infinite-spinning 1s ease-out 0s infinite normal;
}

.nk-info-icon {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    /* margin-top: -3px; */
    /* margin-left: -85px; */
    font-size: 13px;
    /* line-height: 44px; */
    text-align: center;
    border: 4px solid;
    border-radius: 26px;
    color: red;
}

@keyframes infinite-spinning {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.install-install {
	border-color: #ebff00 !important;
}
.install-active{
	border-color: #1eff00 !important;
}
.install-deactive{
	border-color: #e5cc80 !important;
}
.install-upgrade{
	border-color: #c600ff !important;
}
.install-purge{
	border-color: #ebff00 !important;
}

.nk-navbar {
    padding: 10px 0 !important;
}

.nk-navbar .nk-nav-table {
	display: table;
	width: 100%;
	height: auto !important;
}

.dropdown-menu.show {
	display: block;
	z-index:99999;
}
.rgbg {
	background: url(images/rpbg.png);
}
.w3eden {
	width:275px;
	display: inline-block;
	margin: 5px;
}
.row.vertical-gap > [class*=col-] {
	padding-top: 10px !important;
}
.w3eden .well {
	padding: 5px !important;
}
.w3eden .well {
	padding: 15px;
	box-shadow: none;
	border: 0;
	font-style: normal;
	border-radius: 4px;
	margin-bottom: 10px;
}
.w3eden .media {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
}
.w3eden *, .w3eden ::after, .w3eden ::before {
	box-sizing: border-box;
}
.w3eden .mr-3 {
	padding-right: 15px;
}
.w3eden .img-48 img {
	width: 70px;
	height: auto;
	margin: 0 auto;
	border-radius: 35px;

}
.w3eden .wpdm_icon {
	box-shadow: none;
	min-width: 68px;
	max-width: 68px;
	width: 68px;
}
.w3eden img {
	vertical-align: middle;
	border-style: none;
}
.w3eden .media-body {
	-ms-flex: 1;
	flex: 1;
}






.two-col {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}
.nk-forum > li .nk-forum-icon {
	min-width: 55px;
	display: inline-table;
}

.forum_status {
	list-style: none;
	padding-inline-start: 1px;
	line-height: 30px;
	display: inline-flex;
}
.forum_status > li {
width: 26px;
	display: inline-block;
	padding: 0 5px;
	text-align: center;
}
.forum_status > li > span {
	display: block;
	font-size: 1.8rem;
	line-height: 1;
}
.nk-news-box .nk-news-box-item.nk-news-box-item-Upgrade {
	color: #fff;
	background-color: #fd7e14;
}


@media (min-width: 1600px){
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1400px;
	}
}

.nav-search {
	display:none;
	font-size: 18px;	
	border: 1px solid #9d9c9a;
}
.nav-search .container {
	padding:10px;
	
}
.SiteNav-searchBox {
    position: relative;
	width:100%;
}
.SiteNav-searchInput {
    -webkit-transition: all .25s cubic-bezier(.23,1,.32,1) 0s;
    transition: all .25s cubic-bezier(.23,1,.32,1) 0s;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(1,1,2,.97)),to(rgba(21,13,6,.97)));
    background: linear-gradient(180deg,rgba(1,1,2,.97),rgba(21,13,6,.97));
    border: 1px solid #352011;
    color: #fff;
    outline: none;
    padding: 15px 20px 15px 54px;
    position: relative;
    width: 100%;
}
.nk-widget-post .nk-post-image, .nk-widget-post-2 .nk-post-image {
	width:100px !important;
}
.btn-group .btn.active{
  color: #dd163b;
  background-color: #2f3541;
  border: 1px solid #352011;
}
.nk-widget-categories li.active a{
  color: #dd163b;
  background-color: #2f3541;
}


.nk-navbar .nk-nav .dropdown {

    z-index: 99999;
}

.nk-forum-topic > li .nk-forum-topic-footer::before {
    top: 15px;
    border-top: 1px solid #686e7a;
}
.nk-forum-topic > li .nk-forum-topic-footer {
    padding-top: 25px;
}
.nk-forum > li + li {
    border-top: 1px solid #686e7a;
}
.nk-forum > li {
	padding: 25px !important;
}

.row-nm {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* margin-right: -15px; */
    /* margin-left: -15px; */
}
.col-pad-15 {
	padding: 3px;
}
.midea-img img{
  object-fit: cover;
  /*
  width:300px;
  height:200px;
  */
}
.media-modal {
    position: fixed;
    top: 30px;
    left: 30px;
    right: 30px;
    bottom: 30px;
    z-index: 160000;
}
.media-modal-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    min-height: 300px;
    box-shadow: 0 5px 15px rgb(0 0 0 / 70%);
    background: #fcfcfc;
    -webkit-font-smoothing: subpixel-antialiased;
}
.modal-open {
	overflow: auto;
	padding-right: 0px;
}
#sortable { list-style-type: none; margin: 0; padding: 0;}
#sortable li { margin: 3px; padding: 1px; float: left; width: 45px; height: 45px; font-size: 4em; text-align: center; }


.sortable { list-style-type: none; margin: 0; padding: 0;}
.sortable li { margin: 3px; padding: 1px; float: left; width: 45px; height: 45px; font-size: 4em; text-align: center; }


.mask { position: absolute; display:block; height: 20px; width: 20px; z-index: 100; left: 0; top: 0; }.item .none {border: 1px solid #9d9d9d;} 
.poor {border: 1px solid #9d9d9d; box-shadow: 0 0 1px 0px #9d9d9d, inset 0 0 1px 0px #9d9d9d;} 
.common {border: 1px solid #ffffff; box-shadow: 0 0 1px 0px #ffffff, inset 0 0 1px 0px #ffffff;} 
.uncommon {border: 1px solid #1eff00; box-shadow: 0 0 1px 0px #1eff00, inset 0 0 1px 0px #1eff00;} 
.rare {border: 1px solid #0081ff; box-shadow: 0 0 1px 0px #0081ff, inset 0 0 1px 0px #0081ff;} 
.epic {border: 1px solid #c600ff; box-shadow: 0 0 1px 0px #c600ff, inset 0 0 1px 0px #c600ff;} 
.legendary {border: 1px solid #ff8000; box-shadow: 0 0 1px 0px #ff8000, inset 0 0 1px 0px #ff8000;} 
.artifact,
.heirloom { 	border: 1px solid #e5cc80; box-shadow: 0 0 1px 0px #e5cc80, inset 0 0 1px 0px #e5cc80; } 

.GameIcon--AZERITE:hover{-webkit-box-shadow:0 0 7px 5px rgba(229,204,128,.3);box-shadow:0 0 7px 5px rgba(229,204,128,.3)}
.GameIcon--HEIRLOOM:hover{-webkit-box-shadow:0 0 7px 5px rgba(0,204,255,.25);box-shadow:0 0 7px 5px rgba(0,204,255,.25)}
.GameIcon--LEGENDARY:hover{-webkit-box-shadow:0 0 7px 5px rgba(255,128,0,.25);box-shadow:0 0 7px 5px rgba(255,128,0,.25)}
.GameIcon--EPIC:hover{-webkit-box-shadow:0 0 7px 5px rgba(198,0,255,.4);box-shadow:0 0 7px 5px rgba(198,0,255,.4)}
.GameIcon--RARE:hover{-webkit-box-shadow:0 0 7px 5px rgba(0,129,255,.35);box-shadow:0 0 7px 5px rgba(0,129,255,.35)}
.GameIcon--UNCOMMON:hover{-webkit-box-shadow:0 0 7px 5px rgba(30,255,0,.3);box-shadow:0 0 7px 5px rgba(30,255,0,.3)}
.GameIcon--COMMON:hover{-webkit-box-shadow:0 0 7px 5px hsla(0,0%,100%,.25);box-shadow:0 0 7px 5px hsla(0,0%,100%,.25)}
.GameIcon--POOR:hover{-webkit-box-shadow:0 0 7px 5px hsla(0,0%,61.6%,.25);box-shadow:0 0 7px 5px hsla(0,0%,61.6%,.25)}

#media-tabs .nav-item:not(:first-child) {
    margin-left: 10px !important;
}

.ui-state-highlight { height: 1.5em; line-height: 1.2em; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620;
}
.modal-tooltip {
	z-index: 999999999999999999999999999999;
    max-width: 500px;
	max-height: 1020px;
	height: fit-content;
}


.admin-menu {
    position: relative !important;
    top: 120px !important;
    padding: 5px 5px !important;
    z-index: 999 !important;
}
.nk-navbar .admin-menu .nk-navbar-fixed {
	background-color: rgba(0, 0, 0, 0.6) !important;
}

.admin-row:nth-child(2n) {
    background-color: #171e22;
}

.admin-row {
    background-color: #232930;
	padding:4px;
	color: #ffffff;
}

.menu-image {
border: #000 1px solid;	
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width: 23px;
height: 23px;
margin:2px;
}
.nk-post-img {
	border: 1px solid #504137;
}

.battlenet-login
{
	background-image:url(images/Battlenet_2021_icon.png);
}
/*.nk-post-img:hover {*/
.nk-blog-post:not(.nk-blog-post-single):hover .nk-post-img {
	border-color:#f8b700
}

.item-sm { position:relative; display:inline-block; width: 20px; height: 20px; margin: 0px 2px 0px 0px;  padding: 0;vertical-align: middle; }
.item-sm img { display:block; width: 20px; height: 20px; margin: 0; padding: 0; }


.GameIcon{position:relative;box-sizing:content-box;background-color:#000;display:inline-block;max-width:168px;width:48px;border:1px solid #504137}
.GameIcon::before{content:"";display:block;padding-top:100%}
.GameIcon-icon{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;background-size:cover;border-radius:9%}
.GameIcon--huge{width:64px}
.GameIcon--large{width:56px}
.GameIcon--medium{width:32px}
.GameIcon--small{width:24px}
.GameIcon--tiny{width:16px}
.GameIcon--full{width:100%}
.GameIcon--check{opacity:.6}
.GameIcon--check::after{content:"";display:block;border:3px solid #fff;border-width:0 0 4px 4px;height:16px;width:32px;margin:6px 0;-webkit-transform:rotate(-45deg) scale(.5);transform:rotate(-45deg) scale(.5);position:absolute;top:8px;left:8px}
.GameIcon[disabled]{opacity:.5}
.GameIcon--slot{border:1px solid #333}
.GameIcon--slot .GameIcon-icon{background-image:url(assets/images/item/GameIcon-slots.png);border-radius:0}
.GameIcon--slotHead .GameIcon-icon{background-position:0 0}
.GameIcon--slotNeck .GameIcon-icon{background-position:0 -100%}
.GameIcon--slotShoulder .GameIcon-icon{background-position:0 -200%}
.GameIcon--slotBack .GameIcon-icon{background-position:0 -300%}
.GameIcon--slotChest .GameIcon-icon{background-position:0 -300%}
.GameIcon--slotShirt .GameIcon-icon{background-position:0 -400%}
.GameIcon--slotTabard .GameIcon-icon{background-position:0 -500%}
.GameIcon--slotWrist .GameIcon-icon{background-position:0 -600%}
.GameIcon--slotHand .GameIcon-icon{background-position:0 -700%}
.GameIcon--slotWaist .GameIcon-icon{background-position:0 -800%}
.GameIcon--slotLeg .GameIcon-icon{background-position:0 -900%}
.GameIcon--slotFoot .GameIcon-icon{background-position:0 -1000%}
.GameIcon--slotLeftFinger .GameIcon-icon{background-position:0 -1100%}
.GameIcon--slotRightFinger .GameIcon-icon{background-position:0 -1100%}
.GameIcon--slotLeftTrinket .GameIcon-icon{background-position:0 -1200%}
.GameIcon--slotRightTrinket .GameIcon-icon{background-position:0 -1200%}
.GameIcon--slotWeapon .GameIcon-icon{background-position:0 -1300%}
.GameIcon--SecondaryHand .GameIcon-icon{background-position:0 -1400%}


.GameIcon--Head .GameIcon-icon{background-position:0 0}
.GameIcon--Neck .GameIcon-icon{background-position:0 -100%}
.GameIcon--Shoulder .GameIcon-icon{background-position:0 -200%}
.GameIcon--Back .GameIcon-icon{background-position:0 -300%}
.GameIcon--Chest .GameIcon-icon{background-position:0 -300%}
.GameIcon--Shirt .GameIcon-icon{background-position:0 -400%}
.GameIcon--Tabard .GameIcon-icon{background-position:0 -500%}
.GameIcon--Wrist .GameIcon-icon{background-position:0 -600%}
.GameIcon--Hand .GameIcon-icon{background-position:0 -700%}
.GameIcon--Waist .GameIcon-icon{background-position:0 -800%}
.GameIcon--Leg .GameIcon-icon{background-position:0 -900%}
.GameIcon--Foot .GameIcon-icon{background-position:0 -1000%}
.GameIcon--LeftFinger .GameIcon-icon{background-position:0 -1100%}
.GameIcon--RightFinger .GameIcon-icon{background-position:0 -1100%}
.GameIcon--LeftTrinket .GameIcon-icon{background-position:0 -1200%}
.GameIcon--RightTrinket .GameIcon-icon{background-position:0 -1200%}
.GameIcon--Weapon .GameIcon-icon{background-position:0 -1300%}


.GameIcon--POOR{border-color:#9d9d9d}
.GameIcon--COMMON{border-color:#fff}
.GameIcon--UNCOMMON{border-color:#1eff00}
.GameIcon--RARE{border-color:#0081ff}
.GameIcon--EPIC{border-color:#c600ff}
.GameIcon--LEGENDARY{border-color:#ff8000}
.GameIcon--ARTIFACT{border-color:#e5cc80}
.GameIcon--HEIRLOOM{border-color:#0cf}

.Pet--POOR .Pet-avatar .Pet-icon {border-color:#9d9d9d;border-radius: 3px;}
.Pet--COMMON .Pet-avatar .Pet-icon {border-color:#fff;border-radius: 3px;}
.Pet--UNCOMMON .Pet-avatar .Pet-icon {border-color:#1eff00;border-radius: 3px;}
.Pet--RARE .Pet-avatar .Pet-icon {border-color:#0081ff;border-radius: 3px;}
.Pet--EPIC .Pet-avatar .Pet-icon {border-color:#c600ff;border-radius: 3px;}
.Pet--LEGENDARY .Pet-avatar .Pet-icon {border-color:#ff8000;border-radius: 3px;}
.Pet--ARTIFACT .Pet-avatar .Pet-icon {border-color:#e5cc80;border-radius: 3px;}
.Pet--HEIRLOOM .Pet-avatar .Pet-icon {border-color:#0cf;border-radius: 3px;}

.GameIcon--WARRIOR .GameIcon-icon{background-image:url(../components/GameIcon/GameIcon-class-warrior-f9310c779f.jpg)}
.GameIcon--WARLOCK .GameIcon-icon{background-image:url(../components/GameIcon/GameIcon-class-warlock-dcbbb3e8f5.jpg)}
.GameIcon--SHAMAN .GameIcon-icon{background-image:url(../components/GameIcon/GameIcon-class-shaman-40a418365a.jpg)}
.GameIcon--ROGUE .GameIcon-icon{background-image:url(../components/GameIcon/GameIcon-class-rogue-0a5602d972.jpg)}
.GameIcon--PRIEST .GameIcon-icon{background-image:url(../components/GameIcon/GameIcon-class-priest-09fd89f387.jpg)}
.GameIcon--PALADIN .GameIcon-icon{background-image:url(../components/GameIcon/GameIcon-class-paladin-757b9e4cc4.jpg)}
.GameIcon--MONK .GameIcon-icon{background-image:url(../components/GameIcon/GameIcon-class-monk-870f768c07.jpg)}
.GameIcon--MAGE .GameIcon-icon{background-image:url(../components/GameIcon/GameIcon-class-mage-b7bef9b685.jpg)}
.GameIcon--HUNTER .GameIcon-icon{background-image:url(../components/GameIcon/GameIcon-class-hunter-5d71a070ac.jpg)}
.GameIcon--DRUID .GameIcon-icon{background-image:url(../components/GameIcon/GameIcon-class-druid-df841860a6.jpg)}
.GameIcon--DEATHKNIGHT .GameIcon-icon{background-image:url(../components/GameIcon/GameIcon-class-death-knight-678f39727d.jpg)}
.GameIcon--DEMONHUNTER .GameIcon-icon{background-image:url(../components/GameIcon/GameIcon-class-demon-hunter-43fb9b4b59.jpg)}
.GameIcon--vector{border:none;background-color:transparent}
.GameIcon--vector .GameIcon-icon{border:none;background-color:transparent;border-radius:0}
.GameIcon--vector.GameIcon--WARRIOR .GameIcon-icon{background-image:url(../components/GameIcon/GameIcon-class-warrior-vector-f346a16523.png)}
.GameIcon--vector.GameIcon--WARLOCK .GameIcon-icon{background-image:url(../components/GameIcon/GameIcon-class-warlock-vector-26da676246.png)}
.GameIcon--vector.GameIcon--SHAMAN .GameIcon-icon{background-image:url(../components/GameIcon/GameIcon-class-shaman-vector-d07d941c90.png)}
.GameIcon--vector.GameIcon--ROGUE .GameIcon-icon{background-image:url(../components/GameIcon/GameIcon-class-rogue-vector-cc2ea8017b.png)}
.GameIcon--vector.GameIcon--PRIEST .GameIcon-icon{background-image:url(../components/GameIcon/GameIcon-class-priest-vector-d7f94632cf.png)}
.GameIcon--vector.GameIcon--PALADIN .GameIcon-icon{background-image:url(../components/GameIcon/GameIcon-class-paladin-vector-9665329a44.png)}
.GameIcon--vector.GameIcon--MONK .GameIcon-icon{background-image:url(../components/GameIcon/GameIcon-class-monk-vector-81ff0f1d52.png)}
.GameIcon--vector.GameIcon--MAGE .GameIcon-icon{background-image:url(../components/GameIcon/GameIcon-class-mage-vector-f1ed288e03.png)}
.GameIcon--vector.GameIcon--HUNTER .GameIcon-icon{background-image:url(../components/GameIcon/GameIcon-class-hunter-vector-095639e31b.png)}
.GameIcon--vector.GameIcon--DRUID .GameIcon-icon{background-image:url(../components/GameIcon/GameIcon-class-druid-vector-43960391b0.png)}
.GameIcon--vector.GameIcon--DEATHKNIGHT .GameIcon-icon{background-image:url(../components/GameIcon/GameIcon-class-death-knight-vector-b4acffabf7.png)}
.GameIcon--vector.GameIcon--DEMONHUNTER .GameIcon-icon{background-image:url(../components/GameIcon/GameIcon-class-demon-hunter-vector-b1210d9369.png)}
.GameIcon-transmog{display:none}
.GameIcon--transmog .GameIcon-transmog{position:absolute;left:-1px;bottom:-1px;height:24px;width:24px;display:block;background-image:url(../components/GameIcon/GameIcon-transmogCorner-42744d4b18.png);background-size:contain}
.GameIcon--transmog.GameIcon--transmogRight .GameIcon-transmog{right:-1px;bottom:-1px;background-image:url(../components/GameIcon/GameIcon-transmogCornerRight-a26c28e234.png)}
.color-inherit{color:inherit}
.color-silver{color:#aaa}
.color-charcoal{color:#222}
.color-brown-dark{color:#211510}
.color-brown-medium{color:#352011}
.color-brown-light{color:#504137}
.color-red-dark{color:#561200}
.color-red-medium{color:#961901}
.color-red-light{color:#cc3501}
.color-green-dark{color:#91c24e}
.color-green-medium{color:#1b9601}
.color-green-light{color:#0f0}
.color-beige-dark{color:#b1997f}
.color-beige-medium{color:#ebdec2}
.color-beige-light{color:#f3eee2}
.color-blue-dark{color:#040f1a}
.color-blue-medium{color:#09273e}
.color-blue-light{color:#2a4b71}
.color-gold-dark{color:#853500}
.color-gold-medium{color:#c76700}
.color-gold-light{color:#f8b700}
.color-monochrome-black{color:#000}
.color-monochrome-gray{color:#cacaca}
.color-monochrome-white{color:#fff}
.color-status-success{color:#1b9601}
.color-status-warning{color:#c76700}
.color-status-error{color:#db2300}
.color-faction-ALLIANCE{color:#247faa}
.color-faction-HORDE{color:#b30000}
.color-progress-high{color:#1b9601}
.color-progress-medium{color:#c76700}
.color-progress-low{color:#99755c}
.color-expansion-CLASSIC{color:#fff468}
.color-expansion-BC{color:#aad372}
.color-expansion-WOTLK{color:#68ccef}
.color-expansion-CATA{color:#ff7c0a}
.color-expansion-MISTS{color:#00ffba}
.color-expansion-WARLORDS{color:#ff320a}
.color-expansion-LEGION{color:#a8ff00}
.color-expansion-DEFAULT{color:#b1997f}
.color-class-DEATHKNIGHT{color:#c41e3b}
.color-class-DEATHKNIGHT-bg{color:#080812}
.color-class-DEATHKNIGHT-onDark{color:#c41e3b}
.color-class-DEMONHUNTER{color:#a330c9}
.color-class-DEMONHUNTER-bg{color:#0a1004}
.color-class-DEMONHUNTER-onDark{color:#a330c9}
.color-class-DRUID{color:#ff7c0a}
.color-class-DRUID-bg{color:#000d07}
.color-class-DRUID-onDark{color:#ff7c0a}
.color-class-HUNTER{color:#7ba93d}
.color-class-HUNTER-bg{color:#07030d}
.color-class-HUNTER-onDark{color:#aad372}
.color-class-MAGE{color:#46b1d6}
.color-class-MAGE-bg{color:#110617}
.color-class-MAGE-onDark{color:#68ccef}
.color-class-MONK{color:#0ac895}
.color-class-MONK-bg{color:#04110c}
.color-class-MONK-onDark{color:#00ffba}
.color-class-PALADIN{color:#f48cba}
.color-class-PALADIN-bg{color:#13040a}
.color-class-PALADIN-onDark{color:#f48cba}
.color-class-PRIEST{color:#817d73}
.color-class-PRIEST-bg{color:#1a0812}
.color-class-PRIEST-onDark{color:#f0ebe0}
.color-class-ROGUE{color:#aba14f}
.color-class-ROGUE-bg{color:#150d1a}
.color-class-ROGUE-onDark{color:#fff468}
.color-class-SHAMAN{color:#2359ff}
.color-class-SHAMAN-bg{color:#040414}
.color-class-SHAMAN-onDark{color:#2359ff}
.color-class-WARLOCK{color:#9382c9}
.color-class-WARLOCK-bg{color:#15121f}
.color-class-WARLOCK-onDark{color:#9382c9}
.color-class-WARRIOR{color:#af7c46}
.color-class-WARRIOR-bg{color:#1a0407}
.color-class-WARRIOR-onDark{color:#c69b6d}
.color-stat-HEALTH{color:#27cc4e}
.color-stat-STAMINA{color:#ff8b2d}
.color-stat-ENERGY{color:#cb9501}
.color-stat-FOCUS{color:#d45719}
.color-stat-FURY{color:#8400ff}
.color-stat-INSANITY{color:#60f}
.color-stat-MAELSTROM{color:#008fff}
.color-stat-MANA{color:#1c8aff}
.color-stat-PAIN{color:#d45719}
.color-stat-RAGE{color:#ab0000}
.color-stat-RUNICPOWER{color:#00bcde}
.color-stat-AGILITY{color:#ffd955}
.color-stat-INTELLECT{color:#d26cd1}
.color-stat-STRENGTH{color:#f33232}
.color-stat-CRITICALSTRIKE{color:#e01c1c}
.color-stat-HASTE{color:#0ed59b}
.color-stat-MASTERY{color:#9256ff}
.color-stat-VERSATILITY{color:#bfbfbf}
.color-quality-ARTIFACT{color:#e5cc80}
.color-quality-HEIRLOOM{color:#0cf}
.color-quality-LEGENDARY{color:#ff8000}
.color-quality-EPIC{color:#c600ff}
.color-quality-RARE{color:#0081ff}
.color-quality-UNCOMMON{color:#1eff00}
.color-quality-COMMON{color:#fff}
.color-quality-POOR{color:#9d9d9d}
.color-win{color:#1b9601}
.color-loss{color:#db2300}

.List{display:table;position:relative}
.List-item{display:table-cell;vertical-align:middle;height:100%}
.List--gutter{padding:20px}
.List--gutterSmall{padding:10px}
.List--guttersTiny{margin:-3.33px}
.List--guttersTiny>.List-item{padding:3.33px}
.List--guttersSmall{margin:-5px}
.List--guttersSmall>.List-item{padding:5px}
.List--gutters{margin:-10px}
.List--gutters>.List-item{padding:10px}
.List--guttersMedium{margin:-20px}
.List--guttersMedium>.List-item{padding:20px!important}
.List--gutter.List--gutters{padding:10px;margin:0}
.List--alignTop .List-item{vertical-align:top}
.List--bulleted>.List-item,.List--greenChecks>.List-item,.List--numbered>.List-item,.List--vertical>.List-item{display:block;height:auto}
.List--full{width:100%}
.List--fullFixed{table-layout:fixed}
.List--left{margin-right:auto;text-align:left}
.List--center{margin-left:auto;margin-right:auto;text-align:center}
.List--right{margin-left:auto;text-align:right}

.character-slot-item{position:relative}
.character-slot-itemDetails{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:.9rem;line-height:1.5em;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);display:block;position:absolute;top:0;width:300px;padding:4px;min-height:58px}

.GameTooltipm{
	padding:3px;
	display:inline-block;
	color:#fff;
	list-style:none;
	font-size:13px;
	line-height:20px;
	width: -webkit-fill-available;
}
.GameTooltipm.gutter-vertical{padding:20px 0}
.GameTooltipm.gutter-all{padding:20px}
.GameTooltipm.gutter-negative{padding:0;margin:0 -20px}
.GameTooltipm.gutter-negative.gutter-vertical{margin:-20px 0}
.GameTooltipm.gutter-negative.gutter-all{margin:-20px}
.GameTooltipm{font-size:13px;line-height:20px}
.GameTooltipm .character-tooltip{min-width:150px}
.GameTooltipm .wiki-tooltip{min-width:250px;list-style:none;}
.GameTooltipm .wiki-tooltip .wiki-list{margin-top:10px}
.GameTooltipm .wiki-tooltip .wiki-list li{margin:2px 0}
.GameTooltipm .wiki-tooltip .wiki-list .item-link{line-height:16px}
.GameTooltipm .wiki-tooltip .wiki-list .item-link .frame-14{float:left;margin-right:5px}
.GameTooltipm .wiki-tooltip .indent{padding-left:10px}
.GameTooltipm .wiki-tooltip .indent-small{padding-left:5px}
.GameTooltipm .item-specs .item-link{height:22px;line-height:22px;margin:2px 0;font-weight:400;background-repeat:no-repeat}
.GameTooltipm .item-specs{margin-top:10px}
.GameTooltipm .item-specs li{margin:1px 0;padding:0}
.GameTooltipm .item-specs .indent{padding-left:10px}
.GameTooltipm .item-specs .indent-small{padding-left:5px}
.GameTooltipm .item-specs .indent-top{padding-top:10px}
.GameTooltipm .item-specs .icon-socket{float:left;margin-right:4px;margin-top:1px}
.GameTooltipm .item-specs .reforge-arrow{position:relative;top:-1px;font-size:10px}
.GameTooltipm .item-specs a.color-q1:hover{text-decoration:underline}
.GameTooltipm .item-specs .transmog-name{color:#ff80ff}
.GameTooltipm .item-specs{margin-bottom:0;padding-inline-start: 15px;}
.GameTooltipm li.item-spec-group{margin-top:10px}
.GameTooltipm .character-tooltip .character-achievementpoints{margin-top:4px}
.GameTooltipm .character-tooltip .character-spec{margin-top:10px}
.GameTooltipm .character-spec{display:block}
.GameTooltipm .character-spec .icon,.GameTooltipm .character-spec .name{float:left;height:14px;line-height:15px}
.GameTooltipm .character-spec .icon{margin-right:5px}
.GameTooltipm .character-spec .name{color:#F5EBD1}
.GameTooltipm .character-achievementpoints{display:block;float:left;padding-right:11px;background:url(assets/images/GameTooltip-achievements.gif) no-repeat right center}
.GameTooltipm .item-link{display:inline-block;line-height:22px;vertical-align:top;white-space:nowrap}
.GameTooltipm .item-link .frame-18{float:left;margin-right:5px}
.GameTooltipm .item-link .tip{border-bottom:0}
.GameTooltipm .item-link-large{height:38px;line-height:38px}
.GameTooltipm .item-link-large .frame-36{float:left;margin-right:10px}
.GameTooltipm .item-link-small,.GameTooltipm .item-link-small-right{display:inline-block;height:18px;line-height:18px;vertical-align:top}
.GameTooltipm .item-link-small .frame-14{float:left;margin-right:3px}
.GameTooltipm .item-link-small-right .count{float:left}
.GameTooltipm .item-link-small-right .frame-14{float:left;margin-left:4px}
.GameTooltipm .price{text-align:right}
.GameTooltipm .price .icon-gold{color:#c28a13;display:inline-block}
.GameTooltipm .price .icon-silver{color:#63625d;width:13px;display:inline-block}
.GameTooltipm .price .icon-copper{color:#a04d00;width:13px;display:inline-block}
.GameTooltipm .summary-item-list li{line-height:15px;padding:4px 0}
.GameTooltipm .summary-item-list .icon{float:left;height:16px;margin-right:3px}
.GameTooltipm .gui-tooltip .summary-item-list{white-space:nowrap}
.GameTooltipm .gui-tooltip .summary-item-list .icon{margin-right:5px}
.GameTooltipm .gui-tooltip h3{font-size:16px;font-weight:400}
.GameTooltipm .gui-tooltip h4{font-size:14px;font-weight:400}
.GameTooltipm .color-q0,.GameTooltipm .color-q0 a{color:#9d9d9d!important}
.GameTooltipm .color-q1,.GameTooltipm .color-q1 a{color:#fff!important}
.GameTooltipm .color-q2,.GameTooltipm .color-q2 a{color:#1eff00!important}
.GameTooltipm .color-q3,.GameTooltipm .color-q3 a{color:#0081ff!important}
.GameTooltipm .color-q4,.GameTooltipm .color-q4 a{color:#c600ff!important}
.GameTooltipm .color-q5,.GameTooltipm .color-q5 a{color:#ff8000!important}
.GameTooltipm .color-q6,.GameTooltipm .color-q6 a{color:#e5cc80!important}
.GameTooltipm .color-q7,.GameTooltipm .color-q7 a{color:#0cf!important}
.GameTooltipm .color-d1,.GameTooltipm .color-d1 a{color:#ff8040!important}
.GameTooltipm .color-d2,.GameTooltipm .color-d2 a{color:#ff0!important}
.GameTooltipm .color-d3,.GameTooltipm .color-d3 a{color:#40bf40!important}
.GameTooltipm .color-d4,.GameTooltipm .color-d4 a{color:grey!important}
.GameTooltipm .color-d5,.GameTooltipm .color-d5 a{color:#8af!important}
.GameTooltipm .color-d6,.GameTooltipm .color-d6 a{color:red!important}
.GameTooltipm .color-s0{color:red}
.GameTooltipm .color-s1{color:#FF8040}
.GameTooltipm .color-s2{color:#FF0}
.GameTooltipm .color-s3{color:#40BF40}
.GameTooltipm .color-s4{color:grey}
.GameTooltipm .color-tooltip-yellow{color:#ffd100!important}
.GameTooltipm .color-tooltip-red{color:red!important}
.GameTooltipm .color-tooltip-green{color:#0f0!important}
.GameTooltipm .color-tooltip-blue{color:#71D5FF!important}
.GameTooltipm .color-tooltip-beige{color:#FFFF98!important}
.GameTooltipm .color-tooltip-gray{color:#6D6E70!important}
.GameTooltipm h3{margin:0}
.GameTooltipm .gui-tooltip .item-specs{padding:0;list-style:none}
.GameTooltipm .float-right{float:right}
.GameTooltipm .icon-gold{padding-right:15px;background:url(assets/images/GameTooltip-gold.gif) right center no-repeat}
.GameTooltipm .icon-silver{padding-right:15px;padding-left:3px;background:url(assets/images/GameTooltip-silver.gif) right center no-repeat}
.GameTooltipm .icon-copper{padding-right:15px;padding-left:3px;background:url(assets/images/GameTooltip-copper.gif) right center no-repeat}
.GameTooltipm .icon-socket{display:block;position:relative;width:15px;height:15px}
.GameTooltipm .icon-socket a.gem{display:block;width:15px;height:15px}
.GameTooltipm .icon-socket a.gem img{display:block;width:13px;height:13px;padding:1px 0 0 1px}
.GameTooltipm .icon-socket .empty{position:absolute;left:1px;top:1px;width:13px;height:13px}
.GameTooltipm .icon-socket .frame{position:absolute;left:0;top:0;width:15px;height:15px;background:url(assets/images/item/sockets.png) no-repeat}
.GameTooltipm .icon-socket.socket-1 .empty{background-color:#29292a}
.GameTooltipm .icon-socket.socket-2 .empty{background-color:#301010}
.GameTooltipm .icon-socket.socket-4 .empty{background-color:#403010}
.GameTooltipm .icon-socket.socket-8 .empty{background-color:#102040}
.GameTooltipm .icon-socket.socket-14 .empty{background-color:#29292a}
.GameTooltipm .icon-socket.socket-16 .empty{background-color:#000}
.GameTooltipm .icon-socket.socket-32 .empty{background-color:#29292a}
.GameTooltipm .icon-socket.socket-1 .frame{background-position:-45px 0}
.GameTooltipm .icon-socket.socket-2 .frame{background-position:0 0}
.GameTooltipm .icon-socket.socket-4 .frame{background-position:-15px 0}
.GameTooltipm .icon-socket.socket-8 .frame{background-position:-30px 0}
.GameTooltipm .icon-socket.socket-6 .frame{background-position:-90px 0}
.GameTooltipm .icon-socket.socket-10 .frame{background-position:-75px 0}
.GameTooltipm .icon-socket.socket-12 .frame{background-position:-105px 0}
.GameTooltipm .icon-socket.socket-14 .frame{background-position:-60px 0}
.GameTooltipm .icon-socket.socket-16 .frame{background-position:-120px 0}
.GameTooltipm .icon-socket.socket-32 .frame{background-position:-45px 0}
.GameTooltipm .icon-socket.socket-type-1 .empty{background-color:#29292a}
.GameTooltipm .icon-socket.socket-type-2 .empty{background-color:#301010}
.GameTooltipm .icon-socket.socket-type-3 .empty{background-color:#403010}
.GameTooltipm .icon-socket.socket-type-4 .empty{background-color:#102040}
.GameTooltipm .icon-socket.socket-type-5 .empty{background-color:#29292a}
.GameTooltipm .icon-socket.socket-type-6 .empty{background-color:#29292a}
.GameTooltipm .icon-socket.socket-type-7 .empty{background-color:#29292a}
.GameTooltipm .icon-socket.socket-type-8 .empty{background-color:#29292a}
.GameTooltipm .icon-socket.socket-type-9 .empty{background-color:#29292a}
.GameTooltipm .icon-socket.socket-type-10 .empty{background-color:#29292a}
.GameTooltipm .icon-socket.socket-type-11 .empty{background-color:#29292a}
.GameTooltipm .icon-socket.socket-type-12 .empty{background-color:#29292a}
.GameTooltipm .icon-socket.socket-type-13 .empty{background-color:#29292a}
.GameTooltipm .icon-socket.socket-type-14 .empty{background-color:#29292a}
.GameTooltipm .icon-socket.socket-type-15 .empty{background-color:#29292a}
.GameTooltipm .icon-socket.socket-type-16 .empty{background-color:#29292a}
.GameTooltipm .icon-socket.socket-type-17 .empty{background-color:#29292a}
.GameTooltipm .icon-socket.socket-type-18 .empty{background-color:#29292a}
.GameTooltipm .icon-socket.socket-type-1 .frame{background-position:-45px 0}
.GameTooltipm .icon-socket.socket-type-2 .frame{background-position:0 0}
.GameTooltipm .icon-socket.socket-type-3 .frame{background-position:-15px 0}
.GameTooltipm .icon-socket.socket-type-4 .frame{background-position:-30px 0}
.GameTooltipm .icon-socket.socket-type-5 .frame{background-position:-45px 0}
.GameTooltipm .icon-socket.socket-type-6 .frame{background-position:-45px 0}
.GameTooltipm .icon-socket.socket-type-7 .frame{background-position:-60px 0}
.GameTooltipm .icon-socket.socket-type-8 .frame{background-position:-45px 0}
.GameTooltipm .icon-socket.socket-type-9 .frame{background-position:-45px 0}
.GameTooltipm .icon-socket.socket-type-10 .frame{background-position:-45px 0}
.GameTooltipm .icon-socket.socket-type-11 .frame{background-position:-45px 0}
.GameTooltipm .icon-socket.socket-type-12 .frame{background-position:-45px 0}
.GameTooltipm .icon-socket.socket-type-13 .frame{background-position:-45px 0}
.GameTooltipm .icon-socket.socket-type-14 .frame{background-position:-45px 0}
.GameTooltipm .icon-socket.socket-type-15 .frame{background-position:-45px 0}
.GameTooltipm .icon-socket.socket-type-16 .frame{background-position:-45px 0}
.GameTooltipm .icon-socket.socket-type-17 .frame{background-position:-45px 0}
.GameTooltipm .icon-socket.socket-type-18 .frame{background-position:-45px 0}
.GameTooltipm a:hover{text-decoration:underline}
.GameTooltipm--noBackground{background-color:transparent;border-radius:0;-webkit-box-shadow:none;box-shadow:none;border:none}
.GameTooltipm--flush{padding:0}
.GameTooltipm--block{display:block;max-width:350px}
.GameTooltipm--azerite{border-style:solid;border-width:0;border-image-source:url(assets/images/GameTooltip-azerite.png);border-image-repeat:stretch;border-image-slice:36 fill;border-image-width:26px;border-image-outset:0}






.GameTooltip{padding:0 20px;padding:20px;display:inline-block;max-width:400px;color:#fff;background-color:rgba(17,17,17,.9);border-radius:5px;border:1px solid #444;}
.GameTooltip.gutter-vertical{padding:20px 0}
.GameTooltip.gutter-all{padding:20px}
.GameTooltip.gutter-negative{padding:0;margin:0 -20px}
.GameTooltip.gutter-negative.gutter-vertical{margin:-20px 0}
.GameTooltip.gutter-negative.gutter-all{margin:-20px}
.GameTooltip{font-size:13px;line-height:20px}
.GameTooltip .character-tooltip{min-width:150px}
.GameTooltip .wiki-tooltip{min-width:250px;list-style:none;}
.GameTooltip .wiki-tooltip .wiki-list{margin-top:10px}
.GameTooltip .wiki-tooltip .wiki-list li{margin:2px 0}
.GameTooltip .wiki-tooltip .wiki-list .item-link{line-height:16px}
.GameTooltip .wiki-tooltip .wiki-list .item-link .frame-14{float:left;margin-right:5px}
.GameTooltip .wiki-tooltip .indent{padding-left:10px}
.GameTooltip .wiki-tooltip .indent-small{padding-left:5px}
.GameTooltip .item-specs .item-link{height:22px;line-height:22px;margin:2px 0;font-weight:400;background-repeat:no-repeat}
.GameTooltip .item-specs{margin-top:10px}
.GameTooltip .item-specs li{margin:1px 0;padding:0}
.GameTooltip .item-specs .indent{padding-left:10px}
.GameTooltip .item-specs .indent-small{padding-left:5px}
.GameTooltip .item-specs .indent-top{padding-top:10px}
.GameTooltip .item-specs .icon-socket{float:left;margin-right:4px;margin-top:1px}
.GameTooltip .item-specs .reforge-arrow{position:relative;top:-1px;font-size:10px}
.GameTooltip .item-specs a.color-q1:hover{text-decoration:underline}
.GameTooltip .item-specs .transmog-name{color:#ff80ff}
.GameTooltip .item-specs{margin-bottom:0;padding-inline-start: 15px;}
.GameTooltip li.item-spec-group{margin-top:10px}
.GameTooltip .character-tooltip .character-achievementpoints{margin-top:4px}
.GameTooltip .character-tooltip .character-spec{margin-top:10px}
.GameTooltip .character-spec{display:block}
.GameTooltip .character-spec .icon,.GameTooltip .character-spec .name{float:left;height:14px;line-height:15px}
.GameTooltip .character-spec .icon{margin-right:5px}
.GameTooltip .character-spec .name{color:#F5EBD1}
.GameTooltip .character-achievementpoints{display:block;float:left;padding-right:11px;background:url(assets/images/GameTooltip-achievements.gif) no-repeat right center}
.GameTooltip .item-link{display:inline-block;line-height:22px;vertical-align:top;white-space:nowrap}
.GameTooltip .item-link .frame-18{float:left;margin-right:5px}
.GameTooltip .item-link .tip{border-bottom:0}
.GameTooltip .item-link-large{height:38px;line-height:38px}
.GameTooltip .item-link-large .frame-36{float:left;margin-right:10px}
.GameTooltip .item-link-small,.GameTooltip .item-link-small-right{display:inline-block;height:18px;line-height:18px;vertical-align:top}
.GameTooltip .item-link-small .frame-14{float:left;margin-right:3px}
.GameTooltip .item-link-small-right .count{float:left}
.GameTooltip .item-link-small-right .frame-14{float:left;margin-left:4px}
.GameTooltip .price{text-align:right}
.GameTooltip .price .icon-gold{color:#c28a13;display:inline-block}
.GameTooltip .price .icon-silver{color:#63625d;width:13px;display:inline-block}
.GameTooltip .price .icon-copper{color:#a04d00;width:13px;display:inline-block}
.GameTooltip .summary-item-list li{line-height:15px;padding:4px 0}
.GameTooltip .summary-item-list .icon{float:left;height:16px;margin-right:3px}
.GameTooltip .gui-tooltip .summary-item-list{white-space:nowrap}
.GameTooltip .gui-tooltip .summary-item-list .icon{margin-right:5px}
.GameTooltip .gui-tooltip h3{font-size:16px;font-weight:400}
.GameTooltip .gui-tooltip h4{font-size:14px;font-weight:400}
.GameTooltip .color-q0,.GameTooltip .color-q0 a{color:#9d9d9d!important}
.GameTooltip .color-q1,.GameTooltip .color-q1 a{color:#fff!important}
.GameTooltip .color-q2,.GameTooltip .color-q2 a{color:#1eff00!important}
.GameTooltip .color-q3,.GameTooltip .color-q3 a{color:#0081ff!important}
.GameTooltip .color-q4,.GameTooltip .color-q4 a{color:#c600ff!important}
.GameTooltip .color-q5,.GameTooltip .color-q5 a{color:#ff8000!important}
.GameTooltip .color-q6,.GameTooltip .color-q6 a{color:#e5cc80!important}
.GameTooltip .color-q7,.GameTooltip .color-q7 a{color:#0cf!important}
.GameTooltip .color-d1,.GameTooltip .color-d1 a{color:#ff8040!important}
.GameTooltip .color-d2,.GameTooltip .color-d2 a{color:#ff0!important}
.GameTooltip .color-d3,.GameTooltip .color-d3 a{color:#40bf40!important}
.GameTooltip .color-d4,.GameTooltip .color-d4 a{color:grey!important}
.GameTooltip .color-d5,.GameTooltip .color-d5 a{color:#8af!important}
.GameTooltip .color-d6,.GameTooltip .color-d6 a{color:red!important}
.GameTooltip .color-s0{color:red}
.GameTooltip .color-s1{color:#FF8040}
.GameTooltip .color-s2{color:#FF0}
.GameTooltip .color-s3{color:#40BF40}
.GameTooltip .color-s4{color:grey}
.GameTooltip .color-tooltip-yellow{color:#ffd100!important}
.GameTooltip .color-tooltip-red{color:red!important}
.GameTooltip .color-tooltip-green{color:#0f0!important}
.GameTooltip .color-tooltip-blue{color:#71D5FF!important}
.GameTooltip .color-tooltip-beige{color:#FFFF98!important}
.GameTooltip .color-tooltip-gray{color:#6D6E70!important}
.GameTooltip h3{margin:0}
.GameTooltip .gui-tooltip .item-specs{padding:0;list-style:none}
.GameTooltip .float-right{float:right}
.GameTooltip .icon-gold{padding-right:15px;background:url(assets/images/GameTooltip-gold.gif) right center no-repeat}
.GameTooltip .icon-silver{padding-right:15px;padding-left:3px;background:url(assets/images/GameTooltip-silver.gif) right center no-repeat}
.GameTooltip .icon-copper{padding-right:15px;padding-left:3px;background:url(assets/images/GameTooltip-copper.gif) right center no-repeat}
.GameTooltip .icon-socket{display:block;position:relative;width:15px;height:15px}
.GameTooltip .icon-socket a.gem{display:block;width:15px;height:15px}
.GameTooltip .icon-socket a.gem img{display:block;width:13px;height:13px;padding:1px 0 0 1px}
.GameTooltip .icon-socket .empty{position:absolute;left:1px;top:1px;width:13px;height:13px}
.GameTooltip .icon-socket .frame{position:absolute;left:0;top:0;width:15px;height:15px;background:url(assets/images/item/sockets.png) no-repeat}
.GameTooltip .icon-socket.socket-1 .empty{background-color:#29292a}
.GameTooltip .icon-socket.socket-2 .empty{background-color:#301010}
.GameTooltip .icon-socket.socket-4 .empty{background-color:#403010}
.GameTooltip .icon-socket.socket-8 .empty{background-color:#102040}
.GameTooltip .icon-socket.socket-14 .empty{background-color:#29292a}
.GameTooltip .icon-socket.socket-16 .empty{background-color:#000}
.GameTooltip .icon-socket.socket-32 .empty{background-color:#29292a}
.GameTooltip .icon-socket.socket-1 .frame{background-position:-45px 0}
.GameTooltip .icon-socket.socket-2 .frame{background-position:0 0}
.GameTooltip .icon-socket.socket-4 .frame{background-position:-15px 0}
.GameTooltip .icon-socket.socket-8 .frame{background-position:-30px 0}
.GameTooltip .icon-socket.socket-6 .frame{background-position:-90px 0}
.GameTooltip .icon-socket.socket-10 .frame{background-position:-75px 0}
.GameTooltip .icon-socket.socket-12 .frame{background-position:-105px 0}
.GameTooltip .icon-socket.socket-14 .frame{background-position:-60px 0}
.GameTooltip .icon-socket.socket-16 .frame{background-position:-120px 0}
.GameTooltip .icon-socket.socket-32 .frame{background-position:-45px 0}
.GameTooltip .icon-socket.socket-type-1 .empty{background-color:#29292a}
.GameTooltip .icon-socket.socket-type-2 .empty{background-color:#301010}
.GameTooltip .icon-socket.socket-type-3 .empty{background-color:#403010}
.GameTooltip .icon-socket.socket-type-4 .empty{background-color:#102040}
.GameTooltip .icon-socket.socket-type-5 .empty{background-color:#29292a}
.GameTooltip .icon-socket.socket-type-6 .empty{background-color:#29292a}
.GameTooltip .icon-socket.socket-type-7 .empty{background-color:#29292a}
.GameTooltip .icon-socket.socket-type-8 .empty{background-color:#29292a}
.GameTooltip .icon-socket.socket-type-9 .empty{background-color:#29292a}
.GameTooltip .icon-socket.socket-type-10 .empty{background-color:#29292a}
.GameTooltip .icon-socket.socket-type-11 .empty{background-color:#29292a}
.GameTooltip .icon-socket.socket-type-12 .empty{background-color:#29292a}
.GameTooltip .icon-socket.socket-type-13 .empty{background-color:#29292a}
.GameTooltip .icon-socket.socket-type-14 .empty{background-color:#29292a}
.GameTooltip .icon-socket.socket-type-15 .empty{background-color:#29292a}
.GameTooltip .icon-socket.socket-type-16 .empty{background-color:#29292a}
.GameTooltip .icon-socket.socket-type-17 .empty{background-color:#29292a}
.GameTooltip .icon-socket.socket-type-18 .empty{background-color:#29292a}
.GameTooltip .icon-socket.socket-type-1 .frame{background-position:-45px 0}
.GameTooltip .icon-socket.socket-type-2 .frame{background-position:0 0}
.GameTooltip .icon-socket.socket-type-3 .frame{background-position:-15px 0}
.GameTooltip .icon-socket.socket-type-4 .frame{background-position:-30px 0}
.GameTooltip .icon-socket.socket-type-5 .frame{background-position:-45px 0}
.GameTooltip .icon-socket.socket-type-6 .frame{background-position:-45px 0}
.GameTooltip .icon-socket.socket-type-7 .frame{background-position:-60px 0}
.GameTooltip .icon-socket.socket-type-8 .frame{background-position:-45px 0}
.GameTooltip .icon-socket.socket-type-9 .frame{background-position:-45px 0}
.GameTooltip .icon-socket.socket-type-10 .frame{background-position:-45px 0}
.GameTooltip .icon-socket.socket-type-11 .frame{background-position:-45px 0}
.GameTooltip .icon-socket.socket-type-12 .frame{background-position:-45px 0}
.GameTooltip .icon-socket.socket-type-13 .frame{background-position:-45px 0}
.GameTooltip .icon-socket.socket-type-14 .frame{background-position:-45px 0}
.GameTooltip .icon-socket.socket-type-15 .frame{background-position:-45px 0}
.GameTooltip .icon-socket.socket-type-16 .frame{background-position:-45px 0}
.GameTooltip .icon-socket.socket-type-17 .frame{background-position:-45px 0}
.GameTooltip .icon-socket.socket-type-18 .frame{background-position:-45px 0}
.GameTooltip a{pointer-events:none}
.GameTooltip a:hover{text-decoration:underline}
.GameTooltip--noBackground{background-color:transparent;border-radius:0;-webkit-box-shadow:none;box-shadow:none;border:none}
.GameTooltip--flush{padding:0}
.GameTooltip--block{display:block;max-width:500px}
.GameTooltip--azerite{border-style:solid;border-width:0;border-image-source:url(assets/images/GameTooltip-azerite.png);border-image-repeat:stretch;border-image-slice:36 fill;border-image-width:26px;border-image-outset:0}

.menu-event {
	    height: 35px;
    position: relative;
}

.fowv {background:url('assets/images/events/Calendar_WinterVeil-menu.png') repeat-x;background-position: bottom;background-position-y: top;}
.event {
	    height: 35px;
    width: 100%;
    overflow: hidden;
	}
.winter {
	background:url('assets/images/events/Calendar_WinterVeil-menu.png') repeat-x;
}


@-webkit-keyframes snow {
    0% { background-position: 0px 0px, 0px 0px, 0px 0px }
    
    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;
        
    }
}
@-moz-keyframes snow {
    0% { background-position: 0px 0px, 0px 0px, 0px 0px }
    50% { background-color: #b4cfe0 }   100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;
       
    }
}
@-ms-keyframes snow {
    0% { background-position: 0px 0px, 0px 0px, 0px 0px }

    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;
       
    }
}
@keyframes snow {
    0% { background-position: 0px 0px, 0px 0px, 0px 0px }

    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;

    }
}


.form-control {
    background-color: #000 !important;
    border: 1px solid #000000 !important;
	color: #ffffff !important;
}
select.form-control option {
    color: #fff !important;
}

.plugin-active,
.plugin-update,
.plugin-inactive
{
	border-radius: 5px;
    border: red 1px solid;
    padding: 10px;
}
.nk-product-cat-2 .nk-product-image-plugin {
    /* width: 200px; */
}

.nk-product-cat .nk-product-image-plugin, .nk-product-cat-2 .nk-product-image-plugin, .nk-product-cat-3 .nk-product-image-plugin {
    position: relative;
    display: block;
    width: 64px;
    overflow: hidden;
    border-radius: 4px;
    transition: opacity 0.15s ease-in-out;
}



.form-control:disabled, .form-control[readonly] {
    border-color: #e9ecef !important;
	background-color: transparent !important;
    opacity: 1;
}
.edit-attachment-frame .edit-media-header .left {
    right: 102px;
}
.edit-attachment-frame .edit-media-header .left, .edit-attachment-frame .edit-media-header .right, .upload-php .media-modal-close {
    cursor: pointer;
    color: #72777c;
    background-color: transparent;
    height: 50px;
    width: 50px;
    padding: 0;
    position: absolute;
    text-align: center;
    border: 0;
    border-left: 1px solid #ddd;
    transition: color .1s ease-in-out,background .1s ease-in-out;
}


.upload-php .media-modal-close .media-modal-icon:before {
    content: "\f335";
    font-size: 22px;
}
.media-modal-close .media-modal-icon:before {
    content: "\f158";
    font: normal 20px/1 dashicons;
    speak: none;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.upload-php .media-modal-close {
    top: 0;
    right: 0;
}

.media-modal-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    background: 0 0;
    color: #666;
    z-index: 1000;
    cursor: pointer;
    outline: 0;
    transition: color .1s ease-in-out,background .1s ease-in-out;
}

.screen-reader-text, .screen-reader-text span, .ui-helper-hidden-accessible {
    border: 0;
    clip: rect(1px,1px,1px,1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal!important;
}

.media-frame-title {
    position: absolute;
    top: 0;
    left: 200px;
    right: 0;
    height: 50px;
    z-index: 200;
}
.media-frame-title {
    position: absolute;
    top: 0;
    left: 200px;
    right: 0;
    height: 50px;
    z-index: 200;
}

.wp-core-ui .media-modal-icon {
    background-image: url(images/uploader-icons.png);
    background-repeat: no-repeat;
}

.media-item .describe
{
border-collapse:collapse;
width:100%;
border-top:1px solid #ddd;
clear:both;
cursor:default
}
.media-item.media-blank .describe
{
border:0
}
.media-item .describe th
{
vertical-align:top;
text-align:left;
padding:5px 10px 10px;
width:140px
}
.media-item .describe .align th
{
padding-top:0
}
.media-item .media-item-info tr
{
background-color:transparent
}
.media-item .describe td
{
padding:0 8px 8px 0;
vertical-align:top
}
.media-item thead.media-item-info td
{
padding:4px 10px 0
}
.media-item .media-item-info .A1B1
{
padding:0 0 0 10px
}
.media-item td.savesend
{
padding-bottom:15px
}
.media-item .thumbnail
{
max-height:128px;
max-width:128px
}
#wpbody-content #async-upload-wrap a
{
display:none
}
.media-upload-form
{
margin-top:20px
}
.media-upload-form td label
{
margin-right:6px;
margin-left:2px
}
.media-upload-form .align .field label
{
display:inline;
padding:0 0 0 23px;
margin:0 1em 0 3px;
font-weight:600
}
.media-upload-form tr.image-size label
{
margin:0 0 0 5px;
font-weight:600
}
.media-upload-form th.label label
{
font-weight:600;
margin:.5em;
font-size:13px
}
.media-upload-form th.label label span
{
padding:0 5px
}
.media-item .describe input[type=text],.media-item .describe textarea
{
width:460px
}
.media-item .describe p.help
{
margin:0;
padding:0 0 0 5px
}
.describe-toggle-off,.describe-toggle-on,.media-item .edit-attachment
{
display:block;
line-height:2.76923076;
float:right;
margin-right:10px
}
.media-item .describe-toggle-off,.media-item.open .describe-toggle-on
{
display:none
}
.media-item.open .describe-toggle-off
{
display:block
}
.media-upload-form .media-item
{
min-height:36px;
margin-bottom:1px;
position:relative;
width:100%;
background:#fff
}
.media-upload-form .media-item,.media-upload-form .media-item .error
{
box-shadow:0 1px 0 #ddd
}
#media-items:empty
{
border:0 none
}
.media-item .filename
{
line-height:2.76923076;
overflow:hidden;
margin-left:6px
}
.media-item .pinkynail
{
float:left;
margin:2px 10px 0 3px;
max-width:40px;
max-height:32px
}
.media-item .startclosed,.media-item .startopen
{
display:none
}
.media-item .original
{
position:relative;
height:34px
}
.media-item .progress
{
float:right;
height:22px;
margin:7px 6px;
width:200px;
line-height:2em;
padding:0;
overflow:hidden;
border-radius:22px;
background:#ddd;
box-shadow:inset 0 1px 2px rgba(0,0,0,.1)
}
.media-item .bar
{
z-index:9;
width:0;
height:100%;
margin-top:-22px;
border-radius:22px;
background-color:#0073aa;
box-shadow:inset 0 0 2px rgba(0,0,0,.3)
}
.media-item .progress .percent
{
z-index:10;
position:relative;
width:200px;
padding:0;
color:#fff;
text-align:center;
line-height:22px;
font-weight:400;
text-shadow:0 1px 2px rgba(0,0,0,.2)
}
.upload-php .fixed .column-parent
{
width:15%
}
.js .html-uploader #plupload-upload-ui
{
display:none
}
.js .html-uploader #html-upload-ui
{
display:block
}
.media-upload-form .media-item .error,.media-upload-form .media-item.error
{
width:auto;
margin:0 0 1px 0
}
.media-upload-form .media-item .error
{
padding:10px 0 10px 14px
}
.media-item .error-div button.dismiss
{
float:right;
margin:0 10px 0 15px
}
.find-box
{
background-color:#fff;
box-shadow:0 3px 6px rgba(0,0,0,.3);
width:600px;
overflow:hidden;
margin-left:-300px;
position:fixed;
top:30px;
bottom:30px;
left:50%;
z-index:100105
}
.find-box-head
{
background:#fcfcfc;
border-bottom:1px solid #ddd;
height:36px;
font-size:18px;
font-weight:600;
line-height:2;
padding:0 36px 0 16px;
position:absolute;
top:0;
left:0;
right:0
}
.find-box-inside
{
overflow:auto;
padding:16px;
background-color:#fff;
position:absolute;
top:37px;
bottom:45px;
overflow-y:scroll;
width:100%;
box-sizing:border-box
}
.find-box-search
{
padding-bottom:16px
}
.find-box-search .spinner
{
float:none;
left:105px;
position:absolute
}
#find-posts-response,.find-box-search
{
position:relative
}
#find-posts-input,#find-posts-search
{
float:left
}
#find-posts-input
{
width:140px;
height:28px;
margin:0 4px 0 0
}
.widefat .found-radio
{
padding-right:0;
width:16px
}
#find-posts-close
{
width:36px;
height:36px;
border:none;
padding:0;
position:absolute;
top:0;
right:0;
cursor:pointer;
text-align:center;
background:0 0;
color:#666
}
#find-posts-close:focus,#find-posts-close:hover
{
color:#00a0d2
}
#find-posts-close:focus
{
box-shadow:0 0 0 1px #5b9dd9,0 0 2px 1px rgba(30,140,190,.8);
outline:2px solid transparent;
outline-offset:-2px
}
#find-posts-close:before
{
font:normal 20px/36px dashicons;
vertical-align:top;
speak:none;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\f158"
}
.find-box-buttons
{
padding:8px 16px;
background:#fcfcfc;
border-top:1px solid #ddd;
position:absolute;
bottom:0;
left:0;
right:0
}
@media screen and (max-width:782px)
{
.find-box-inside
{
bottom:57px
}

}
@media screen and (max-width:660px)
{
.find-box
{
top:0;
bottom:0;
left:0;
right:0;
margin:0;
width:100%
}

}
.ui-find-overlay
{
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
background:#000;
opacity:.7;
filter:alpha(opacity=70);
z-index:100100
}
.drag-drop #drag-drop-area
{
border:4px dashed #b4b9be;
height:200px
}
.drag-drop .drag-drop-inside
{
margin:60px auto 0;
width:250px
}
.drag-drop-inside p
{
font-size:14px;
margin:5px 0;
display:none
}
.drag-drop .drag-drop-inside p
{
text-align:center
}
.drag-drop-inside p.drag-drop-info
{
font-size:20px
}
.drag-drop .drag-drop-inside p,.drag-drop-inside p.drag-drop-buttons
{
display:block
}
.drag-drop.drag-over #drag-drop-area
{
border-color:#83b4d8
}
#plupload-upload-ui
{
position:relative
}
.media-frame.mode-grid,.media-frame.mode-grid .attachments-browser .attachments,.media-frame.mode-grid .media-frame-content,.media-frame.mode-grid .uploader-inline-content
{
position:static
}
.media-frame.mode-grid .media-frame-menu,.media-frame.mode-grid .media-frame-router,.media-frame.mode-grid
{
display:none
}
.media-frame.mode-grid .media-frame-content
{
background-color:transparent;
border:none
}
.upload-php .mode-grid .media-sidebar
{
position:relative;
width:auto;
margin-top:12px;
padding:0 16px;
border-left:4px solid #dd3d36;
box-shadow:0 1px 1px 0 rgba(0,0,0,.1);
background-color:#fff
}
.upload-php .mode-grid .hide-sidebar .media-sidebar
{
display:none
}
.upload-php .mode-grid .media-sidebar .media-uploader-status
{
border-bottom:none;
padding-bottom:0;
max-width:100%
}
.upload-php .mode-grid .media-sidebar .upload-error
{
margin:12px 0;
padding:4px 0 0;
border:none;
box-shadow:none;
background:0 0
}
.upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors
{
top:-10px;
right:-14px;
padding:10px
}
.upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:before
{
content:"\f153";
display:block;
font:normal 16px/1 dashicons;
color:#72777c
}
.upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:focus:before,.upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:hover:before
{
color:#c00
}
.upload-php .mode-grid .media-sidebar .media-uploader-status.errors h2
{
display:none
}
.media-frame.mode-grid .uploader-inline
{
position:relative;
top:auto;
right:auto;
left:auto;
bottom:auto;
padding-top:0;
margin-top:20px;
border:4px dashed #b4b9be
}
.media-frame.mode-select .attachments-browser.fixed .attachments
{
position:relative;
top:94px;
padding-bottom:94px
}
.media-frame.mode-grid .attachment.details:focus,.media-frame.mode-grid .attachment:focus,.media-frame.mode-grid .selected.attachment:focus
{
box-shadow:inset 0 0 2px 3px #f1f1f1,inset 0 0 0 7px #5b9dd9;
outline:2px solid transparent;
outline-offset:-6px
}
.media-frame.mode-grid .selected.attachment
{
box-shadow:inset 0 0 0 5px #f1f1f1,inset 0 0 0 7px #ccc
}
.media-frame.mode-grid .attachment.details
{
box-shadow:inset 0 0 0 3px #f1f1f1,inset 0 0 0 7px #1e8cbe
}
.media-frame.mode-grid.mode-select .attachment .thumbnail
{
opacity:.65
}
.media-frame.mode-select .attachment.selected .thumbnail
{
opacity:1
}
.media-frame.mode-grid .media-toolbar
{
margin-bottom:15px;
height:auto
}
.media-frame.mode-grid .media-toolbar select
{
margin:0 10px 0 0
}
.media-frame.mode-grid.mode-edit .media-toolbar-secondary>.select-mode-toggle-button
{
margin:0 8px 0 0;
vertical-align:middle
}
.media-frame.mode-grid .attachments-browser .bulk-select
{
display:inline-block;
margin:0 10px 0 0
}
.media-frame.mode-grid .search
{
margin-top:0
}
.media-search-input-label
{
margin:0 .2em 0 0;
vertical-align:baseline
}
.media-frame.mode-grid .media-search-input-label
{
position:static;
margin:0 .5em 0 0
}
.attachments-browser .media-toolbar-secondary>.media-button
{
margin-right:10px
}
.media-frame.mode-select .attachments-browser.fixed .media-toolbar
{
position:fixed;
top:32px;
left:auto;
right:20px;
margin-top:0
}
.media-frame.mode-grid .attachments-browser
{
padding:0
}
.media-frame.mode-grid .attachments-browser .attachments
{
padding:2px
}
.media-frame.mode-grid .attachments-browser .no-media
{
color:#666;
font-size:18px;
font-style:normal;
margin:0;
padding:100px 0 0;
text-align:center
}
.edit-attachment-frame
{
display:block;
height:100%;
width:100%;
    background-color: #292e38;
}
.edit-attachment-frame .edit-media-header
{
overflow:hidden
}
.upload-php .media-modal-close .media-modal-icon:before
{
content:"\f335";
font-size:22px
}
.edit-attachment-frame .edit-media-header .left,.edit-attachment-frame .edit-media-header .right,.upload-php .media-modal-close
{
cursor:pointer;
color:#72777c;
background-color:transparent;
height:50px;
width:50px;
padding:0;
position:absolute;
text-align:center;
border:0;
border-left:1px solid #ddd;
transition:color .1s ease-in-out,background .1s ease-in-out
}
.upload-php .media-modal-close
{
top:0;
right:0
}
.edit-attachment-frame .edit-media-header .left
{
right:102px
}
.edit-attachment-frame .edit-media-header .right
{
right:51px
}
.edit-attachment-frame .media-frame-title,
.edit-attachment-frame .media-frame-title h3
{
text-align: center;
color:#000 !important;
}
.edit-attachment-frame .edit-media-header .left:before,.edit-attachment-frame .edit-media-header .right:before
{
font:normal 20px/50px dashicons!important;
display:inline;
font-weight:300
}
.edit-attachment-frame .edit-media-header .left:focus,.edit-attachment-frame .edit-media-header .left:hover,.edit-attachment-frame .edit-media-header .right:focus,.edit-attachment-frame .edit-media-header .right:hover,.upload-php .media-modal-close:focus,.upload-php .media-modal-close:hover
{
background:#ddd;
border-color:#ccc;
color:#000;
outline:0;
box-shadow:none
}
.edit-attachment-frame .edit-media-header .left:focus,.edit-attachment-frame .edit-media-header .right:focus,.upload-php .media-modal-close:focus
{
outline:2px solid transparent;
outline-offset:-2px
}
.upload-php .media-modal-close:focus .media-modal-icon:before,.upload-php .media-modal-close:hover .media-modal-icon:before
{
color:#000
}
.edit-attachment-frame .edit-media-header .left:before
{
content:"\f341"
}
.edit-attachment-frame .edit-media-header .right:before
{
content:"\f345"
}
.edit-attachment-frame .edit-media-header [disabled],.edit-attachment-frame .edit-media-header [disabled]:hover
{
color:#ccc;
background:inherit;
cursor:default
}
.edit-attachment-frame .media-frame-content,.edit-attachment-frame .media-frame-router
{
left:0
}
.edit-attachment-frame .media-frame-content
{
border-bottom:none;
bottom:0;
top:50px
}
.edit-attachment-frame .attachment-details
{
position:absolute;
overflow:auto;
top:0;
bottom:0;
right:0;
left:0;
box-shadow:inset 0 4px 4px -4px rgba(0,0,0,.1)
}
.edit-attachment-frame .attachment-media-view
{
float:left;
width:65%;
height:100%
}
.edit-attachment-frame .attachment-media-view .thumbnail
{
box-sizing:border-box;
padding:16px;
height:100%
}
.edit-attachment-frame .attachment-media-view .details-image
{
display:block;
margin:0 auto 16px;
max-width:100%;
max-height:90%;
max-height:calc(100vh - 300px);
background-image:linear-gradient(45deg,#c4c4c4 25%,transparent 25%,transparent 75%,#c4c4c4 75%,#c4c4c4),linear-gradient(45deg,#c4c4c4 25%,transparent 25%,transparent 75%,#c4c4c4 75%,#c4c4c4);
background-position:0 0,10px 10px;
background-size:20px 20px
}
.edit-attachment-frame .attachment-media-view .details-image.icon
{
background:0 0
}
.edit-attachment-frame .attachment-media-view .attachment-actions
{
text-align:center
}
.edit-attachment-frame .wp-media-wrapper
{
margin-bottom:12px
}
.edit-attachment-frame input,.edit-attachment-frame textarea
{
padding:6px 8px;
line-height:1.14285714
}
.edit-attachment-frame .attachment-info {
    /* overflow: auto; */
    box-sizing: border-box;
    margin-bottom: 0;
    /* padding: 12px 16px 0; */
    width: 33%;
    height: 100%;
    box-shadow: inset 0 4px 4px -4px rgb(0 0 0 / 10%);
    border-bottom: 0;
}
.edit-attachment-frame .attachment-info .details,.edit-attachment-frame .attachment-info .settings
{
position:relative;
overflow:hidden;
float:none;
margin-bottom:15px;
padding-bottom:15px;
}
.edit-attachment-frame .attachment-info .filename
{
font-weight:400;
color:#666
}
.edit-attachment-frame .attachment-info .thumbnail
{
margin-bottom:12px
}
.attachment-info .actions
{
margin-bottom:16px
}
.attachment-info .actions a
{
display:inline;
text-decoration:none
}
.wp_attachment_details .attachment-alt-text
{
margin-bottom:5px
}
.wp_attachment_details .attachment-alt-text-description
{
margin-top:5px
}
.wp_attachment_details label[for=content]
{
font-size:13px;
line-height:1.5;
margin:1em 0
}
.wp_attachment_details #attachment_caption
{
height:4em
}
.describe .image-editor
{
vertical-align:top
}
.imgedit-wrap
{
position:relative;
padding-top:10px
}
.imgedit-settings fieldset,.imgedit-settings p
{
margin:8px 0
}
.imgedit-settings legend
{
margin-bottom:5px
}
.describe .imgedit-wrap .imgedit-settings
{
padding:0 5px
}
.wp_attachment_holder div.updated
{
margin-top:0
}
.wp_attachment_holder .imgedit-wrap>div
{
height:auto
}
.wp_attachment_holder .imgedit-wrap .imgedit-panel-content
{
float:left;
padding:3px 16px 0 0;
min-width:400px;
max-width:calc(100% - 266px)
}
.wp_attachment_holder .imgedit-wrap .imgedit-settings
{
float:right;
width:250px
}
.imgedit-settings input
{
margin-top:0;
vertical-align:middle
}
.imgedit-wait
{
position:absolute;
top:0;
bottom:0;
width:100%;
background:#fff;
opacity:.7;
filter:alpha(opacity=70);
display:none
}
.imgedit-wait:before
{
content:"";
display:block;
width:20px;
height:20px;
position:absolute;
left:50%;
top:50%;
margin:-10px 0 0 -10px;
background:transparent url(images/spinner.gif) no-repeat center;
background-size:20px 20px;
transform:translateZ(0)
}
.no-float
{
float:none
}
.imgedit-settings .disabled,.media-disabled
{
color:#a0a5aa
}
.A1B1
{
overflow:hidden
}
.A1B1 .button,.wp_attachment_image .button
{
float:left
}
.no-js .wp_attachment_image .button
{
display:none
}
.A1B1 .spinner,.wp_attachment_image .spinner
{
float:left
}
.imgedit-menu
{
margin:0 0 12px
}
.imgedit-menu .note-no-rotate
{
clear:both;
margin:0;
padding:1em 0 0
}
.image-editor .imgedit-menu .button
{
display:inline-block;
width:auto;
min-height:28px;
font-size:13px;
line-height:2;
margin:0 8px 8px 0;
padding:0 10px
}
.imgedit-menu .button:before
{
font:normal 16px/1 dashicons;
margin-right:8px;
speak:none;
vertical-align:middle;
position:relative;
top:-2px;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.imgedit-menu .button.disabled
{
color:#a0a5aa;
border-color:#ddd;
background:#f7f7f7;
box-shadow:none;
text-shadow:0 1px 0 #fff;
cursor:default;
transform:none
}
.imgedit-crop:before
{
content:"\f165"
}
.imgedit-rleft:before
{
content:"\f166"
}
.imgedit-rright:before
{
content:"\f167"
}
.imgedit-flipv:before
{
content:"\f168"
}
.imgedit-fliph:before
{
content:"\f169"
}
.imgedit-undo:before
{
content:"\f171"
}
.imgedit-redo:before
{
content:"\f172"
}
.imgedit-crop-wrap
{
position:relative
}
.imgedit-crop-wrap img
{
background-image:linear-gradient(45deg,#c4c4c4 25%,transparent 25%,transparent 75%,#c4c4c4 75%,#c4c4c4),linear-gradient(45deg,#c4c4c4 25%,transparent 25%,transparent 75%,#c4c4c4 75%,#c4c4c4);
background-position:0 0,10px 10px;
background-size:20px 20px
}
.imgedit-crop
{
margin:0 8px 0 0
}
.imgedit-rleft
{
margin:0 3px
}
.imgedit-rright
{
margin:0 8px 0 3px
}
.imgedit-flipv
{
margin:0 3px
}
.imgedit-fliph
{
margin:0 8px 0 3px
}
.imgedit-undo
{
margin:0 3px
}
.imgedit-redo
{
margin:0 8px 0 3px
}
.imgedit-thumbnail-preview
{
margin:10px 8px 0 0
}
.imgedit-thumbnail-preview-caption
{
display:block
}
#poststuff .imgedit-group-top h2
{
display:inline-block;
margin:0;
padding:0;
font-size:14px;
line-height:1.4
}
#poststuff .imgedit-group-top .button-link
{
text-decoration:none;
color:#23282d
}
.imgedit-applyto .imgedit-label
{
display:block;
padding:.5em 0 0
}
.imgedit-help
{
display:none;
padding-bottom:8px
}
.imgedit-help.imgedit-restore
{
padding-bottom:0
}
.image-editor .imgedit-settings .imgedit-help-toggle,.image-editor .imgedit-settings .imgedit-help-toggle:active,.image-editor .imgedit-settings .imgedit-help-toggle:hover
{
border:1px solid transparent;
margin:-1px 0 0 -1px;
padding:0;
background:0 0;
color:#0074a2;
font-size:20px;
line-height:1;
cursor:pointer;
box-sizing:content-box;
box-shadow:none
}
.image-editor .imgedit-settings .imgedit-help-toggle:focus
{
color:#0074a2;
border-color:#5b9dd9;
box-shadow:0 0 3px rgba(0,115,170,.8);
outline:2px solid transparent
}
.form-table td.imgedit-response
{
padding:0
}
.imgedit-submit
{
margin:8px 0 0
}
.imgedit-submit-btn
{
margin-left:20px
}
.imgedit-wrap .nowrap
{
white-space:nowrap;
font-size:12px;
line-height:inherit
}
span.imgedit-scale-warn
{
color:#dc3232;
font-size:20px;
font-style:normal;
visibility:hidden;
vertical-align:middle
}
.imgedit-save-target
{
margin:8px 0
}
.imgedit-save-target legend
{
font-weight:600
}
.imgedit-group
{
margin-bottom:8px;
padding:10px
}
.imgedit-settings .imgedit-original-dimensions
{
display:inline-block
}
.imgedit-settings .imgedit-crop-ratio input[type=text],.imgedit-settings .imgedit-crop-sel input[type=text],.imgedit-settings .imgedit-scale input[type=text]
{
width:80px;
font-size:14px;
padding:0 8px
}
.imgedit-separator
{
display:inline-block;
width:7px;
text-align:center;
font-size:13px;
color:#444
}
.imgedit-settings .imgedit-scale-button-wrapper
{
margin-top:.3077em;
display:block
}
.imgedit-settings .imgedit-scale .button
{
margin-bottom:0
}
audio,video
{
display:inline-block;
max-width:100%
}
.mejs-container
{
width:100%;
max-width:100%
}
.mejs-container .mejs-controls
{
box-sizing:border-box
}
@media print,(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi)
{
.imgedit-wait:before
{
background-image:url(images/spinner-2x.gif)
}

}
@media screen and (max-width:782px)
{
.wp_attachment_details label[for=content]
{
font-size:14px;
line-height:1.5
}
.media-upload-form .media-item .error,.media-upload-form .media-item.error
{
font-size:13px;
line-height:1.5
}
.media-upload-form .media-item.error
{
padding:1px 10px
}
.media-upload-form .media-item .error
{
padding:10px 0 10px 12px
}
.imgedit-settings .imgedit-crop-ratio input[type=text],.imgedit-settings .imgedit-crop-sel input[type=text],.imgedit-settings .imgedit-scale input[type=text]
{
font-size:16px;
padding:6px 10px
}
.wp_attachment_holder .imgedit-wrap .imgedit-panel-content,.wp_attachment_holder .imgedit-wrap .imgedit-settings
{
float:none;
width:auto;
max-width:none
}

}
@media only screen and (max-width:1120px)
{
#wp-media-grid .wp-filter .attachment-filters
{
max-width:100%
}

}
@media only screen and (max-width:782px)
{
.media-frame.mode-select .attachments-browser.fixed .media-toolbar
{
top:46px;
right:10px
}

}
@media only screen and (max-width:600px)
{
.media-frame.mode-select .attachments-browser.fixed .media-toolbar
{
top:0
}

}
@media only screen and (max-width:480px)
{
.edit-attachment-frame .media-frame-title
{
right:110px
}
.edit-attachment-frame .edit-media-header .left,.edit-attachment-frame .edit-media-header .right,.upload-php .media-modal-close
{
width:40px;
height:40px
}
.edit-attachment-frame .edit-media-header .left:before,.edit-attachment-frame .edit-media-header .right:before
{
line-height:40px!important
}
.edit-attachment-frame .edit-media-header .left
{
right:82px
}
.edit-attachment-frame .edit-media-header .right
{
right:41px
}
.edit-attachment-frame .media-frame-content
{
top:40px
}
.edit-attachment-frame .attachment-media-view
{
float:none;
height:auto;
width:100%
}
.edit-attachment-frame .attachment-info
{
height:auto;
width:100%
}

}
@media only screen and (max-width:640px),screen and (max-height:400px)
{
.upload-php .mode-grid .media-sidebar
{
max-width:100%
}

}





/**
* Nestable Draggable Handles
*/
.dd3-content {
    display: block;
    height: 45px;
    padding: 5px 10px 5px 54px;
    color: #333;
    text-decoration: none;
    font-weight: bold;
    line-height: 32px;
    border: 1px solid #ccc;
    background: #fafafa;
    background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
    background: -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
    background: linear-gradient(top, #fafafa 0%, #eee 100%);
    -webkit-border-radius: 3px;
    border-radius: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.dd3-content2 {
    display: block;
    height: 45px;
    padding: 5px;
    color: #333;
    text-decoration: none;
    font-weight: bold;
    line-height: 32px;
    border: 1px solid #ccc;
    background: #fafafa;
    background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
    background: -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
    background: linear-gradient(top, #fafafa 0%, #eee 100%);
    -webkit-border-radius: 3px;
    border-radius: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.dd3-content:hover {
    color: #2ea8e5;
    background: #fff;
}

.dd-dragel > .dd3-item > .dd3-content {
    margin: 0;
}

    
.dd3-item {
    margin: 10px 0;
}
.dd3-item > button {
    margin-left: 30px;
}

.dd3-handle {
    position: absolute;
    margin: 0;
    left: 0;
    top: 0;
    cursor: move;
    width: 45px;
    height: 45px;
    text-indent: 70px;
    white-space: nowrap;
    overflow: hidden;
    border: 1px solid #aaa;
    background: #ddd;
    background: -webkit-linear-gradient(top, #ddd 0%, #bbb 100%);
    background: -moz-linear-gradient(top, #ddd 0%, #bbb 100%);
    background: linear-gradient(top, #ddd 0%, #bbb 100%);
    border-radius: 0;
}



.dd3-handle:hover {
    background: #ddd;
}

.item-edit {
    font-size: 13px;
    float: right;
    color: rgb(49, 35, 248);
    cursor: pointer;
}
.item-edit:hover {
    text-decoration: underline;
}

.item-settings.d-none {
    display: none!important;
}
.item-settings {
    display: block;
    padding: 10px;
    position: relative;
    z-index: 10;
    border: 1px solid #e5e5e5;
    background: #fff;
    border-top: none;
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
}
.item-settings p {
    margin-top: 0;
}

.item-settings p label {
    font-size: 13px;
    color: #666;
    line-height: 1.5;
}

.item-settings p label input {
    border: 1px solid #ddd;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
    background-color: #fff;
    color: #32373c;
    outline: 0;
    border-spacing: 0;
    width: -webkit-fill-available;
    clear: both;
    margin: 0;
    font-size: 14px;
    padding: 5px;
    border-radius: 0;
}

.item-settings .item-delete {
    color: #a00;
}
.dd {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  max-width: 600px;
  list-style: none;
  font-size: 13px;
  line-height: 20px; }

.dd-list {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none; }
  .dd-list .dd-list {
    padding-left: 30px; }

.dd-item,
.dd-empty,
.dd-placeholder {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  min-height: 20px;
  font-size: 13px;
  line-height: 20px; }

.dd-handle {
    display: block;
    height: 44px;
    /* margin: 5px 0; */
    /* padding: 5px 10px; */
    color: #333;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #ccc;
    background: #fafafa;
    border-radius: 5px;
    box-sizing: border-box;
}
  .dd-handle:hover {
    color: #2ea8e5;
    background: #fff; }

.dd-item > button {
  position: relative;
  cursor: pointer;
  float: left;
  width: 25px;
  height: 20px;
  margin: 5px 0;
  padding: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border: 0;
  background: transparent;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  font-weight: bold; }
  .dd-item > button:before {
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    text-indent: 0; }
  .dd-item > button.dd-expand:before {
    content: '+'; }
  .dd-item > button.dd-collapse:before {
    content: '-'; }

.dd-expand {
  display: none; }

.dd-collapsed .dd-list,
.dd-collapsed .dd-collapse {
  display: none; }

.dd-collapsed .dd-expand {
  display: block; }

.dd-empty,
.dd-placeholder {
  margin: 5px 0;
  padding: 0;
  min-height: 30px;
  background: #f2fbff;
  border: 1px dashed #b6bcbf;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.dd-empty {
  border: 1px dashed #bbb;
  min-height: 100px;
  background-color: #e5e5e5;
  background-size: 60px 60px;
  background-position: 0 0, 30px 30px; }

.dd-dragel {
  position: absolute;
  pointer-events: none;
  z-index: 9999; }
  .dd-dragel > .dd-item .dd-handle {
    margin-top: 0; }
  .dd-dragel .dd-handle {
    box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); }

.dd-nochildren .dd-placeholder {
  display: none; }



/**
 * WoWRoster.net WoWRoster
 *
 * Character info CSS file
 *
 *
 * @copyright  2002-2011 WoWRoster.net
 * @license    http://www.gnu.org/licenses/gpl.html   Licensed under the GNU General Public License v3.
 * @version    SVN: $Id: style.css 2631 2014-08-21 17:54:35Z ulminia@gmail.com $
 * @link       http://www.wowroster.net
 * @package    CharacterInfo
 */

/*********** Common Elements ***********/
.main-panel .container { padding: 0 0 20px; background: #eaca81 url(../images/section_bg.jpg) repeat center top; margin-bottom: 3px; border: 1px solid #EEDBA2; }
.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.section-profile {
color: #ebdec2;
padding-top: 25px;
z-index:10;
}

.profile-background {
    width: 100%;
	height: 100%;
    position: absolute;
    right: 0;
    top: 0;
		overflow: hidden;
}
.profile-background .bg-image {
	position: absolute;
	background-repeat: no-repeat;
	background-position:center 50%;
	/*background-size: contain;*/
		padding-top: 75%;
	width: 100%;
}
/*********** Profile Page ***********/
.shader { background: url(../images/shader.png) repeat; border: 1px solid #000000; }

.main-panel { clear: left; position: relative; }

.main-panel .profile .equip-bg { margin: 10px auto; padding: 0px; height: 570px; position: relative; }

.info-box { height: 460px; width: 350px; position: absolute; left: 95px; top: 19px; }
.model-box { height: 443px; width: 321px; position: absolute; left: 110px; top: 27px; }
.model-img { position: absolute;}
.model-img img{ width: 100%;}

/* Equipment Items */
.equip .item { position:absolute; width:64px; height:64px; left: -4px; top: -4px; z-index: 100; }
/*
.equip .none { background: url(images/equip_button.png) no-repeat left top; }
.equip .poor { background: url(images/equip_poor.png no-repeat left top); }
.equip .common { background: url(images/equip_common.png) no-repeat left top; }
.equip .uncommon { background: url(images/equip_uncommon.png) no-repeat left top; }
.equip .rare { background: url(images/equip_rare.png) no-repeat left top; }
.equip .epic { background: url(images/equip_epic.png) no-repeat left top; }
.equip .legendary { background: url(images/equip_legendary.png) no-repeat left top; }
*/

.equip .none,
.equip .poor {		border: 1px solid #9d9d9d; box-shadow: 0 0 10px 1px #9d9d9d, inset 0 0 8px 1px #9d9d9d; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} /* poor (gray) */
.equip .common {		border: 1px solid #ffffff; box-shadow: 0 0 10px 1px #ffffff, inset 0 0 8px 1px #ffffff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} /* common (white) */
.equip .uncommon {	border: 1px solid #1eff00; box-shadow: 0 0 10px 1px #1eff00, inset 0 0 8px 1px #1eff00; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} /* uncommon (green) */
.equip .rare {		border: 1px solid #0081ff; box-shadow: 0 0 10px 1px #0081ff, inset 0 0 8px 1px #0081ff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} /* rare (blue) */
.equip .epic {		border: 1px solid #c600ff; box-shadow: 0 0 10px 1px #c600ff, inset 0 0 8px 1px #c600ff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} /* epic (purple) */
.equip .legendary {	border: 1px solid #ff8000; box-shadow: 0 0 10px 1px #ff8000, inset 0 0 8px 1px #ff8000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} /* legendary (orange) */
.equip .artifact,
.equip .heirloom { 	border: 1px solid #e5cc80; box-shadow: 0 0 10px 1px #e5cc80, inset 0 0 8px 1px #e5cc80; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /* heirloom (gold) */

.equip .none:hover,
.equip .poor:hover,
.equip .common:hover,
.equip .uncommon:hover,
.equip .rare:hover,
.equip .epic:hover,
.equip .legendary:hover { background-position: right top; }

.equip .icon { position:absolute; clip: rect(2px 62px 62px 2px); width:64px; height:64px; cursor:pointer; left: 0; top: 0; z-index: 90; margin: 0; padding: 0; }

.equip_Head { position:absolute; cursor:pointer; left: 10px; top: 10px; }
.equip_Neck { position:absolute; cursor:pointer; left: 10px; top: 80px; }
.equip_Shoulder { position:absolute; cursor:pointer; left: 10px; top: 150px; }
.equip_Back { position:absolute; cursor:pointer; left: 10px; top: 220px; }
.equip_Chest { position:absolute; cursor:pointer; left: 10px; top: 290px; }
.equip_Shirt { position:absolute; cursor:pointer; left: 10px; top: 360px; }
.equip_Tabard { position:absolute; cursor:pointer; left: 10px; top: 430px; }
.equip_Wrist { position:absolute; cursor:pointer; left: 10px; top: 500px; }
.equip_Hands { position:absolute; cursor:pointer; left: 466px; top: 10px; }
.equip_Waist { position:absolute; cursor:pointer; left: 466px; top: 80px; }
.equip_Legs { position:absolute; cursor:pointer; left: 466px; top: 150px; }
.equip_Feet { position:absolute; cursor:pointer; left: 466px; top: 220px; }
.equip_Finger0 { position:absolute; cursor:pointer; left: 466px; top: 290px; }
.equip_Finger1 { position:absolute; cursor:pointer; left: 466px; top: 360px; }
.equip_Trinket0 { position:absolute; cursor:pointer; left: 466px; top: 430px; }
.equip_Trinket1 { position:absolute; cursor:pointer; left: 466px; top: 500px; }
.equip_MainHand { position:absolute; cursor:pointer; left: 204px; top: 500px; }
.equip_SecondaryHand { position:absolute; cursor:pointer; left: 272px; top: 500px; }
.equip_Ranged { position:absolute; cursor:pointer; left: 272px; top: 500px; }
.equip_Ammo { position:absolute; cursor:pointer; left: 374px; top: 500px; visibility: hidden; }

/* Specialization */
.profile .spec { cursor: default; padding: 5px; width: 160px; height: 102px; position: absolute; left: 0px; top: 0px; color:#FFFFFF; text-transform: uppercase; font: bold 10px Geneva, Arial, Helvetica, sans-serif;  }
.profile .spec .skill { text-align:left; color:#999; font: bold 10px Geneva, Arial, Helvetica, sans-serif; text-transform: uppercase; margin-top: 10px; position: relative; }

.profile .spec .skill .icon { height: 30px; width: 30px; top: 0; left: 0; position: absolute; }
.profile .spec .skill .icon img { position: absolute; display:block; height: 30px; width: 30px; top: 1px; left: 1px; }
.profile .spec .skill .icon .mask { border: 1px solid black; outline:1px solid black; position: absolute; display:block; height: 30px; width: 30px; z-index: 100; left: 0; top: 0; }
.profile .spec .skill .icon .mask:hover { outline-color: #FFDD00; }

.profile .spec .skill .data { margin-left: 35px; }
.profile .spec .skill .data .skill-name { position: relative; height: 10px; text-align: left; padding-bottom: 1px; }
.profile .spec .skill .data .skill-bar { height: 16px; border: 1px solid #000000; margin: 1px; position: relative; background: #333333; }
.profile .spec .skill .data .skill-bar:hover { border: 1px solid #FFFFFF; }
.profile .spec .skill .data .skill-bar .fill{ background: #006666 url(../images/skill_lvl_bg.png) repeat-x left; position: absolute; height: 16px; left: 0px; top: 0px; }
.profile .spec .skill .data .skill-bar .text { width:100%; height:16px; line-height: 16px; color:#FFFFFF; position: absolute; left: 0px; top: 0px; text-align: center; }

.profile .spec .Active { color: #FFDD00; }
.profile .spec .Active .data .skill-bar { border: 1px solid #FFDD00; }

/* Professions */
.profile .professions { cursor: default; padding: 5px; width: 160px; height: 102px; position: absolute; right: 0px; top: 0px; color:#FFFFFF; text-transform: uppercase; font: bold 10px Geneva, Arial, Helvetica, sans-serif; }
.profile .professions .skill { text-align:left; color:#FFDD00; font: bold 10px Geneva, Arial, Helvetica, sans-serif; text-transform: uppercase; margin-top: 10px; position: relative; }

.profile .professions .skill .icon { height: 30px; width: 30px; top: 0; left: 0; position: absolute; }
.profile .professions .skill .icon img { position: absolute; display:block; clip: rect(3px 33px 33px 2px); height: 35px; width: 35px; top: -2px; left: -1px; }
.profile .professions .skill .icon .mask { border: 1px solid black; outline: 1px solid black; position: absolute; display:block; height: 30px; width: 30px; z-index: 100; left: 0; top: 0; }
.profile .professions .skill .icon .mask:hover { outline-color: #FFDD00; }

.profile .professions .skill .data { margin-left: 35px; }
.profile .professions .skill-name { position: relative; height: 10px; text-align: left; padding-bottom: 1px; }
.profile .professions .skill-bar { height: 16px; border: 1px solid #000000; margin: 1px; position: relative; background: #333333; }
.profile .professions .skill-bar:hover { border: 1px solid #FFFFFF; }
.profile .professions .skill-bar .fill{ background: #006666 url(../images/skill_lvl_bg.png) repeat-x left; position: absolute; height: 16px; left: 0px; top: 0px; }
.profile .professions .skill-bar .text { width:100%; height:16px; line-height: 16px; color:#FFFFFF; position: absolute; left: 0px; top: 0px; text-align: center; }




.profile-info {
    left: 25px;
    top: 2px;
    line-height: normal;
    letter-spacing: -0.05em;
    padding: 10px;
    width: 100%;
}
.profile-info .name {
    float: left;
    font-size: 56px;
    font-weight: bold;
    color: white;
    line-height: 1.1em;
    position: relative;
    left: -3px;
    letter-spacing: -0.05em;
}
.profile-info .name a { color: white; }
.profile-info .under-name { font-size: 14px; font-weight: normal; line-height: 14px; letter-spacing: normal }
.profile-info .level strong { font-family:"Arial Black", Arial, sans-serif; font-weight:900; font-size: 14px; }
.profile-info .realm { border-bottom: 0; }
.profile-info .realm a:hover { color: white; }
.profile-info .comma { color: #cccccc; }
.profile-info .achievements { margin-top: 20px; }
.profile-info .achievements a { font-size: 20px; font-family:"Arial Black", Arial, sans-serif; font-weight:900; color: white; padding-left: 11px; background: url("../images/icons/achievements.gif") left 7px no-repeat; line-height: 23px; }







/* Framing */
.extras { cursor: default; position: absolute; height: 40px; width: 256px; left: 0px; top: 407px; padding: 5px; }
.money { cursor: default; position: absolute; height: 40px; width: 60px; right: 0px; top: 407px; padding: 5px; }
.money div { text-align: right; font-size: 10px; line-height: 12px; }
.money .coin { width:11px;height:10px; }

.powers { cursor: default; padding: 5px; width: 338px; position: absolute; left: 0; top: 125px; }

/* Buff Icons */
.buffs { position:absolute; font: bold 11px arial,helvetica,sans-serif; text-transform: uppercase; left: 0; top: 247px; padding: 5px; height: 24px; width: 338px; }
.buffs .bar { height: 24px; float: right; width: 264px; position: relative; overflow: hidden; }
.buffs .buff-name { float: right; position: relative; line-height: 24px; margin-right: 4px; }

/* Resistances */
.resist { cursor: default; position: absolute; height: 20px; width: 338px; left: 0px; top: 208px; padding: 5px; }
.resist .bar { font: bold 11px Geneva, Arial, Helvetica, sans-serif; height: 20px; text-transform: uppercase; }
.resist .bar .text { float: right; line-height: 21px; }
.resist .bar .icons { float: right; width: 220px; top: -1px; position: relative; }

.main-panel .profile .resist b { color:black; text-align:center; font-size:12px; font-weight:bold; position:absolute; right:-1px; text-align:center; top:6px; width:20px; }
.main-panel .profile .resist span { color:white; font-size:12px !important; font-weight:bold; position:absolute; right:0px; text-align:center; top:5px; width:20px; }
.main-panel .profile .resist .icon { width:20px; height:20px; cursor:default; float: left; position: relative; margin-left: 10px; border: 1px solid #000000; }
.main-panel .profile .resist .arcane { background-image:url(images/resist/arcane.gif); }
.main-panel .profile .resist .arcane:hover { border: 1px solid #FFFFFF; }
.main-panel .profile .resist .fire { background-image:url(images/resist/fire.gif); }
.main-panel .profile .resist .fire:hover { border: 1px solid #FF0000; }
.main-panel .profile .resist .nature { background-image:url(images/resist/nature.gif);  }
.main-panel .profile .resist .nature:hover { border: 1px solid #008000; }
.main-panel .profile .resist .frost { background-image:url(images/resist/frost.gif); }
.main-panel .profile .resist .frost:hover { border: 1px solid #0000FF; }
.main-panel .profile .resist .shadow { background-image:url(images/resist/shadow.gif); }
.main-panel .profile .resist .shadow:hover { border: 1px solid #4B0082; }

/* Placement of health, mana, timeplayed, etc...*/
.main-panel .profile .info_desc {
	font-size:10px;
	line-height:12px;
	color:#ffdd00;
	float: left;
}
/* Placement of values of health, mana, timeplayed, etc...*/
.main-panel .profile .info_values {
	font-size:9px;
	line-height:12px;
	text-align:right;
	width:105px;
	float: right;
}

.main-panel .profile .statselect_l { position:absolute; width:170px; left: 0; top: 288px; }
.main-panel .profile .statselect_r { position:absolute; width:170px; right: 0; top: 288px; }

/*
.main-panel .profile .padding { cursor: default; position:absolute; width:360px; height:90px; left: 0; top: 311px; z-index: 200; }
.main-panel .profile .padding .stats { float:left; width:160px; height:83px; padding:4px; color:#FFCC00; margin-right: 10px; }
.main-panel .profile .padding .stats .statline { padding:0; font:10px verdana, tahoma, sans-serif;}
.main-panel .profile .padding .stats .statline .label { overflow:hidden; width:85px;}
.main-panel .profile .padding .stats .statline .value { float:right; overflow:hidden; text-align:right; }
*/

.bonus-box { height: 457px; width: 348px; position: absolute; left: 95px; top: 19px; }
.bonus-box .bonus-container { margin: 5px; overflow: auto; height: 400px; }
.bonus-box .bonus-container .membersRow1 { background: transparent url(../images/shader.png) repeat; border-top: 1px solid #000; border-right: 0px none #000; border-bottom: 0px none #000; border-left: 0px none #000; color: #FFF; }
.bonus-box .bonus-container .membersRow2 { background: transparent; border-top: 1px solid #000; border-right: 0px none #000; border-bottom: 0px none #000; border-left: 0px none #000; color: #FFF; }

/* Adjustments to the navigation buttons */
.bonus-navigation { position:absolute; width:344px; bottom:0; }
.info-navigation { position:relative; float:right; }

.bonus-box .bonus-container .honortext {	position:absolute;	margin:25px 0 0 6px;	text-align:center;	width:337px;	color:#ffffff;	font-size:14px;	font-weight:bold;}
.bonus-box .bonus-container .honortext span {	margin-left:20px;	color:#FFCC00;}
.bonus-box .bonus-container .honortext img {	margin-left:10px;	vertical-align:middle;}
.bonus-box .bonus-container .arenatext {	position:absolute;	margin:129px 0 0 6px;	text-align:center;	width:337px;	color:#ffffff;	font-size:14px;	font-weight:bold;}
.bonus-box .bonus-container .arenatext span {	margin-left:20px;	color:#FFCC00;}
.bonus-box .bonus-container .arenatext img {	margin:0 0 0 10px;	height:20px;	width:23px;	vertical-align:middle;}
.bonus-box .bonus-container .today {	position:absolute;	margin:57px 0 0 100px;	font-size:13px;	color:#999;	font-weight:bold;	overflow:hidden;}
.bonus-box .bonus-container .yesterday {	position:absolute;	margin:57px 0 0 165px;	font-size:13px;	color:#999;	font-weight:bold;	overflow:hidden;}
.bonus-box .bonus-container .lifetime {	position:absolute;	margin:57px 0 0 215px;	font-size:13px;	color:#999;	font-weight:bold;	text-align:right;	width:120px;	overflow:hidden;}
.bonus-box .bonus-container .divider {	position:absolute;	margin:74px 0 0 0px;	border:2px outset #333333;	width:340px;	height:0;}
.bonus-box .bonus-container .killsline {	position:absolute;	margin-top:80px;	text-align:right;	width:76px;	font-size:13px;	color:#999;	font-weight:bold;	overflow:hidden;}
.bonus-box .bonus-container .killsline1 {	position:absolute;	margin:80px 0 0 70px;	text-align:right;	width:60px;	font-size:13px;	color:#FFF;	font-weight:bold;	overflow:hidden;}
.bonus-box .bonus-container .killsline2 {	position:absolute;	margin:80px 0 0 130px;	text-align:right;	width:80px;	font-size:13px;	color:#FFF;	font-weight:bold;	overflow:hidden;}
.bonus-box .bonus-container .killsline3 {	position:absolute;	margin:80px 0 0 210px;	text-align:right;	width:100px;	font-size:13px;	color:#FFF;	font-weight:bold;	overflow:hidden;}
.bonus-box .bonus-container .honorline {	position:absolute;	margin-top:100px;	text-align:right;	width:76px;	font-size:13px;	color:#999;	font-weight:bold;	overflow:hidden;}
.bonus-box .bonus-container .honorline1 {	position:absolute;	margin:100px 0 0 70px;	text-align:right;	width:60px;	font-size:13px;	color:#FFF;	font-weight:bold;	overflow:hidden;}
.bonus-box .bonus-container .honorline2 {	position:absolute;	margin:100px 0 0 130px;	text-align:right;	width:80px;	font-size:13px;	color:#FFF;	font-weight:bold;	overflow:hidden;}
.bonus-box .bonus-container .honorline3 {	position:absolute;	margin:100px 0 0 250px;	text-align:right;	width:50px;	font-size:13px;	color:#FFF;	font-weight:bold;	overflow:hidden;}

/*********** Companion Page ***********/
.main-panel .companions .container { padding: 0 0 20px; background: #eaca81 url(../images/section_bg.jpg) repeat center top; margin-bottom: 3px; border: 1px solid #EEDBA2; }
.main-panel .companions .container .box-label { height: 20px; font: bold normal 20px/24px "Times New Roman", Times, serif; color: #000000; padding: 10px 10px 10px 40px; margin-bottom: 5px; background: url(../images/skill_title_bg.png) repeat-x left top; position: relative; }

.main-panel .companions .container .box-label .icon { background: transparent no-repeat left center; height: 33px; width: 32px; position: absolute; left: 4px; top: 4px; }
.main-panel .companions .container .box-label .pets { background: url(images/icons/pets.gif); }
.main-panel .companions .container .box-label .mounts { background: url(images/icons/mounts.gif); }
.main-panel .companions .container .box-label .companions { background: url(images/icons/companions.gif); }

.main-panel .companions .container .inner { margin-right: 20px; margin-left: 20px; }

.main-panel .companions .container .item { float: left; margin: 2px; }
.main-panel .companions .container .item img{ height: 40px; width: 40px;}
.main-panel .companions .container .item .mask { background: url(../images/item_mask.png) no-repeat left top; height: 40px; width: 40px; position: absolute; z-index: 500; left: 0px; top: 0px; }
.main-panel .companions .container .item .mask:hover { background: url(../images/item_mask.png) no-repeat left bottom; }


/*********** Pet Page ***********/
.main-panel .pets .container { padding: 0; background: #eaca81 url(../images/section_bg.jpg) repeat center top; margin-bottom: 3px; border: 1px solid #EEDBA2; }
.main-panel .pets .pet { height:95px; margin: 10px; position:relative; }

.main-panel .pets .pet .icon { height: 64px; width: 64px; position:absolute; left: 3px; top: 3px; }
.main-panel .pets .pet .icon img { position: absolute; clip: rect(2px 62px 62px 2px); width:64px; height:64px; cursor: pointer; left: 0; top: 0; z-index: 90; margin: 0; padding: 0; }
.main-panel .pets .pet .icon .mask { position: absolute; width: 64px; height: 64px; z-index: 100; background: url(images/equip_button.png) no-repeat left top; }
.main-panel .pets .pet .icon .mask:hover { background-position: right top; }

.main-panel .pets .pet .basics { height: 64px; width: 200px; position:absolute; left: 75px; top: 6px; }
.main-panel .pets .pet .basics .name { font: bold 18px/20px Geneva, Arial, Helvetica, sans-serif; text-transform: capitalize; color: #FFCC00; }

.main-panel .pets .pet .padding { top: 1px; right: 1px; position: absolute; }
.main-panel .pets .pet .padding .stats {
	float:left;
	width:125px;
	height:74px;
	padding:3px 2px 1px 4px;
	color:#DFB801;
}
.main-panel .pets .pet .padding .stats .statline {
	padding:0;
	font:10px verdana, tahoma, sans-serif;
	font-weight:bold;
}
.main-panel .pets .pet .padding .stats .statline .label {
	overflow:hidden;
	width:85px;
}
.main-panel .pets .pet .padding .stats .statline .value {
	float:right;
	overflow:hidden;
	text-align:right;
}

.main-panel .pets .container .box-label .icon { background: transparent no-repeat left center; height: 33px; width: 32px; position: absolute; left: 4px; top: 4px; }
.main-panel .pets .container .box-label .pets { background: url(images/icons/pets.gif); }
.main-panel .pets .container .box-label .mounts { background: url(images/icons/mounts.gif); }
.main-panel .pets .container .box-label .companions { background: url(images/icons/companions.gif); }

.main-panel .pets .container .spell-page { margin: 10px; background: url(../images/char_info_bg.jpg) repeat-y center top; padding: 5px; border: 1px solid #333; }
.main-panel .pets .container .spell-container { height: 40px; width: 31%; float: left; padding: 2px; margin-right: 5px; margin-bottom: 5px;}
.main-panel .pets .container .spell-container .text { height: 40px; color: #FFCC00; white-space: normal; }
.main-panel .pets .container .spell-container .text img { height: 40px; width: 40px; float: left; margin-right: 5px;}

/* Powers */
.pets .powers { cursor: default; padding: 5px; width: 220px; position: absolute; left: 220px; top: 0px; }
.pets .powers .bar { font: bold 11px Geneva, Arial, Helvetica, sans-serif; position: relative; height: 20px; text-transform: uppercase; }
.pets .powers .bar .power-name { float: right; position: relative; line-height: 20px; margin-right: 6px; }
.pets .powers .bar .power-bar { background: transparent repeat-x left center; margin: 1px; float: right; line-height: 16px; height: 16px; width: 130px; position: relative; text-align: center; border: 1px solid #000000; }
.pets .powers .bar .health { background: url(../images/bars/bar-life.gif); }
.pets .powers .bar .health:hover { border-color: #7EFF00; }
.pets .powers .bar .Mana { background: url(../images/bars/bar-mana.gif); }
.pets .powers .bar .Mana:hover { border-color: #00A8FF; }
.pets .powers .bar .Rage { background: url(../images/bars/bar-rage.gif); }
.pets .powers .bar .Rage:hover { border-color: #FF0000; }
.pets .powers .bar .Focus { background: url(../images/bars/bar-energy.gif); }
.pets .powers .bar .Focus:hover { border-color: #000000; }
.pets .powers .bar .Energy { background: url(../images/bars/bar-energy.gif); }
.pets .powers .bar .Energy:hover { border-color: #000000; }

.pets .powers .bar .xp-bar .fill { background: url(../images/bars/xp-rested.gif); }
.pets .powers .bar .xp-bar .text { width:130px; height:16px; line-height: 16px; color:#FFFFFF; position: absolute; left: 0px; top: 0px; text-align: center; }
.pets .powers .bar .xp-bar:hover { border-color: #8F00FF; }

/* Resistances */
.main-panel .pets .resist { cursor: default; position: absolute; height: 20px; width: 338px; left: 70px; top: 45px; padding: 0px; }
.main-panel .pets .resist .bar { font: bold 11px Geneva, Arial, Helvetica, sans-serif; height: 20px; text-transform: uppercase; }
.main-panel .pets .resist .bar .text { float: right; line-height: 21px; }
.main-panel .pets .resist .bar .icons { float: right; width: 220px; top: -1px; position: relative; }
.main-panel .pets .resist b { color:black; text-align:center; font-size:12px; font-weight:bold; position:absolute; right:-1px; text-align:center; top:6px; width:20px; }
.main-panel .pets .resist span { color:white; font-size:12px !important; font-weight:bold; position:absolute; right:0px; text-align:center; top:5px; width:20px; }

.main-panel .pets .resist .icon { width:20px; height:20px; cursor:default; float: left; position: relative; margin-left: 2px; border: 1px solid #000000; }
.main-panel .pets .resist .arcane { background-image:url(images/resist/arcane.gif); }
.main-panel .pets .resist .arcane:hover { border: 1px solid #FFFFFF; }
.main-panel .pets .resist .fire { background-image:url(images/resist/fire.gif); }
.main-panel .pets .resist .fire:hover { border: 1px solid #FF0000; }
.main-panel .pets .resist .nature { background-image:url(images/resist/nature.gif);  }
.main-panel .pets .resist .nature:hover { border: 1px solid #008000; }
.main-panel .pets .resist .frost { background-image:url(images/resist/frost.gif); }
.main-panel .pets .resist .frost:hover { border: 1px solid #0000FF; }
.main-panel .pets .resist .shadow { background-image:url(images/resist/shadow.gif); }
.main-panel .pets .resist .shadow:hover { border: 1px solid #4B0082; }


/*********** Reputation Page ***********/

.main-panel .reputation .rep { cursor: default; text-align:left; color:#000000; height: 20px; font: bold 11px Geneva, Arial, Helvetica, sans-serif; }

.main-panel .reputation .rep-name { float: left; position: relative; line-height: 20px; }
.main-panel .reputation .rep-bar { height: 16px; width: 300px; border: 1px solid #000000; margin: 1px; float: right; position: relative; background: #333333; }
.main-panel .reputation .rep-bar:hover { border: 1px solid #FFFFFF; }
.main-panel .reputation .rep-bar .fill{ background: #006666 url(../images/skill_lvl_bg.png) repeat-x left; position: absolute; height: 16px; left: 0px; top: 0px; }
.main-panel .reputation .rep-bar .text { width:300px; height:16px; line-height: 16px; color:#FFFFFF; position: absolute; left: 0px; top: 0px; text-align: center; }
.main-panel .reputation .rep-standing { width: 110px; float: right; position: relative; line-height: 20px; text-align: center; }

.main-panel .reputation .rep-bar .Hated { background: url(../images/bars/hated.gif); }
.main-panel .reputation .rep-bar .Neutral { background: url(../images/bars/neutral.gif); }
.main-panel .reputation .rep-bar .Friendly { background: url(../images/bars/friendly.gif); }
.main-panel .reputation .rep-bar .Honored { background: url(../images/bars/honored.gif); }
.main-panel .reputation .rep-bar .Revered { background: url(../images/bars/revered.gif); }
.main-panel .reputation .rep-bar .Exhaulted { background: url(../images/bars/exhaulted.gif); }


/*********** Skill Page ***********/

.main-panel .skills .skill { cursor: default; text-align:left; color:#000000; height: 20px; font: bold 11px Geneva, Arial, Helvetica, sans-serif; }
.main-panel .skills .skill-name { float: left; position: relative; line-height: 20px; }
.main-panel .skills .skill-bar { height: 16px; width: 273px; border: 1px solid #000000; margin: 1px; float: right; position: relative; background: #333333; }
.main-panel .skills .skill-bar:hover { border: 1px solid #FFFFFF; }
.main-panel .skills .skill-bar .fill{ background: #006666 url(../images/skill_lvl_bg.png) repeat-x left; position: absolute; height: 16px; left: 0px; top: 0px; }
.main-panel .skills .skill-bar .text { width:273px; height:16px; line-height: 16px; color:#FFFFFF; position: absolute; left: 0px; top: 0px; text-align: center; }

/*********** Talent Page ***********/

.icon-dps,
.icon-healing,
.icon-healer,
.icon-tank { float: right; width: 16px; height: 16px; background: url("../images/roles.png") no-repeat; }
.icon-dps    { background-position: 0 0; }
.icon-healer,
.icon-healing { background-position: -16px 0; }
.icon-tank   { background-position: -32px 0; }


.main-panel .talents .frames { /*margin: auto; *//* height: 473px; *//* width: auto; *//* float: center; */margin: 1px;padding: 1px;}

.main-panel .talents .spec { position: relative;/* float: left; */width: 740px; height: 450px; /* margin: 3px; *//* padding: 1px; */display: block;/* overflow: visible; */ }
.tselected { border: 2px solid #008000;}
.tnselected { border: 2px solid #000000;}
.main-panel .talents .spec-name { /*position: absolute; *//* background: url(../images/shader.png) repeat; *//* width: 730px; *//* padding: 5px; *//* left: 0; *//* bottom: 1px; *//* font-size: 10px; *//* font-weight: bold; */ }
.main-panel .talents .spec-name .name { color:#ffdd00; }

.main-panel .talents .mastery { position:absolute; background: url(../images/shader.png) repeat; width:260px; padding: 5px; left: 0; bottom: 0; font-size: 10px; font-weight: bold; height:60px;}
.main-panel .talents .mastery.name { color:#ffdd00; }
.main-panel .talents .mastery.desc { color:#ffdd00; }

.main-panel .talents .tbackground { position: absolute;width: 740px;top: 1px; height: 450px; /* z-index: 10; */ }
.main-panel .talents .content { position: relative;width: 740px;/* height: 410px; */padding: 8px;display: block;z-index: 3333333;}

.main-panel .talents .talent-cell { position: relative; float:left; width:75px; height:54px; }
.main-panel .talents .talent-icon { position: absolute; top: 14px; left: 16px; height: 40px; width: 40px; }
.main-panel .talents .talent-icon img { position: absolute; clip: rect(2px 38px 38px 2px); height: 40px; width: 40px; }
.main-panel .talents .talent-mask { background: url(../images/mask/menu_40x40_mask.png) no-repeat left top; height:40px; width:40px; position: absolute; left: 0; top: 0; }
.main-panel .talents .talent-mask:hover { background-position: right top; }

.main-panel .talents .talent-ability { background: url(images/talents/frame-ability.png) no-repeat left top; 
	height:54px; width:54px; position: absolute; left: 9px; top: 7px; }
.main-panel .talents .ability {
    background: url(images/talents/frame-ability.png) no-repeat scroll -54px 0 transparent;
    height: 54px;
    left: -9px;
    position: absolute;
    top: -9px;
    width: 54px;
}
/* points */
.main-panel .talents .points,
.main-panel .talents .points-full { position: absolute; left: 30px; top: 30px; width: 14px; height: 15px; line-height: 14px; color: #6fff5b; font-family: Arial, sans-serif; font-size: 11px; font-weight: bold; border: 1px solid #17c815; text-align: center; background: black; }
.main-panel .talents .points .frame,
.main-panel .talents .points-full .frame { position: absolute; left: -4px; top: -4px; width: 22px; height: 22px; background: url(images/talents/points-frame.png) no-repeat; }

.main-panel .talents .points-full { border-color: #c7a200; color: #ffd200; }
.main-panel .talents .points-full .frame { background-position: right top;  }

.tier { width: 683px;list-style-type:none;border: 1px solid #221d19; margin-bottom: 5px; left: -25px;height: 55px;display: block; clear: both; -moz-box-shadow: 0 0 4px #000; -webkit-box-shadow: 0 0 4px #000; box-shadow: 0 0 4px #000; }
.tier li { float: left; border-left: 1px solid #221d19; }
.tier li.unlocks { border: 0; width: 35px; text-align: center; color: #FFB100; font: normal 20px/52px "Palatino Linotype", "Georgia", "Times", serif; }
.tier li.talent { width: 215px; overflow: hidden; }
.cell { padding: 4px; }
.cell .name { width: 130px; font-size: 13px;}

.cell { display: block; margin: 1px; border: 1px solid #fff; height:42px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.cell .icon-frame { vertical-align: middle; margin-right: 5px; }
.cell .name { vertical-align: middle; display: inline-block; line-height: 150%; }
.cell .name .level { display: block; }
.cell:hover { border-color: #b67000; -moz-box-shadow: 0 0 8px #b67000 inset; -webkit-box-shadow: 0 0 8px #b67000 inset; box-shadow: 0 0 8px #b67000 inset; }
.cell.cell-selected { color: #fff; background: #5b2200; border-color: #ce5209; -moz-box-shadow: 0 0 8px #ce5209 inset; -webkit-box-shadow: 0 0 8px #ce5209 inset; box-shadow: 0 0 8px #ce5209 inset; }
.cell.cell-selected:hover { background: #732b00; border-color: #f2752c; -moz-box-shadow: 0 0 8px #f2752c inset; -webkit-box-shadow: 0 0 8px #f2752c inset; box-shadow: 0 0 8px #f2752c inset; }
.cell.cell-disabled { color: #FFB100; opacity: .6; }
.cell.cell-disabled:hover { background: #141414; border-color: #b6b6b6; -moz-box-shadow: 0 0 8px #b6b6b6 inset; -webkit-box-shadow: 0 0 8px #b6b6b6 inset; box-shadow: 0 0 8px #b6b6b6 inset; }


/* framed icons
.icon-frame { display: inline-block; padding: 1px; height: 40px; width: 40px;background-color: #000; background-position: 1px 1px; background-repeat: no-repeat; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #434445; border-bottom-color: #2f3032; border-top-color: #b1b2b4; }
.icon-frame img { display: block; vertical-align: bottom; clip:rect(2px 35px 35px 2px); height: 40px; width: 40px;}
.icon-frame.frame { height: 40px; width: 40px; -moz-box-shadow: #000 0 0 10px; -webkit-box-shadow: #000 0 0 10px; box-shadow: #000 0 0 10px; }
*/
/* Grey out unused talents */
/* filter:gray only works in IE so we do this to half-assed transparency for Mozilla and Opera */
.main-panel .talents .talent-icon .icon_grey { filter:gray;opacity:0.4; }
.main-panel .talents .talent-icon:hover  .icon_grey{ opacity:0.6; }

/* Glyphs */
.main-panel .talents .glyph-1 { float: left; height: 40px; width: 300px; margin: 2px; clear: right; }
.main-panel .talents .glyph-1 img { float: left; background: url(images/glyphs/glyph_bg_major.png); height: 30px; width: 30px; padding: 5px; }
.main-panel .talents .glyph-1 .text { background: url(images/glyphs/glyph_bg_text.png) no-repeat right center; font-size: 14px; font-weight: bold; text-transform: capitalize; color: #FFF; float: left; line-height: 30px; height: 30px; width: 250px; margin-top: 5px; margin-bottom: 5px; padding-right: 5px; padding-left: 5px;  }

.main-panel .talents .glyph-2 { float: left; height: 40px; width: 300px; margin: 2px; clear: right; }
.main-panel .talents .glyph-2 img { float: left; background: url(images/glyphs/glyph_bg_minor.png); height: 30px; width: 30px; padding: 5px; }
.main-panel .talents .glyph-2 .text { background: url(images/glyphs/glyph_bg_text.png) no-repeat right center; font-size: 14px; font-weight: bold; text-transform: capitalize; color: #FFF; float: left; line-height: 30px; height: 30px; width: 250px; margin-top: 5px; margin-bottom: 5px; padding-right: 5px; padding-left: 5px;  }

.main-panel .talents .glyph-3 { float: left; height: 40px; width: 300px; margin: 2px; position:relative; clear: left; }
.main-panel .talents .glyph-3 img { float: left; background: url(images/glyphs/glyph_bg_prime.png); height: 30px; width: 30px; padding: 5px; }
.main-panel .talents .glyph-3 .text { background: url(images/glyphs/glyph_bg_text.png) no-repeat right center; font-size: 14px; font-weight: bold; text-transform: capitalize; color: #FFF; float: left; line-height: 30px; height: 30px; width: 250px; margin-top: 5px; margin-bottom: 5px; padding-right: 5px; padding-left: 5px; }

/***********  Spellbook Page ***********/

.main-panel .spellbook .container .spell-tree { margin: 10px;  background: url(../images/char_info_bg.jpg) repeat-y center top; }
.main-panel .spellbook .container .spell-tree .tree-name { position: relative; text-transform: uppercase; font: bold 24px/40px "Times New Roman", Times, serif; color: #FFFFFF; padding: 2px; }
.main-panel .spellbook .container .spell-tree .tree-name img { height: 40px; width: 40px; float: left;}
.main-panel .spellbook .container .spell-tree .tree-name .id-name { height: 40px; float: left; margin-left: 5px; }
.main-panel .spellbook .container .spell-tree .spell-page { padding: 5px; clear: both; }
.main-panel .spellbook .container .spell-tree .spell-page .spell-container { height: 40px; width: 31%; float: left; padding: 2px; margin-right: 5px; margin-bottom: 5px;}
.main-panel .spellbook .container .spell-tree .spell-page .spell-container .text { height: 40px; color: #FFCC00; white-space: normal; }
.main-panel .spellbook .container .spell-tree .spell-page .spell-container .text img { height: 40px; width: 40px; float: left; margin-right: 5px;}
.main-panel .spellbook .container .spell-tree .spell-page .spell-container .text .rank { color: #CCCCCC; font-size: 10px; }
.icon_grey { filter:gray;opacity:0.6; }

/***********  Currency Page ***********/
.main-panel .currency .icon { height: 24px; width: 24px; float: left; margin-right: 5px; }
.main-panel .currency .icon img { height: 24px; width: 24px; }
.main-panel .currency .text { text-align: left; color: #000; font-size: 14px; line-height: 24px; }


/***********  Talent tab Arrows ***********/
.skill-icon { float:left; margin-right: 2px; width: 18px; height: 18px; }

.talentcalc-row{background:url(images/talents/mop-talents.png);height:50px;line-height:50px;margin:0 0 16px;text-align:center;}
.talentcalc-row .outer{cursor:pointer;float:left;height: 42px;
position: relative;
margin: 2px;
width:215px;border: 1px solid #fff;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;}
.talentcalc-row .outer.last-child{width:183px;}
.talentcalc-row .outer:first-child{cursor:default;font-size:22px;width:61px; border: 0px;}
.talentcalc-row[data-available="yes"] .outer:first-child{color:#ffd100;}
.talentcalc-row .outer:hover{background-position:0 -100px;}
.talentcalc-row .outer[data-selected="yes"]{background-position:0 -150px;}
.talentcalc-row .outer[data-selected="yes"]:hover{background-position:0 -250px;}
.talentcalc-row .inner{bottom:0;display:block;float:left;left:0;right:0;top:0;}
.talentcalc-row .inner>div{float:left;}
.talentcalc-row .screen{bottom:0;display:block;left:0;position:absolute;right:0;top:0;z-index:1;}
.talentcalc-row .iconmedium{left:5px;position:absolute;top:3px;}
.talentcalc-row[data-available="yes"] .outer:hover .iconmedium a{background-position:0 0;}
.talentcalc-row table{border-collapse:collapse;border-spacing:0;bottom:0;font-size:12px;font-weight:500;left:59px;line-height:normal;margin:0;position:absolute;text-align:left;top:0;display: inline-block;}
.talentcalc-row td{height:50px;padding:0;}
.talentcalc-row .outer[data-selected="yes"] td{color:#eee;}
.talentcalc-row .outer[data-selected="yes"] .inner{background-position:right -200px;box-shadow:0 0 8px rgba(255,209,0,.4);-moz-box-shadow:0 0 8px rgba(255,209,0,.4);-webkit-box-shadow:0 0 8px rgba(255,209,0,.4);z-index:1;}

.talentcalc-row .outer[data-selected="yes"] { color: #fff; background: #5b2200; border-color: #ce5209; -moz-box-shadow: 0 0 8px #ce5209 inset; -webkit-box-shadow: 0 0 8px #ce5209 inset; box-shadow: 0 0 8px #ce5209 inset; }
.talentcalc-row .outer[data-selected="yes"]:hover { background: #732b00; border-color: #f2752c; -moz-box-shadow: 0 0 8px #f2752c inset; -webkit-box-shadow: 0 0 8px #f2752c inset; box-shadow: 0 0 8px #f2752c inset; }
.talentcalc-row .outer[data-selected="no"] { color: #FFB100; opacity: .8; }
.talentcalc-row .outer[data-selected="no"]:hover { background: #141414; border-color: #b6b6b6; -moz-box-shadow: 0 0 8px #b6b6b6 inset; -webkit-box-shadow: 0 0 8px #b6b6b6 inset; box-shadow: 0 0 8px #b6b6b6 inset; }

.iconmedium {width: 44px;height: 44px;}
.iconmedium img {width: 36px;height: 36px;left: 4px;top: 4px;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
.iconsmall ins, .iconmedium ins, .iconlarge ins, .iconblizzard ins {display: block;position: absolute;z-index: 5;background-repeat: no-repeat;}



/* talents */
.summary-talents { width: 333px; float: right; position:relative; top:-9px; }

.summary-talents .category { clear: both; height: 38px; line-height: 45px;}

.summary-talents .title { float: left; }

.summary-talents .profile-box-simple { border-top: 0px; margin-top: 0px;}

.summary-talents .talent-export { float: right; font-size: 11px; letter-spacing: 0; display: inline-block; line-height: 49px;}
.summary-talents .talent-export .arrow { display: inline-block; background: url("../../images/icons/flyout-arrows.gif") no-repeat -4px -123px; width: 6px; height: 10px; margin: 0 0 -1px 6px;}

.summary-talents .talent-specs { background-color: rgba(0,0,0,0.15); border-radius: 4px; border-bottom: 1px solid #3C1E12; clear: both;}

.summary-talents .talent-specs .inner { display: block; padding: 8px 7px 11px 12px; padding-bottom: 0; position: relative;}
.summary-talents .talent-specs .roles { position: absolute; left: 13px; top: 25px; width: 32px; height: 16px; }
.summary-talents .talent-specs .checkmark { background: url("../../images/talents-check.gif") no-repeat; width:15px; height:11px; float: right; position: absolute; top: 18px; right: 7px;}

.summary-talents .talent-specs .frame { float: left; width: 26px; height: 26px; margin-right: 9px; margin-top: 1px; background-color: black; border: 1px solid #434445; border-bottom-color: #2F3032; border-top-color: #B1B2B4; overflow: hidden; -webkit-box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.50); box-shadow:0px 1px 8px 0px rgba(0,0,0,0.50);}
.summary-talents .talent-specs .icon img { display: block; width: 26px; height: 26px;}
.summary-talents .talent-specs .frame, .summary-talents .talent-specs .frame .icon, .summary-talents .talent-specs .icon img {-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}

.summary-talents .talent-specs .name-build { float: left; line-height: 28px; margin-top:1px; }
.summary-talents .talent-specs .name { display: block; color: #FFB100; font-size: 12px; white-space: nowrap; width: 99px; overflow: hidden; text-overflow: ellipsis;}
.summary-talents .talent-specs .name.empty { color: #996E46;}
.summary-talents .talent-specs .build { display: block; color: white; padding-top: 3px; font-weight: normal; font-size: 12px; }
.summary-talents .talent-specs .build ins { color: #808080; padding: 0 4px; font-weight: normal; text-decoration: none; }

.summary-talents .talent-specs a { vertical-align: top; width: 164px; height: 47px; display: block; position: relative;overflow: hidden; border-top: 1px solid #683b27;
    background-color: #512c1b; /* Old browsers */
    background-image: -moz-linear-gradient(top,  #512c1b 0%, #30120b 100%); /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#512c1b), color-stop(100%,#30120b)); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top,  #512c1b 0%,#30120b 100%); /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top,  #512c1b 0%,#30120b 100%); /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top,  #512c1b 0%,#30120b 100%); /* IE10+ */
    background-image: linear-gradient(to bottom,  #512c1b 0%,#30120b 100%); /* W3C */
}
.summary-talents .talent-specs a:hover {
    border-top: 1px solid #73412b;
    background-color: #59301e; /* Old browsers */
    background-image: -moz-linear-gradient(top,  #59301e 0%, #35140c 100%); /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#59301e), color-stop(100%,#35140c)); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top,  #59301e 0%,#35140c 100%); /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top,  #59301e 0%,#35140c 100%); /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top,  #59301e 0%,#35140c 100%); /* IE10+ */
    background-image: linear-gradient(to bottom,  #59301e 0%,#35140c 100%); /* W3C */
}
.summary-talents .talent-specs a.disabled {
	cursor: default;
	background-color: #512c1b; /* Old browsers */
	background-image: -moz-linear-gradient(top,  #512c1b 0%, #30120b 100%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#512c1b), color-stop(100%,#30120b)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top,  #512c1b 0%,#30120b 100%); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top,  #512c1b 0%,#30120b 100%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(top,  #512c1b 0%,#30120b 100%); /* IE10+ */
	background-image: linear-gradient(to bottom,  #512c1b 0%,#30120b 100%); /* W3C */
}

.summary-talents .talent-specs a.spec-0 { float: left; border-radius: 4px 0px 0px 4px; margin: 2px 0px 2px 2px;  }
.summary-talents .talent-specs a.spec-1 { float: right; border-radius: 0px 4px 4px 0px; margin: 2px 2px 2px 0px; }

.summary-talents .talent-specs a:hover .name { color: white !important; }
.summary-talents .talent-specs a.disabled .name { color: #996E46 !important; }

.summary-talents .talent-specs a.selected { border-top: 1px solid transparent; background: transparent; cursor: default; }
.summary-talents .talent-specs a.selected .name { color: #FFF; }

.summary-talents .talent-build { float: left; border-radius: 5px; display: none; }
.summary-talents .talent-build.selected { display: block; }

.summary-talents .talent-build .talents {  margin: 25px 0 26px 14px;}
.summary-talents .talent-build .talents ul{list-style: none;    padding-left: 0px;}
.summary-talents .talent-build .talents li { margin-bottom: 6px; height: 22px;}
.summary-talents .talent-build .talents li:last-of-type { margin-bottom: 0px;}
.summary-talents .talent-build .talents li .icon-frame { float: left; margin-right: 9px;}
.summary-talents .talent-build .talents li .icon-frame, .summary-talents .talent-build .glyphs li .icon-frame {-moz-border-radius:1px; -webkit-border-radius:1px; border-radius: 1px; -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.45); box-shadow:0px 1px 4px 0px rgba(0,0,0,0.45);}
.summary-talents .talent-build .talents li .spell-name { line-height: 22px; color: #f3e6d0; width: 128px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; cursor:default;}

.summary-talents .talent-build .glyphs { float: right; width: 90px; margin: 27px 19px;}

.summary-talents .talent-build .glyphs ul { margin-bottom: 24px;}
.summary-talents .talent-build .glyphs li { margin-bottom: 8px;}
.summary-talents .talent-build .glyphs li h3 { color: #71401f; font-weight:normal;}
.summary-talents .talent-build .glyphs li .icon-frame { margin-right: 4px;}
.summary-talents .talent-build .glyphs li .icon-frame:last-of-type { margin-right: 0px;}

.summary-talents .talent-build .talents li.empty .spell-name { color: #572e1b;}
.summary-talents .talent-build .talents li.empty .icon-frame,
.summary-talents .talent-build .glyphs li .icon-frame.empty { vertical-align: top; font-family:Arial, sans-serif; font-size: 12px; font-weight:bold; line-height: 18px; text-align: center; color: #572e1b; background-color: #3e1f12; border-color: #4f2a18; /*text-shadow: 1px 1px 1px #000;*/ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); box-shadow:0px 0px 0px 0px rgba(0,0,0,0);}

.section-blue{
	color:#ebdec2;
	background-image:url(../images/Pane-dirtBlue-27a12e492e.jpg);
	padding-top: 25px;
}
.section-blue>.section-bg{
	background-color:#040f1a;
	background-image:url(../images/Pane-dirtBlue-27a12e492e.jpg);
	background-position:top;
	background-size:200%;
	background-repeat:repeat
}
@media (min-width:980px){
	.section-blue>.section-bg{
		background-size:100%;
	}
}
.section-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.reputation-list {    list-style-type: none;    margin: 10px 125px;}
.reputation-category { margin-bottom: 30px; }
.reputation-category .category-header { color: #fff9b2; font-size: 22px; font-weight: normal; letter-spacing: -0.05em; padding-left: 20px; background: url("../../images/icons/collapse-expand.png") no-repeat 0 -80px; cursor: pointer; }
.reputation-category.category-collapsed .category-header { background-position: 0 -120px; }
.reputation-category .category-header:hover { color: #fff; background-position: 0 -160px; }
.reputation-category.category-collapsed .category-header:hover { color: #fff; background-position: 0 -200px; }

.reputation-subcategory { margin-top: 20px;}
.reputation-subcategory.subcategory-collapsed { }
.reputation-subcategory .faction-header { padding-left: 40px; font-size: 18px; font-weight: normal; letter-spacing: -0.05em; color: #9c3802; background: url("../../images/icons/collapse-expand.png") no-repeat 20px -4px; width: 230px;float: left; cursor: pointer;}
.reputation-subcategory.subcategory-collapsed .faction-header { background-position: 20px -44px; }
.reputation-subcategory .faction-header:hover { color: #fff; background-position: 20px -164px; }
.reputation-subcategory.subcategory-collapsed .faction-header:hover { color: #fff; background-position: 20px -204px; }
.reputation-subcategory .factions { margin: 0; }

.factions,
.reputation-entry {
    list-style-type: none;
	padding: 0px;
}
.faction-details { border-top: 1px solid #331304; line-height: 30px;}
.faction-details:first-child { border-top: 0; }
.faction-subcategory-details { border-top: 0 !important; }

.reputation-subcategory .faction-details { border-top: 1px solid #331304; }

.faction-name,
.faction-standing,
.faction-level { line-height: 22px; float: left; padding: 4px 0; }
td .faction-name,
td .faction-standing,
td .faction-level { padding: 0; margin: 0; }

.faction-name { margin-right: 20px; margin-left: 40px; width: 260px; }

.faction-standing { width: 300px; overflow: hidden; }
.faction-bar { width: 300px; height: 22px; background: #542b19 url("../images/bar-background.png") no-repeat 0 0; position: relative; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.faction-score { font-weight: bold; color: #fff; text-shadow: 1px 1px 1px black; text-align: center; z-index: 2; position: absolute; left: 0; width: 100%; }
.faction-fill { height: 22px; z-index: 1; background: url("../images/bar-background.png") no-repeat 0 -44px; -moz-border-radius: 3px; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -webkit-border-radius: 3px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-radius: 3px; border-radius-topright: 0; border-radius-bottomright: 0; }
.full-fill { -moz-border-radius: inherit; -webkit-border-radius: inherit; border-radius: inherit;}

.rank-7 .faction-fill { background-position: 0 -88px; }
.rank-6 .faction-fill { background-position: 0 -66px; }
.rank-5 .faction-fill { background-position: 0 -66px; }
.rank-4 .faction-fill { background-position: 0 -66px; }
.rank-3 .faction-fill { background-position: 0 -44px; }
.rank-2 .faction-fill { background-position: 0 -22px; }
.rank-1 .faction-fill { background-position: 0 -22px; }
.rank-0 .faction-fill { background-position: 0 -22px; }

.faction-level { padding-left: 85px; font-weight: bold; }
.rank-7 .faction-level { color: #00be70; }
.rank-6 .faction-level { color: #51ab01; }
.rank-5 .faction-level { color: #51ab01; }
.rank-4 .faction-level { color: #51ab01; }
.rank-3 .faction-level { color: #d2ac00; }
.rank-2 .faction-level { color: #a00000; }
.rank-1 .faction-level { color: #a00000; }
.rank-0 .faction-level { color: #a00000; }

.faction-level-rank-7{color:#28a687;}
.faction-level-rank-6{color:#0f9601;}
.faction-level-rank-5{color:#0f9601;}
.faction-level-rank-4{color:#0f9601;}
.faction-level-rank-3{color:#e07a03;}
.faction-level-rank-2{color:#cc3609;}
.faction-level-rank-1{color:#d90e03;}
.faction-level-rank-0{color:#d90e03;}
.progress {
	overflow: hidden;
	height: 20px;
	margin-bottom: 10px;
	background-color: #212121;
	border-radius: 0px;
	/* -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); */
	/* box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); */
	border: 1px solid rgba(177,153,127,.5);
}
.rank-7{background:#28a687;background:linear-gradient(to right,#196855 0,#28a687 100%)}
.rank-6{background:#0f9601;background:linear-gradient(to right,#074a00 0,#0f9601 100%)}
.rank-5{background:#0f9601;background:linear-gradient(to right,#074a00 0,#0f9601 100%)}
.rank-4{background:#0f9601;background:linear-gradient(to right,#074a00 0,#0f9601 100%)}
.rank-3{background:#e07a03;background:linear-gradient(to right,#955102 0,#e07a03 100%)}
.rank-2{background:#cc3609;background:linear-gradient(to right,#832306 0,#cc3609 100%)}
.rank-1{background:#d90e03;background:linear-gradient(to right,#8e0902 0,#d90e03 100%)}
.rank-0{background:#d90e03;background:linear-gradient(to right,#8e0902 0,#d90e03 100%)}
.Progressbar--STRANGER>.Progressbar-progress{background:#cc3609;background:linear-gradient(to right,#832306 0,#cc3609 100%)}
.Progressbar--ACQUAINTANCE>.Progressbar-progress{background:#e07a03;background:linear-gradient(to right,#955102 0,#e07a03 100%)}
.Progressbar--BUDDY>.Progressbar-progress{background:#0f9601;background:linear-gradient(to right,#074a00 0,#0f9601 100%)}
.Progressbar--FRIEND>.Progressbar-progress{background:#0f9601;background:linear-gradient(to right,#074a00 0,#0f9601 100%)}
.Progressbar--GOOD_FRIEND>.Progressbar-progress{background:#0f9601;background:linear-gradient(to right,#074a00 0,#0f9601 100%)}
.Progressbar--BEST_FRIEND>.Progressbar-progress{background:#28a687;background:linear-gradient(to right,#196855 0,#28a687 100%)}
.Progressbar--BODYGUARD>.Progressbar-progress{background:#0f9601;background:linear-gradient(to right,#074a00 0,#0f9601 100%)}
.Progressbar--TRUSTED_BODYGUARD>.Progressbar-progress{background:#0f9601;background:linear-gradient(to right,#074a00 0,#0f9601 100%)}
.Progressbar--PERSONAL_WINGMAN>.Progressbar-progress{background:#0f9601;background:linear-gradient(to right,#074a00 0,#0f9601 100%)}

.summary-health-resource { float: left; margin: 0 0px 10px; color: white; }
.summary-health-resource li { margin-right: 11px; padding-left: 11px; text-shadow: 1px 1px 1px #000; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; cursor: help; display: inline-block; width: 157px;}
.summary-health-resource li, .summary-health-resource span { height: 23px; line-height: 23px; }
.summary-health-resource .name { font-size: 11px; }
.summary-health-resource .value { font-size: 12px; font-family:"Arial Black", Arial, sans-serif; font-weight:900; padding-left: 5px; }
.summary-health-resource .health { background-position: 0 0; margin-bottom: 7px; background-color: #248000; }
.summary-health-resource .resource-0 { background-position: 0 -23px; background-color: #1c8aff; }  /* Mana */
.summary-health-resource .resource-1 { background-position: 0 -69px; background-color: #ab0000; }  /* Rage */
.summary-health-resource .resource-2 { background-position: 0 -115px; background-color: #964414; } /* Focus */
.summary-health-resource .resource-3 { background-position: 0 -46px; background-color: #cb9501; }  /* Energy */
.summary-health-resource .resource-6 { background-position: 0 -92px; background-color: #00bcde; }  /* Runic */
.summary-health-resource .resource-11 { background-position: 0 -115px; background-color: #008fff; }  /* Maelstrom */
.summary-health-resource .resource-13 { background-position: 0 -138px; background-color: #330066; }  /* Insanity */
.summary-health-resource .resource-17 { background-position: 0 -161px; background-color: #9b6200; }  /* Fury */
.summary-health-resource .resource-18 { background-position: 0 -184px; background-color: #9b9300; }  /* Pain */


/* stats, professions, battlegrounds */
.summary-stats-profs-bgs { clear: left; padding: 0 25px 23px 25px; background-color: rgba(0, 0, 0, 0.15); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

/* stats */
.summary-stats { padding-top: 15px;display: flex; }
.summary-stats .summary-stats-column h4 { color: white; font-size: 14px; font-weight: bold; margin-bottom: 7px; line-height: 21px;}
.summary-stats-column { /*width: 234px; margin-top:13px; clear: left;*/ white-space: nowrap; background: rgba(0, 0, 0, 0.35);    margin: 5px;}

.summary-stats-column li { cursor: help; }
.summary-stats-column li.has-icon { line-height: 15px; }
.summary-stats-column li.no-tooltip { cursor: inherit; }
.summary-stats-column .icon { float: left; height: 16px; margin-right: 5px; }
.summary-stats-column .name { float: left; }
.summary-stats-column .value { float: right; color: #F5EBD1; }
.summary-stats-end { clear: left; }
.summary-stats-simple { line-height: normal; }
.summary-stats-simple li { padding: 6px 0; }
a.summary-stats-simple-arrow-left { position: absolute; right: 30px; top: 1px; width: 26px; height: 20px; background: url("../../images/profile/nav.gif") left top no-repeat; }
a.summary-stats-simple-arrow-left:hover { background-position: left bottom; }
a.summary-stats-simple-arrow-right { position: absolute; right: -1px; top: 1px; width: 26px; height: 20px; background: url("../../images/profile/nav.gif") right top no-repeat; }
a.summary-stats-simple-arrow-right:hover { background-position: right bottom; }
.summary-stats-simple-base, .summary-stats-advanced-base { float: left; margin-right: 27px; }
.summary-stats-simple-other { position: relative; }
.summary-stats-simple-other, .summary-stats-advanced-role { float: left; }
.summary-stats-advanced li { padding: 10px 0; border-top: 1px solid #2f1e18; }
a.summary-stats-toggler, a.summary-stats-toggler .inner { display: block; height: 26px; line-height: 26px; background: url("../../images/stats-expand-bg.gif") left top no-repeat; font-size: 11px; }
a.summary-stats-toggler { margin-top: 15px; text-align: center; padding-left: 10px; }
a.summary-stats-toggler .inner { background-position: right top; padding-right: 10px; }
a.summary-stats-toggler:hover { background-position: left bottom; }
a.summary-stats-toggler:hover .inner { background-position: right bottom; }
.summary-stats-bottom { border-top: 1px solid #2f1e18; margin-top: 25px; padding-top: 25px; }

.summary-bottom-sub-content .category .view-more { background: url("../../images/icons/more-arrows-wide.gif") no-repeat 100% 12px; display: inline-block; padding-right: 14px; }
.summary-bottom-sub-content .category .view-more:hover { background-position: 100% -77px; }


.summary-bottom-left {
    margin-right: 367px;
}
.summary-bottom-right {
    float: right;
    width: 385px;
}

.equip-bg {padding-top: 15px;}

/* Equipment Items */
.equip .item { position:absolute; width:64px; height:64px; left: -3px; top: -3px; z-index: 100; }

.equip .none { background: url(images/equip_button.png) no-repeat left top; }
.equip .poor { background: url(images/equip_poor.png no-repeat left top); }
.equip .common { background: url(images/equip_common.png) no-repeat left top; }
.equip .uncommon { background: url(images/equip_uncommon.png) no-repeat left top; }
.equip .rare { background: url(images/equip_rare.png) no-repeat left top; }
.equip .epic { background: url(images/equip_epic.png) no-repeat left top; }
.equip .legendary { background: url(images/equip_legendary.png) no-repeat left top; }

.equip .none:hover,
.equip .poor:hover,
.equip .common:hover,
.equip .uncommon:hover,
.equip .rare:hover,
.equip .epic:hover,
.equip .legendary:hover { background-position: right top; }

.equip .icon { position:absolute; clip: rect(2px 62px 62px 2px); width:64px; height:64px; cursor:pointer; left: 0; top: 0; z-index: 90; margin: 0; padding: 0; }

.equip_Head { position:absolute; cursor:pointer; left: 10px; top: 10px; }
.equip_Neck { position:absolute; cursor:pointer; left: 10px; top: 80px; }
.equip_Shoulder { position:absolute; cursor:pointer; left: 10px; top: 150px; }
.equip_Back { position:absolute; cursor:pointer; left: 10px; top: 220px; }
.equip_Chest { position:absolute; cursor:pointer; left: 10px; top: 290px; }
.equip_Shirt { position:absolute; cursor:pointer; left: 10px; top: 360px; }
.equip_Tabard { position:absolute; cursor:pointer; left: 10px; top: 430px; }
.equip_Wrist { position:absolute; cursor:pointer; left: 10px; top: 500px; }
.equip_Hands { position:absolute; cursor:pointer; left: 466px; top: 10px; }
.equip_Waist { position:absolute; cursor:pointer; left: 466px; top: 80px; }
.equip_Legs { position:absolute; cursor:pointer; left: 466px; top: 150px; }
.equip_Feet { position:absolute; cursor:pointer; left: 466px; top: 220px; }
.equip_Finger1 { position:absolute; cursor:pointer; left: 466px; top: 290px; }
.equip_Finger2 { position:absolute; cursor:pointer; left: 466px; top: 360px; }
.equip_Trinket1 { position:absolute; cursor:pointer; left: 466px; top: 430px; }
.equip_Trinket2 { position:absolute; cursor:pointer; left: 466px; top: 500px; }
.equip_MainHand { position:absolute; cursor:pointer; left: 170px; top: 500px; }
.equip_SecondaryHand { position:absolute; cursor:pointer; left: 238px; top: 500px; }
.equip_OffHand{ position:absolute; cursor:pointer; left: 238px; top: 500px; }
.equip_Ranged { position:absolute; cursor:pointer; left: 306px; top: 500px; }
.equip_Ammo { position:absolute; cursor:pointer; left: 374px; top: 500px; visibility: hidden; }


/* Socket icons */
.socket-line { margin: 1px 0;padding: 0;clear: both;}
.icon-socket { display:inline-block; position: relative; width: 15px; height: 15px; float: left;
margin-right: 4px;
margin-top: 1px;}
.icon-socket a.gem { display: block; width: 15px; height: 15px; }
.icon-socket a.gem img { display: block; width: 13px; height: 13px; padding: 1px 0 0 1px; }
.icon-socket .empty { position: absolute; left: 1px; top: 1px; width: 13px; height: 13px; }
.icon-socket .frame { position: absolute; left: 0; top: 0; width: 15px; height: 15px; background: url("../images/sockets.png") no-repeat; }
.icon-socket.socket-meta  .empty { background-color: #29292a; } /* meta */
.icon-socket.socket-red  .empty { background-color: #301010; } /* red */
.icon-socket.socket-yellow  .empty { background-color: #403010; } /* yellow */
.icon-socket.socket-blue  .empty { background-color: #102040; } /* blue */
.icon-socket.socket-prismatic .empty { background-color: #29292a; } /* prismatic */
.icon-socket.socket-sha-touched .empty { background-color: #000; }     /* sha-touched */
.icon-socket.socket-cogwheel .empty { background-color: #29292a; } /* cogwheel */
.icon-socket.socket-meta  .frame { background-position:  -45px   0; } /* meta */
.icon-socket.socket-red  .frame { background-position:      0   0; } /* red */
.icon-socket.socket-yellow  .frame { background-position:  -15px   0; } /* yellow */
.icon-socket.socket-blue  .frame { background-position:  -30px   0; } /* blue */
.icon-socket.socket-orange  .frame { background-position:  -90px   0; } /* orange */
.icon-socket.socket-purple .frame { background-position:  -75px   0; } /* purple */
.icon-socket.socket-green .frame { background-position: -105px   0; } /* green */
.icon-socket.socket-prismatic .frame { background-position:  -60px   0; } /* prismatic */
.icon-socket.socket-sha-touched .frame { background-position: -120px   0; } /* sha-touched */
.icon-socket.socket-Cogwheel .frame { background-position:  -45px   0; } /* Cogwheel */



/* inventory (shared) */
.summary-inventory .slot { position: absolute; }
.summary-inventory a.item { width: 49px; height: 49px; display: block; position: absolute; }
.summary-inventory a.item img { display: block;width: 49px;height: 49px;padding: 1px; }
.summary-inventory a.item:hover .frame { background-color: rgba(255, 255, 255, 0.2); }
.summary-inventory a.empty { width: 49px; height: 49px; display: block; cursor: help; position: absolute; background: url("../images/item-empty-bg.png") no-repeat; opacity: 0.33333; }
.summary-inventory a.empty:hover { opacity: 0.66666; }
.summary-inventory a.item .frame, .summary-inventory a.empty .frame { position: absolute; left: 0; top: 0; width: 49px; height: 49px; background: url("../images/icons/frames/inventory-slots.png") no-repeat; }
.summary-inventory .slot,
.summary-inventory a.item,
.summary-inventory a.item .frame,
.summary-inventory a.empty { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.summary-inventory .transmog-frame { width:17px; height:17px; display:block; position:absolute; z-index:2; top:32px; left:0; background: url("../images/transmogrify-icon.gif") 0 -17px no-repeat }
.summary-inventory .transmog-frame:hover { background-position:-17px -17px }
.summary-inventory .slot-align-right .transmog-frame { left:32px; background-position:0 0 }
.summary-inventory .slot-align-right .transmog-frame:hover { background-position:-17px 0 }

/* empty slots */
.summary-inventory .slot-1  a.empty { background-position: 1px 1px;    } /* Head */
.summary-inventory .slot-2  a.empty { background-position: 1px -46px;  } /* Neck */
.summary-inventory .slot-3  a.empty { background-position: 1px -93px;  } /* Shoulder */
.summary-inventory .slot-16 a.empty,                                     /* Back */
.summary-inventory .slot-5  a.empty { background-position: 1px -140px; } /* Chest */
.summary-inventory .slot-19 a.empty { background-position: 1px -187px; } /* Tabard */
.summary-inventory .slot-4  a.empty { background-position: 1px -234px; } /* Shirt */
.summary-inventory .slot-9  a.empty { background-position: 1px -281px; } /* Wrist */
.summary-inventory .slot-10 a.empty { background-position: 1px -328px; } /* Hands */
.summary-inventory .slot-6  a.empty { background-position: 1px -375px; } /* Waist */
.summary-inventory .slot-7  a.empty { background-position: 1px -422px; } /* Legs */
.summary-inventory .slot-8  a.empty { background-position: 1px -469px; } /* Feet */
.summary-inventory .slot-11 a.empty { background-position: 1px -516px; } /* Finger */
.summary-inventory .slot-12 a.empty { background-position: 1px -563px; } /* Trinket */
.summary-inventory .slot-21 a.empty { background-position: 1px -610px; } /* Main Hand */
.summary-inventory .slot-22 a.empty { background-position: 1px -657px; } /* Off Hand */
.summary-inventory .slot-15 a.empty { background-position: 1px -704px; } /* Ranged */
.summary-inventory .slot-28 a.empty { background-position: 1px -751px; } /* Relic */

/* item quality frames */
.summary-inventory .item-quality-0 a.item .frame { background-position: -49px  0; }
.summary-inventory .item-quality-1 a.item .frame { background-position: -98px  0; }
.summary-inventory .item-quality-2 a.item .frame { background-position: -147px 0; }
.summary-inventory .item-quality-3 a.item .frame { background-position: -196px 0; }
.summary-inventory .item-quality-4 a.item .frame { background-position: -245px 0; }
.summary-inventory .item-quality-5 a.item .frame { background-position: -294px 0; }
.summary-inventory .item-quality-6 a.item .frame { background-position: -343px 0; }
.summary-inventory .item-quality-7 a.item .frame { background-position: -392px 0; }

.slot-1 {  left: 0px; top: 0px;}
.slot-2 {  left: 0px; top: 58px;}
.slot-3 {  left: 0px; top: 116px;}
.slot-16 {  left: 0px; top: 174px;}
.slot-5 {  left: 0px; top: 232px;}
.slot-4 {  left: 0px; top: 290px;}
.slot-19 {  left: 0px; top: 348px;}
.slot-9 {  left: 0px; top: 406px;}
.slot-10 {  top: 0px; right: 0px;}
.slot-6 {  top: 58px; right: 0px;}
.slot-7 {  top: 116px; right: 0px;}
.slot-8 {  top: 174px; right: 0px;}
.slot-11 {  top: 232px; right: 0px;}
.slot-12 {  top: 290px; right: 0px;}
.slot-13 {  top: 348px; right: 0px;}
.slot-14 {  top: 406px; right: 0px;}
.slot-21 {  left: 132.5px; bottom: 0px;}
.slot-22 {  left: 409.5px; bottom: 0px;}
.slot-center{    margin: auto 350px;}

/* stats block *
.stats {
height: 521px;
position: relative;
display: inline-block;
float: right;
}
*/
.clear {
    clear: both;
    display: block;
    margin: 0;
    padding: 0;
}
/* inventory (simple) */
.summary-inventory-simple { width: 612px; height: 455px; position: absolute; left: 28px; top: 1px; }
.summary-inventory a.item { -moz-box-shadow: 0 0 8px black; -webkit-box-shadow: 0 0 8px black; box-shadow: 0 0 8px black; }

/* inventory (advanced) */
.summary-inventory-advanced { background: url(../images/GarrisonLandingPageMiddleTile.png) repeat;
    height: 521px;
    display: block;
    width: 800px;
    position: relative;
    margin: 10px auto; }
.summary-inventory-advanced .slot-inner { width: 265px; height: 57px; background: url("../images/item-slot-advanced-bg.png") left top repeat-y; }
.summary-inventory-advanced .slot-highlight .slot-inner { background-position: left bottom; }
.summary-inventory-advanced .details { position: absolute; width: 204px; height: 49px; left: 60px; top: 7px; white-space: nowrap; }
.summary-inventory-advanced a.item,
.summary-inventory-advanced a.empty { position: absolute; left: 4px; top: 4px; }
.summary-inventory-advanced a.empty { opacity: 0.25; }
.summary-inventory-advanced .name, .summary-inventory-advanced .name-shadow { position: absolute; font-size: 12px !important; }
.summary-inventory-advanced .name { left: 0; top: -2px; }
.summary-inventory-advanced .audit-warning { display: inline-block; background: url("../images/icons/warning-small.png") right center no-repeat; width: 10px; height: 10px; margin-left: 5px; cursor: help; }
.summary-inventory-advanced .enchant, .summary-inventory-advanced .enchant-shadow { position: absolute; font-size: 11px; }
.summary-inventory-advanced .enchant { left: 0; top: 12px; color: #0f0; }
.summary-inventory-advanced .enchant .tip { border-bottom: 0; }
.summary-inventory-advanced .enchant-shadow { left: 1px; top: 13px; color: black; }
.summary-inventory-advanced .level { position: absolute; left: 0; bottom: -2px; color: #999999; width: 20px; height: 16px; line-height: 16px; font-size: 10px; }
.summary-inventory-advanced .sockets { position: absolute; left: 27px; bottom: 1px; }
.summary-inventory-advanced .sockets .icon-socket { float: left; margin-right: 4px; }
.summary-inventory-advanced .upgrade { position: absolute; left: 87px; bottom: -2px; color: #FFB100; height: 16px; line-height: 16px; font-size: 10px; display: none; }
.summary-inventory-advanced .details:hover .upgrade { display: block; }
.summary-inventory-advanced .transmog-frame { top:36px; left:4px }
.summary-inventory-advanced .slot-align-right .transmog-frame { left:244px }


/* overrides for right-aligned slots */
.summary-inventory-advanced .slot-align-right .details { left: auto; right: 60px; }
.summary-inventory-advanced .slot-align-right .slot-inner { background-position: right top; text-align: right; }
.summary-inventory-advanced .slot-align-right.slot-highlight .slot-inner { background-position: right bottom; }
.summary-inventory-advanced .slot-align-right a.item,
.summary-inventory-advanced .slot-align-right a.empty { left: auto; right: 4px; }
.summary-inventory-advanced .slot-align-right .name,
.summary-inventory-advanced .slot-align-right .enchant { left: auto; right: 0; }
.summary-inventory-advanced .slot-align-right .name-shadow { left: auto; right: -1px; }
.summary-inventory-advanced .slot-align-right .enchant-shadow { left: auto; right: -1px; }
.summary-inventory-advanced .slot-align-right .audit-warning { background-position: left center; margin-right: 4px; margin-left: 0; }
.summary-inventory-advanced .slot-align-right .level { left: auto; right: 0; }
.summary-inventory-advanced .slot-align-right .sockets { left: auto; right: 27px; }
.summary-inventory-advanced .slot-align-right .sockets .icon-socket { margin-right: auto; margin-left: 4px; }
.summary-inventory-advanced .slot-align-right .upgrade { text-align: right; left: auto; right: 87px; }

/* item colors */
.summary-inventory-advanced .item-quality-0 a.name { color: #9d9d9d; }
.summary-inventory-advanced .item-quality-1 a.name { color: #ffffff; }
.summary-inventory-advanced .item-quality-2 a.name { color: #1eff00; }
.summary-inventory-advanced .item-quality-3 a.name { color: #0070dd; }
.summary-inventory-advanced .item-quality-4 a.name { color: #a335ee; }
.summary-inventory-advanced .item-quality-5 a.name { color: #ff8000; }
.summary-inventory-advanced .item-quality-6 a.name { color: #e5cc80; }
.summary-inventory-advanced .item-quality-7 a.name { color: #e5cc80; }

/* gems */
.summary-gems { float: left; width: 259px; }
.summary-gems li { line-height: 15px; padding: 4px 0; }
.summary-gems li:first-child { font-size: 16px; padding-bottom: 5px; }
.summary-gems li:first-child .times { margin-left: 2px; }
.summary-gems li:first-child .name { width: 208px; }
.summary-gems .value, .summary-gems .times, .summary-gems .icon, .summary-gems a.name { display: block; float: left; }
.summary-gems .times { font-size: 10px; margin-left: 4px; margin-right: 5px; line-height: 14px; color: #997647; }
.summary-gems .icon { margin-right: 5px; }
.summary-gems .name { width: 215px; }

/* enchant/gem bonuses */
.summary-bonus-tally { float: right; width: 259px; }
.summary-bonus-tally .numerical { margin-bottom: 5px; }
.summary-bonus-tally .numerical li { line-height: 15px; padding: 4px 0; }
.summary-bonus-tally .numerical li:first-child { font-size: 16px; padding-bottom: 5px; }
.summary-bonus-tally .numerical .value, .summary-bonus-tally .other .name, .summary-bonus-tally .other .name a { color: #1EFF00; }
.summary-bonus-tally .other { line-height: 23px; }
.summary-bonus-tally .other .name a { white-space: nowrap; }
.summary-bonus-tally .other .name a:hover { color: white; }
.summary-bonus-tally .other .comma { letter-spacing: 1px; }
.summary-bonus-tally .tip { border-bottom: 0; }

.talent-build {display:none;}
.talent-build.selected {display:block;}
.talents-talent {
	width:30%;
	display: inline-block;
	padding: 3px;
	height: 56px;
	position: relative;
}
.talents-talent .spell-name {
	align-content: center;
	display: inline-grid;
	position: absolute;
	margin: 1px;
	height: 48px;
}
.spec-button {
	/*border: 1px solid;
	border-color:#fff;*/
	display: inline-block;
}
.spec-button:not(.selected) {
	opacity: .4;
}
.spec-button.selected {
	/*border-color:#e5cc80*/
}
.spec-button .TalentEntry-media {
	border: 1px solid;
	border-color:#fff;
}
.spec-button .TalentEntry-media.selected {
	border-color:#e5cc80;
}

/*
	new layout.. maybe
*/
.character-equip{ position: relative;}
.character-equip--left{left:0;float:left;}
.character-equip--right{right:0;float:right;}
.character-equip--right::before{right:0}
.character-equip--left,.character-equip--right{top:0}
.character-equip--left .character-slot-item,.character-equip--right .character-slot-item{margin:5px 0}
@media (min-width:540px){.character-equip--left .character-slot-item,.character-equip--right .character-slot-item{margin:10px 0}
}
.character-equip--bottom{	position: relative;
	display: block;
	margin-bottom: 70px;}
.character-equip--bottom .character-slot-item{margin:0 1px}
@media (min-width:540px){.character-equip--bottom .character-slot-item{margin:0 3px}
}
.character-equip--bottom .character-slot-item{position:absolute}
.character-equip--bottom .character-slot-item:first-child{left:50%;margin-left:-60px}
@media (min-width:980px){.character-equip--bottom .character-slot-item:first-child{margin-left:-80px}
}
.character-equip--bottom .character-slot-item:last-child{right:50%;margin-right:-60px}
@media (min-width:980px){.character-equip--bottom .character-slot-item:last-child{margin-right:-80px}
}
.character-equip--bottom .character-slot-item:last-child .character-slot-itemDetails,.character-equip--left .character-slot-itemDetails{left:100%}
.character-equip--bottom .character-slot-item:first-child .character-slot-itemDetails,.character-equip--right .character-slot-itemDetails{right:100%;text-align:right}
.character-slot-itemEnchantment{font-size:.75rem;line-height:1.5em}

.character-slot-item{position:relative}
.character-slot-itemDetails{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:.9rem;line-height:1.5em;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);display:none;position:absolute;top:0;width:300px;padding:4px;min-height:58px}
.character-slot-itemDetails.zh-cn,.zh-cn .character-slot-itemDetails{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif}
.character-slot-itemDetails.ko-kr,.ko-kr .character-slot-itemDetails{font-family:Arial,Helvetica,"맑은 ê³ ë”•","Malgun Gothic","ì• í”Œì‚°ëŒê³ ë”•ë„¤ì˜¤",AppleSDGothicNeo,"ì• í”Œê³ ë”•",AppleGothic,"돋움",Dotum,sans-serif}
.character-slot-itemDetails.ru-ru,.ru-ru .character-slot-itemDetails{font-family:"Open Sans",Arial,Helvetica,sans-serif}
.character-slot-itemDetails.zh-tw,.zh-tw .character-slot-itemDetails{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif}
@media (min-width:720px){.character-slot-itemDetails{font-size:1.02rem}
}
@media (min-width:1280px){.character-slot-itemDetails{font-size:1.2rem}
}
@media (min-width:980px){.character-slot-itemDetails{display:block}
}
@media (min-width:1280px){.character-slot-itemDetails{padding:0 8px}
}
html.filter .character-slot-itemDetails::before{content:"";position:absolute;display:block;height:100%;width:300px;background-color:rgba(0,0,0,.8);-webkit-filter:blur(50px);filter:blur(50px);z-index:-1}
.character-slot-itemLevel{color:#cacaca;font-size:.75rem;line-height:1.5em;display:table-cell}
@media (min-width:720px){.character-slot-itemLevel{font-size:.85rem}
}
@media (min-width:1280px){.character-slot-itemLevel{font-size:1rem}
}
.character-slot-itemSockets{display:table-cell}
.character-slot-gear--left{left:0}
.character-slot-gear--right{right:0}
.character-slot-gear--right::before{right:0}
.character-slot-gear--left,.character-slot-gear--right{top:0}
.character-slot-gear--left .character-slot-item,.character-slot-gear--right .character-slot-item{margin:5px 0}
@media (min-width:540px){.character-slot-gear--left .character-slot-item,.character-slot-gear--right .character-slot-item{margin:10px 0}
}
.character-equip--bottom{	position: relative;
	display: block;
	margin-bottom: 70px;}
.character-equip--bottoms .character-slot-item{margin:0 1px}
@media (min-width:540px){.character-equip--bottoms .character-slot-item{margin:0 3px}
}
.character-equip--bottoms .character-slot-item{position:absolute}
.character-equip--bottoms .character-slot-item:first-child{left:50%;margin-left:-60px}
@media (min-width:980px){.character-equip--bottoms .character-slot-item:first-child{margin-left:-80px}
}
.character-equip--bottoms .character-slot-item:last-child{right:50%;margin-right:-60px}
@media (min-width:980px){.character-equip--bottoms .character-slot-item:last-child{margin-right:-80px}
}
.character-equip--bottoms .character-slot-item:last-child .character-slot-itemDetails,.character-slot-gear--left .character-slot-itemDetails{left:100%}
.character-equip--bottoms .character-slot-item:first-child .character-slot-itemDetails,.character-slot-gear--right .character-slot-itemDetails{right:100%;text-align:right}
.character-slot-itemEnchantment{font-size:.75rem;line-height:1.5em}
@media (min-width:720px){.character-slot-itemEnchantment{font-size:.85rem}
}
@media (min-width:1280px){.character-slot-itemEnchantment{font-size:1rem}
}
.character-slot-itemEnchantment--ARTIFACT,.character-slot-itemEnchantment--COMMON,.character-slot-itemEnchantment--EPIC,.character-slot-itemEnchantment--HEIRLOOM,.character-slot-itemEnchantment--LEGENDARY,.character-slot-itemEnchantment--POOR,.character-slot-itemEnchantment--RARE,.character-slot-itemEnchantment--UNCOMMON{color:#1eff00}

.CharacterProfile-render{margin:-36% -80px 0;position:absolute;left:0;right:0;top:0;z-index:-1}
@media (min-width:540px){.CharacterProfile-render{margin:-36% -50px 0}
}
@media (min-width:998px){.CharacterProfile-render{width:100%;margin:0 auto;top:-36%;max-width:940px}
}
.CharacterProfile-bg{position:absolute}
.CharacterProfile-image{z-index:-1}
.Art-image {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-position: center;
	background-size: cover;
}

.Link{cursor:pointer}
.Link--inline{display:inline-block}
.Link--block{display:block}
.Link--text{font-size:.9rem;line-height:1.5em;color:#f8b700;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)}


.ItemSocket{position:relative;display:inline-block;height:16px;width:16px}
.ItemSocket-frame{position:absolute;top:0;right:0;bottom:0;left:0;background-size:contain;background-repeat:no-repeat;}
.ItemSocket-icon{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-size:contain}
.ItemSocket--block{display:block}
.ItemSocket--inline{display:table-cell;text-align:center;vertical-align:middle}
.ItemSocket--META>.ItemSocket-frame{background-image:url(images/prismatic.png); }
.ItemSocket--PRISMATIC>.ItemSocket-frame{background-image:url(images/prismatic.png);}
.ItemSocket--COGWHEEL>.ItemSocket-frame{background-image:url(images/prismatic.png);}



.Ratiobar-percent.zh-cn,.zh-cn .Ratiobar-percent{font-family:Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif}
.ko-kr .Ratiobar-percent,.Ratiobar-percent.ko-kr{font-family:Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif}
.Ratiobar-percent.ru-ru,.ru-ru .Ratiobar-percent{font-family:Open Sans,Arial,Helvetica,sans-serif}
.Ratiobar-percent.zh-tw,.zh-tw .Ratiobar-percent{font-family:Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif}
.Ratiobar-value+.Ratiobar-percent{padding-left:10px;padding-right:0}
.Ratiobar--separator .Ratiobar-right:before,.Ratiobar--winLoss .Ratiobar-right:before{background-color:#504137;content:"";height:100%;left:-2px;position:absolute;top:0;width:4px}
.Ratiobar--winLoss .Ratiobar-left{background-color:#0f0}
.Ratiobar--winLoss .Ratiobar-right{background-color:#db2300}
.Reputation{position:relative}
.Reputation-title{padding-top:5px}
.Reputation-title>*{display:inline-block}
.Reputation-progress{padding:6.66666667px 0}
.Reputation-name.Reputation-subsection{color:#fff;font-size:1.296rem;line-height:1.5;font-family:Open Sans,Arial,Helvetica,sans-serif;font-weight:400}
@media (min-width:720px){.Reputation-name.Reputation-subsection{font-size:1.4687999999999999rem}
}
@media (min-width:1280px){.Reputation-name.Reputation-subsection{font-size:1.728rem}
}
.Reputation-name.Reputation-subsection.zh-cn,.zh-cn .Reputation-name.Reputation-subsection{font-family:Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif}
.ko-kr .Reputation-name.Reputation-subsection,.Reputation-name.Reputation-subsection.ko-kr{font-family:Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif}
.Reputation-name.Reputation-subsection.ru-ru,.ru-ru .Reputation-name.Reputation-subsection{font-family:Open Sans,Arial,Helvetica,sans-serif}
.Reputation-name.Reputation-subsection.zh-tw,.zh-tw .Reputation-name.Reputation-subsection{font-family:Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif}
.Reputation-name,.Reputation-standing{font-size:1.08rem;line-height:1.5;font-family:Open Sans,Arial,Helvetica,sans-serif;color:#ebdec2;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);font-weight:400;text-shadow:none;line-height:1.6;margin:0}
@media (min-width:720px){.Reputation-name,.Reputation-standing{font-size:1.224rem}
}
@media (min-width:1280px){.Reputation-name,.Reputation-standing{font-size:1.44rem}
}
.Reputation-name.zh-cn,.Reputation-standing.zh-cn,.zh-cn .Reputation-name,.zh-cn .Reputation-standing{font-family:Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif}
.ko-kr .Reputation-name,.ko-kr .Reputation-standing,.Reputation-name.ko-kr,.Reputation-standing.ko-kr{font-family:Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif}
.Reputation-name.ru-ru,.Reputation-standing.ru-ru,.ru-ru .Reputation-name,.ru-ru .Reputation-standing{font-family:Open Sans,Arial,Helvetica,sans-serif}
.Reputation-name.zh-tw,.Reputation-standing.zh-tw,.zh-tw .Reputation-name,.zh-tw .Reputation-standing{font-family:Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif}
.Reputation-standing{position:absolute;right:0;text-align:right}
.Reputation-progress .Progressbar-body{line-height:1.5em;color:#fff;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);font-size:1rem;line-height:1.5;font-family:Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;font-weight:700;text-align:left;padding-left:10px}
@media (min-width:720px){.Reputation-progress .Progressbar-body{font-size:1rem}
}
@media (min-width:1280px){.Reputation-progress .Progressbar-body{font-size:1rem}
}
.Reputation-progress .Progressbar-body.zh-cn,.zh-cn .Reputation-progress .Progressbar-body{font-family:Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif}
.ko-kr .Reputation-progress .Progressbar-body,.Reputation-progress .Progressbar-body.ko-kr{font-family:Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif}
.Reputation-progress .Progressbar-body.ru-ru,.ru-ru .Reputation-progress .Progressbar-body{font-family:Futura Demi,Open Sans,Arial,Helvetica,sans-serif}
.Reputation-progress .Progressbar-body.zh-tw,.zh-tw .Reputation-progress .Progressbar-body{font-family:Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif}
.Reputation--DEFAULT .Reputation-standing{color:#0f9601}
.Reputation--EXALTED .Reputation-standing{color:#28a687}
.Reputation--FRIENDLY .Reputation-standing,.Reputation--HONORED .Reputation-standing,.Reputation--REVERED .Reputation-standing{color:#0f9601}
.Reputation--NEUTRAL .Reputation-standing{color:#edba03}
.Reputation--UNFRIENDLY .Reputation-standing{color:#cc3609}
.Reputation--HATED .Reputation-standing,.Reputation--HOSTILE .Reputation-standing{color:#d90e03}
.Reputation--STRANGER .Reputation-standing{color:#cc3609}
.Reputation--ACQUAINTANCE .Reputation-standing{color:#edba03}
.Reputation--BUDDY .Reputation-standing,.Reputation--FRIEND .Reputation-standing,.Reputation--GOOD_FRIEND .Reputation-standing{color:#0f9601}
.Reputation--BEST_FRIEND .Reputation-standing{color:#28a687}
.Reputation--BODYGUARD .Reputation-standing,.Reputation--TRUSTED_BODYGUARD .Reputation-standing{color:#0f9601}
.Reputation--PERSONAL_WINGMAN .Reputation-standing{color:#28a687}
.Reputation--BRONZE_ALLY .Reputation-standing,.Reputation--CHRONO-FRIEND .Reputation-standing,.Reputation--EPOCH-MENDER .Reputation-standing,.Reputation--TEMPORAL_TRAINEE .Reputation-standing,.Reputation--TIMEHOPPER .Reputation-standing,.Reputation--WHELPLING .Reputation-standing{color:#0f9601}
.Reputation--TIMELORD .Reputation-standing{color:#28a687}
.Reputation--AMBIVALENT .Reputation-standing,.Reputation--APPREHENSIVE .Reputation-standing,.Reputation--CORDIAL .Reputation-standing,.Reputation--DUBIOUS .Reputation-standing,.Reputation--TENTATIVE .Reputation-standing{color:#0f9601}
.Reputation--APPRECIATIVE .Reputation-standing{color:#28a687}
.Reputation--RANK_1 .Reputation-standing,.Reputation--RANK_2 .Reputation-standing,.Reputation--RANK_3 .Reputation-standing,.Reputation--RANK_4 .Reputation-standing,.Reputation--RANK_5 .Reputation-standing,.Reputation--RANK_6 .Reputation-standing,.Reputation--RANK_7 .Reputation-standing{color:#0f9601}
.Reputation--RANK_8 .Reputation-standing{color:#28a687}
.Reputation--wide{-webkit-box-sizing:border-box;box-sizing:border-box}
.Reputation--wide:after,.Reputation--wide:before{content:"";display:table;clear:both}
.Reputation--wide .Reputation-title{text-align:center;padding-top:24px}
.Reputation--wide .Reputation-name{clear:none;float:left;width:25%;text-align:right;padding:6.66666667px}
.Reputation--wide .Reputation-progress{clear:none;float:left;width:50%;padding:6.66666667px}
.Reputation--wide .Reputation-standing{clear:none;float:left;width:25%;padding:6.66666667px;text-align:left}
.Separator>*{position:relative}
.Separator>:after,.Separator>:before{content:"";top:0;bottom:0;width:2px;position:absolute;background:#000;z-index:1}
.Separator>:before{left:0}
.Separator>:after{right:0}
.Separator>:first-child:before,.Separator>:last-child:after{display:none}
.Separator>*>.bordered:before{left:2px;right:2px}
.Separator>:first-child>.bordered:before{left:0}
.Separator>:last-child>.bordered:before{right:0}
.Separator--borders>:before{border-left:1px solid #504137}
.Separator--borders>:after{border-right:1px solid #504137}
.Separator--bordersFadeTop>:before{border:solid #504137;border-width:0 0 0 1px;-o-border-image:linear-gradient(180deg,rgba(80,65,55,0) 0,#504137) 1;border-image:-webkit-gradient(linear,left top,left bottom,from(rgba(80,65,55,0)),to(#504137)) 1;border-image:linear-gradient(180deg,rgba(80,65,55,0) 0,#504137) 1}
.Separator--bordersFadeTop>:after,.Separator--bordersFadeTop>:before{background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#000));background:linear-gradient(180deg,transparent 0,#000);background-clip:content-box}
.Separator--bordersFadeTop>:after{border:solid #504137;border-width:0 1px 0 0;-o-border-image:linear-gradient(180deg,rgba(80,65,55,0) 0,#504137) 1;border-image:-webkit-gradient(linear,left top,left bottom,from(rgba(80,65,55,0)),to(#504137)) 1;border-image:linear-gradient(180deg,rgba(80,65,55,0) 0,#504137) 1}
.Separator--bordersFadeBottom>:before{border:solid #504137;border-width:0 0 0 1px;-o-border-image:linear-gradient(180deg,#504137 0,rgba(80,65,55,0)) 1;border-image:-webkit-gradient(linear,left top,left bottom,from(#504137),to(rgba(80,65,55,0))) 1;border-image:linear-gradient(180deg,#504137 0,rgba(80,65,55,0)) 1}
.Separator--bordersFadeBottom>:after,.Separator--bordersFadeBottom>:before{background:-webkit-gradient(linear,left top,left bottom,from(#000),to(transparent));background:linear-gradient(180deg,#000 0,transparent);background-clip:content-box}
.Separator--bordersFadeBottom>:after{border:solid #504137;border-width:0 1px 0 0;-o-border-image:linear-gradient(180deg,#504137 0,rgba(80,65,55,0)) 1;border-image:-webkit-gradient(linear,left top,left bottom,from(#504137),to(rgba(80,65,55,0))) 1;border-image:linear-gradient(180deg,#504137 0,rgba(80,65,55,0)) 1}
.Separator--fade>:after,.Separator--fade>:before{width:1px;border:0}
.Separator--fade>:before{background:#504137;background:-webkit-gradient(linear,left top,left bottom,from(rgba(80,65,55,0)),color-stop(40%,#504137),color-stop(60%,#504137),to(rgba(80,65,55,0)));background:linear-gradient(180deg,rgba(80,65,55,0) 0,#504137 40%,#504137 60%,rgba(80,65,55,0))}
.Separator--fade>:after{background:#211510;background:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(40%,#000),color-stop(60%,#000),to(transparent));background:linear-gradient(180deg,transparent 0,#000 40%,#000 60%,transparent)}
.Separator--fade>*>.bordered:before{left:1px;right:1px}
.Separator--vertical>:after,.Separator--vertical>:before{top:auto;bottom:auto;width:100%;left:0;right:0;height:2px}
.Separator--vertical>:before{top:0}
.Separator--vertical>:after{bottom:0}
.Separator--vertical>*>.bordered:before{left:0;right:0;top:2px;bottom:2px}
.Separator--vertical>:first-child>.bordered:before{top:0}
.Separator--vertical>:last-child>.bordered:before{bottom:0}
.Separator--vertical.Separator--borders>:before{border-top:1px solid #504137}
.Separator--vertical.Separator--borders>:after{border-bottom:1px solid #504137}
.SiteFooter{padding:30px 0}
.SiteFooter>.NavbarFooter{margin-top:0;margin-bottom:0}
.SiteFooter>.NavbarFooter>.NavbarFooter-legal{padding-bottom:0}
.SocialLinks{color:#ebdec2;text-align:center}

.Divider{height:4px;margin: 10px 0px;width:100%;background-color:#000;position:relative;pointer-events:none;}
.Divider--thin{height:1px}
.Divider--thick{height:3px}
.Divider--short{width:33%}
.Divider--medium{width:66%}
.Divider--dark{background-color:#fff}
.Divider--lightBrown{background-color:#504137}
.Divider--silver{background-color:hsla(0,0%,66.7%,.4)}
.Divider--paperInset{background-image:-webkit-gradient(linear,left bottom,left top,color-stop(50%,#fdf3d3),color-stop(50%,#c6b390));background-image:linear-gradient(0deg,#fdf3d3 50%,#c6b390 0)}
.Divider--opaque{background:hsla(0,0%,100%,.25)}
.Divider--borders{border-top:1px solid #000;border-bottom:1px solid #000;padding:1px 0;height:2px}
.Divider--shadowTop:before{content:"";position:absolute;top:-1px;left:0;right:0;border-bottom:1px solid #000}
.Divider--shadowBottom:before{content:"";position:absolute;bottom:-1px;left:0;right:0;border-top:1px solid #000}
.Divider--legion{background:#69ba0f -webkit-gradient(linear,left top,right top,from(#b4e119),to(#1e9204));background:#69ba0f linear-gradient(90deg,#b4e119 0,#1e9204);height:2px}
.Divider--legionSwirl,.Divider--legionTribal{height:13px;background:transparent}
.Divider--legionSwirl:before,.Divider--legionTribal:before{content:"";position:absolute;top:-52px;left:0;right:0;background:transparent url(/static/components/Divider/Divider-legion-swirl.f6a96f3617ea7521df4f547daac0ecb5.png);background-size:1600px;background-position:50%;background-repeat:no-repeat;height:116px;z-index:1}
@media (min-width:1600px){.Divider--legionSwirl:before,.Divider--legionTribal:before{background-size:100%}
}
.Divider--legionTribal:before{background-image:url(/static/components/Divider/Divider-legion-tribal.5fd4bd30b305187ab0fc566ead6b302d.png)}
.Divider--goldFrame{background-image:url(/static/components/Divider/Divider-goldFrame.e7955252c1aafbb499cdf78fa428c000.png);height:5px}
.Divider--corinthian,.Divider--goldFrame{background-repeat:repeat-x;background-size:auto 100%}
.Divider--corinthian{background-image:url(/static/components/Divider/Divider-corinthianChrome.2091bfb4f4ec6cef598a70ff077fc4ec.jpg);height:6px}
.Divider--ochoThickDown,.Divider--ochoThickUp,.Divider--ochoThin{height:6px;background:transparent}
.Divider--ochoThickDown:before,.Divider--ochoThickUp:before,.Divider--ochoThin:before{content:"";position:absolute;top:-50px;left:0;right:0;background-size:1600px;background-position:50%;background-repeat:no-repeat;height:115px;z-index:1}
@media (min-width:1600px){.Divider--ochoThickDown:before,.Divider--ochoThickUp:before,.Divider--ochoThin:before{background-size:100%}
}
.Divider--ochoThickUp:before{background-image:url(/static/components/Divider/Divider-ocho-thickUp.2f840a5539afc4a43798c60e9010ad0d.png)}
.Divider--ochoThickDown:before{background-image:url(/static/components/Divider/Divider-ocho-thickDown.e1367b9e73ad90671b4fefc96b5b4c08.png);top:-46px}
.Divider--ochoThin{height:10px}
.Divider--ochoThin:before{top:-52px;background-image:url(/static/components/Divider/Divider-ocho-thin.295b144519591ef361653bfb7436da61.png)}



.CharacterHeader--horizontal{display:table;position:relative}
.CharacterHeader--horizontal>.List-item{vertical-align:middle}
.CharacterHeader--horizontal .CharacterHeader-character{margin-bottom:0}
.CharacterHeader--horizontal .CharacterHeader-nameTitle{padding-right:20px;margin-right:20px;border-right:1px solid hsla(0,0%,100%,.2)}
@media (min-width:540px){.CharacterHeader{display:table;position:relative}
.CharacterHeader>.List-item{vertical-align:middle}
.CharacterHeader .CharacterHeader-character{margin-bottom:0}
.CharacterHeader .CharacterHeader-nameTitle{padding-right:20px;margin-right:20px;border-right:1px solid hsla(0,0%,100%,.2)}
}
@media (min-width:1280px){.CharacterHeader-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
}
.CharacterHeader-outdatedWarning{color:#ebdec2;margin-bottom:15px}
@media (min-width:1280px){.CharacterHeader-outdatedWarning{margin-bottom:10px;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding-left:20px;text-align:right;max-width:500px}
}
.CharacterHeader-info{display:table-cell;vertical-align:middle;height:100%}
.CharacterHeader-character{display:table;position:relative;margin-bottom:10px}
.CharacterHeader-character>.List-item{vertical-align:middle}
.CharacterHeader-title{font-size:1.08rem;line-height:1.5;font-family:Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;color:#fff;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);font-weight:700;max-width:350px}
@media (min-width:720px){.CharacterHeader-title{font-size:1.224rem}
}
@media (min-width:1280px){.CharacterHeader-title{font-size:1.44rem}
}
.CharacterHeader-title.zh-cn,.zh-cn .CharacterHeader-title{font-family:Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif}
.CharacterHeader-title.ko-kr,.ko-kr .CharacterHeader-title{font-family:Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif}
.CharacterHeader-title.ru-ru,.ru-ru .CharacterHeader-title{font-family:Futura Demi,Open Sans,Arial,Helvetica,sans-serif}
.CharacterHeader-title.zh-tw,.zh-tw .CharacterHeader-title{font-family:Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif}
.CharacterHeader-logoArea{vertical-align:middle;height:100%;display:none}
@media (min-width:720px){.CharacterHeader-logoArea{display:block}
}
.CharacterHeader-logo.Logo--alliance,.CharacterHeader-logo.Logo--horde{margin-right:20px}
.CharacterHeader-nameArea{display:table-cell;vertical-align:middle;height:100%}
.CharacterHeader-name{font-family:Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;font-weight:700;font-size:2.2395rem;line-height:1.5;line-height:1em}
.CharacterHeader-name.zh-cn,.zh-cn .CharacterHeader-name{font-family:Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif}
.CharacterHeader-name.ko-kr,.ko-kr .CharacterHeader-name{font-family:Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif}
.CharacterHeader-name.ru-ru,.ru-ru .CharacterHeader-name{font-family:Futura Demi,Open Sans,Arial,Helvetica,sans-serif}
.CharacterHeader-name.zh-tw,.zh-tw .CharacterHeader-name{font-family:Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif}
@media (min-width:720px){.CharacterHeader-name{font-size:2.5381rem}
}
@media (min-width:1280px){.CharacterHeader-name{font-size:2.986rem}
}
.CharacterHeader--DEATHKNIGHT .CharacterHeader-name{color:#c41e3b}
.CharacterHeader--DEMONHUNTER .CharacterHeader-name{color:#a330c9}
.CharacterHeader--DRUID .CharacterHeader-name{color:#ff7c0a}
.CharacterHeader--HUNTER .CharacterHeader-name{color:#aad372}
.CharacterHeader--MAGE .CharacterHeader-name{color:#68ccef}
.CharacterHeader--MONK .CharacterHeader-name{color:#00ffba}
.CharacterHeader--PALADIN .CharacterHeader-name{color:#f48cba}
.CharacterHeader--PRIEST .CharacterHeader-name{color:#f0ebe0}
.CharacterHeader--ROGUE .CharacterHeader-name{color:#fff468}
.CharacterHeader--SHAMAN .CharacterHeader-name{color:#2359ff}
.CharacterHeader--WARLOCK .CharacterHeader-name{color:#9382c9}
.CharacterHeader--WARRIOR .CharacterHeader-name{color:#c69b6d}
.CharacterHeader-media{text-transform:uppercase}
.CharacterHeader-media .Media-image{padding-right:4px}
.CharacterHeader-links{display:table;position:relative;font-size:1.296rem;line-height:1.5;color:#f8b700;margin:-10px}
.CharacterHeader-links>.List-item{vertical-align:middle}
@media (min-width:720px){.CharacterHeader-links{font-size:1.4687999999999999rem}
}
@media (min-width:1280px){.CharacterHeader-links{font-size:1.728rem}
}
.CharacterHeader-links>*{display:table-cell;vertical-align:middle;height:100%;padding:10px}
.CharacterHeader-details{font-size:1rem;line-height:1.5}
@media (min-width:720px){.CharacterHeader-details{font-size:1.02rem}
}
@media (min-width:1280px){.CharacterHeader-details{font-size:1.2rem}
}
.CharacterHeader-detail{display:inline-block}
.CharacterCovenantTooltip-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.CharacterCovenantTooltip .CharacterCovenantTooltip-sigil{margin-right:8px}
.CovenantRank{position:relative;padding-left:0}
.CovenantRank-sigil{position:absolute;left:4px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.CovenantRank-rank{padding-left:40px;line-height:29px;padding-bottom:1px}
@media (min-width:980px){.CovenantRank-rank{line-height:30px}
}
.Icon-svg:not(.Icon--color) {
    fill: white;
}








.Progressbar--EXALTED>.Progressbar-progress { 
background:#28a687;
background:-webkit-gradient(linear,left top,right top,from(#196855),to(#28a687));
background:linear-gradient(90deg,#196855 0,#28a687)}
.Progressbar--FRIENDLY>.Progressbar-progress,.Progressbar--HONORED>.Progressbar-progress,.Progressbar--REVERED>.Progressbar-progress { 
background:#0f9601;
background:-webkit-gradient(linear,left top,right top,from(#074a00),to(#0f9601));
background:linear-gradient(90deg,#074a00 0,#0f9601)}
.Progressbar--NEUTRAL>.Progressbar-progress { 
background:#edba03;
background:-webkit-gradient(linear,left top,right top,from(#a17f02),to(#edba03));
background:linear-gradient(90deg,#a17f02 0,#edba03)}
.Progressbar--UNFRIENDLY>.Progressbar-progress { 
background:#cc3609;
background:-webkit-gradient(linear,left top,right top,from(#832306),to(#cc3609));
background:linear-gradient(90deg,#832306 0,#cc3609)}
.Progressbar--HATED>.Progressbar-progress,.Progressbar--HOSTILE>.Progressbar-progress { 
background:#d90e03;
background:-webkit-gradient(linear,left top,right top,from(#8e0902),to(#d90e03));
background:linear-gradient(90deg,#8e0902 0,#d90e03)}
.Progressbar--STRANGER>.Progressbar-progress { 
background:#cc3609;
background:-webkit-gradient(linear,left top,right top,from(#832306),to(#cc3609));
background:linear-gradient(90deg,#832306 0,#cc3609)}
.Progressbar--ACQUAINTANCE>.Progressbar-progress { 
background:#edba03;
background:-webkit-gradient(linear,left top,right top,from(#a17f02),to(#edba03));
background:linear-gradient(90deg,#a17f02 0,#edba03)}
.Progressbar--BUDDY>.Progressbar-progress,.Progressbar--FRIEND>.Progressbar-progress,.Progressbar--GOOD_FRIEND>.Progressbar-progress { 
background:#0f9601;
background:-webkit-gradient(linear,left top,right top,from(#074a00),to(#0f9601));
background:linear-gradient(90deg,#074a00 0,#0f9601)}
.Progressbar--BEST_FRIEND>.Progressbar-progress { 
background:#28a687;
background:-webkit-gradient(linear,left top,right top,from(#196855),to(#28a687));
background:linear-gradient(90deg,#196855 0,#28a687)}
.Progressbar--BODYGUARD>.Progressbar-progress,.Progressbar--TRUSTED_BODYGUARD>.Progressbar-progress { 
background:#0f9601;
background:-webkit-gradient(linear,left top,right top,from(#074a00),to(#0f9601));
background:linear-gradient(90deg,#074a00 0,#0f9601)}
.Progressbar--PERSONAL_WINGMAN>.Progressbar-progress { 
background:#28a687;
background:-webkit-gradient(linear,left top,right top,from(#196855),to(#28a687));
background:linear-gradient(90deg,#196855 0,#28a687)}
.Reputation--BRONZE_ALLY .Progressbar-progress,.Reputation--CHRONO-FRIEND .Progressbar-progress,.Reputation--EPOCH-MENDER .Progressbar-progress,.Reputation--TEMPORAL_TRAINEE .Progressbar-progress,.Reputation--TIMEHOPPER .Progressbar-progress,.Reputation--WHELPLING .Progressbar-progress { 
background:#0f9601;
background:-webkit-gradient(linear,left top,right top,from(#074a00),to(#0f9601));
background:linear-gradient(90deg,#074a00 0,#0f9601)}
.Progressbar--TIMELORD .Progressbar-progress { 
background:#28a687;
background:-webkit-gradient(linear,left top,right top,from(#196855),to(#28a687));
background:linear-gradient(90deg,#196855 0,#28a687)}
.Reputation--AMBIVALENT .Progressbar-progress,.Reputation--APPREHENSIVE .Progressbar-progress,.Reputation--CORDIAL .Progressbar-progress,.Reputation--DUBIOUS .Progressbar-progress,.Reputation--TENTATIVE .Progressbar-progress { 
background:#0f9601;
background:-webkit-gradient(linear,left top,right top,from(#074a00),to(#0f9601));
background:linear-gradient(90deg,#074a00 0,#0f9601)}
.Reputation--APPRECIATIVE .Progressbar-progress { 
background:#28a687;
background:-webkit-gradient(linear,left top,right top,from(#196855),to(#28a687));
background:linear-gradient(90deg,#196855 0,#28a687)}
.Reputation--RANK_1 .Progressbar-progress,.Reputation--RANK_2 .Progressbar-progress,.Reputation--RANK_3 .Progressbar-progress,.Reputation--RANK_4 .Progressbar-progress,.Reputation--RANK_5 .Progressbar-progress,.Reputation--RANK_6 .Progressbar-progress,.Reputation--RANK_7 .Progressbar-progress { 
background:#0f9601;
background:-webkit-gradient(linear,left top,right top,from(#074a00),to(#0f9601));
background:linear-gradient(90deg,#074a00 0,#0f9601)}
.Reputation--RANK_8 .Progressbar-progress { 
background:#28a687;
background:-webkit-gradient(linear,left top,right top,from(#196855),to(#28a687));
background:linear-gradient(90deg,#196855 0,#28a687)}
.Progressbar--reputation-default>.Progressbar-progress { 
background:#0f9601;
background:-webkit-gradient(linear,left top,right top,from(#074a00),to(#0f9601));
background:linear-gradient(90deg,#074a00 0,#0f9601)}
.Progressbar--red>.Progressbar-progress { 
background:#b30000;
background:-webkit-gradient(linear,left top,right top,from(#600),to(#b30000));
background:linear-gradient(90deg,#600 0,#b30000)}
.Progressbar--yellow>.Progressbar-progress { 
background:#fff468;
background:-webkit-gradient(linear,left top,right top,from(#ffee1b),to(#fff468));
background:linear-gradient(90deg,#ffee1b 0,#fff468)}
.Progressbar--green>.Progressbar-progress { 
background:#91c24e;
background:-webkit-gradient(linear,left top,right top,from(#699132),to(#91c24e));
background:linear-gradient(90deg,#699132 0,#91c24e)}
.Progressbar--blue>.Progressbar-progress { 
background:#0081ff;
background:-webkit-gradient(linear,left top,right top,from(#005ab3),to(#0081ff));
background:linear-gradient(90deg,#005ab3 0,#0081ff)}
.Progressbar--orange>.Progressbar-progress { 
background:#f63;
background:-webkit-gradient(linear,left top,right top,from(#e53900),to(#f63));
background:linear-gradient(90deg,#e53900 0,#f63)}
.Progressbar--grey>.Progressbar-progress { 
background:#444;
background:-webkit-gradient(linear,left top,right top,from(#1e1e1e),to(#444));
background:linear-gradient(90deg,#1e1e1e 0,#444)}
.Progressbar--levelColor>.Progressbar-progress[data-progressLevel=low],.Progressbar--low>.Progressbar-progress { 
background:#99755c;
background:-webkit-gradient(linear,left top,right top,from(#69503f),to(#99755c));
background:linear-gradient(90deg,#69503f 0,#99755c)}
.Progressbar--levelColor>.Progressbar-progress[data-progressLevel=medium],.Progressbar--medium>.Progressbar-progress { 
background:#c76700;
background:-webkit-gradient(linear,left top,right top,from(#7b3f00),to(#c76700));
background:linear-gradient(90deg,#7b3f00 0,#c76700)}
.Progressbar--high>.Progressbar-progress,.Progressbar--levelColor>.Progressbar-progress[data-progressLevel=high] { 
background:#1b9601;
background:-webkit-gradient(linear,left top,right top,from(#0d4a00),to(#1b9601));
background:linear-gradient(90deg,#0d4a00 0,#1b9601)}
.Progressbar--fraction .Progressbar-fraction,.Progressbar--percent .Progressbar-percent { 
display:inline-block}
.Progressbar--large .Progressbar-content { 
padding:10px}
.Progressbar--leftText .Progressbar-content { 
text-align:left;
margin-left:10px}
.Progressbar--border { 
border:1px solid rgba(177,153,127,.5)}



.Reputation-progress .Progressbar-body { 
font-size:1rem}
}
.Reputation-progress .Progressbar-body.zh-cn,.zh-cn .Reputation-progress .Progressbar-body { 
font-family:Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif}
.ko-kr .Reputation-progress .Progressbar-body,.Reputation-progress .Progressbar-body.ko-kr { 
font-family:Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif}
.Reputation-progress .Progressbar-body.ru-ru,.ru-ru .Reputation-progress .Progressbar-body { 
font-family:Futura Demi,Open Sans,Arial,Helvetica,sans-serif}
.Reputation-progress .Progressbar-body.zh-tw,.zh-tw .Reputation-progress .Progressbar-body { 
font-family:Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif}
.Reputation--DEFAULT .Reputation-standing { 
color:#0f9601}
.Reputation--EXALTED .Reputation-standing { 
color:#28a687}
.Reputation--FRIENDLY .Reputation-standing,.Reputation--HONORED .Reputation-standing,.Reputation--REVERED .Reputation-standing { 
color:#0f9601}
.Reputation--NEUTRAL .Reputation-standing { 
color:#edba03}
.Reputation--UNFRIENDLY .Reputation-standing { 
color:#cc3609}
.Reputation--HATED .Reputation-standing,.Reputation--HOSTILE .Reputation-standing { 
color:#d90e03}
.Reputation--STRANGER .Reputation-standing { 
color:#cc3609}
.Reputation--ACQUAINTANCE .Reputation-standing { 
color:#edba03}
.Reputation--BUDDY .Reputation-standing,.Reputation--FRIEND .Reputation-standing,.Reputation--GOOD_FRIEND .Reputation-standing { 
color:#0f9601}
.Reputation--BEST_FRIEND .Reputation-standing { 
color:#28a687}
.Reputation--BODYGUARD .Reputation-standing,.Reputation--TRUSTED_BODYGUARD .Reputation-standing { 
color:#0f9601}
.Reputation--PERSONAL_WINGMAN .Reputation-standing { 
color:#28a687}
.Reputation--BRONZE_ALLY .Reputation-standing,.Reputation--CHRONO-FRIEND .Reputation-standing,.Reputation--EPOCH-MENDER .Reputation-standing,.Reputation--TEMPORAL_TRAINEE .Reputation-standing,.Reputation--TIMEHOPPER .Reputation-standing,.Reputation--WHELPLING .Reputation-standing { 
color:#0f9601}
.Reputation--TIMELORD .Reputation-standing { 
color:#28a687}
.Reputation--AMBIVALENT .Reputation-standing,.Reputation--APPREHENSIVE .Reputation-standing,.Reputation--CORDIAL .Reputation-standing,.Reputation--DUBIOUS .Reputation-standing,.Reputation--TENTATIVE .Reputation-standing { 
color:#0f9601}
.Reputation--APPRECIATIVE .Reputation-standing { 
color:#28a687}
.Reputation--RANK_1 .Reputation-standing,.Reputation--RANK_2 .Reputation-standing,.Reputation--RANK_3 .Reputation-standing,.Reputation--RANK_4 .Reputation-standing,.Reputation--RANK_5 .Reputation-standing,.Reputation--RANK_6 .Reputation-standing,.Reputation--RANK_7 .Reputation-standing { 
color:#0f9601}
.Reputation--RANK_8 .Reputation-standing { 
color:#28a687}
.Reputation--wide { 
-webkit-box-sizing:border-box;
box-sizing:border-box}
.Reputation--wide:after,.Reputation--wide:before { 
content:"";
display:table;
clear:both}
.Reputation--wide .Reputation-title { 
text-align:center;
padding-top:24px}
.Reputation--wide .Reputation-name { 
clear:none;
float:left;
width:25%;
text-align:right;
padding:6.66666667px}
.Reputation--wide .Reputation-progress { 
clear:none;
float:left;
width:50%;
padding:6.66666667px}
.Reputation--wide .Reputation-standing { 
clear:none;
float:left;
width:25%;
padding:6.66666667px;
text-align:left}
.Progressbar { 
background-color:#181818;
-webkit-box-shadow:inset 0 0 16px #000;
box-shadow:inset 0 0 16px #000;
color:#000;
position:relative;
min-height:28px}

.Progressbar-border { 
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
border:1px solid hsla(0,0%,100%,.2);
background:transparent;
z-index:1}
.Progressbar-progress { 
background-color:#01b2f1;
position:absolute;
top:0;
bottom:0;
left:0;
width:100%}
.Progressbar-content { 
font-size:1rem;
line-height:1.5;
font-family:Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
color:#fff;
text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
font-weight:700;
position:relative;
text-align:center;
padding:5px;
min-height:1.5em}
@media (min-width:720px) { 
.Progressbar-content { 
font-size:1.02rem}
}
@media (min-width:1280px) { 
.Progressbar-content { 
font-size:1.2rem}
}
.Progressbar-content.zh-cn,.zh-cn .Progressbar-content { 
font-family:Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif}
.ko-kr .Progressbar-content,.Progressbar-content.ko-kr { 
font-family:Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif}
.Progressbar-content.ru-ru,.ru-ru .Progressbar-content { 
font-family:Futura Demi,Open Sans,Arial,Helvetica,sans-serif}
.Progressbar-content.zh-tw,.zh-tw .Progressbar-content { 
font-family:Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif}
.Progressbar-fraction { 
display:none}
.Progressbar-percent { 
display:none;
margin-left:10px}
.Progressbar-body { 
color:#cacaca;
font-weight:400;
text-shadow:0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
font-size:1.08rem;
line-height:1.5}
@media (min-width:720px) { 
.Progressbar-body { 
font-size:1.224rem}
}
@media (min-width:1280px) { 
.Progressbar-body { 
font-size:1.44rem}
}
.Progressbar--ACHIEVEMENT>.Progressbar-progress { 
background:#a6d6ac;
background:-webkit-gradient(linear,left top,right top,from(#72be7b),to(#a6d6ac));
background:linear-gradient(90deg,#72be7b 0,#a6d6ac)}
.Progressbar--HEALTH>.Progressbar-progress { 
background:#91c24e;
background:-webkit-gradient(linear,left top,right top,from(#699132),to(#91c24e));
background:linear-gradient(90deg,#699132 0,#91c24e)}
.Progressbar--MANA>.Progressbar-progress { 
background:#0081ff;
background:-webkit-gradient(linear,left top,right top,from(#005ab3),to(#0081ff));
background:linear-gradient(90deg,#005ab3 0,#0081ff)}
.Progressbar--FOCUS>.Progressbar-progress { 
background:#ece25d;
background:-webkit-gradient(linear,left top,right top,from(#e2d41b),to(#ece25d));
background:linear-gradient(90deg,#e2d41b 0,#ece25d)}
.Progressbar--RAGE>.Progressbar-progress { 
background:#9d1e1e;
background:-webkit-gradient(linear,left top,right top,from(#5d1212),to(#9d1e1e));
background:linear-gradient(90deg,#5d1212 0,#9d1e1e)}
.Progressbar--RUNIC>.Progressbar-progress { 
background:#00accb;
background:-webkit-gradient(linear,left top,right top,from(#006b7e),to(#00accb));
background:linear-gradient(90deg,#006b7e 0,#00accb)}
.Progressbar--EXALTED>.Progressbar-progress { 
background:#28a687;
background:-webkit-gradient(linear,left top,right top,from(#196855),to(#28a687));
background:linear-gradient(90deg,#196855 0,#28a687)}
.Progressbar--FRIENDLY>.Progressbar-progress,.Progressbar--HONORED>.Progressbar-progress,.Progressbar--REVERED>.Progressbar-progress { 
background:#0f9601;
background:-webkit-gradient(linear,left top,right top,from(#074a00),to(#0f9601));
background:linear-gradient(90deg,#074a00 0,#0f9601)}
.Progressbar--NEUTRAL>.Progressbar-progress { 
background:#edba03;
background:-webkit-gradient(linear,left top,right top,from(#a17f02),to(#edba03));
background:linear-gradient(90deg,#a17f02 0,#edba03)}
.Progressbar--UNFRIENDLY>.Progressbar-progress { 
background:#cc3609;
background:-webkit-gradient(linear,left top,right top,from(#832306),to(#cc3609));
background:linear-gradient(90deg,#832306 0,#cc3609)}
.Progressbar--HATED>.Progressbar-progress,.Progressbar--HOSTILE>.Progressbar-progress { 
background:#d90e03;
background:-webkit-gradient(linear,left top,right top,from(#8e0902),to(#d90e03));
background:linear-gradient(90deg,#8e0902 0,#d90e03)}
.Progressbar--STRANGER>.Progressbar-progress { 
background:#cc3609;
background:-webkit-gradient(linear,left top,right top,from(#832306),to(#cc3609));
background:linear-gradient(90deg,#832306 0,#cc3609)}
.Progressbar--ACQUAINTANCE>.Progressbar-progress { 
background:#edba03;
background:-webkit-gradient(linear,left top,right top,from(#a17f02),to(#edba03));
background:linear-gradient(90deg,#a17f02 0,#edba03)}
.Progressbar--BUDDY>.Progressbar-progress,.Progressbar--FRIEND>.Progressbar-progress,.Progressbar--GOOD_FRIEND>.Progressbar-progress { 
background:#0f9601;
background:-webkit-gradient(linear,left top,right top,from(#074a00),to(#0f9601));
background:linear-gradient(90deg,#074a00 0,#0f9601)}
.Progressbar--BEST_FRIEND>.Progressbar-progress { 
background:#28a687;
background:-webkit-gradient(linear,left top,right top,from(#196855),to(#28a687));
background:linear-gradient(90deg,#196855 0,#28a687)}
.Progressbar--BODYGUARD>.Progressbar-progress,.Progressbar--TRUSTED_BODYGUARD>.Progressbar-progress { 
background:#0f9601;
background:-webkit-gradient(linear,left top,right top,from(#074a00),to(#0f9601));
background:linear-gradient(90deg,#074a00 0,#0f9601)}
.Progressbar--PERSONAL_WINGMAN>.Progressbar-progress { 
background:#28a687;
background:-webkit-gradient(linear,left top,right top,from(#196855),to(#28a687));
background:linear-gradient(90deg,#196855 0,#28a687)}
.Reputation--BRONZE_ALLY .Progressbar-progress,.Reputation--CHRONO-FRIEND .Progressbar-progress,.Reputation--EPOCH-MENDER .Progressbar-progress,.Reputation--TEMPORAL_TRAINEE .Progressbar-progress,.Reputation--TIMEHOPPER .Progressbar-progress,.Reputation--WHELPLING .Progressbar-progress { 
background:#0f9601;
background:-webkit-gradient(linear,left top,right top,from(#074a00),to(#0f9601));
background:linear-gradient(90deg,#074a00 0,#0f9601)}
.Progressbar--TIMELORD .Progressbar-progress { 
background:#28a687;
background:-webkit-gradient(linear,left top,right top,from(#196855),to(#28a687));
background:linear-gradient(90deg,#196855 0,#28a687)}
.Reputation--AMBIVALENT .Progressbar-progress,.Reputation--APPREHENSIVE .Progressbar-progress,.Reputation--CORDIAL .Progressbar-progress,.Reputation--DUBIOUS .Progressbar-progress,.Reputation--TENTATIVE .Progressbar-progress { 
background:#0f9601;
background:-webkit-gradient(linear,left top,right top,from(#074a00),to(#0f9601));
background:linear-gradient(90deg,#074a00 0,#0f9601)}
.Reputation--APPRECIATIVE .Progressbar-progress { 
background:#28a687;
background:-webkit-gradient(linear,left top,right top,from(#196855),to(#28a687));
background:linear-gradient(90deg,#196855 0,#28a687)}
.Reputation--RANK_1 .Progressbar-progress,.Reputation--RANK_2 .Progressbar-progress,.Reputation--RANK_3 .Progressbar-progress,.Reputation--RANK_4 .Progressbar-progress,.Reputation--RANK_5 .Progressbar-progress,.Reputation--RANK_6 .Progressbar-progress,.Reputation--RANK_7 .Progressbar-progress { 
background:#0f9601;
background:-webkit-gradient(linear,left top,right top,from(#074a00),to(#0f9601));
background:linear-gradient(90deg,#074a00 0,#0f9601)}
.Reputation--RANK_8 .Progressbar-progress { 
background:#28a687;
background:-webkit-gradient(linear,left top,right top,from(#196855),to(#28a687));
background:linear-gradient(90deg,#196855 0,#28a687)}
.Progressbar--reputation-default>.Progressbar-progress { 
background:#0f9601;
background:-webkit-gradient(linear,left top,right top,from(#074a00),to(#0f9601));
background:linear-gradient(90deg,#074a00 0,#0f9601)}
.Progressbar--red>.Progressbar-progress { 
background:#b30000;
background:-webkit-gradient(linear,left top,right top,from(#600),to(#b30000));
background:linear-gradient(90deg,#600 0,#b30000)}
.Progressbar--yellow>.Progressbar-progress { 
background:#fff468;
background:-webkit-gradient(linear,left top,right top,from(#ffee1b),to(#fff468));
background:linear-gradient(90deg,#ffee1b 0,#fff468)}
.Progressbar--green>.Progressbar-progress { 
background:#91c24e;
background:-webkit-gradient(linear,left top,right top,from(#699132),to(#91c24e));
background:linear-gradient(90deg,#699132 0,#91c24e)}
.Progressbar--blue>.Progressbar-progress { 
background:#0081ff;
background:-webkit-gradient(linear,left top,right top,from(#005ab3),to(#0081ff));
background:linear-gradient(90deg,#005ab3 0,#0081ff)}
.Progressbar--orange>.Progressbar-progress { 
background:#f63;
background:-webkit-gradient(linear,left top,right top,from(#e53900),to(#f63));
background:linear-gradient(90deg,#e53900 0,#f63)}
.Progressbar--grey>.Progressbar-progress { 
background:#444;
background:-webkit-gradient(linear,left top,right top,from(#1e1e1e),to(#444));
background:linear-gradient(90deg,#1e1e1e 0,#444)}
.Progressbar--levelColor>.Progressbar-progress[data-progressLevel=low],.Progressbar--low>.Progressbar-progress { 
background:#99755c;
background:-webkit-gradient(linear,left top,right top,from(#69503f),to(#99755c));
background:linear-gradient(90deg,#69503f 0,#99755c)}
.Progressbar--levelColor>.Progressbar-progress[data-progressLevel=medium],.Progressbar--medium>.Progressbar-progress { 
background:#c76700;
background:-webkit-gradient(linear,left top,right top,from(#7b3f00),to(#c76700));
background:linear-gradient(90deg,#7b3f00 0,#c76700)}
.Progressbar--high>.Progressbar-progress,.Progressbar--levelColor>.Progressbar-progress[data-progressLevel=high] { 
background:#1b9601;
background:-webkit-gradient(linear,left top,right top,from(#0d4a00),to(#1b9601));
background:linear-gradient(90deg,#0d4a00 0,#1b9601)
}
.Progressbar--fraction .Progressbar-fraction,.Progressbar--percent .Progressbar-percent { 
display:inline-block}
.Progressbar--large .Progressbar-content { 
padding:10px}
.Progressbar--leftText .Progressbar-content { 
text-align:left;
margin-left:10px}
.Progressbar--border { 
border:1px solid rgba(177,153,127,.5)}


.Reputation--DEATHKNIGHT,
.Progressbar--DEATHKNIGHT .Progressbar-progress{
background:#c41e3b;
}
.Reputation--DEMONHUNTER,
.Progressbar--DEMONHUNTER .Progressbar-progress{
background:#a330c9}
.Reputation--DRUID,
.Progressbar--DRUID .Progressbar-progress{
background:#ff7c0a}
.Reputation--HUNTER,
.Progressbar--HUNTER .Progressbar-progress{
background:#aad372}
.Reputation--MAGE,
.Progressbar--MAGE .Progressbar-progress{
background:#68ccef}
.Reputation--MONK,
.Progressbar--MONK .Progressbar-progress{
background:#00ffba}
.Reputation--PALADIN,
.Progressbar--PALADIN .Progressbar-progress{
background:#f48cba}
.Reputation--PRIEST,
.Progressbar--PRIEST .Progressbar-progress{
background:#f0ebe0}
.Reputation--ROGUE,
.Progressbar--ROGUE .Progressbar-progress{
background:#fff468}
.Reputation--SHAMAN,
.Progressbar--SHAMAN .Progressbar-progress{
background:#2359ff}
.Reputation--WARLOCK,
.Progressbar--WARLOCK .Progressbar-progress{
background:#9382c9}
.Reputation--WARRIOR,
.Progressbar--WARRIOR .Progressbar-progress{
background:#c69b6d}
#sortable { 
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 200px;
    display: inline-block;
}  
#sortable li {
    margin: 0 5px 5px 5px;
    padding: 0.4em;
    padding-left: 1.5em;
    font-size: 18px;
    height: 45px;
    width: 325px;
}  
.highlight {  
	border: 2px solid crimson;
	font-weight: bold;
	font-size: 40px;
	background-color: gray;
}
.default {  
	background: gray;
	border: 2px solid brown;
	color: white;
}