@charset "windows-1251";
article,aside,figcaption,figure,footer,header,main,hgroup,nav,section,time,ul,ol,h1,h2,h3{ display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; }
html,body,div,main,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,textarea,span{margin: 0; padding: 0; -moz-box-sizing: border-box; box-sizing: border-box; }
table, tr, tr{ -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; }
input, textarea, select, button, body{ outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
body{ color: #222222; background: #FFFFFF; overflow-y: hidden; overflow-x: hidden; }
*{
    font-kerning: normal;
    -webkit-font-kerning: normal;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    z-index: : 1;
 }

a, select, option{ cursor: pointer; }

ul.reset{ list-style: none; }

a:link, a:visited, .anim
{
    -webkit-transition: color 0.2s ease, background 0.2s ease;
    -moz-transition: color 0.2s ease, background 0.2s ease;
    -ms-transition: color 0.2s ease, background 0.2s ease;
    -o-transition: color 0.2s ease, background 0.2s ease;
    transition: color 0.2s ease, background 0.2s ease;
}

a:link, a:visited
{
    color: #398dd8;
    text-decoration: none;
}

a:hover
{
    text-decoration: none;
}
a:active{ outline: none; }

a img  { border: 0 none; }
.clear{ clear: both; }
.w_600_min{ min-width: 600px; }
.bg_noimage{ background-image: none; }
.dnone{ display: none; }
.center{ text-align: center; }

input:disabled{ cursor: not-allowed; }

input::-moz-focus-inner{    border:0;padding:0; }
button::-moz-focus-inner{   border:0;padding:0; }
select::-moz-focus-inner{   border:0;padding:0; }
textarea::-moz-focus-inner{ border:0;padding:0; }
option::-moz-focus-inner{   border:0;padding:0; }

/*********************************/



/*********************************/

#ajax{ display: none; }

/*********************************/
input[type="number"],
input[type="date"],
input[type="text"],
input[type="password"],
textarea,
select
{
    -webkit-transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
    -moz-transition:    border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
    -ms-transition:     border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
    -o-transition:      border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
    transition:         border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
    border:             1px solid #333333;
    padding:            5px;
    height:             26px;
    color:              #555555;
    background:         #F5F5F5 url(../img/spacer.png) no-repeat 5px 50%;
    cursor:             pointer;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button,
input[type="number"],
input[type="number"]:hover,
input[type="number"]:focus { -moz-appearance: textfield; -webkit-appearance: none;  }

input[type="date"]{ text-align: center; }

input[type="number"][data-important="1"],
input[type="date"][data-important="1"],
input[type="text"][data-important="1"],
input[type="password"][data-important="1"],
textarea[data-important="1"],
select[data-important="1"]{ background-image: url(../img/important-12px.png); }

input[type="number"][data-important="1"].blred,
input[type="date"][data-important="1"].blred,
input[type="text"][data-important="1"].blred,
input[type="password"][data-important="1"].blred,
textarea[data-important="1"].blred,
select[data-important="1"].blred{ background-color: #FFC7C7; background-image: url(../img/important-red-16px.png); border-color: #FF0000; opacity: 1.0; }

input[type="number"][data-important="1"].warn,
input[type="date"][data-important="1"].warn,
input[type="text"][data-important="1"].warn,
input[type="password"][data-important="1"].warn,
textarea[data-important="1"].warn,
select[data-important="1"].warn{background-image: url(../img/important-red-16px.png); opacity: 1.0; }

input[type="number"]:hover,
input[type="date"]:hover,
input[type="text"]:hover,
input[type="password"]:hover,
textarea:hover
{
    -moz-user-focus: none !important;
    border-color: #111111;
    color: #555555;
    background-color: #FFFFFF;
    cursor: pointer;
}
input[type="number"]:focus,
input[type="date"]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus
{
    -moz-user-focus: none !important;
    border-color: #111111;
    color: #000000;
    background-color: #FFFFFF;
    cursor: text;
}

input[type="number"][disabled="disabled"],
input[type="date"][disabled="disabled"],
input[type="text"][disabled="disabled"],
input[type="password"][disabled="disabled"],
textarea[disabled="disabled"],
input[type="text"][readonly="readonly"],
input[type="password"][readonly="readonly"],
textarea[readonly="readonly"]{ cursor: text; }

.curpointer{ cursor: pointer; }
.noselect{ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
input[type="checkbox"]{ display: inline-block; position: relative; top: 2px; }
.nocursor{ cursor:none; }
table, table td{ border-collapse: collapse; border: none; }

#ajax{ display: none; }

[data-role="dialog:window"]{ display: none; }

button
{
    display: inline-block;
    position: relative;
    padding: 8px 5px 8px 5px;
    text-align: center;
    margin: 5px 5px 5px 5px;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    border: 1px solid #184D7B;
    background: #398DD8;
    color: #FFFFFF;
    cursor: pointer;
    width: 120px;
    opacity: 0.8;
}

button:active{ background-color: #2A2A2A; opacity: 1.0; }
button:hover{ background-color: #2A2A2A; opacity: 1.0; }

/*********************************/

.info{ position: absolute; z-index: 1000; height: 100%; width: 100%; background: #2A2A2A; }
.info .box{ width: 900px; background: #000000; border: 1px solid #FFFFFF; margin: 10% auto; padding: 3px; }
.info .box .title{ z-index: 1001; position: relative; width: 100%; min-height: 38px; overflow: hidden; background: #111111; border: 1px solid #1F1F1F; color: #FFFFFF; font-weight: bold; font-size: 12px; text-transform: uppercase; text-align: center; padding: 14px 40px 10px 40px; }
.info .box .message{ z-index: 1001; padding: 40px 10px 40px 10px; color: #FFFFFF; font-weight: bold; font-size: 12px; text-transform: uppercase; text-align: center; }
.info .box .close{ z-index: 1002; opacity: 0.7; cursor: pointer; width: 180px; margin: 10px auto; background: #555555; border: 1px solid #1F1F1F; color: #FFFFFF; font-weight: bold; font-size: 12px; text-transform: uppercase; text-align: center; padding: 10px 10px 10px 10px; }
.info .box .close:hover{  opacity: 1.0; }

#err{ display: none; }
#err .message{ text-align: left; overflow: scroll; overflow-x: auto; max-height: 250px; text-transform: none; }
#err .message pre{ font-family: "Courier New", Courier, monospace; font-size: 14px; }

/*********************************/

body{ background: #1C1C1C url(../img/bg.png) no-repeat 50% 30%; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
#main_frame{ position: relative; width: 98%; min-width: 300px; max-width: 1600px;  background: none; height: 5000px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; border: none; overflow: hidden; }

#main_frame [data-unread]{ display: inline-block; }
#main_frame [data-unread="0"]{ display: none; }

#main_frame #login{ width: 300px; text-align: center; margin: 0px auto 0px auto; display: block; position: relative; top: 70%; }
#main_frame #login input[type="text"], #login input[type="password"], #login button{ width: 100%; height: 40px; text-align: center; border: 1px solid #3A3A3A; cursor: pointer; margin: 0px 0px 5px 0px; font-size: 1.1em; }
#main_frame #login button{ background: #555555; border-color: #888888; font-size: 1em; font-weight: bold; text-transform: uppercase; }

#main_frame #page_frame{ position: relative; height: 100%; width: 100%; padding: 25px 0px 20px 0px; border-top: none; border-bottom: none; }
#main_frame #page_frame #head,
#main_frame #page_frame #foot{ background: none; position: absolute; width: 100%; text-align: center; color: #FFFFFF; text-transform: uppercase; font-weight: bold; font-size: 0.85em; }
#main_frame #page_frame #content{ position: relative; background: #FFFFFF; height: 100%; border: 1px solid #FFFFFF; }
#main_frame #page_frame #head{ top:     -2px; border-bottom: 1px solid #FFFFFF; height: 25px; padding-top: 5px; }
#main_frame #page_frame #foot{ bottom:  -2px; border-top: 1px solid #FFFFFF; height: 20px;  }
#main_frame #page_frame #foot .foot_logo_name{ cursor: pointer; }
#main_frame #page_frame #head a{ color: #FFFFFF; position: absolute; top: 5px; left: 0px; } /* display: block; width: 33.33%; float: left; */

#main_frame #page_frame #head a[data-role="home"]{ text-align: left; width: 80px; }
#main_frame #page_frame #head a[data-role="modinfo"]{ left: 80px; color: #FFCC00; }

#main_frame #page_frame #head a[data-role="user"]{ text-align: center;  width: 400px; color: #00CC00; left: calc( 50% - 200px ); right: auto; }

#main_frame #page_frame #head a[data-role="logout"]{ text-align: right; color: #FF0000; left: auto; right: 0px; }

#main_frame #page_frame #head a.new_messages[data-unread]{ left: auto; right: 100px; color: #FF9900; }
#main_frame #page_frame #head a.new_messages[data-unread="0"]{ display: none; }



#main_frame #page_frame #mainlist{ text-align: center;  }
#main_frame #page_frame #mainlist .element{ display: inline-block; width: 140px; overflow: hidden; height: 140px; margin: 5px; text-align: center; opacity: 0.7; cursor: pointer; }
#main_frame #page_frame #mainlist .element:hover{ opacity: 1.0; }
#main_frame #page_frame #mainlist .element a{ display: block; position: relative; height: 100%; background: none; }
#main_frame #page_frame #mainlist .element a span{ display: block; position: absolute; bottom: 0px; height: 40px; width: 100%; color: #222222; text-transform: uppercase; font-weight: bold; font-size: 0.85em; }
#main_frame #page_frame #mainlist .element a img{ width: 100%; height: 100px; background: url(../img/spacer.png) no-repeat 50% 50%; }
#main_frame #page_frame #mainlist hr{ height: 1px; border: none; background: none; border-bottom: 1px dashed #555555; margin: 20px; }
#main_frame #page_frame #mainlist .hr_vertval{ background: transparent; display: inline-block; border-left: 1px dashed #555555; width: 1px; height: 140px; position: relative; }

/**********************/

#main_frame #page_frame #list_frame{ --list-filters-area-height: 100px; }

/**********************/


#main_frame #page_frame #list_frame{ position: relative; height: 100%; width: 100%; padding: 0px 0px 0px 0px; }
#main_frame #page_frame #list_frame #filters{ position: absolute; top: 0px; left: 0px; width: 100%; background: none; z-index: 15; border-bottom: 1px solid #999999; padding: 0px 5px 0px 5px; }

#main_frame #page_frame #list_frame #filters #create,
#main_frame #page_frame #list_frame #filters #clear,
#main_frame #page_frame #list_frame #filters #search,
#main_frame #page_frame #list_frame #filters #print{ display: inline-block; width: 140px; height: 40px; background: #007500; letter-spacing: 0.1em; }

#main_frame #page_frame #list_frame #filters #search{ background: #003366; }
#main_frame #page_frame #list_frame #filters #print{ background: #555555; border-color: #222222; margin-top: 0px; }
#main_frame #page_frame #list_frame #filters #clear{ background: #700000; border-color: #1F0000; }

#main_frame #page_frame #list_frame #filters table.filters_header_frame{ border: none; width: 100%; height: 100%; border-collapse: collapse; background: none; }
#main_frame #page_frame #list_frame #filters table.filters_header_frame td{ border: none; width: auto; border-collapse: collapse; padding: 0px; margin: 0px; }
#main_frame #page_frame #list_frame #filters table.filters_header_frame td.create_button,
#main_frame #page_frame #list_frame #filters table.filters_header_frame td.clear_button,
#main_frame #page_frame #list_frame #filters table.filters_header_frame td.search_button{ width: 160px; text-align: center; }
#main_frame #page_frame #list_frame #filters table.filters_header_frame td.filters_area{  }
#main_frame #page_frame #list_frame #filters table.filters_header_frame td.filters_area .filters_list{ background: none; position: relative; width: 100%; height: calc( var(--list-filters-area-height) - 1px ); overflow: hidden; overflow-y: auto; }
#main_frame #page_frame #list_frame #filters table.filters_header_frame td.filters_area .filters_list .fbox{ width: 180px; height: 100%; float: left; margin-right: 5px; }
#main_frame #page_frame #list_frame #filters .filter{ display: block;  width: 100%; height: 47px; overflow: hidden; text-align: center; padding: 0px 2px 0px 2px; margin: 0px; background: none; }
#main_frame #page_frame #list_frame #filters .filter.fullheight{ height: 100%;  }
#main_frame #page_frame #list_frame #filters .filter .input{ width: 100%; height: 28px; text-align: center; }
#main_frame #page_frame #list_frame #filters .filter .label{ text-transform: uppercase; font-size: 0.85em; font-weight: bold; color: #003366; }
#main_frame #page_frame #list_frame #filters .filter .label[for]{ cursor: pointer; }

#main_frame #page_frame #list_frame #filters .filter.ch_filter{ height: 24px; width: 180px; position: relative; text-align: left;  }
#main_frame #page_frame #list_frame #filters .filter.ch_filter .input{ display: block; position: absolute; top: 2px; left: 0px; height: 18px; width: 18px;  }
#main_frame #page_frame #list_frame #filters .filter.ch_filter .label{ display: block; position: absolute; top: 4px; left: 22px; height: 20px; text-align: left; }

/*#main_frame #page_frame #list_frame #filters #search{ left:  auto; right: 10px; background: #184D7B;  }
#main_frame #page_frame #list_frame #filters table{ vertical-align: middle; text-align: left; }
#main_frame #page_frame #list_frame #filters .filter{ position: relative; height: 30px; display: inline-block; width: 180px; overflow: hidden; background: none; vertical-align: middle; padding: 0px 0px 0px 3px; }
#main_frame #page_frame #list_frame #filters .filter .input{ height: 30px; width: 100%; }  */


/*
#main_frame #page_frame #list_frame #filters .filter .input[type="checkbox"]{ display: inline-block; position: relative; height: 18px; width: 18px; top: 8px; left: 0px; }
#main_frame #page_frame #list_frame #filters .filter .label{ display: block; height: 30px; white-space: nowrap; position: absolute; top: 0.80em; left: 22px; font-weight: bold; text-transform: uppercase; font-size: 0.85em; cursor: pointer; }
*/

#main_frame #page_frame #list_frame #list{ position: relative; box-sizing: border-box; height: calc(100% - 45px); width: 100%; background: #FFFFFF; z-index: 14; overflow: scroll; overflow-x: hidden; padding: 5px 5px 5px 5px; margin-top: 45px; }

#main_frame #page_frame #list_frame .line      { --background-color: #CAFFC7; --border-color: #39A331; position: relative; z-index: 15; padding: 5px 5px 8px 5px; border: 1px solid var(--border-color); background: var(--background-color); margin: 5px 5px 0px 5px; cursor: pointer; opacity: 0.8; }
#main_frame #page_frame #list_frame .line.blink{ --background-color: #A6FF8F; --border-color: #2E9900; border-color: var(--border-color); background-color: var(--background-color); opacity: 1.0; }
#main_frame #page_frame #list_frame .line:hover{ opacity: 1.0; }
#main_frame #page_frame #list_frame .line table{ width: 100%;  border-collapse: collapse; vertical-align: middle; }
#main_frame #page_frame #list_frame .line table td{ width: auto; padding: 10px 0px 10px 0px; border-collapse: collapse; vertical-align: middle; }

#main_frame #page_frame #list_frame .line.header{ position: absolute; left: 0px; width: 100%; height: 45px; text-align: center; border-color: #FFFFFF; background: #D1D1D1; margin: 0px; padding: 0px 5px 0px 15px; opacity: 1.0; z-index: 10; }
#main_frame #page_frame #list_frame .line.header table{ width: 100%; height: 100%; text-align: center; padding: 0px; margin: 0px; }
#main_frame #page_frame #list_frame .line.header table td{ text-align: center!important; padding: 0px; text-transform: uppercase; font-weight: bold; font-size: 0.85em; }
#main_frame #page_frame #list_frame .line.header table td:hover{ background: #BFBFBF; }
#main_frame #page_frame #list_frame .line.header table td.active{ background: #BFBFBF; }

#main_frame #page_frame #list_frame .line .precursor_label,
#main_frame #page_frame #list_frame .line .using_perc{ display: none; position: absolute; bottom: 0px; left: 0px; height: 14px; padding: 1px 0px 0px 0px; width: 140px; overflow: hidden; background: #39A331; opacity: 0.8; text-align: center; font-size: 0.7em; letter-spacing: 0.05em; text-transform: uppercase; color: #FFFFFF; font-weight: bold; }
#main_frame #page_frame #list_frame .line.fully_used  .using_perc.fully_used{ display: block;  --background-color: #5F5F5F; background-color: var(--background-color); }
#main_frame #page_frame #list_frame .line.almost_used .using_perc.almost_used{ display: block; --background-color: #8A0000; background-color: var(--background-color); }
#main_frame #page_frame #list_frame .line.half_used   .using_perc.half_used{ display: block; }
#main_frame #page_frame #list_frame .line.not_used    .using_perc.not_used{ display: block; }

#main_frame #page_frame #list_frame .line[data-is_precursor="1"]{ --background-color: #FFDBF1; --border-color: #FF0099; border-color: var(--border-color); background-color: var(--background-color); }
#main_frame #page_frame #list_frame .line .precursor_label{ left: calc( 50% - 70px ); top: 0px; bottom: auto; border-color: var(--border-color); background-color: var(--border-color); }
#main_frame #page_frame #list_frame .line[data-is_precursor="1"] .precursor_label{ display: block; }

#main_frame #page_frame #list_frame{ padding-top: var(--list-filters-area-height); }
#main_frame #page_frame #list_frame #filters{ height: var(--list-filters-area-height); }
#main_frame #page_frame #list_frame .line.header{ top: var(--list-filters-area-height); }

/* ------------------- */

#main_frame #page_frame #list_frame .line .lifetime_label{ display: none; position: absolute; top: 0px; right: 0px; width: 240px; height: 15px; background: #8E8E8E; text-align: center; letter-spacing: 0.01em; text-transform: uppercase; font-size: 0.8em; }

#main_frame #page_frame #list_frame .line[data-lifetime="gone"]{ border-color: #3F3F3F; background-color: #EFEFEF; filter: grayscale(100%); }
#main_frame #page_frame #list_frame .line[data-lifetime="gone"] .lifetime_label.lf_gone{ display: block; background-color: #5F5F5F; color: #FFFFFF; }

#main_frame #page_frame #list_frame .line[data-lifetime="0"]
{
    background-color: #FFE5E5; border-color: #8A0000;

    -webkit-animation-name: gone_lifetime;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: gone_lifetime;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: gone_lifetime;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: gone_lifetime;
    animation-duration: 1s;
    animation-timing-function: linear;
}
#main_frame #page_frame #list_frame #list .line[data-lifetime="0"] .lifetime_label.lf_today{ display: block; background-color: #8A0000; color: #FFFFFF; }

#main_frame #page_frame #list_frame #list .line[data-lifetime="1"],
#main_frame #page_frame #list_frame #list .line[data-lifetime="2"],
#main_frame #page_frame #list_frame #list .line[data-lifetime="3"],
#main_frame #page_frame #list_frame #list .line[data-lifetime="4"],
#main_frame #page_frame #list_frame #list .line[data-lifetime="5"],
#main_frame #page_frame #list_frame #list .line[data-lifetime="6"],
#main_frame #page_frame #list_frame #list .line[data-lifetime="7"]{ --background-color: #FFF6C7; --border-color: #E09600; background-color: var(--background-color); border-color: var(--border-color); }
#main_frame #page_frame #list_frame #list .line[data-lifetime="1"] .lifetime_label.lf_1day,
#main_frame #page_frame #list_frame #list .line[data-lifetime="2"] .lifetime_label.lf_1day,
#main_frame #page_frame #list_frame #list .line[data-lifetime="3"] .lifetime_label.lf_1day,
#main_frame #page_frame #list_frame #list .line[data-lifetime="4"] .lifetime_label.lf_1day,
#main_frame #page_frame #list_frame #list .line[data-lifetime="5"] .lifetime_label.lf_1day,
#main_frame #page_frame #list_frame #list .line[data-lifetime="6"] .lifetime_label.lf_1day,
#main_frame #page_frame #list_frame #list .line[data-lifetime="7"] .lifetime_label.lf_1day{ display: block; background-color: #E09600; color: #FFFFFF; }

@-moz-keyframes gone_lifetime {
        0% { background-color: #FFE5E5; }
        50% { background-color: #FFA8A8; }
        100% { background-color: #FFE5E5; }
}

@-webkit-keyframes gone_lifetime {
        0% { background-color: #FFE5E5; }
        50% { background-color: #FFA8A8; }
        100% { background-color: #FFE5E5; }
}

@keyframes gone_lifetime {
        0% { background-color: #FFE5E5; }
        50% { background-color: #FFA8A8; }
        100% { background-color: #FFE5E5; }
}

/* ------------------- */



/* ------------------- */

#main_frame #page_frame #list_frame #list .line.fully_used[data-lifetime="0"] .lifetime_label,
#main_frame #page_frame #list_frame #list .line.fully_used[data-lifetime="1"] .lifetime_label,
#main_frame #page_frame #list_frame #list .line.fully_used[data-lifetime="2"] .lifetime_label,
#main_frame #page_frame #list_frame #list .line.fully_used[data-lifetime="3"] .lifetime_label,
#main_frame #page_frame #list_frame #list .line.fully_used[data-lifetime="4"] .lifetime_label,
#main_frame #page_frame #list_frame #list .line.fully_used[data-lifetime="5"] .lifetime_label,
#main_frame #page_frame #list_frame #list .line.fully_used[data-lifetime="6"] .lifetime_label,
#main_frame #page_frame #list_frame #list .line.fully_used[data-lifetime="7"] .lifetime_label,
#main_frame #page_frame #list_frame #list .line.fully_used .lifetime_label{ display: none;  }

#main_frame #page_frame #list_frame #list .line.fully_used[data-lifetime="0"],
#main_frame #page_frame #list_frame #list .line.fully_used[data-lifetime="1"],
#main_frame #page_frame #list_frame #list .line.fully_used[data-lifetime="2"],
#main_frame #page_frame #list_frame #list .line.fully_used[data-lifetime="3"],
#main_frame #page_frame #list_frame #list .line.fully_used[data-lifetime="4"],
#main_frame #page_frame #list_frame #list .line.fully_used[data-lifetime="5"],
#main_frame #page_frame #list_frame #list .line.fully_used[data-lifetime="6"],
#main_frame #page_frame #list_frame #list .line.fully_used[data-lifetime="7"],
#main_frame #page_frame #list_frame #list .line.fully_used{ animation-name: none; -moz-animation-name: none; -webkit-animation-name: none; border-color: #3F3F3F; background-color: #EFEFEF; filter: grayscale(100%); }

/* ------------------- */


#main_frame #page_frame #list_frame #list .line.fully_used{ border-color: #3F3F3F; background-color: #EFEFEF; filter: grayscale(100%); }
#main_frame #page_frame #list_frame #list .line.almost_used{ background-color: #FFDBDB; border-color: #8A0000;  }

#main_frame #page_frame #list_frame #list .line a.hashtag{ display: inline-block; padding: 5px; border: 1px solid var(--border-color); color: var(--border-color); border-radius: 5px; filter: grayscale(30%); }

.default_editor                 { position: relative; min-height: 200px; width: 100%; padding: 0px; margin: 0px; font-size: 1.0em;   }
.default_editor select          { text-transform: uppercase; letter-spacing: 1px; }
.default_editor select,
.default_editor select option   { font-size: 1.0em; cursor: pointer; }
.default_editor .elem           { display: block; float: left; width: 50%; padding: 5px 5px 10px 5px; box-sizing: border-box; margin: 0px auto; }
.default_editor .elem .label    { display: block; width: 100%; color: #123859; text-transform: uppercase; font-weight: bold; text-align: center; }
.default_editor .elem .label[for]    { cursor: pointer; }
.default_editor .elem .input    { width: 100%; height: 32px; text-align: center; padding: 0px 5px 0px 5px;  }
.default_editor .error_area     { padding: 20px; text-align: center; font-weight: bold; font-size: 1.1em; color: #940000; border: 1px solid #940000; background: #FFDBDB url(../img/important-red-32px.png) no-repeat 5px 50%; margin-bottom: 5px; white-space: pre-line; }
.default_editor .good_area      { padding: 20px; text-align: center; font-weight: bold; font-size: 1.1em; color: #006600; border: 1px solid #006600; background: #E3FFDB url(../img/important-green-32px.png) no-repeat 5px 50%;; margin-bottom: 5px; }
.default_editor .edit_info      { padding: 20px 20px 20px 40px; text-align: center; font-size: 1.1em; font-weight: bold; color: #A87000; border: 1px solid #FAA700; background: #FFF4BD url(../img/important-yellow-32px.png) no-repeat 5px 50%; margin-top: 5px; margin-bottom: 0px; }

#main_frame #page_frame #list_frame .stats_table{ width: 100%; border: 2px solid #000000; border-collapse: collapse; margin: 0px auto 0px auto; }
#main_frame #page_frame #list_frame .stats_table tr,
#main_frame #page_frame #list_frame .stats_table tr th,
#main_frame #page_frame #list_frame .stats_table tr td,
#main_frame #page_frame #list_frame .stats_table tr.head td,
#main_frame #page_frame #list_frame .stats_table tr.head th,
#main_frame #page_frame #list_frame .stats_table tr.data td,
#main_frame #page_frame #list_frame .stats_table tr.data th
{
    opacity: 1.0;
    padding: 5px;
    border: 1px solid #000000;
    border-collapse: collapse;
    background: #FFFFFF;
    cursor: pointer;
}

#main_frame #page_frame #list_frame .stats_table tbody tr.data:last-of-type td,
#main_frame #page_frame #list_frame .stats_table tbody tr.data:last-of-type th{ border-bottom-style: double; border-bottom-width: 3px; }

#main_frame #page_frame #list_frame .stats_table tbody:last-of-type tr.data:last-of-type td,
#main_frame #page_frame #list_frame .stats_table tbody:last-of-type tr.data:last-of-type th{ border-bottom-style: solid; border-bottom-width: 1px; }

#main_frame #page_frame #list_frame .stats_table tr.data th{ font-weight: normal; }
#main_frame #page_frame #list_frame .stats_table tr.head th{ font-weight: bold; padding-top: 10px; padding-bottom: 10px; background: #CCCCCC; }
#main_frame #page_frame #list_frame .stats_table tr [data-sorter="1"]{ cursor: pointer; }


#main_frame #page_frame #list_frame .stats_table tr.data .numi{ text-align: center; width: 40px; }
#main_frame #page_frame #list_frame .stats_table tr.data .name{ text-align: left; width: auto; }
#main_frame #page_frame #list_frame .stats_table tr.data .data_numeric{ text-align: center; width: 10%; }
#main_frame #page_frame #list_frame .stats_table caption{ font-size: 1.4em; font-weight: bold; margin: 20px 10px 10px 10px; }

#main_frame #page_frame #list_frame h2{ text-align: center; font-weight: bold; margin: 30px 10px 10px 10px; }
#main_frame #page_frame #list_frame h3{ text-align: center; font-weight: bold; margin: 0px 10px 20px 10px; font-size: 1.2em; }
#main_frame #page_frame #list_frame h2:first-of-type{ margin-top: 20px; }
#main_frame #page_frame #list_frame .block_info{ margin: 10px 0px 10px 0px; border: 1px solid #777777; background: #EEEEEE; padding: 20px; }
#main_frame #page_frame #list_frame .block_info p{ margin-bottom: 5px; }
#main_frame #page_frame #list_frame .block_info p:last-of-type{ margin-bottom: 0px; }
#main_frame #page_frame #list_frame .block_info.inform{ border-color: #FF9900; background: #FFF1DB url(../img/important-yellow-32px.png) no-repeat 25px 50%; color: #222222; padding-left: 80px; }
#main_frame #page_frame #list_frame .block_info.great{ border-color: #005200; background: #DBFFDB url(../img/important-green-32px.png) no-repeat 25px 50%; color: #222222; padding-left: 80px; }


#main_frame #page_frame #list_frame .show_hide{ padding: 10px; text-align: right; cursor: pointer; }
#main_frame #page_frame #list_frame .show_hide b{ color: #003366; border-bottom: 1px dashed #003366; }
#main_frame #page_frame #list_frame .show_hide b:hover{ color: #00478F; border-color: #00478F; }