/*
    Document   : computer
    Created on : 20.09.2011, 19:22:50
    Author     : mzproc
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root {display: block;}
table {border-collapse: collapse;}
html,body {margin: 0; background-color: #E1E4CF; font-size: 10pt; font-family: sans-serif; height: 100%; min-height: 400px;min-width: 870px;}
/*HEADER*/

input[type=button],input[type=submit],a.PI{
        background:#F4F4F4 url(/images/sel_bg.png) left bottom repeat-x;
        border: #9ca988 1px solid;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
}

input[type=button]:hover,input[type=submit]:hover{
        border-color: #505050;
}
a.PI {padding: 2px 4px;margin: 1px 1px;}

header {background: #48A12A url("/images/header_bkg.png") left top repeat-x; height: 267px; display: block;}
#logotip1 {background: #48A12A url("/images/logotip_2.png") left top no-repeat; height: 90px; position: relative;}
#logotip2 {background: transparent url("/images/logotip_2_263x177.png") left top no-repeat; height: 177px; position: relative;}
#kray {float: left; margin-left: 480px; width: 140px;background: transparent url("/images/kray.png") left top no-repeat; height: 90px;}
#oldSiteHref {position: absolute; bottom: 0; left: 10px; color: white; font-size: 1em; text-decoration: none;}
#oldSiteHref:hover {color: #FF0;}
#oldSiteHref:visited {color: #D2D1B0;}
.mainmenu {margin: 6px 0 0 2px;padding: 0;font-size: 1.15em;}
#help-icon {float: right;margin-right: 10px;z-index: 9910;clear: right; }

#lk-eias,#login,#login-start,#login-body,#login-end{height: 74px; overflow: hidden;}

#lk-eias {
	float: right;
	margin: 10px;
	padding: 10px;
	position: relative;
	height: 50px;
	width:230px;
	background:#69AE34;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
}
#lk-eias > a {
	text-decoration:none;
	color:#030;
}
#lk-eias > a > span {
	color: maroon;
}

#login {float: right; margin: 10px 10px; position: relative; height: 70px;}
#login-start{display: inline-block; float: left;background: #48A12A url("/images/login_start_8x74.png") left top no-repeat; width: 8px;}
#login-body{display: inline-block; max-width: 200px; float: left;background: #48A12A url("/images/login_middle_8x74.png") left top repeat-x; font-size: 0.8em;}
#login-end{display: inline-block; float: left;background: #48A12A url("/images/login_end_10x74.png") right top no-repeat; width: 10px;}
#login-body table * {margin: 0;padding: 0; border-collapse: collapse;}
#login-body table tr {vertical-align: middle;}
#login-body table tr th {background-color: transparent; height: 30px;padding-top: 0px;}
.regBtn00 {display:block;background:url(/images/sel_bg_y.png);line-height: 1.15em; font-size: 1.15em;}

#login-body table tr th a {
    font-size: 1.3em!important;
    font-weight: normal;
    color:white;
    display: block;
    text-decoration: none;
    line-height: 1.5em;
    background:#447C31 url(/images/sel_bg_gh.png) repeat-x left bottom;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 1px 6px 1px 6px;
    border-radius: 4px;
    border: #346820 1px solid;
    margin-left: 8px;
}
#login-body table tr th a:hover {color: #FF0}

/* CONTENT */
#content {min-height: 400px;}
#mainTable{width: 100%; height: 100%; vertical-align: top;}
#mainTable tr {vertical-align: top;}
.sh-table {margin:0;width: 100%;}
.sh-table tr,
.sh-table td,
.sh-table th {padding:0;margin:0;overflow:hidden; border-color: #ccc; border-width: 0; border-style:solid;}
.sh-table thead *{padding:0;margin:0;font-size:0;line-height:5px;height: 5px;}
.sh-table tfoot *{padding:0;margin:0;font-size:0;line-height:5px;height: 5px;}
.sh-table thead td{border-width: 0;border-left-width:1px; border-top-width:1px; background: #fff;width: 5px;}
.sh-table thead th{border-width: 0;background: #fff;border-top-width:1px;border-right-width:1px;}
.sh-table thead td.sh-end{border-width: 0; background: none;}
.sh-table tbody td {border-width: 0;padding:0;margin:0;font-size:0;}
.sh-table tbody td.sh-th {border-width: 0;padding:5px 20px 10px 15px;margin:0;font-size:1.2em;line-height:normal;background: #fff; border-right-width:1px;border-bottom-width:1px;font-weight: bold;}
.sh-table tbody td{border-width: 0;background: #fff; border-left-width:1px;border-bottom-width:1px;}
.sh-table tbody td.sh-end{border-width: 0; background:url(/images/sh-right.png) 0 0 repeat-y;}
.sh-table tfoot td{border-width: 0;background:none;width: 5px;height: 5px;}
.sh-table tfoot th{border-width: 0;background:url(/images/sh-corner.png) 0 0px repeat-x;}
.sh-table tfoot td.sh-end{border-width: 0;background:url(/images/sh-corner.png) 0 -5px no-repeat;height: 5px; width: 5px;}


.sh-head *{padding:0;margin:0;font-size:0;line-height:5px;height: 5px;}
.sh-head td{border-left:1px solid #ccc; border-top:1px solid #ccc; background: #fff;width: 5px;}
.sh-head th{border-top:1px solid #ccc; border-right:1px solid #ccc; background: #fff;}
.sh-head td.sh-end{border: none; background: none;}
.sh-foot *{padding:0;margin:0;font-size:0;line-height:5px;height: 5px;}
.sh-foot td{border-width: 0;background:none;width: 5px;height: 5px;}
.sh-foot th{border-width: 0;background:url(/images/sh-corner.png) 0 0px repeat-x;}
.sh-foot td.sh-end{border-width: 0;background:url(/images/sh-corner.png) 0 -5px no-repeat;height: 5px; width: 5px;}
/* MONITORING */

.monitoring table{border:1px solid #CCC;}



.monitoring table th {width: 10px; background: #E6EEEE}
.monitoring table td {background:#FAFAD2}


.monitoring table td table td {background:#FFF; padding: 5px;}
.monitoring table td table td {border-top:#CCC 1px solid}


.sh-title {position:absolute;top:-15px;left:10px; color: #036; width: auto}
.sh-content tbody td.sh-th {border-width: 0;padding:40px 10px 25px 5px;font-size:1em;font-weight: normal;line-height:normal;border-bottom-width:1px;border-right-width:1px;}
.sh-contentNews tbody td.sh-th {border-width: 0;padding:25px 10px 25px 5px;font-size:1em;font-weight: normal;line-height:normal;border-bottom-width:1px;;border-right-width:1px;}
.sh-contentNews tbody td.sh-th div {border: 1px solid #ccc}

.sh-contentNews tbody td.sh-th div div {padding: 5px;}
.sh-contentNews tbody td.sh-th h2 {
    font-weight: normal;font-size: 1.1em;
    color: #003366;
    background-color: #E6E6E6;
    padding: 1px 5px 1px 5px;
}
td.sh-th h2{margin: 0}

.autoResizeMeByView2 {border: none!important;}
.autoResizeMeByView {border: none!important;}

#userSelectTbl {clear: both; position:absolute;top:60px;left:251px;
    height:110px!important;
}
#userSelectTbl div form {display: inline; padding: 0;margin: 0;}
#userSelectTbl div form select {font-size:14px; padding: 0;margin: 0 0 0 10px;}
#userSelectTbl div span {padding: 0; margin: 0;}
#userSelectTbl div.nameArea {margin: 5px 0;}
#userSelectTbl div.nameArea span {font-size:150%;font-weight:700;line-height:130%;}


.autoResizeMeByView {
    color: #033;
}
.autoResizeMeByView a {
    color: #060;
}


/* CUSTOM SELECT */
.mysel_current, .mysel_options, .mysel_replace {
        margin:0px;
        padding:0px;
        border:0px;
        font-size: 100%;
        /*z-index: 99999;*/
}
.mysel_current, .mysel_options {
        border:1px solid #999;
}
.mysel_replace {
        position:relative;
        overflow:visible!important;
        cursor:default;
        margin: 0 0 0 10px;
}

.mysel_current {
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background:#F4F4F4 url(/images/sel_bg.png) left bottom repeat-x;
        border-color: #9ca988;

        margin-bottom:0px;
        padding-right: 30px!important;
        padding-left: 10px!important;
}
.mysel_options {
        margin-top:0px;
        border-top:0px;
        display:none;
        position:absolute;
        overflow-y: auto;
}
.mysel_current, .mysel_options div, input {
        padding:5px;
}
.mysel_options div {
        /*width: 500px;*/
        display: block!important;
        line-height: 110%;
        padding: 5px 5px 5px 10px;
}
.mysel_options, .mysel_options div {
        background-color:#FFF;
}
.mysel_hover {
    background-color: #E1E4CF!important;
    color: black;
}
.mysel_replace:hover .mysel_current {border: 1px solid #505050;}
.mysel_replace .mysel_options .mysel_hidden {display: none!important;}


/* BLOCKSELECT */
.mysel_current2, .mysel_options2, .mysel_replace2 {
        margin:0px;
        padding:0px;
        border:0px;
        font-size: 100%;
}
.mysel_current2, .mysel_options2 {
        border:1px solid #9ca988;
}
.mysel_replace2 {
        position:relative;
        overflow:visible!important;
        cursor:default;
        margin: 0 0 0 0px;
}
.mysel_current2 {

        /*background:#E6EEEE url(/images/dropdown.png) no-repeat right center;*/
        background:#F4F4F4 url(/images/sel_bg.png) left bottom repeat-x;
        border-color: #9ca988;
        margin-bottom:0px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        padding-right: 30px!important;
        padding-left: 10px!important;
}
.mysel_options2 {
        margin-top:0px;
        border-top:0px;
        display:none;
        position:absolute;
        overflow-y: auto;
        border-bottom: 2px solid #9ca988;
}
.mysel_current2, .mysel_options2 div, input {
        padding:5px;
}
.mysel_options2 div {
        line-height: 110%;
        padding: 5px 5px 5px 10px;
}
.mysel_options2, .mysel_options2 div {
        background-color:#FFF;
}
.mysel_hover2 {
    background-color: #E1E4CF!important;
    color: black;
}
.mysel_replace2:hover .mysel_current2 {
    border: 1px solid #505050;
}
.mysel_replace2 .mysel_options2 .mysel_hidden2 {display: none!important;}

.mysel_replace2 .mysel_options2 div.oldval {font-weight:bold!important;}

table.noborder,table.noborder tr,table.noborder tr td {border: none; padding: 0}
.errField{font-weight: bold;}
div.errField {border:2px solid red!important;}
select.errField { background: lightpink;}
textarea.errField {border:2px solid red!important;}
input.errField {border:2px solid red!important;}
input.errField[readonly=readonly]{border:2px solid red!important; background: lightpink;}

.f_class * {font-size: 14px; padding: 2px 2px 2px 2px;}
.f_class span {padding: 1px 5px 1px 5px;}

.fileAddForm {border: none;}
.fileAddForm tr {width: 100%!important;}
.fileAddForm tbody {width: 100%!important;}
.fileAddForm tr td {border: 1px solid #CCC!important; width: 80%!important;padding:4px 6px!important;}
.fileAddForm tr th {border: 1px solid #CCC!important; text-align: left!important; width: 20%!important; line-height: 14px; background-color:#E1E4CF}
.fileAddForm span {padding-left: 10px; padding-right: 10px;}

.tableSorter thead tr th {background-position: center right; background-repeat:  no-repeat; background-color: #E6EEEE}
.tableSorter thead tr th.header {background-image: url(/images/bg.gif);background-position: center right; background-repeat:  no-repeat; background-color: #E6EEEE}
.tableSorter thead tr th.headerSortDown {background-image: url(/images/asc.gif);background-position: center right; background-repeat:  no-repeat; background-color: #E6EEEE}
.tableSorter thead tr th.headerSortUp {background-image: url(/images/desc.gif);background-position: center right; background-repeat:  no-repeat; background-color: #E6EEEE}
.nopad{padding: 0!important;}
.actionMenu {list-style: none; margin: 0;padding: 0; width: 171px;}
.actionMenu li {
    padding: 0;
    margin: 0;
}
.actionMenu li a {
    display:block;
    padding:5px;
    text-decoration: none;
    background: #FAFAD2;
    border-bottom: 1px solid #ccc;
}
.actionMenu li a:hover {
    display:block;
    padding:5px;
    text-decoration: none;
    background: #E6EEEE;
    color: black;
}

.coloredName{color: #800000;}

.pI{border:1px solid #ccc;padding:1px;text-decoration:none;}

.bigFont a {font-size: 24px}
.error font{color: red}
.error2 {color: red}

.controls-container {display: inline; float: left; width: auto;}
.controls-table {display: inline; float: left; width: auto; margin-top: 15px;}
.controls-table thead tr td {padding: 5px 1px 5px 1px;}
#new_status option[value='0'],#new_status[value='0']{color:#930;}
#new_status option[value='1'],#new_status[value='1']{color:#060;}
#new_status option[value='2'],#new_status[value='2']{color:#288;}
#new_status option[value='3'],#new_status[value='3']{color:#06C;}
#new_status option[value='4'],#new_status[value='4']{color:red;}
.searchForm {border-top:1px solid #CCC!important;}
.searchForm tr{border-bottom:1px solid #CCC!important; border-left: 1px solid #CCC;border-right: 1px solid #CCC}
.searchForm tr.nob{border-bottom:0px solid #CCC!important;}
.searchForm tr td {padding: 2px 0px 2px 0px;vertical-align: middle}
.searchForm tr th {padding: 2px 5px 2px 5px}

.searchResultTable td span{text-align:center; color:#06C; font-weight:bold; font-size:14px}
.searchResultTable td input{font-size:12px}
.searchResultBtn {width:99%; text-align:center;}
div.colored {background: #db2}
.colored td{background:#FEF0D8}
.colored th{background:#288; text-align:center}
.course_buttons td input{width: auto!important}

#debug {position:fixed; bottom:10px; left:10px; font-size:14px; color:#FF0; background:#069; z-index:9999; display:none;}
#status {font-size:16px; color:#030; width:400px; margin:0 auto 0 auto;height:30px; padding-top:4px; text-align:center; border:1px solid #CCC; cursor:pointer;}
#status:hover{background:#FFC}
a{cursor:pointer;}

.spravka {min-width: 100px;border-left: 1px solid black; background: url(/images/header_bkg.png) 0 -91px}

.SearchParamListing {
	width:auto;
	border-top:1px solid #ccc;
	border-right:2px solid #ccc;
}
.SearchParamListing td, .SearchParamListing th {
	font-size:90%; padding:2px; border:0; border-bottom:1px solid #ccc;border-left:1px solid #ccc;
}

/* MONITORING */
.monitoring table{border:1px solid #CCC;}
.monitoring table td {background:#FAFAD2}
.monitoring table td table td {background:#FFF}
.monitoring table td table td {border-top:#CCC 1px solid}
.noDecor{text-decoration:none; color:#666!important;}
.buttonsPanel {width:auto}
.buttonsPanel input{border:1px solid #CCC}
.buttonsPanel input:hover{background:#063;color:#FFF;border:1px solid #060}
.buttonsPanel tr td ,.buttonsPanel, buttonsPanel tr td {border:0}

ul {list-style: none}

.searchForm {border:0;}
.searchForm th {border:0; color:#930}

.commonform {position:relative;z-index:1000;}
.commonform2 {position:relative;z-index:10;}
.commonform select{ margin-top:22px; margin-left:20px}
.commonform span{ padding-left:40px;}

/* SEARCH */
.bigBtn, .bigBtn2 {color: #930; padding: 3px 7px}
.bigBtn {font-size: 1.4em; line-height: 1.4em }
.bigBtn2 {font-size: 1.4em; line-height: 1.4em; color: green}
.bigBtn2

.searchResultTable{border:0; border-right:1px solid #069; border-bottom:1px solid #030;}
.searchResultTable * {font-size:12px}
.searchResultTable tr{}
.searchResultTable th{text-align:center;vertical-align:middle; background:#399; color:#FFF; font-size:100%}
.searchResultTable td{border-top:#399 1px solid;text-align:center; border-left:1px solid #CCC;}
/*.searchResultTable tr:hover td{background:#DEF;}*/
.bleft{border-left:1px solid #CCC!important; padding-left:10px}
.nob{border-bottom:0!important;}
p.logged {color: black;font-weight: normal; font-size: 14px}
p.logged span {color: #930;font-weight: normal; font-size: 16px}
.nob2{border: none!important}
.nob2 td {border: none!important}
.auto {width: auto; border: none!important;}
.auto td{background:none!important; border: none!important;}
.searchForm {border-top:1px solid #CCC!important;}
.searchForm tr{border-bottom:1px solid #CCC!important; border-left: 1px solid #CCC;border-right: 1px solid #CCC}
.searchForm tr.nob{border-bottom:0px solid #CCC!important;}
.searchForm tr td {padding: 2px 0px 2px 0px;vertical-align: middle}
.searchForm tr th {padding: 2px 5px 2px 5px}

.searchResultTable td span{text-align:center; color:#06C; font-weight:bold; font-size:14px}
.searchResultTable td input{font-size:12px}
.searchResultBtn {width:99%; text-align:center;}
.colored td{background:#FEF0D8}
.colored th{background:#288; text-align:center}
.course_buttons td input{width: auto!important}

.result tr {vertical-align: middle;}
.result td input[type=text],
.result td input[type=email]{border: 1px solid #bbb; width: 200px;}
.result td {border: 1px solid #ccc; vertical-align: top; padding-left: 5px;}
.result th {vertical-align: middle;background-color: #E6EEEE; text-align: left; padding: 3px 10px 3px 10px; border: 1px solid #CCC}
.result td {background-color: #FAFAD2;}
.result td label.error {color: #c22; display: block}
.result td select {height: 28px;}
.resultTable th {font-weight:bold!important;text-align:center;}
.resultTable td {padding:5px;}
.resultTable2 td {font-size:1.15em;vertical-align:middle;}
.resultTable3 th {text-align:left;}
.resultTable3 td {text-align:center;}
.resultTable3 input {padding:3px;width:40px;}

.no-l-b{border-left: none!important}
.no-t-b{border-top: none!important}
.no-r-b{border-right: none!important}
.no-b-b{border-bottom: none!important}

a.fpass {font-size: 16px}
.cabinet {width: 152px}

#divHelp{
    position: absolute;
    font-size: 16px;
    right: 111px; top: 132px;
    display: block;
    background: #e8e8e8;
    padding: 20px;
    border: #030 solid 3px;
    margin-left: 235px;
    z-index: 999999;
}
#divHelp h1 {padding:0;margin: 0; font-size: 22px; font-family:serif; font-weight: normal}
#divHelp a.close {float: right;}
.clear{clear: both; font-size: 0; height: 0;}
#addHelpForm{display: none;}
.tableDecor {width: 100%}
.tableDecor table {width: 100%}
.tableDecor tbody tr {vertical-align: top;}
.tableDecor tbody tr td{vertical-align: top; padding: 4px; padding-bottom: 10px;}
.tableDecor td {background: #FAFAD2; border: 1px solid #ccc;}
.tableDecor tr td table td {background: #fffff1;}
.tableDecor tr td table th {background: #E6EEEE; border: 1px solid #ccc; padding: 2px;padding-left: 10px;padding-right: 14px; font-size: 11pt; vertical-align: middle}
.tableDecor tr td table th.colored {}
.tableDecor tr td table tr.colored td {background-color: lightgoldenrodyellow;}
.smallHR th {font-size: 2px!important; height: 2px;}
#AdvertsDiv fieldset {background: #FAFAD2}
#AdvertsDiv legend {background: burlywood; font-size: 16px; font-weight: bold; padding: 2px 15px 2px 15px; border: 2px solid #808080;}
#AdvertsDiv table td {background: #FAFAD2}
#AdvertsDiv .wide {width: 99%; border:1px solid #CCC;}
.logged {
    font-size: 10pt;
    padding: 1px 10px 1px 5px!important;
}
.logged p {color: #030}
.logged p span {color: maroon}
.logTblBig {
    width: auto;
    margin: 0 auto 0 auto;
    text-align: center;
}
.logTblBig tr td {
    text-align: center;
}
.loginBtn, .loginBtn2, .loginBtn3 {
    font-size: 130%;
    padding: 40px;
    cursor: pointer;
}
.loginBtn1{
    font-size: 100%;
    padding: 10px;
    width: 450px;
}
.loginBtn {
    color: #063;
}
.loginBtn2 {
    color: chocolate;
}
.loginBtn3 {
    color: red;
}
.loginBtn:hover {
    color: #090;
}
.loginBtn2:hover {
    color: #930;
}

.recallUinTable{
    background: rgb(225, 228, 207);
    border: 1px solid #ccc;
    margin-bottom:8px;
    margin-top:8px;
}
.recallUinTable th {
    padding: 3px 10px 3px 10px;
    text-align: left;
}
.recallUinTable caption {
    font-size: 120%;
    background: rgb(230, 230, 250);
    color: rgb(80, 80, 80);
    font-weight: bold;
    border: 1px solid #bbb;
    border-bottom: none;
}
#LinksDiv input[type=text]{
    width: 100%;
}
#allLinks input[type=text]{
    border: 1px solid #DDD;
}
#allLinks input[type=text]:hover{
    width: 100%;
    border: 1px solid #AAA;
}

.adminDocuments {width: auto;}
.adminDocuments table {width: auto; border: 1px solid #ccc;}
.adminDocuments table td textarea {width: 99%;}
.align_bottom {vertical-align: bottom;}
.adminDocuments table th p,
.adminDocuments table td p {font-size: 80%;font-weight: normal; padding: 0; margin: 0}

tr.delimiter td,.delimiter th {height: 20px;}
.courseTable {
    border: 1px solid #ccc;
    width: 100%;
}
.courseTable tr {
    vertical-align: middle;
}
.courseTable textarea {
    width: 98%;
}
.courseTable th {
    background: #E6EEEE;
    text-align: right;width: 20%;
    padding: 1px 10px 1px 10px;
    border-top: 1px solid #ccc;
    vertical-align: middle;
}
.courseTable td {
    border-top: 1px solid #ccc;
    border-left: 5px solid #bbb;

    background: #FAFAD2; width: 80%;
    vertical-align: middle;
}

.courseTable input[type="text"]{
    width: 60px;
    border: none;
    border: 1px solid #999;
}

.courseTable .fileAddForm input[type="text"]{
    width: 90%;
    border: none;
    border: 1px solid #999;
}

.courseTable .fileAddForm tbody {
    width: 100%;
}






/*FOOTER*/
footer {background: #D2D1B0 url("/images/foot_bg.png") 0px 60px repeat-x; height: 100px; display: block;padding:0 5px 7px;}
footer table {height: 100px;width:100%;font-size: 0.8em; color: #ccc; border: 0;margin: 0; padding: 0;}
footer table td,footer table tr {padding: 0;margin:0;height: 10px;padding-left: 5px;}
#debug {color: black;}

.pages {list-style: none;position: relative;margin-top:2px; padding-top: 4px; font-size: 11pt;box-shadow: 2px 3px 2px #AAA;border:1px solid #ccc;}
.pages li {padding: 0;margin: 1px; display: inline;}
.pages li a {padding: 1px 3px 3px 3px; display: inline-block; text-decoration: none; color: #030;}
.pages li.current a {color: black!important}
.pages li.near a {}
.pages li.current2 {border-color: red!important}
.pages li.near2 {border-color: #994d53!important}
.pages li {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background:#c2edc3 url(/images/sel_bg_g3.png) left bottom repeat-x;
    border: #346820 1px solid;
}
.pages li.current {
    background:#fffc00 url(/images/sel_bg_y.png) left bottom repeat-x;
    border: #447C31 1px solid;
}

#searchResultTable thead tr th {font-size: 9pt}
.newSearchBtn {color: #800000; font-weight: bold}
div.capt {min-height: 20px; font-size: 12pt}

table.auto {width: auto;}
table.auto td {width:auto;}
.date {color: #06C}
/*Страничка информации*/
table.infoTable {width: 50%}
table.infoTable td {vertical-align: middle; padding: 5px; border-collapse: collapse; border: 1px solid #ccc;}
table.infoTable td.infoControls {vertical-align:top; width: 110px;}
table.infoTable td.infoSelect {vertical-align:top;}
table.infoTable td.infoControls input[type=text]{width: 70px;}
table.infoTable table {width: 100%}
table.infoTable table caption {text-align: left; padding: 3px 5px; font-weight: bold; color: #069}
table.infoTable table tbody th {text-align: left;}
table.infoTable table tbody td {text-align: center;border: none}
table.infoTable table tbody th.sub {padding-left: 20px}
table.infoTable table.tableSorter thead th {padding-right: 10px}
table.infoTable table tbody td table {border: 1px solid #ccc}
table.infoTable table tbody td table tbody td {border: none;border-top: 1px solid #ccc}
table.infoTable table tbody td table tbody th {border: none;border-top: 1px solid #ccc}
table.infoTable table tbody td table thead th {border: none;border-top: 1px solid #bbb;padding-top: 3px; padding-bottom: 5px;}
table.infoTable table tbody td table th {padding-left: 5px;}

#loading {border: none}

#dialog {
    display:none;
    width:500px;
    position: fixed; bottom: 50%; left:50%;
    margin-left: -250px; margin-bottom: -200px;
    z-index: 99999;
    padding: 0;
    border: 5px solid rgb(200,200,200);
    background-color: #FFF;
}
#send_status {
    display:none;
    text-align: center;
}
#send_status div {
    text-align: center;
    padding: 10px;
}
#dialog table {width: 100%;}
#dialog table tbody tr th {width: 45px;}
#dialog table tbody tr td input[type=text],#dialog table tbody tr td textarea {
    padding: 4px;
    margin: 2px 4px 2px 0px;
    width: 420px;
}
#responsers div {max-height: 100px; overflow: auto}
.adminDemands{width: 100%}
.adminDemands .tableSorter tbody tr:hover td {background: #F5FFE5}
.adminDemands{width: 100%}
.adminDemands th.selOrg {width: 300px;}
.adminDemands th.header {padding-right: 20px; text-align: center; vertical-align: middle;}
.adminHead {padding: 4px;}
.apply {border-right: none!important;border-top: none!important;border-bottom: none!important;}
#apply, #search {font-weight: bold; color: #930}
#pagesContainer {height: 32px; background: #FFF}
#pagesContainer form {display: inline}
#pagesContainer input.current {font-weight: bold;color: #800000}
#sortParamForm table {width: 100%}
#loadstatus {display:none; float: right; background: transparent url(/images/loading2.gif)right center no-repeat; padding-right: 50px;}
#loadstatus2 {display:none; background: transparent url(/images/loading2.gif)right center no-repeat; padding-right: 50px;padding-left: 10px}

td.center {vertical-align: middle; text-align: center;}
#ctable {display: none;}
tr.clickable {cursor: pointer;}
tr.selected td {background: moccasin!important;}
table.result th {font-size: 10pt!important;font-weight: normal}
table.result caption {
    font-size: 14pt;
    font-weight: normal;
    color:#800000;
    padding: 4px 10px 8px 10px;
    background:#FAFAD2 url(/images/title_bg.gif) left bottom repeat-x;
}
#edit_reg td {background: #FFE4B5;}
#edit_reg td table td {background: #FAFAD2;}

#selPeriodDialog {
    position: fixed; top: 50%; left: 50%; margin-left: -210px; margin-top: -64px; border: 5px solid #EEE;
    box-shadow: 4px 6px 4px #AAA;
}
#selPeriodDialog table {width: 420px;}
#selPeriodDialog table tbody th {width: 100px;}
.dialog {display: none}

input.bigSearch {width: 99%; font-size: 16px; font-weight: bold; color: #930;}
input.italic {font-style: italic; color: #BBB}
.highlight2 {color: red}
.green {color: #063!important; font-weight: bold;}
.red {color: red!important;}
.alphabet a.selected {color: red; font-weight: bold;}
footer a {color: #ccc}
table.result td[colspan="8"]{padding-left: 40px;}

table.orgInfo {width: 100%; padding: 5px; margin-bottom: 5px;}
table.orgInfo tfoot tr td[colspan="2"]{width: 50%}
table.orgInfo tbody tr th{text-align: left;}
table.orgInfo tbody tr th{width: 15%}
table.orgInfo tbody tr th[colspan="2"]{width: 50%}
table.orgInfo tbody tr td input {width: 95%}
table.orgInfo tbody tr th {color: #444}
table.orgInfo thead tr th input[type="text"]{width: 99%;font-weight: bold; text-align: center;}
table.orgInfo thead tr th p {width: 99%;font-weight: bold; text-align: left;}
table.orgInfo thead tr th {color: #036; padding: 5px;}
table.greenBorder {border: 3px solid green;}
table.redBorder {border: 3px solid red;}

table.ouInfo {width: 100%; padding: 5px; margin-bottom: 5px;}
table.ouInfo tfoot tr td[colspan="2"]{width: 50%}
table.ouInfo tbody tr th{text-align: left;}
table.ouInfo tbody tr th{width: 15%}
table.ouInfo tbody tr th[colspan="2"]{width: 50%}
table.ouInfo tbody tr td input {width: 95%}
table.ouInfo tbody tr th {color: #444}
table.ouInfo thead tr th input[type="text"]{width: 70%;font-weight: bold; text-align: left;}
table.ouInfo thead tr th p {width: 99%;font-weight: bold; text-align: left;}
table.ouInfo thead tr th {color: #036; padding: 5px;}
table.greenBorder {border: 3px solid green;}
table.redBorder {border: 3px solid red;}
/*
*   СТИЛИ для редактора пользователей
*/
    .wall a {color: #1c5ac4}
    .inline {
        display: inline;
        margin: 0;
        padding: 0;
    }
    .hoverable {position: relative}
    .wall {
        margin: 0;
        position: relative;
        font-family: 'Open Sans',arial,sans-serif;
        padding: 0;
        border-left: 1px solid #ccc;
    }
    a.wall-item {
        z-index: 49;
        text-decoration: none;
        outline: none;
        height: 140px;
        max-height: 140px;
        border: none;
        background-color: #063;
    }
    .wall-small-title {
        width: 239px;
        height: 139px;
        max-height: 139px;
        border-bottom: 1px solid #c6c6c6;
        border-right: 1px solid #c6c6c6;
        background: #FCFCFC;
    }
    .wall-small-title:hover {
        background: #eef7de;
    }
    .wall-small-tile {
        height: 138px;
        width: 239px;
        max-height: 138px;
        max-width: 239px;
        position: relative;

        vertical-align: top;
        background-color: #f8f8f8;
        border-bottom: 1px solid #c6c6c6;
        border-right: 1px solid #c6c6c6;
    }
    .wall-small-tile-title {
        height: 32px;

    }

    .wall-title {
        display: inline-block;

        max-height: 137px;
    }

    .wall-small-tile-title {
        font-size: 13px;
        font-weight: bold;
        color: #262626;
    }

    .wall-small-tile-title-subtitle-container {
        position: absolute;
        top: 12px;
        left: 21px;
        width: 198px;
        background-color: #060;
    }
    .wall-small-tile-subtitle {
        padding-top: 6px;
    }
    .wall-small-tile-subtitle {
        font-size: 11px;
        color: #333;
    }
    .small-tile-hover .tile-hover-header, .medium-tile-hover .tile-hover-header {
        border: none;
        background-color: #ececec;
    }
    .tile-hover-header {position: absolute;}
    .wall-item-hovered {
        z-index: 50;
        position: absolute;
        top: 0px;
        height: 138px;
        width: 238px;
        left: -1px;
        background: #f9e9d6;
        border: 1px solid #946621;
        box-shadow: 3px 3px 4px #b07927;
        outline: none;
    }
    .wall-item-hovered-wrap{
        display: inline-block;
        position: relative;
        height: 20px;
        width: 238px;
        height: 348px;

    }

    .x-span {position: absolute;border: 0px dotted red}
    .item-name{top: 10px;left: 20px; width: 200px; height: 40px; border-bottom: 1px solid #ccc; font-size: 14px;font-weight: bold}
    .item-tel{top: 60px;left: 20px; width: 200px; height: 14px; font-size: 12px;}
    .item-email{top: 80px;left: 20px; width: 200px; height: 24px; border-bottom: 1px solid #ccc; font-size: 12px;}
    .item-org-shrt{top: 110px;left: 20px; width: 200px; font-size: 16px; font-weight: bold ; color: #1c5ac4; height: 32px;}
    .item-org-full{top: 150px;left: 20px; width: 200px; height: 95px; border-bottom: 1px solid #ccc; font-size: 12px;}
    .item-podrazd{top: 250px;left: 20px; width: 200px; height: 45px; font-size: 12px; color: #930}
    .item-passw{top: 300px;left: 20px; width: 200px; height: 45px; font-size: 14px;}
    .item-controls{top: 321px;left: 20px; width: 200px; height: 19px; font-size: 12px; color: #1c5ac4; text-align: right;font-weight: bold}
    .item-controls a.red {color: red}

    .x-name1 {position: absolute; width: 200px; top: 20px; left: 20px; color: #292929; font-size: 14px; font-weight: bold}
    .x-podrazd1 {position: absolute; top: 95px; width: 200px; left: 20px; color: #292929; font-size: 12px;}
    .x-org1 {position: absolute; top: 55px; width: 200px; left: 20px; color: #1c5ac4; font-size: 16px; font-weight: bold}

    h3.userHeader {
        font-family: 'Open Sans',arial,sans-serif;
        font-size: 21px;
        background: #fff;
        margin: 0;
        padding: 12px;
        border: 1px solid #bbb;


background-image: linear-gradient(bottom, #D9985F 11%, #F7BE68 79%, #EBA967 100%);
background-image: -o-linear-gradient(bottom, #D9985F 11%, #F7BE68 79%, #EBA967 100%);
background-image: -moz-linear-gradient(bottom, #D9985F 11%, #F7BE68 79%, #EBA967 100%);
background-image: -webkit-linear-gradient(bottom, #D9985F 11%, #F7BE68 79%, #EBA967 100%);
background-image: -ms-linear-gradient(bottom, #D9985F 11%, #F7BE68 79%, #EBA967 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.11, #D9985F),
	color-stop(0.79, #F7BE68),
	color-stop(1, #EBA967)
);

    }

    td.table-wrap {
        padding: 4px;
background-image: linear-gradient(bottom, #D9985F 11%, #F7BE68 79%, #EBA967 100%);
background-image: -o-linear-gradient(bottom, #D9985F 11%, #F7BE68 79%, #EBA967 100%);
background-image: -moz-linear-gradient(bottom, #D9985F 11%, #F7BE68 79%, #EBA967 100%);
background-image: -webkit-linear-gradient(bottom, #D9985F 11%, #F7BE68 79%, #EBA967 100%);
background-image: -ms-linear-gradient(bottom, #D9985F 11%, #F7BE68 79%, #EBA967 100%);
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.11, #D9985F),
	color-stop(0.79, #F7BE68),
	color-stop(1, #EBA967)
);
    }
    .number-cell {font-size: 32px;
                 color:RGB(204,204,204);
                 font-weight: bold;
                 position: absolute;
                 top: 0px;
                 right: 6px;}
    .drag {cursor: move}

    #user_regedit {
        border:1px solid #232323;
        width:400px;
        display:none;
        position:absolute;
        top:50%;
        left:50%;
        z-index:999999;
    }
    #replace_dlg {
        border:1px solid #232323;
        width:400px;
        display:none;
        position:absolute;
        top:50%;
        left:50%;
        z-index:999999;
    }
    #user_regedit th {width: 125px}
    #user_regedit td {padding-right: 4px}
    #user_regedit input[type="text"] {width: 250px}
    #replace_dlg {display: none; position: absolute; top: 50%; left: 50%}
/*
*   СТИЛИ редактора пользователей конец
*/
table.result th.blocks_reg{
    font-weight: bold;
    width: 250px;
}
table.result th.blocks_reg span{
    font-weight: 400;
}

table.result th.blocks_info{
    font-weight: bold;
    /*width: 250px;*/
}
#post_info, #podr_info {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    /*height:40%;*/
    /*width:50%;*/
    padding: 10px;
    background: #fff;
    display: none;
}
[id^="comment"]
{
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    /*height:40%;*/
    width:50%;
    padding: 10px;
    background: #fff;
    display: none;
}


/**/
.clr {
	float:none;
	clear:both;
}
.noborder td {
	border:0 none!important;
}
th.headTable {
	text-align:left;
	font-size:1.4em;
	padding:10px 0 10px 15px;
	background-color:#D2D1B0;
}
.courseTable input[type="text"]{
    min-width: 200px;
	width:auto;
}
table.result th.th-bold {
	font-weight:bold!important;
	font-size:1.1em!important;
	padding:10px!important;
}
table.result th.th-bold.th-bold2 {
	font-size:1em!important;
}
.courseTable select {
   min-height:27px!important;
}
.leftright {
	width:700px;
}
.leftright .chosen-container {
	padding:3px 0;
}
.category, .item, .chzn-container-single .chzn-single {
        font-family: sans-serif}

    .category {font-weight: bold}

    .chosen-results li.item {padding-left: 25px;}
    .chosen-results li.item2 {font-size:10px; padding-left: 35px;}
    .chosen-results li.item3 {color:red;}

table textarea {
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:13.33333px;
}
.searchSelectors {
	
}
.searchSelectors .searchSelectors-item {
	float:left;
	margin-right:20px;
}

.button {
	line-height:25px;
	border:1px solid #9CA988;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	display:block;
	text-align:center;
	color:#000;
	text-decoration:none;
	background:#eee url(../images/button.png) 0 0 repeat-x;
	margin-bottom:5px;
	padding:0;
	width:100%;
	white-space:nowrap;
}
.button:hover,
.button:focus {
	border-color:#505050;
}
.button.button2 {
	cursor:default;
	display:inline;
	padding:5px 15px;
	margin:0 5px;
}
.numeric-tr {
	width:20px;
}
.ratingSearchForm thead th {padding:10px;}
.ratingSearchForm th {vertical-align: middle; text-align:center!important; font-weight:700!important;}
.ratingSearchForm td {vertical-align: middle;}
.searchCourseName {
	padding:5px 17px 5px 5px;
}
.searchCourseName input {
	width:100%!important;
}
.adminQuality input[type=text] {
	width:100%!important;
	width:calc(100% - 17px)!important;
	margin:5px 0;
}
.adminQuality input[type=text].order_input {
	width:30px!important;
	text-align:center;
}
.buttonsGroup {
	text-align:center;
	margin-top:15px;
}
.buttonsGroup .button {
	width:auto;
	display:inline-block;
	padding:0 5px;
}
.buttonsGroup input {
	cursor:pointer;
}
.planTable {
	width:100%;
	font-size:.85em;
}

.sync-button {
	display:inline-block;
	background: #fffc00 url(/images/sel_bg_g.png) left bottom repeat-x;
    border: #447C31 1px solid;
	border-radius:4px;
	padding:5px 10px;
	text-decoration:none;
	color:#fff;
}
.sync-button:hover,
.sync-button:focus {
	background-color: #60ae45;
	background-image: url(/images/sel_bg_gh.png);
}
.sync-result {
	padding-top:3px;
}
.sync-result--success {
	color:green;
}
.sync-result--error {
	color:red;
}

.hidden {
	display:none;
}
.period_item_block {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #CBCBCB;
}
.period_item_blocks .period_item_block:last-child {
	border-bottom:0 none;
	margin-bottom:0;
}
.period_item_block h4 {
	margin-bottom:0;
}
.add_course_period_block {
	margin-bottom:10px;
}
.confirm-message {
	color: maroon;
	font-size:16px;
	border:1px solid maroon;
	padding:8px 10px;
}