.wfont{font-family:'Lucida Console','Courier','Courier New' !important;}
.uninput{display:block;color:#008AFF !important;font-weight:bold;border:0 !important;background:none !important;font-size:16px !important;margin-top:6px;}
/********COLOR*******************/
.color-i0{color:#ddd !important; }
.color-i1{color:#30e512 !important; }
.color-i2{color:#00aaff !important; }
.color-i3{color:#ffd851 !important; }
.color-i4{color:#944cff !important; }
.color-con{color:#ddd !important; }
.color-des{color:#88aadd !important; }
.color-cm,.color-sm,.color-cm0,.color-sm0{color:#44dd88 !important; }
.color-cm1,.color-sm1{color:#c69b6d !important; }
.color-cm2,.color-sm2{color:#f48cba !important; }
.color-cm3,.color-sm4{color:#68ccef !important; }
.color-cm4,.color-sm3{color:#c41e3b !important; }
.color-b{color:#808080 !important;}
.color-red {color: #f00 !important}

/**************UI-TOOLTIP***************/
.ui-tooltip {z-index: 9005; position: absolute; width: 200px; height: auto;border: #353837 1px solid;  padding: 10px;  color: #fff; font-size: 12px;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: #000 0 0 15px; -webkit-box-shadow: #000 0 0 15px; box-shadow: #000 0 0 15px;background-color:#0f0f0f;}
.ui-tooltip h3 {font-size: 16px; font-weight: normal;text-align:center}
.ui-tooltip li {clear: both;/* padding:2px 0; */list-style-type: none !important; list-style-image: none !important;}
.ui-tooltip a {color: white}
.ui-tooltip .tip {border-bottom: 0px}
.ui-tooltip table {border-spacing: 0; border-collapse: collapse}
.ui-tooltip td {padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}.

.ui-tooltip .frame-32 {position: absolute; top: -10px; left: -60px}
.ui-tooltip .frame-36 {position: absolute; top: -10px; left: -56px}
.ui-tooltip .frame-48 {position: absolute; top: -10px; left: -67px}
.ui-tooltip .frame-56 {position: absolute; top: -10px; left: -75px}

.ui-tooltip .tooltip-content {position: relative;width: auto; height: auto}
.ui-tooltip .tooltip-list {margin-top: 10px}
.ui-tooltip .tooltip-list li {margin: 1px 0px}
.ui-tooltip .tooltip-list .icon-frame {float: left; margin-right: 5px}
.ui-tooltip .indent {padding-left: 10px}
.ui-tooltip .indent-small {padding-left: 5px;}

/* .wiki-tooltip {min-width: 245px} */
.wiki-tooltip .wiki-list {margin-top: 10px}
.wiki-tooltip .wiki-list li {margin: /* 2px  */0px}
.wiki-tooltip .wiki-list .item-link {line-height: 16px}
.wiki-tooltip .wiki-list .item-link .frame-14 {float: left; margin-right: 5px}


.color-tooltip-yellow {color: #ffd100 !important}
.color-tooltip-red {color: #f00 !important}
.color-tooltip-green {color: #0f0 !important}
.color-tooltip-blue {color: #71d5ff !important}
.color-tooltip-beige {color: #ffff98 !important}
.color-tooltip-alliance {color: #0078ff}
.color-tooltip-horde {color: #b30000}
.float-right {float: right}


.color-item-green {color: #30E512}
.color-item-blue {color: #00AAFF}
.color-item-golden {color: #D0C002}
.color-item-purple {color: #FF00FF}
.color-item-red {color: #FF0000}
.color-item-fire {color: #CF5211}

.ie .ui-tooltip {zoom: 1; }
.ie67 .ui-tooltip { float: left; }
.ie6 .wiki-tooltip .frame-56 { top: -14px; }

/********ICON-FRAME*************/
.frame-50 {width: 56px; height: 56px; -moz-box-shadow: #000 0 0 10px; -webkit-box-shadow: #000 0 0 10px; box-shadow: #000 0 0 10px}
.frame-56 {width: 56px; height: 56px; -moz-box-shadow: #000 0 0 10px; -webkit-box-shadow: #000 0 0 10px; box-shadow: #000 0 0 10px}
.frame-48 {width: 48px; height: 48px; -moz-box-shadow: #000 0 0 10px; -webkit-box-shadow: #000 0 0 10px; box-shadow: #000 0 0 10px}
.frame-12 {width: 12px; height: 12px}
.frame-14 {width: 14px; height: 14px}
.frame-18 {width: 18px; height: 18px}
.frame-24 {width: 24px; height: 24px}
.frame-32 {width: 32px; height: 32px}
.icon-frame {border: #2f3032 1px solid; padding: 1px; background-color: #000; display: inline-block; background-repeat: no-repeat; background-position: 1px 1px; overflow: hidden;  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;-moz-box-shadow: #000 0 0 10px; -webkit-box-shadow: #000 0 0 10px; box-shadow: #000 0 0 10px}
.icon-frame img {display: block; vertical-align: bottom}
.ie6 .icon-frame { display: block; float: left; }

.flipicon{-moz-transform: matrix(1, 0, 0, -1, 0, 0);-webkit-transform: matrix(1, 0, 0, -1, 0, 0);filter:FlipV; }
.skillicon {width:32px;height:32px;-moz-transform: matrix(1, 0, 0, -1, 0, 0);-webkit-transform: matrix(1, 0, 0, -1, 0, 0);filter:FlipV; }

.item-specs .item-link {line-height: 22px; margin: 2px 0px; background-repeat: no-repeat; height: 22px; font-weight: normal}
.item-specs {margin-top: 10px}
.item-specs li {padding: 0px; margin: 3px 0px;}
.item-specs .indent {padding-left: 10px}
.item-specs .indent-small {padding-left: 5px}
.item-specs .indent-top {padding-top: 10px}
.item-specs .icon-socket {margin-top: 1px; float: left; margin-right: 4px}
.item-specs .reforge-arrow {position: relative; font-size: 10px; top: -1px}
.item-specs a.color-q1:hover {text-decoration: underline}