/*???????? ?????*/

input {width:80%; padding:5px; border-radius: .2em; transition: all .2s ease;}
input[type=text] {border: solid 1px #CCC; padding: .75em 1em;}
input[type=text]:focus {outline:none; border-color: #444;}
input[type=password] {	border: solid 1px #CCC; padding: .75em 1em;}
input[type=password]:focus {outline:none; border-color: #444;}
input[type=radio] {width:30px;padding:0px; margin:0px;}
input[type=checkbox] {width:30px;padding:0px; margin:0px;}
input[type=submit] { width:auto;}

label {vertical-align: middle;}

select {border: solid 1px #CCC;	padding:.75em 1em; width:80%; transition: all .2s ease;}
select:focus {outline: none; border-color: #444;}
textarea {	border: solid 1px #cccccc;	padding:.75em 1em;	width:80%; height: 200px;  transition: all .2s ease;}
textarea:focus {outline: none;	border-color:#444;}

/*???????? ????? ??????*/
input.error {border:solid 1px #F18F01; background:#EEE;}
select.error {border:solid 1px #F18F01; background:#EEE;}
label.error {display:block; color:#D81159; padding-top:5px; font-size: 11px;}

/*???????? ????? ????????????*/
input.required_field {border:solid 1px #F18F01;}
select.required_field {border:solid 1px #F18F01;}
textarea.required_field {border:solid 1px #F18F01;}

/*?????? ????????? ?????*/
input.input_date {background:#FFF url('../images/input_date.png') right no-repeat; width:120px;}


/*??????*/
a.folder {padding:10px 10px 0px; background:#CCC;border: solid 1px #CCC; border-bottom:none;}
a.folder.select {background:#FFF;}

/*????????? ?? ???????*/
/*.error {padding:10px; font-size: 15px; font-weight:bold; color: #F18F01; border: solid 1px #F18F01;}*/

/*??????? ?????*/
.form_table {width:100%; background:#FAFAFA}
.form_table td {padding:15px; vertical-align: middle; border-bottom:solid 1px #EEE;}
.form_table .table_vertical_title {width:25%; font-weight:normal; text-align:left; padding-lefT:0;}


.form_table_add_page {width:100%; background:#FAFAFA}
.form_table_add_page td {vertical-align: top; border-bottom:solid 1px #EEE; padding: 1em 0;}
.form_table_add_page .table_vertical_title {width:25%; font-weight:normal; text-align:left; font-size: 1em;}


.content_table {width: 100%; background: #FFF;}
.content_table td {padding:.75em 1em; border-top:solid .1em #EEE;}
.content_table .table_header td {background:#EEE; font-weight: bold; font-size: 1em; border-bottom:solid 1px #BBB; border-top:solid 1px #BBB;}
.content_table .chet td {background:#FAFAFA;}
.content_table .table_title {width:30%; font-weight:bold; text-align:right}

.content_table.otvet_list {font-size: .9em;}

.total_count {display: inline-block; vertical-align: middle; margin-right: 1em; font-size: .8em;}

/*????????????? ??????*/ 
a.sort_header_link {color: #888; text-decoration:none; border:none;}
a.sort_asc {background:url('../images/_global/sort-asc.png') right no-repeat; padding-right: 15px;}
a.sort_desc { background:url('../images/_global/sort-desc.png') right no-repeat; padding-right: 15px;}

/*?????? ?? ??????? ??????*/
a.string_list  {font-weight:bold; margin:2px; display:block; text-decoration:none; padding:.5em; border: solid .1em #CCC; background: #EEE; color: #999;}
a.string_list:hover {text-decoration:none; border: solid 1px #AAA; background: #FAFAFA; color: #AAA;}
a.string_list div {color:#AAA; font-size: 11px; font-weight:normal;padding-top:5px;}

div.string_list {min-height:30px; font-weight:bold; margin:2px; padding:1em; border: solid .1em #CCC; background: #FAFAFA; color: #999;}
div.string_list span {display:block; color:#AAA; font-size: 11px; font-weight:normal;padding-top:5px;}
div.string_list span.delete_button {display:block; float:right; height:16px; width:16px; background: url('../images/delete_button.png') no-repeat; cursor:pointer;}


/*????????? ??? ??????*/
.hint {color:#444; font-size: 11px; padding: 5px 0px;}

/*?????? ??????*/
div.status_name {min-height:30px; display: inline; font-size: 13px; font-weight:bold; margin:2px; text-decoration:none; padding:5px; border: solid 1px #CCC; background: #000 url('../images/string_list_bg.gif') top repeat-x; color: #999;}

/*???? ??????*/
a.file {background:#FAFAFA; display: inline-block;  margin:.5em .5em .5em .5em; padding: .7em .7em .7em 2.5em; border:solid .1em #EEE; text-decoration:none; position: relative; line-height: 1em;}
a.file:before {content: "\f016"; line-height: 1em; font-size: 1.8em; position: absolute; top:.2em; left:.2em;   font-family: 'icomoon' !important; color:#000;}
a.file.doc:before, a.file.docx:before {content: "\f1c2"; color:#138dff;}
a.file.pdf:before {content: "\f1c1"; color:#D81159;}
a.file.xls:before, a.file.xlsx:before  {content: "\f1c3"; color:#06D6A0}
a.file.rar:before, a.file.zip:before {content: "\f1c6"; color:#000;}
a.file.ppt:before, a.file.pptx:before {content: "\f1c4"; color:#F18F01;}

span.delete_button {display: inline-block; height:16px; width:16px; background: url('../images/delete_button.png') center no-repeat; cursor:pointer;}


/*????*/
div.step {margin:5px; display:inline; padding:10px; border:solid 1px #CCC; background: #EEE; color: #CCC;}
div.step.active {border:solid 1px #444; background: #CCC; color:#444; font-weight:bold;}
div.step.ok {border:solid 1px #06D6A0; background: #FFF; color:#06D6A0;}

/*???? ? ??????????*/
div.main_hint {padding:10px; border:solid 1px #FFE74C; min-height: 50px;}

/*???????? ????????? ?? ?????? (info.tpl)*/
div.main_error {padding:10px; border:solid 1px #F18F01; min-height: 50px; clear: both;}
div.main_error h1 {font-size: 15px; font-weight:bold; color:#D81159; margin:0px;}

/*SPEDBAR*/
.speedbar {padding:10px 0;}

/*???? ? ????????????? ?????? ????????*/
.journal_styles {width:400px;}
.journal_styles img {margin:2px; border:solid 1px #444; width:70px;}
.journal_styles img.selected_style {border:solid 1px #000; width:60px; padding:5px;}

/*????? ?????????? ???????*/
.filter_form {padding:20px; background:#DDD url('../images/_global/filter_bg.png');}
.filter_form input[type=text] {width:500px;}
.filter_form select {width:500px;}
.filter_form input[type=submit] {float:right;}

.filter_form .dop_filter {padding:5px 0; font-size: 11px;}
.filter_form .dop_filter span {font-weight:bold; width:200px; text-align: right; display: inline-block; font-size: 11px;}
.filter_form .dop_filter a {margin:0 7px; font-style: italic; text-decoration:none;}

.filter_form .filter_block {padding: 10px 0;}

.filter_form .fileter_tittle {font-weight: bold; width: 200px; display: inline-block; text-align: right;}

.filter_form .filter_delete {display:block; float:right; height:16px; width:16px; background: url('../images/delete_button.png') no-repeat; cursor:pointer;}


/*????? ???????????*/
#login_form div {padding:5px 0;}
#login_form span {text-align:right; width:100px; display:inline-block; padding:0 5px 0 0; font-weight:normal; font-size: 15px; color: #666;}
#login_form input[type=text], #login_form input[type=password] {width: 350px;}

/*????? ???????????*/
#registration_form div {padding:5px 0;}
#registration_form span {text-align:right; width:150px; display:inline-block; padding:0 5px 0 0; font-weight:normal; font-size: 15px; color: #666;}
#registration_form input[type=text], #registration_form input[type=password] {width: 300px;}

/*??????? ?????? ????????*/
#archive_table td {padding:20px 5px; color: #CCC; text-align: center; font-size: 15px; border:solid 1px #DDD; background:#EEE;}
#archive_table .archive_year {font-size: 17px; color: #666; text-align: center; background: #DDD;}
#archive_table a {text-decoration:none;}


/*?????????? ???????? ???? ??? ??????*/
.search_mark {background: #FFE74C;}

/*????????? ????????*/
.news_date {background:url('../images/_global/date_icon.png') left  no-repeat; padding-left: 20px; font-size: 11px; margin-bottom:10px; }

/*?????? ?? ????????*/
a.review_link {display:inline-block; width:auto; text-decoration:none;}
a.review_link span {font-weight: bold; font-size: 19px;  padding:5px; border: solid 1px #CCC; margin: 0 10px 0 0;}

a.review_link.green {color:#06D6A0}
a.review_link.red {color:#D81159}

.hidden_table_row {display: none;}