/* v.4.0.alpha */

@font-face {
    font-family: 'Iris Normal';
    font-style: normal;
    font-weight: 400;
    src: local('Iris Normal'), local('Iris-Normal'),
        url(../images/face/iris.woff) format('woff'),
        url(../images/face/iris.ttf) format('truetype');
}


* {padding:0; margin:0;}
body {
    height:100%;
    font:14px Arial,sans-serif;
    line-height:1.1em;
}
html {height:100%;}
table {border-collapse:collapse;}
td {
    vertical-align:top;
    text-align:left;
}
img {border:none;}
a {text-decoration:none; color:black;}
a:hover {color:#a00;}

body {background:#ececec;}
body > .face > .top:hover {
    z-index:10000;
}
body > .face {
    position:absolute;
    left:10px;
    top:51px;
    right:10px;
    bottom:10px;
    background:#ececec;
    overflow:visible;
    z-index:1;
}
body > .face > .top {
    position:absolute;
    left:-10px;
    top:-51px;
    right:-10px;
    height:41px;
    background:#171b1e url(../images/face/menu.png) repeat-x 0 50%;
    z-index:3;
}

/* -- */
h1,h2,h3,h4 {line-height:1.4em; font:20px Arial,sans-serif;}


/* меню */
.menu {
    position:absolute;
    display:block;
    left:0;
    top:0;
    right:250px;
    padding:0 10px;
    bottom:0;
}
.menu > .item {
    display:inline-block;
    padding:0 14px;
    margin:3px 1px 0;
    font-size:16px;
}

.menu > .item > .popup .item {
    display:block;
    color:black;
    padding:10px 15px 8px;
    margin:1px 1px;
    font-size:16px;
}
.menu > .item > .popup:hover  .item:hover {
    background:#9fc5e2;
    border-radius:3px;
}

.menu > .item > .popup {
    position:absolute;
    display:none;
    border:1px solid #929292;
    border-top:1px solid #ccc;
    background:#fff;
    top:41px;
    border-radius:0 0 3px 3px;
    box-shadow:1px 2px 2px rgba(0,0,0,0.2);
    margin-left:-15px;
    min-width:150px;
}
.menu > .item.active > .popup,
.menu > .item:hover > .popup {display:block;}
.menu > .item.active a,
.menu > .item:hover a,
.menu > .item.sel a {color:black;}
.menu > .item.active > a,
.menu > .item:hover > a {padding-bottom:9px;}
.menu > .item.active,
.menu > .item:hover {
    border-radius:3px;
    background:#fff;
}
.menu > .item.noclick:hover {background:none;}
.menu > .item.subs.active > a,
.menu > .item.subs:hover > a {padding-bottom:11px;}
.menu > .item.subs.active,
.menu > .item.subs:hover {border-radius:3px 3px 0 0;}
.menu > .item.sel {
    border-radius:3px 3px 0 0;
    background:#ececec url(../images/face/menu-sel.png) repeat-x;
    padding:12px 14px 11px;
}
.menu > .item a {
    display:inline-block;
    color:white;
    padding:12px 0 11px;
}
.menu > .item.active i,
.menu > .item:hover i,
.menu > .item.sel i {background-position:0 100%;}
.menu > .item i {
    display:inline-block;
    background:url(../images/menu/arrow.png) repeat-x;
    width:12px;
    height:6px;
    margin-left:7px;
}

.rmenu {
    position:absolute;
    right:20px;
    top:0;
    padding-top:7px;
    vertical-align:middle;
    width:250px;
    text-align:right;
}
.rmenu img.logo {
    box-shadow:0 0 4px rgba(255,255,255,0.4);
}
.rmenu span {
    background:url(../images/menu/spliter.png) repeat-x 0 50%;
    display:inline-block;
    width:3px;
    height:15px;
    margin:-3px 5px 0;
    vertical-align:middle;
}
.rmenu a {
    display:inline-block;
    margin:0 5px;
    vertical-align:middle;
}

/* ошибки и сообщения */
p.alert,
p.error,
p.warning,
p.done,
p.complete,
p.ok {
    color:#333;
    padding-left:20px;
    margin:5px;
    background:url(../images/icons/error.png) no-repeat 0 0;
}

/* всплывающий вопрос */
#dark.showed {display:block;}
#dark {
    position:absolute;
    display:none;
    left:-10px;
    right:-10px;
    top:-11px;
    bottom:-10px;
    background:rgba(0,0,0,0.4);
    z-index:1;
}
.confirm div:first-child {
    font-size:18px;
    padding:5px 0;
}
.confirm div {
    padding:5px 0 20px;
    text-align:left;
}
.confirm button {width:100px;}
.confirm.showed {display:block;}
.confirm {
    position:absolute;
    display:none;
    left:50%;
    top:50%;
    width:300px;
    margin-left:-170px;
    margin-top:-150px;
    background:white;
    box-shadow:1px 2px 2px rgba(0,0,0,0.4);
    border-radius:3px;
    text-align:center;
    padding:10px 20px;
    z-index:110;
}

/* авторизация */
.top.auth img {
    vertical-align:middle;
}
.top.auth .menu {
    padding:4px 0;
    color:white;
    font-size:16px;
}
.login {
    position:absolute;
    left:50%;
    top:50%;
    width:320px;
    height:200px;
    margin:-150px 0 0 -160px;
    color:#777;
    padding-left:10px;
}

.login .version {font-size:12px; position:static; float:right; margin:11px 5px 0 0;}
.login table {}
.login table input {width:220px; padding:7px 8px 5px; font-size:18px;}
.login table td {padding:3px 5px; font-size:14px;vertical-align:middle;}

/* Кнопки и поля ввода */
button img {vertical-align:middle;}
button {
    height:32px;
    /*min-width:100px;*/
    border-radius:3px;
    border:1px solid #aaa;
    border-bottom:1px solid #777;
    background:#eee url("../images/forms/button_top.png") repeat-x;
    cursor:pointer;
    text-shadow:1px 1px 0 rgba(255,255,255,0.5);
    color:black;
    vertical-align:top;
    padding:6px 9px 5px;
    font:16px Arial,sans-serif;
}
button:hover {background-color:#def;}
button:active {background:#bbb url("../images/forms/input_top.png") repeat-x; color:#222; padding:7px 9px 4px;}
button:disabled {background:#ddd; color:#999; text-shadow:none;}

button.large {
    height:42px;
    padding:8px 9px 5px;
    font-size:22px;
}

input {}
textarea, input, select {
    border-radius:3px;
    border:1px solid #ccc;
    border-top:1px solid #aaa;
    background:white;
    color:#111;
    padding:3px 5px;
    font:18px Arial,sans-serif;
}
textarea:focus, input:focus {background-color:#fea; color:black;}
textarea.readonly, input.readonly {background:#f2f2f2 !important; border:1px solid #aaa; color:#333;}

.popup-menu div.disabled:hover,
.popup-menu div.disabled {
    color:#999;
    background:none;
}
.popup-menu div:hover {
    background:#9fc5e2;
}
.popup-menu div {
    cursor: default;
    color:black;
    padding:5px 10px;
    margin:1px 1px;
    font-size:14px;
    border-radius:3px;
}
.popup-menu.show {
    display: block;
    opacity: 1;
}
.popup-menu {
    position: absolute;
    z-index: 100000;
    left:100px;
    top:200px;
    background:#e4e4e4;
    border:1px solid #bbb;
    box-shadow:1px 2px 2px rgba(0,0,0,0.1);
    border-radius: 3px;
    opacity: 0;
    transition: opacity 300ms;
    display: none;
}

table.report tr.title td {font-size:14px; font-weight: bold;}
table.report {
    background:white;
    box-shadow: 0 0 4px rgba(255,255,255,0.4);
    border-collapse: collapse;
    margin:10px 0;
    width:100%;
    border-radius:3px;
}
table.report tr.head td {
    font-size:14px;
    vertical-align: bottom;
    border-bottom: 1px solid #eee;
}
table.report td {
    padding:8px 10px;
    font-size:16px;
    border-top:1px solid #ddd;
}
#menu-icon {display: none;}