/* ------------------------- main ------------------------- */
img {border: 0px}
html {overflow-x: auto;}
html, body, table, td, tr{
    font-family:Verdana,sans-serif;
    font-size:11px;
    color: #D4D4D4;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;    
}
html, body {
    -x-system-font:none;
    background-color:#000000;
    background-image:url(img/bg.png);
    background-position: center top;
    background-repeat: no-repeat;
    cursor:default;
    
    line-height:normal;
    margin:0;
    padding:0;
    font-family: Trebuchet MS;
}
a:link, a:visited {
    color:#D4D4D4;
    text-decoration:none;
}
a:hover, a:focus {
    color:#FFEE40;
    text-decoration:none;
}
a.medium_link{
    font-size: 14px;
}
/* ------------------------- header ------------------------- */
.head_div{
    margin: 0px auto;
    background-image: url(img/header_3.png);
    background-repeat: no-repeat;
    width: 952px;
    height: 204px;
    position: relative;
}
.flags_div{
    position: absolute;
    right: 19px;
    top: -7px;
    color: #696969;
    font-weight: bold;
}
.realm_div_1, .realm_div_2, .realm_div_3, .realm_div_0, .realm_div_5, .realm_div_8{
    position: absolute;
    top: 70px;
    width: 190px;
    font-size: 14px;
    text-align: center;
}
.realm_div_0{
    left: 300px;
}
.realm_div_1{
    left: 480px;
}
.realm_div_2{
    left: 605px;
}
.realm_div_3{
    left: 770px;
}
.realm_div_5{
    left: 400px;
}
.realm_div_8{
    left: 475px;
}
.realmlist_mop {
    font-size: 11px;
}
.online_players_div,.uptime_div{
    position: absolute;
    text-align: center;
    font-size: 14px;
    color: white;
}
a.online_players_div_font, .online_players_div_font{
    font-size: 14px;
    color: white;
}
.online_players_div{
    left: 473px;
    top: 100px;
    width: 342px;
}
.uptime_div{
    left: 443px;
    top: 116px;
    width: 402px;
}
.realmlist_div{
    font-size: 15px;
    color: white;
    position: absolute;
    left: 230px;
    top: 107px;
}
.social_stuffs{
    position: absolute;
    left: 768px;
    top: 192px;
}
.social_fb_link, .social_fb_like, .social_utorrent{
    float: left;
}
.social_utorrent{
    width: 50px;
    overflow: hidden;
    position: relative;
    top: 2px;
}
.social_fb_like{
    width: 100px;
    overflow: hidden;
    position: relative;
    top: 2px;
}
.social_fb_link{
    width: 30px;
    overflow: hidden;
}
.total_online, .total_online_queue{
    position: absolute;
    left: 400px;
    top: 194px;
    font-weight: bold;
    font-size: 12px;
}
.total_online_queue{
    left: 300px;
}
.realm_select{
    position: absolute;
    top: 194px;
    font-size: 14px;
}
.index_blank_image{
    position: absolute;
    left: 10px;
    width: 180px;
    height: 150px;
}
.underMaintenance{
    font-family: arial,sans-serif;
    background-color: #b21b1b;
    color: white;
    font-size: 12px;
    width: 300px;
    position: absolute;
    left: 50px;
    top: 20px;
    text-align: center;
    z-index: 999;
}

.fixesDivText
{
    position: absolute;
    top: 20px;
    width: 225px;
    left: 440px;
    text-align: right;
}
.fixesDivFixes
{
    position: absolute;
    top: 17px;
    left: 670px;
    width: 282px;
    height: 118px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.3);
}

/* ------------------------- menu ------------------------- */
.menu_div{
    position: absolute;
    top: 163px;
    left: 30px;
    width: 915px;
    font-size: 13px;
    text-align: center;
}
a.menu_normal{
    color: #CCCCCC;
}
a.menu_current{
    color: #CCCCCC;
}
a.menu_special{
    color: #FFC118;
}
a.menu_new{
    color: #00FF44;
}

.main_div{
    width: 952px;
    margin: 0px auto;
}

.shockerDiv
{
    position: relative;
}

.main_left_div{
    float: left;
    width: 214px;
}
.main_right_div{
    float: left;
    width: 726px;
}

/* ------------------------- menu boxes ------------------------- */
.box_top,.box_middle,.box_bottom{
    width: 185px;
    position: relative;
}
.box_top{
    background-image: url(img/box_top.png);
    height: 25px;
}
.box_middle{
    background-image: url(img/box_middle.png);
    background-repeat: repeat-y;
}
.box_bottom{
    background-image: url(img/box_bottom.png);
    background-repeat: no-repeat;
    height: 5px;
    padding-bottom: 25px;
}
.box_caption{
    position: absolute;
    left: 45px;
    top: 7px;
}
.box_quick_link, .box_quick_link_second_level{
    background-repeat: no-repeat;
    position: relative;
    left: 25px;
    padding-left: 10px;
}
.box_quick_link {
    background-image: url(img/box_arrow_right.png);
}
.box_quick_link_text, .box_quick_link_text_second_level{
    position: relative;
    top: -6px;
    left: 2px;
}
.box_quick_link_text_second_level{
    left: 10px;
    font-size: 12px;
}
.hosted_by_img{
    position: relative;
    top: 15px;
    left: 50px;
}
.account_name{
    font-size: 12px;
    position: absolute;
    left: 25px;
    top: 6px;
}

/* ------------------------- main content box ------------------------- */
.box_content_top{
    background-image: url(img/box_content_top.png);
    width: 738px;
    height: 26px;
    position: relative;
}
.box_content_middle{
    background-image: url(img/box_content_middle.png);
    background-repeat: repeat-y;
    width: 738px;
    position: relative;
}
.box_content_middle_real{
    width: 672px;
    position: relative;
    font-size: 12px;
    left: 32px;
}
.box_content_bottom{
    background-image: url(img/box_content_bottom.png);
    width: 738px;
    height: 5px;
    position: relative;
}
.page_subtitle_first, .page_subtitle_second{
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
}
.page_subtitle_first{
    color: #AAAAAA;
}
.page_subtitle_second{
    color: #C19208;
}
.motd_date{
    position: absolute;
    right: -13px;
    top: -8px;
    font-size: 12px;
    font-family: Tahoma;
    color: #696969;
}
.motd_admin{
    position: absolute;
    right: -13px;
    bottom: 5px;    
}

/* ------------------------- inputs ------------------------- */
.input_short{
    height: 10px;
    width: 80px;
}
.button_tiny{
    height: 18px;
    width: 40px;
}
.button_short{
    height: 22px;
    width: 84px;
}
.button_medium{
    height: 22px;
    width: 150px;
}
.button_large{
    height: 22px;
    width: 250px;
}

button, select, textarea, input, input.mouseover, a.button {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -x-system-font:none;
    background:#000000 none repeat scroll 0 0;
    border: 1px solid #444444;
    font-family: Trebuchet MS;
    font-size: 11px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:bold;
    line-height:100%;
}

button, select, textarea, input {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#111111 none repeat scroll 0 0;
    color:#FFFFFF;
    margin-left:2px;
    margin-right:2px;
    padding:2px 1px;
}

input[type="text"], input[type="password"] {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#232323 none repeat scroll 0 0;
}
input[type="text"]:hover, input[type="password"]:hover {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#191919 none repeat scroll 0 0;
    border-color:#494949;
    cursor:default;
}

input[type="text"]:focus, input[type="password"]:focus {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#090909 none repeat scroll 0 0;
    border-color:#393939;
}

input[type="radio"], input[type="checkbox"] {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent none repeat scroll 0 0;
    border:0 none;
    cursor: pointer;
}

/* ------------------------- separators ------------------------- */
.height_separator_small{
    overflow: hidden;
    width: 1px;
    height: 3px;
}
.height_separator_medium{
    overflow: hidden;
    width: 1px;
    height: 7px;
}

/* ------------------------- error related ------------------------- */
.error_msg{
    width: 400px;
    padding: 5px;
    margin: 0px auto;
    background-color: #191919;
    border: 1px solid #494949;
    text-align: center;
}

/* ------------------------- tables ------------------------- */
.table_header{
    border-bottom: 1px solid gray;
}
.table_center{text-align: center;}
.td_header{
    color: #949494;
    font-size: 12px;
    font-weight: bold;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    background-color: #303030;
    border-right: 2px solid #212121;
}
.td_header_right{border-right: 2px solid #303030;}
.td{
    border-left: 1px solid #303030;
    border-bottom: 1px solid #303030;
}
.td_right{border-right: 1px solid #303030;}
.td_top{border-top: 1px solid #303030;}
.td_center{text-align: center;}
.td_default_width{width: 120px;}
.td_default_width_small{width: 100px;}
.td_default_width_medium{width: 250px;}
.td_table_title{background-color: #1A001A; height: 20px;}

.td_align_right{text-align: right !important;}

.trOver:hover { background-color: #191919; }
.trDark { background-color: #191919; }

.tdRow0 { background-color: #212121; }
.tdRow1 { background-color: #262626; }
.tdRowHighlight { background-color: #0A000A; }

/* ------------------------- tooltip ------------------------- */
.tooltip{
    background: url("https://www.wow-freakz.com/img/tooltip.png") repeat scroll 0 0 #212121;
}
.tooltip_th{
    padding: 3px;
    vertical-align: top;
}
.tooltip_td{
    padding: 8px 4px 1px 9px;
}
.tooltip_font{
    font-family: Verdana, sans-serif;
    font-size: 12px;
}

/* ------------------------- freakz boss timers ------------------------- */
.mainbox_freakz_boss_timers
{
    width: 670px;
    border: 1px solid #515151;
    margin-bottom: 5px;
    text-align: center;
}

.imagebox_freakz_boss_timers
{
    float: left;
    position: relative;
    top: 4px;
    left: 4px;
    width: 70px;
}

.writebox_freakz_boss_timers
{
    width: 540px;
    float: left;
    font-weight: bold;
}

.players_freakz_boss_timers
{
    width: 50px;
    float: left;
}

/* ------------------------- page specific ------------------------- */

/* ----- char inventory ----- */
tr td.bag div, tr td.bank div {
    background-color:#242424;
    background-image:url("../../img/INV/Slot_Bag.gif");
    background-repeat:repeat;
    border:0 none;
    margin:2px;
    position:relative;
}
tr td.bag div.no_slot, tr td.bank div.no_slot {
    background-image:url(../../img/INV/Slot_Bag_Out.gif);
    height:41px;
    margin:0;
    position:absolute;
    width:86px;
}
tr td.bank div.no_slot {
    background-image:url(../../img/INV/Slot_Bank_Out.gif);
}
tr td.bank div {
    background-color:#858585;
    background-image:url(../../img/INV/Slot_Bank.gif);
}
tr td.bag div div img, tr td.bank div div img {
    border:0 none;
    height:35px;
    padding:1px;
    width:35px;
}
table.lined td.head {
    border-bottom:3px solid #383838;
    border-top:3px solid #383838;
    font-weight:bold;
    padding:20px 5px 2px;
}
table.lined {
    border-collapse:collapse;
    text-align:center;
    width:770px;
}
table.lined td.hidden {
    background-color:transparent;
}
table.lined, table.lined td, table.lined td.hidden {
    border-bottom:1px solid #111111;
    border-top:1px solid #191919;
    padding:5px;
}
tr td.bag div div, tr td.bank div div {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent none repeat scroll 0 0;
    position:absolute;
}
table.lined tr th {
    background-color:#111111;
    color:#FFFFFF;
    font-size:11px;
    font-weight:bold;
    padding:5px;
}
img.bag_icon {
    border:1px solid #585858;
    float:left;
    height:24px;
    margin-left:5px;
    width:24px;
}
.small {
    font-size:8px;
}

/* ------------------------- vote ------------------------- */
.voteRewardBox
{
    width: 500px;
    border: 1px solid #515151;
    margin-bottom: 5px;
    height: 59px;
}
.voteRewardBox:hover, .voteRewardBoxAlreadyOwned:hover
{
    background-color: #262626 !important;
}
.voteRewardBoxAlreadyOwned
{
    background-color: #000000 !important;
}

/* ------------------------- icons ------------------------- */
.iconStar, .iconStar2
{
    width: 12px;
    height: 12px;
    background-image: url(/img/icon_star_circle.png);
    background-size: cover;
    display: inline-block;
    position: relative;
    top: 1px;
}

.iconStar2
{
    top: 2px;
}

/* ------------------------- live background ------------------------- */
.liveBgVideo
{
    width: 100%;
}
.liveBgContainer
{
    position: fixed;
    left: 0;
    top: 156px;
    width: 100%;
    overflow: hidden;
    z-index: 0;
}

/* ------------------------- stylish radio boxes ------------------------- */
ul {
    padding: 0 0 0 10px;
}
ul li {
    color: #FFFFFF;
    display: block;
    position: relative;
}
ul li input[type=radio] {
    position: absolute;
    visibility: hidden;
}
ul li label {
    display: block;
    position: relative;
    padding: 0 0 0 25px;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
}
ul li:hover label {
    color: #28A4D7;
}
ul li .check {
    display: block;
    position: absolute;
    border: 3px solid #FFFFFF;
    border-radius: 100%;
    height: 10px;
    width: 10px;
    top: 0px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}
ul li:hover .check {
    border: 3px solid #28A4D7;
}
ul li .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 4px;
    width: 4px;
    top: 3px;
    left: 3px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}
input[type=radio]:checked ~ .check {
    border: 3px solid #0DFF92;
}
input[type=radio]:checked ~ .check::before {
    background: #0DFF92;
}
input[type=radio]:checked ~ label {
    color: #0DFF92;
}

/* ------------------------- other ------------------------- */
.pollContainer  {
    width: 330px;
    background-color: red;
    height: 5px;
    position: relative;
    left: 15px;
}
.pollBar {
    background-color: lime;
    height : 5px;
}

.gray_bottom_border{border-bottom: 1px solid #AAAAAA;}
.dark_gray_bottom_border{border-bottom: 1px solid #3C3C3C;}
.left_align{text-align: left;}

.horizontalLine
{
    width: 600px;
    height: 24px;
    background-image: url(/img/horizontal_line.png);
    background-size: cover;
    display: block;
}

.itemLarge
{
    background-repeat: no-repeat;
    position: absolute;
    left: 0px;
    width: 60px;
    height: 51px;
}
.itemLargeContainer
{
    position: relative;
    height: 51px;
    white-space: nowrap;
}
.itemLargeInnerContainer
{
    position: absolute;
    left: 55px;
}
.itemLargeInnerContainerNoNameBox
{
    width: 100%;
}
.itemLargeName
{
    position: relative;
    top: 13px;
}
.itemLargeDescription, .itemLargeDescriptionFaction
{
    position: absolute;
    top: -12px;
    right: 0px;
}
.itemLargeDescriptionFaction
{
    top: -14px !important;
}
.itemLargeDescriptionNoNameBox
{
    position: absolute;
    right: 61px;
}
.itemLargeClasses
{
    position: relative;
    top: 16px;
}
.itemLargeFactionIcon
{
    width: 16px;
    height: 16px;
}
.itemLargeStacking
{
    position: absolute;
    font-size: 12px;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    bottom: 4px;
    color: white;
}
.itemLargeNameBox
{
    background-color: #141414;
    padding: 0 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    min-height: 50px;
}
a.itemLargeLink
{
    display: inline-block;
}

.wowIconLarge:hover
{
    background: url(/img/chenar_highlight_large.png) no-repeat 0 0;
    background-size: 51px 51px;
}

.spellLargeName
{
    position: relative;
    top: 18px;
}

.topWarning
{
    width: 935px;
    margin: 0px auto;
    padding: 8px;
    position: relative;
    top: 17px;
    font-size: 14px;
    text-align: center;
    border: 1px solid #616161;
    background-color: #212121;
}

.itemSmall
{
    position: relative;
    top: 4px;
    width: 16px;
    height: 16px;
}

.itemMedium
{
    position: relative;
    top: 5px;
    width: 24px;
    height: 24px;
}

.itemClasses
{
    position: absolute;
    left: 65px;
    max-width: 400px;
}

.itemDescription
{
    position: relative;
    right: 5px;
    top: -30px;
    text-align: right;
}

.iconPadder
{
    position: relative;
    top: -20px;
    left: 5px;
}

#img_map {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    position: absolute;
}

.quickFactsBox {
    float: right;
    background-color: #161616;
    border: 1px solid #333333;
    border-radius: 5px;
    box-shadow: 0 0 15px #000;
    padding: 10px;
}

.quickFactsBoxItemFinder {
    max-width: 170px;
}

.quickFactsTextHead {
    color: white;
    font-size: 18px;
    font-weight: normal;
    text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.4);
}

.itemFinderTooltip {
    margin-left: 50px;
}
.itemFinderIcon {
    background-repeat: no-repeat;
    float: left;
    width: 60px;
    height: 51px;
    position: relative;
    left: -10px;
    top: 3px;
}

.commentFinders li {
    display: list-item !important;
}

.commentFinders hr {
    background: #555;
    border: none;
    color: #555;
    height: 1px;
    margin-bottom: 13px;
    margin-top: 13px;
}

.tableBBcode, table.grid {
    border: 0px;
}

.tableBBcode td, table.grid td {
    border: 0.1px solid #414141;
}

.positionStaticImportant {
    position: static !important;
}

.viewerSmall {
    background-size: 4104px !important;
}
.modelSmall, .viewerSmall, .loadingSmall {
    width: 170px !important;
    height: 170px !important;
}

a.textShadow, .textShadow {
    text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.4);
}

.screenshot {
    max-width: 170px;
    max-height: 170px;
}

.wowhead-tooltip td, .wowhead-tooltip th
{
    background-position: -10px !important;
}
.wowhead-tooltip
{
    border: 1px solid #696969 !important;
}