/********
 * Obecne veci - globalni pro celou stranku
 ********/

/* hlavni font */
@font-face
{
    font-family: 'newCalibri';
    src: url('../fonts/calibri.ttf');
}

html
{
    padding: 0;
    margin: 0;
}

body
{
    background: black;
    font-family: 'newCalibri', 'Calibri', 'Arial';
    font-size: 15px;
    color: rgb(223,172,0);
    margin: 0px;
    padding: 0px;
}

p a
{
    text-decoration: underline;
}

/* "zare" za kazdym H2 a H3 nadpisem */
h2, h3
{
    text-shadow: 0 0 5px rgb(230, 100, 0);
}

h3.title
{
    margin-bottom: 0.5em;
}

h1.hidden, h2.hidden
{
    display: none;
}

h2
{
    font-size: 34px;
    margin-top: 0.6em;
    margin-bottom: 0.5em;
    width: 100%;
    height: 47px;
    padding-top: 5px;
    color: rgb(230, 140, 0);
    background: url('../images/autorepeat_bottom.png') repeat-x;
}

/* odkazy stejne barevne jako text */
a, a:visited, a:active
{
    color: rgb(223,172,0);
    text-decoration: none;
}

/* flash zpravicky */
div.flash
{
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -150px;
    margin-top: -50px;
    color: black;
    background: #FFF9D7;
    border: 1px solid #E2C822;
    padding: 1em;
    text-align: center;
    z-index: 100;
}
/* zpravicka pro uspech */
div.flash.success
{
    background: #B2EFB2;
    border: 1px solid #8ACF49;
}
/* zpravicka pro chybu */
div.flash.error
{
    background: #ffaa99;
    border: 1px solid #D88080;
}

/* chybny odkaz (generovano primo backendem) */
a[href^="error:"]
{
    color: red;
}

/* prestylovani textovych vstupu */
input[type^="text"], input[type^="password"]
{
    height: 18px;
    border: solid 1px rgb(123,72,0);
    border-radius:3px;
    -moz-border-radius:3px;
    background-image: linear-gradient(to bottom, #000000 0%, rgb(123,72,0) 51%, rgb(123,72,0) 51%, #0a0809 100%);
    background: -moz-linear-gradient(top, #000000 0%, rgb(83,32,0) 51%, rgb(83,32,0) 51%, #0a0809 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(0,0,0)), color-stop(51%,rgb(83,32,0)), color-stop(51%,rgb(83,32,0)), color-stop(100%,#0a0809));

    color: rgb(223,172,0);
}

/* ne-tinyMCE textarea */
textarea
{
    border: solid 1px rgb(123,72,0);
    border-radius:3px;
    -moz-border-radius:3px;
    background-image: linear-gradient(to bottom, #000000 0%, rgb(123,72,0) 51%, rgb(123,72,0) 51%, #0a0809 100%);
    background: -moz-linear-gradient(top, #000000 0%, rgb(83,32,0) 51%, rgb(83,32,0) 51%, #0a0809 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(0,0,0)), color-stop(51%,rgb(83,32,0)), color-stop(51%,rgb(83,32,0)), color-stop(100%,#0a0809));

    color: rgb(223,172,0);
}

/* prestylovani checkboxu - bude fungovat jen v IE a v Opere */
input[type^="checkbox"]
{
    border: solid 1px rgb(123,72,0);
    border-radius:3px;
    -moz-border-radius:3px;
    background-image: linear-gradient(to bottom, #000000 0%, rgb(123,72,0) 51%, rgb(123,72,0) 51%, #0a0809 100%);
    background: -moz-linear-gradient(top, #000000 0%, rgb(83,32,0) 51%, rgb(83,32,0) 51%, #0a0809 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(0,0,0)), color-stop(51%,rgb(83,32,0)), color-stop(51%,rgb(83,32,0)), color-stop(100%,#0a0809));

    color: rgb(223,172,0);
}

/* prestylovani tlacitek */
button, input[type^="submit"]
{
    padding: 8px 20px 8px 20px;
    border: solid 1px rgb(83,32,0);
    color: rgb(223,172,0);
    border-radius:5px;
    -moz-border-radius:5px;
    background-image: linear-gradient(to bottom, #000000 0%, rgb(123,72,0) 51%, rgb(123,72,0) 51%, #0a0809 100%);
    background: -moz-linear-gradient(top, #000000 0%, rgb(123,72,0) 51%, rgb(123,72,0) 51%, #0a0809 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(0,0,0)), color-stop(51%,rgb(83,32,0)), color-stop(51%,rgb(83,32,0)), color-stop(100%,#0a0809));
    cursor: pointer;
}

/* hover pseudoclass tlacitek */
button:hover, input[type^="submit"]:hover
{
    border: solid 1px rgb(103,52,0);
}

.mce-tinymce button:hover
{
    border: none !important;
}

/* obal celeho obsahu */
#site_wrapper
{
    width: 1200px;
    margin: auto;
    height: 100%;
    background: url('../images/body_background.png') repeat-y;
    overflow: auto;
}

/* obal vlastniho obsahu - odsazeny kvuli ramecku */
#site_content_wrapper
{
    width: 1184px;
    margin-left: 8px;
    height: 100%;
}

/* obal hlavicky - wrapper pro status + container */
#header_wrapper
{
    width: 1184px !important;
    height: 285px !important;
    float: left;
    clear: both;
}

/* header (Deathwing a ohen za nim)
   slouzi jako container ostatnich prvku! */
#header_container
{
    background: url('../images/header.png') no-repeat left top;
    /*background-size: contain;*/
    width: 1184px !important;
    height: 285px;

    /* slouzi jako prekryvna vrstva pro status */
    position: relative;
    top: 0;
    left: 0;
}

/* napis "iCe Online free WoW server" */
#header_title
{
    background: url('../images/logo.png') no-repeat left top;
    /*background-size: contain;*/
    width: 486px !important;
    height: 132px !important;

    margin-top: 20px;
    margin-right: 15px;

    float: right;
    clear: both;
}

/* odrazeni statusu nize */
#header_status_padding
{
    height: 196px;
    width: 1184px;
    float: right;
}

/* wrapper pro pole s jazyky */
#header_languages
{
    width: 60px;
    height: 14px;
    margin-right: 10px;
    margin-top: 25px;
    float: right;
    clear: both;
}

/* obrazky jazyku */
#header_languages img
{
    margin-left: 5px;
    float: right;
}

/* ikonka pro rozbaleni rozsireneho statusu serveru */
#header_infobar_icon
{
    margin-top: 25px;
    margin-right: 10px;
    background: url('../images/infobutton.png') no-repeat;
    width: 44px;
    height: 44px;
    float: right;
    clear: both;
}

/* ikonka pro sbaleni rozsireneho statusu serveru zpatky */
#header_infobar_icon.active
{
    background: url('../images/infobutton_active.png') no-repeat;
}

/* status serveru (lista) */
#header_status
{
    background: url('../images/header_status.png') no-repeat right bottom;
    /*background-size: contain;*/
    width: 1184px !important;
    height: 270px !important;
    margin-bottom: -270px;

    position: relative;
    top: 0;
    right: 0;

    float: right;
}

/* "bunka" s textem statusu serveru */
.header_status_cell
{
    min-width: 80px;
    margin-left: 20px;
    float: right;

    padding-top: 24px;
}

/* korekce posunuti statusu (obrazkove vyjadreni "online" / "offline") */
.header_status_cell .on_off_status
{
    margin: 0 0 0 -13px;
}

/* korekce posunuti textu "hracu online" */
.header_status_cell .players_online_img
{
    margin: 0 0 0 -5px;
}

/* korekce posunuti cislic */
.header_status_cell .digit
{
    margin: -3px -7px 0 -7px;
}

/* tabulka (napr. s resety instanci, loterii, ..) v rozsirenem statusu */
#header_infobar_dialog_table
{
    margin: auto;
}

/* bunka tabulky v rozsirenem statusu */
#header_infobar_dialog_table td
{
    padding-right: 20px;
    text-align: left;
}

/* krizek pro zavreni zpravicky */
.flashclose
{
    margin-top: 10px;
    color: black;
    text-align: center;
    text-decoration: underline;
}

/* obalovy element pro cas resetu */
.reset_times_wrapper
{
    padding-top: 15px;
    float: left;
    width: 100%;
}

/* text for showing more from changelog */
.changelog_nexttext
{
    float: right;
    text-align: right;
    padding-top: 7px;
    padding-right: 15px;
}

/* drobny text v paticce */
.small_footertext
{
    font-size: 10px;
}

/* panel s menu (jeho wrapper) */
#menu_wrapper
{
    float: left;
    clear: both;
    width: 270px;
    padding-top: 60px;
    margin-bottom: 50px;
}

/* separator polozek v menu, momentalne vyuziti jako "obal" kolem nadpisu menu */
.menu_separator
{
    background: url('../images/menu_separator.png') no-repeat center center;
    width: 180px;
    height: 7px;

    margin: auto;
}

/* titulek "MENU" */
#menu_title
{
    background: url('../images/menu_title.png') no-repeat center center;
    width: 130px;
    height: 49px;

    margin: auto;
}

/* titulek "NASTROJE", rodic nasledujicich */
#tools_title
{
    margin: auto;
}
/* titulek "NASTROJE" - ceska varianta */
#tools_title.cs
{
    background: url('../images/tools_cs_title.png') no-repeat center center;
    width: 145px;
    height: 49px;
}
/* titulek "NASTROJE" - anglicka varianta */
#tools_title.en
{
    background: url('../images/tools_en_title.png') no-repeat center center;
    width: 103px;
    height: 49px;
}

/* titulek "CHANGELOG" */
#changelog_title
{
    margin: auto;
    background: url('../images/changelog_title.png') no-repeat center center;
    width: 173px;
    height: 42px;
}

/* prazdny prostor v menu pro oddeleni sekci */
.menu_spacing
{
    width: 150px;
    height: 15px;
    margin: auto;
}

/* polozka menu (jeden odkaz) */
.menu_item
{
    width: 150px;
    height: 20px;

    font-size: 16px;
    color: rgb(220, 181, 0);
    text-shadow: 0 0 5px rgb(230, 100, 0);

    text-align: center;
    margin: auto;

    margin-bottom: 10px;
}
/* zmena po najeti mysi */
.menu_item:hover
{
    color: rgb(250, 0, 0);
    text-shadow: 0 0 5px rgb(230, 50, 0);
}

/* wrapper pro vlastni obsah */
#content_wrapper
{
    width: 820px;
    float: left;
    padding: 40px 40px 0 50px;
}

/* paticka */
#footer_wrapper
{
    background: url('../images/footer.png') no-repeat 100% 100%;
    background-size: 100%;
    width: 100%;
    height: 178px;
    float: left;
    clear: both;

    padding-top: 90px;
    text-align: center;
    font-size: 12px;
    color: #553300;
    line-height: 1.3em;
}

/* odkazy v paticce budou podtrzene */
#footer_wrapper a
{
    color: #553300;
    text-decoration: underline;
}

/* obrazek v paticce bude trochu odsazeny */
#footer_wrapper img
{
    margin-top: 8px;
}

/* oznaceni povinne polozky */
.required_mark
{
    color: red;
}

/********
 * Login a registrace
 ********/

/* roztazeni tabulky pres celou sirku */
#signTable
{
    width: 100%;
}

/* v prihlasovaci tabulce bude defaultne vsechno na stredu */
#signTable td
{
    text-align: center;
    padding: 5px;
}

/* v levych bunkach zarovnat text doprava */
#signTable td.left
{
    width: 40%;
    text-align: right;
}

/* v pravych bunkach zarovnat text doleva */
#signTable td.right
{
    width: 40%;
    text-align: left;
}

/********
 * Admin panel
 ********/

/* vsechny tabulky v admin sekci budou roztazene */
#adminPanelTable
{
    width: 100%;
}

/* vychozi velikost bunek bude 40% sirky rodice */
#adminPanelTable td
{
    width: 40%;
    padding-right: 10px;
}

/* to same s hlavickami tabulek */
#adminPanelTable th
{
    width: 40%;
    padding-right: 10px;
    text-align: left;
    font-size: 20px;
}

/* specialni druh odsazene bunky */
#adminPanelTable tr.padded td
{
    padding-bottom: 20px;
}

/* v novinkach (seznamu novinek) a ve statickych strankach bude bunka skalovat automaticky dle velikosti */
#adminPanelTable.news td, #adminPanelTable.news th, #adminPanelTable.static td, #adminPanelTable.static th, #adminPanelTable.users td, #adminPanelTable.users th
{
    width: auto;
}

/* v tabulkach v admin sekci budou podtrzene odkazy */
#adminPanelTable a
{
    text-decoration: underline;
}

/* odstavce v admin sekci budou kurzivou a 12px velkym pismem */
#adminPanelTable p
{
    font-style: italic;
    font-size: 12px;
}

/* roztazeni textovych poli na celou sirku rodice */
#adminPanelTable input[type^="text"]
{
    width: 100%;
}
#adminPanelTable textarea
{
    width: 100%;
}

/* box s ikonkami changelogu */
#chlogiconbox
{
    padding-top: 10px;
    padding-bottom: 10px;
}

/* obrazek v boxu s ikonkami changelogu */
#chlogiconbox img
{
    width: 32px;
    height: 32px;
    float: left;
    margin-left: 15px;
    margin-bottom: 15px;
    border: 2px solid black;
}
#chlogiconbox img.selected
{
    border: 2px solid #AC3795;
}

/********
 * Titulni strana
 ********/

/* titulek novinky, plati i pro odkaz, ktery z ni vede na detail */
#newsWrapper .title, #newsWrapper .title a
{
    width: 100%;
    font-size: 24px;
    color: rgb(233,142,0);
    text-shadow: 0 0 5px rgb(230, 100, 0);
}

/* styl datumu a autora novinky */
#newsWrapper .date_author
{
    width: 100%;
    font-style: italic;
    font-size: 13px;
}

/* vlastni obsah novinky */
#newsWrapper .content
{
    width: 100%;
    padding: 5px;
}

/* text "cist dale" a "zpet na hlavni stranu" */
#newsWrapper .readmore
{
    width: 100%;
    font-style: italic;
    text-decoration: underline;
}

/* mezera mezi novinkami */
#newsWrapper .spacing
{
    width: 100%;
    height: 24px;
}

/* strankovac novinek na hlavni strane */
#newsWrapper .paginator .navigate
{
    font-style: italic;
    font-size: 13px;
    text-decoration: underline;
}

/* text "predchozi strana" */
#newsWrapper .paginator .navigate.left
{
    text-align: left;
    float: left;
}

/* text "dalsi strana" */
#newsWrapper .paginator .navigate.right
{
    text-align: right;
    float: right;
}

/********
 * Rozsireny status
 ********/

/* hlavni wrapper informacniho panelu */
#header_infobar_main
{
    width: 440px;
    height: 280px;
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -220px;
    z-index: 99;

    background: url('../images/infopanel_top.png') top left no-repeat;
    background-color: #000000;
}

/* sekundarni wrapper informacniho panelu */
#header_infobar_content
{
    width: 440px;
    height: 280px;
    background: url('../images/infopanel_bottom.png') bottom left no-repeat;
}

/* prekryvna vrstva pres zbytek obrazovky */
#infobar_blackout
{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000000;
    opacity: 0.6;
    z-index: 89;

    display: none;
}

/* ikonka pro zavreni rozsireneho statusu */
#header_infobar_close
{
    width: 28px;
    height: 28px;
    background: url('../images/dialog_close.png') top right no-repeat;
    float: right;
    clear: both;
    margin-top: 5px;
}

/* container vlastniho obsahu rozsireneho statusu */
#header_infobar_container
{
    float: left;
    clear: both;
    padding: 5px 15px 15px 15px;
    width: 410px;
    text-align: center;
}

/* korekce posunuti textu "hracu online" v rozsirenem statusu */
#header_infobar_content .players_online_img
{
    margin: 0 -10px 0 -5px;
}

/* korekce posunuti cislic v rozsirenem statusu */
#header_infobar_content .digit
{
    margin: -3px -7px 0 -7px;
}

/* korekce posunuti cislic v rozsirenem statusu - drobna cisla */
#header_infobar_content .digit.small
{
    margin: -3px -5px 0 -5px;
}

/* symbol procenta */
#header_infobar_content .percent
{
    margin: 0px -7px 2px -7px;
}

/* progress bar aliance a hordy vc. ikonek */
#header_infobar_content .progressbar
{
    width: 336px;
    height: 18px;
    margin: 12px auto 12px auto;
}

/* rodicovska trida frakcni ikonky */
#header_infobar_content .fraction_icon
{
    float: left;
    width: 16px;
    height: 16px;
    border: 1px solid black;
}

/* frakcni ikonka aliance */
#header_infobar_content .fraction_icon.alliance
{
    background: url('../images/icon_alliance.png') no-repeat;
}

/* frakcni ikonka hordy */
#header_infobar_content .fraction_icon.horde
{
    background: url('../images/icon_horde.png') no-repeat;
}

/* rodicovska trida pro progress bar */
#header_infobar_content .progress
{
    width: 146px;
    height: 14px;
    float: left;
    margin-top: 3px;
}

/* progress bar aliance */
#header_infobar_content .progress.alliance
{
    background: url('../images/progress_alliance.png') repeat-x;
}

/* prechod progress baru mezi sebou */
#header_infobar_content .progress.transition
{
    width: 8px;
    height: 20px;
    margin-top: -1px;
    background: url('../images/progress_transition.png') no-repeat;
}

/* progress bar hordy */
#header_infobar_content .progress.horde
{
    background: url('../images/progress_horde.png') repeat-x;
}

/* "textova" informace o poctu hracu vlevo (ali) */
#header_infobar_content .percentinfo_left
{
    width: 100px;
    float: left;
    text-align: left;
    padding-left: 20px;
}

/* "textova" informace o poctu hracu vpravo (horda) */
#header_infobar_content .percentinfo_right
{
    width: 100px;
    float: right;
    text-align: right;
    padding-right: 20px;
}

/* container jednoho zaznamu changelogu */
.changelog_box
{
    width: 190px;
    padding-left: 50px;
    margin: 8px 0 0 0;
    float: left;
}

/* ikonka zaznamu changelogu */
.changelog_box img
{
    width: 18px;
    height: 18px;
    margin: 5px 0 0 0;
    float: left;
}

/* leva strana boxu changelogu */
.changelog_box .left
{
    width: 26px;
    height: 26px;
    float: left;
}
/* prava strana boxu changelogu */
.changelog_box .right
{
    width: 160px;
    float: left;
}

/* titulek changelogu */
.changelog_box .title
{
    color: #E29812;
    font-size: 12px;
    float: left;
}

/* podtitulek (info) changelogu */
.changelog_box .subtitle
{
    color: #B29812;
    font-size: 10px;
    float: left;
    clear: both;
}

/********
 * Changelog velky
 ********/

/* velky box changelogu */
.changelog_box_big
{
    width: 100%;
    float: left;
    margin-top: 25px;
}

/* levy sloupec s ikonou */
.changelog_box_big .left
{
    width: 70px;
    height: 100%;
    float: left;
}

/* ikona a omezeni velikosti */
.changelog_box_big .left img
{
    width: 38px;
    height: 38px;
}

/* obsah changelogu - titulek a popis */
.changelog_box_big .right
{
    width: 730px;
    height: 100%;
    float: left;
}

/* titulek changelogu ve velkem boxu */
.changelog_box_big .title
{
    color: #E29812;
    width: 100%;
    font-size: 16px;
    float: left;
}

/* kategorie v titulku changelogu */
.changelog_box_big .title_cat
{
    color: #926812;
    font-size: 12px;
}

/* podtitulek (info) changelogu ve velkem boxu */
.changelog_box_big .subtitle
{
    color: #B29812;
    width: 100%;
    font-size: 12px;
    float: left;
    clear: both;
}

/* ikonka wowheadu */
.wowhead_right_icon
{
    width: 16px;
    height: 16px;
    float: right;

    background: url('../images/wowhead.png') no-repeat top right;
    margin-right: 10px;
}

/* ikonka openwowu */
.openwow_right_icon
{
    width: 16px;
    height: 16px;
    float: right;

    background: url('../images/openwow.png') no-repeat top right;
    margin-right: 10px;
}

/* obal strankovace pro changelog */
#changelogPaginator
{
    width: 98%;
    padding-top: 30px;
    float: left;
}

/* strankovac novinek na hlavni strane */
#changelogPaginator .navigate
{
    font-style: italic;
    font-size: 13px;
    text-decoration: underline;
}

/* text "predchozi strana" */
#changelogPaginator .navigate.left
{
    text-align: left;
    float: left;
}

/* text "dalsi strana" */
#changelogPaginator .navigate.right
{
    text-align: right;
    float: right;
}

/********
 * Statistiky
 ********/

/* ikona PvP statistik */
#stats_icon_pvp
{
    width: 220px;
    height: 315px;
    float: left;
    margin-left: 120px;
    margin-top: 100px;
    background: url('../images/pvp_stats_icon.png') no-repeat top left;
}
/* titulek PvP statistik */
#stats_icon_pvp .title
{
    width: 96px;
    height: 50px;
    margin: 230px auto 0 auto;
    background: url('../images/pvp_stats_title.png') no-repeat top left;
}

/* ikona obecnych statistik */
#stats_icon_general
{
    width: 220px;
    height: 315px;
    float: left;
    margin-left: 120px;
    margin-top: 100px;
    background: url('../images/general_stats_icon.png') no-repeat top left;
}
/* titulek obecnych statistik cesky */
#stats_icon_general .title_cs
{
    width: 177px;
    height: 50px;
    margin: 230px auto 0 auto;
    background: url('../images/general_stats_title_cs.png') no-repeat top left;
}
/* titulek obecnych statistik anglicky */
#stats_icon_general .title_en
{
    width: 177px;
    height: 50px;
    margin: 230px auto 0 auto;
    background: url('../images/general_stats_title_en.png') no-repeat top left;
}

/* nabidka v "menu" u PvP statistik */
.pvp_stat_cell
{
    width: 25%;
    box-sizing: border-box;
    height: 38px;
    text-align: center;
    float: left;
    padding-top: 5px;
    border-right: 1px solid black;
    background-image: linear-gradient(to bottom, #000000 0%, rgb(40, 40, 40) 70%, rgb(40, 40, 40) 70%, #0a0809 100%);
    background: -moz-linear-gradient(top, #000000 0%, rgb(40, 40, 40) 70%, rgb(40, 40, 40) 70%, #0a0809 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(0,0,0)), color-stop(70%,rgb(40, 40, 40)), color-stop(70%,rgb(40, 40, 40)), color-stop(100%,#0a0809));
}
/* vybrana bunka */
.pvp_stat_cell.selected
{
    background-image: linear-gradient(to bottom, #000000 0%, rgb(66, 66, 36) 70%, rgb(66, 66, 36) 70%, #0a0809 100%);
    background: -moz-linear-gradient(top, #000000 0%, rgb(66, 66, 36) 70%, rgb(66, 66, 36) 70%, #0a0809 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(0,0,0)), color-stop(70%,rgb(66, 66, 36)), color-stop(70%,rgb(66, 66, 36)), color-stop(100%,#0a0809));
}

/* zalozka PvP statistik */
.pvp_stat_tab
{
    float: left;
    clear: both;
    width: 100%;
    padding-top: 20px;
    box-sizing: border-box;
}
/* vsechny krom vychozi jsou normalne skryty, a nasledne odkryty na pozadani */
.pvp_stat_tab.tab
{
    display: none;
}

/* tabulka se statistikami aren */
.arena_stat_table
{
    width: 100%;
    box-sizing: border-box;
    border-collapse: collapse;
}

/* bunka hlavicky tabulky */
.arena_stat_table th, #ratedbg_stat_table th
{
    font-weight: normal;
    font-size: 12px;
    height: 24px;
    color: #FF8812;
    text-align: left;
    padding-left: 4px;
    background-image: linear-gradient(to bottom, #000000 0%, rgb(36, 36, 36) 70%, rgb(36, 36, 36) 70%, #0a0809 100%);
    background: -moz-linear-gradient(top, #000000 0%, rgb(36, 36, 36) 70%, rgb(36, 36, 36) 70%, #0a0809 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(0,0,0)), color-stop(70%,rgb(36, 36, 36)), color-stop(70%,rgb(36, 36, 36)), color-stop(100%,#0a0809));
    cursor: pointer;
}

/* bezna bunka tabulky */
.arena_stat_table td, #ratedbg_stat_table td
{
    padding: 2px 10px 2px 0;
}

/* obrazek v tabulce (rasa, class, frakce) */
.arena_stat_table .raceclassimg, #ratedbg_stat_table .raceclassimg
{
    float: right;
    margin-right: 5px;
}

/* tabulka statistik rated BG */
#ratedbg_stat_table
{
    width: 300px;
    margin: auto;
}

/* nabidka v "menu" u obecnych statistik */
.gen_stat_cell
{
    width: 160px;
    height: 38px;
    text-align: center;
    float: left;
    padding-top: 5px;
    border-right: 1px solid black;
    background-image: linear-gradient(to bottom, #000000 0%, rgb(40, 40, 40) 70%, rgb(40, 40, 40) 70%, #0a0809 100%);
    background: -moz-linear-gradient(top, #000000 0%, rgb(40, 40, 40) 70%, rgb(40, 40, 40) 70%, #0a0809 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(0,0,0)), color-stop(70%,rgb(40, 40, 40)), color-stop(70%,rgb(40, 40, 40)), color-stop(100%,#0a0809));
}
/* vybrana bunka */
.gen_stat_cell.selected
{
    background-image: linear-gradient(to bottom, #000000 0%, rgb(66, 66, 36) 70%, rgb(66, 66, 36) 70%, #0a0809 100%);
    background: -moz-linear-gradient(top, #000000 0%, rgb(66, 66, 36) 70%, rgb(66, 66, 36) 70%, #0a0809 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(0,0,0)), color-stop(70%,rgb(66, 66, 36)), color-stop(70%,rgb(66, 66, 36)), color-stop(100%,#0a0809));
}

/* zalozka obecnych statistik */
.gen_stat_tab
{
    float: left;
    clear: both;
    width: 800px;
    padding-top: 20px;
}
/* vsechny krom vychozi jsou normalne skryty, a nasledne odkryty na pozadani */
.gen_stat_tab.tab
{
    display: none;
}

/* tabulka se statistikami obecnych veci */
.gen_stat_table
{
    width: 400px;
    margin: auto;
    border-collapse: collapse;
}

/* bunka hlavicky tabulky */
.gen_stat_table th
{
    font-weight: normal;
    font-size: 12px;
    height: 24px;
    color: #FF8812;
    text-align: left;
    padding-left: 4px;
    background-image: linear-gradient(to bottom, #000000 0%, rgb(36, 36, 36) 70%, rgb(36, 36, 36) 70%, #0a0809 100%);
    background: -moz-linear-gradient(top, #000000 0%, rgb(36, 36, 36) 70%, rgb(36, 36, 36) 70%, #0a0809 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(0,0,0)), color-stop(70%,rgb(36, 36, 36)), color-stop(70%,rgb(36, 36, 36)), color-stop(100%,#0a0809));
    cursor: pointer;
}

/* bezna bunka tabulky */
.gen_stat_table td
{
    padding: 2px 10px 2px 0;
}

/* obrazek v tabulce (rasa, class, frakce, profese, ..) */
.gen_stat_table .raceclassimg
{
    float: right;
    margin-right: 5px;
}

/* zprava o poslednim update statistik */
.lastupdate_note
{
    float: right;
    clear: both;
    margin-top: 30px;
    font-size: 10px;
    color: #9F4808;
}

/* jedna radka v instance dispatcheru (2 tlacitka) */
.instances_img_row
{
    width: 800px;
    height: 300px;
    float: left;
    clear: both;
}

/* obrazek (obalova trida) jedne sekce */
.instances_img
{
    width: 240px;
    min-height: 195px;
    float: left;
    margin-top: 60px;
    margin-left: 100px;
    overflow: auto;
    background-repeat: no-repeat;
}

.instances_img.dungeon
{
    background-image: url('../images/img_dungeon.png');
}
.instances_img.raid
{
    background-image: url('../images/img_raid.png');
}
.instances_img.pvp
{
    background-image: url('../images/img_pvp.png');
}
.instances_img.other
{
    background-image: url('../images/img_other.png');
}

/* text jako popisek obrazku (v jeho divu) */
.instances_text
{
    margin: 200px auto 0 auto;
}

.instances_text.dungeon.cs
{
    background-image: url('../images/text_dungeons_cs.png');
    width: 213px;
    height: 56px;
}
.instances_text.dungeon.en
{
    background-image: url('../images/text_dungeons_en.png');
    width: 206px;
    height: 50px;
}
.instances_text.raid.cs
{
    background-image: url('../images/text_raids_cs.png');
    width: 128px;
    height: 55px;
}
.instances_text.raid.en
{
    background-image: url('../images/text_raids_en.png');
    width: 122px;
    height: 51px;
}
.instances_text.pvp
{
    background-image: url('../images/text_pvp.png');
    width: 95px;
    height: 50px;
}
.instances_text.other.cs
{
    background-image: url('../images/text_other_cs.png');
    width: 167px;
    height: 50px;
}
.instances_text.other.en
{
    background-image: url('../images/text_other_en.png');
    width: 137px;
    height: 50px;
}
.instances_text.special
{
    background-image: url('../images/text_special.png');
    width: 153px;
    height: 50px;
}

.instances_wowversion_wrapper
{
    width: 780px; /* 436px */
    height: 80px;
    margin: 30px 0 20px 20px;
    padding-left: 178px;
    background-image: url('../images/datadisk_bg.png');
    background-repeat: no-repeat;
}

.instances_wowversion
{
    width: 64px;
    height: 64px;
    float: left;
    margin-left: 60px;
}

.instances_wowversion.vanilla
{
    background-image: url('../images/wow_vanilla.png');
    margin-left: 0px;
}
.instances_wowversion.bc
{
    background-image: url('../images/wow_bc.png');
}
.instances_wowversion.wotlk
{
    background-image: url('../images/wow_wotlk.png');
}
.instances_wowversion.cata
{
    background-image: url('../images/wow_cata.png');
}

/* rodic tooltipu - kvuli pseudoclasse :hover */
.tooltip_parent
{
}

/* samotny tooltip */
.tooltip
{
    display: none;
    padding: 5px 7px 7px 7px;
    background-color: #111111;
    border: 1px solid rgb(103,62,0);
    z-index: 999;
    border-radius: 0 6px 6px 6px;
    font-size: 12px;
    color: rgb(180,122,0);
}

/* pseudoclass rodice tooltipu - po ukazani na nej se ukaze tooltip */
.tooltip_parent:hover .tooltip
{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.instance_table
{
    width: 550px;
    margin: auto;
    border-collapse: collapse;
    display: none;
}

.instance_table.visible
{
    display: table;
}

.instance_table th
{
    border-bottom: 1px solid rgb(153,82,0);
    padding: 8px;
    font-weight: normal;
    font-size: 16px;
    color: rgb(193,102,0);
    text-align: center;
    background-image: linear-gradient(to bottom, #000000 0%, rgb(63,22,0) 100%);
    background: -moz-linear-gradient(top, #000000 0%, rgb(63,22,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(0,0,0)), color-stop(100%,rgb(63,22,0)));
}

.instance_table td
{
    border-bottom: 1px solid rgb(103,62,0);
    padding: 5px;
    text-align: center;
}

.instance_table td.a, .instance_table th.a
{
    text-align: left;
}

.instance_table td.b
{
    width: 18px;
}

.instance_table td.c
{
    width: 48px;
}

.instance_table .status_100
{
    width: 16px;
    height: 16px;
    margin: auto;
    background: url('../images/instance_status_100.png');
}

.instance_table .status_75
{
    width: 16px;
    height: 16px;
    margin: auto;
    background: url('../images/instance_status_75.png');
}

.instance_table .status_50
{
    width: 16px;
    height: 16px;
    margin: auto;
    background: url('../images/instance_status_50.png');
}

.instance_table .status_25
{
    width: 16px;
    height: 16px;
    margin: auto;
    background: url('../images/instance_status_25.png');
}

.instance_table .status_0
{
    width: 16px;
    height: 16px;
    margin: auto;
    background: url('../images/instance_status_0.png');
}

.instance_table .status_none
{
    width: 16px;
    height: 16px;
    margin: auto;
    background: url('../images/instance_status_none.png');
}

.instance_table .difficulty
{
    width: 26px;
    height: 26px;
    margin: auto;
}

.instance_table .difficulty.d_5_n
{
    background: url('../images/instance_5_n.png') no-repeat;
}

.instance_table .difficulty.d_5_hc
{
    background: url('../images/instance_5_hc.png') no-repeat;
}

.instance_table .difficulty.d_10_n
{
    background: url('../images/instance_10_n.png') no-repeat;
}

.instance_table .difficulty.d_10_hc
{
    background: url('../images/instance_10_hc.png') no-repeat;
}

.instance_table .difficulty.d_25_n
{
    background: url('../images/instance_25_n.png') no-repeat;
}

.instance_table .difficulty.d_25_hc
{
    background: url('../images/instance_25_hc.png') no-repeat;
}

.instance_table .difficulty.d_more_n
{
    background: url('../images/instance_more_n.png') no-repeat;
}

.instance_tooltip .left
{
    width: 180px;
    float: left;
    clear: both;
    margin-top: 5px;
    text-align: left;
}

.instance_tooltip .right
{
    width: 12px;
    float: right;
    margin-top: 6px;
}

.instance_tooltip .yes
{
    width: 12px;
    height: 12px;
    background: url('../images/dot_green.png') no-repeat;
}

.instance_tooltip .no
{
    width: 12px;
    height: 12px;
    background: url('../images/dot_red.png') no-repeat;
}

/* tabulka s postavami */
.accmgr_char_table
{
    width: 804px;
    border-collapse: collapse;
}

/* bunka hlavicky tabulky */
.accmgr_char_table th
{
    font-weight: normal;
    font-size: 12px;
    height: 24px;
    color: #FF8812;
    text-align: left;
    padding-left: 4px;
    background-image: linear-gradient(to bottom, #000000 0%, rgb(36, 36, 36) 70%, rgb(36, 36, 36) 70%, #0a0809 100%);
    background: -moz-linear-gradient(top, #000000 0%, rgb(36, 36, 36) 70%, rgb(36, 36, 36) 70%, #0a0809 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(0,0,0)), color-stop(70%,rgb(36, 36, 36)), color-stop(70%,rgb(36, 36, 36)), color-stop(100%,#0a0809));
}

/* bezna bunka tabulky */
.accmgr_char_table td
{
    padding: 2px 10px 2px 0;
}

/* obrazek v tabulce (rasa, class, frakce) */
.accmgr_char_table .raceclassimg
{
    float: right;
    margin-right: 5px;
}

/* tabulka s udaji o uctu */
.accmgr_acctable
{
    width: 40%;
    float: right;
    border-collapse: collapse;
}

/* bunka s pozadim */
.accmgr_acctable td
{
    padding: 8px;
    background-image: linear-gradient(to bottom, #000000 0%, rgb(36, 36, 36) 70%, rgb(36, 36, 36) 70%, #0a0809 100%);
    background: -moz-linear-gradient(top, #000000 0%, rgb(36, 36, 36) 70%, rgb(36, 36, 36) 70%, #0a0809 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(0,0,0)), color-stop(70%,rgb(36, 36, 36)), color-stop(70%,rgb(36, 36, 36)), color-stop(100%,#0a0809));
}

/* bunka u ktere pozadi sesmahneme */
.accmgr_acctable td.nobg
{
    background: none;
}

/* obalovy element odpocitavani casu (baru) */
.logout_timer_wrapper
{
    width: 100%;
    height: 9px;
    border: 1px solid #333333;
    margin-bottom: 4px;
}

/* vlastni bar odpocitavani */
.logout_timer
{
    height: 9px;
}

/* maly text u odhlasovani */
.logouttime_smalltext
{
    font-size: 11px;
}

/* umela mezera */
.pad_12
{
    width: 100%;
    height: 12px;
    float: left;
}