/*************************************************
 * sono-d-37.cms.standart.v001.cl-0000
 * Copyright � 2010 Sono�, Moscow
 * All rights reserved
 * www.sono-design.ru
**************************************************/

/* Elements */
* {margin: 0;padding: 0;}
html{min-width:997px; _padding-left: 997px;}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #FDE8BD;
	color: #444;
	_zoom: 1;
}
.container{
	*min-width: 997px;
    _margin-left: -997px;
    _zoom: 1;
    _position: relative;
}
a {color: #9E0406;outline: none;}
a:hover {color: #c85b02;}

/* Header */
#header {
	background: url(../images/design/cms/header.jpg) repeat-x top ;
	overflow:hidden;
	height:108px;
}

#logo {
	float:left;
	background: url(../images/design/cms/header_l.jpg) no-repeat left top;
	width:350px;
	height:108px;
}
#gerb {
	float: right;
	background: url(../images/design/cms/header_r.jpg) no-repeat right top;
	height:108px;
	overflow:hidden;
	width:590px;
	position: relative;
	color:#fff;
}
#logout{ position:absolute; top: 37px; right: 250px}

/*lang*/
.lang{
    background: url("../images/design/cms/lang.png") no-repeat 0 50%;
    width: 130px;
    margin-top:2px;
    /*float: left;*/
}
.lang ul{
    display: none;
    background: #FDF7E9;
    position: absolute;
    left: 0;
    margin: 6px 0 0;
	z-index: 5;
}

*html .lang li{height: 13px;}
.lang a,.lang span{
    background: url("../images/design/cms/langAll.png") no-repeat;
    text-decoration: none;
    padding: 1px 10px 1px 50px;
    display: block;
    cursor: pointer;
    color:#9E0406;
}
.lang a:hover{background-color: #F1D198;}
.lang .ru{background-position: 25px 4px;}
.lang .en{background-position: 25px -15px;}
.lang .mo{background-position: 25px -34px;}
.lang .tg{background-position: 25px -72px;}
.lang .uz{background-position: 25px -53px;}

#logout a {
	color: #fff;
	background: url(../images/design/cms/door_in.png) no-repeat left center;
	padding-left: 20px;
}
#top_menu {width:100%;}
#top_menu div{padding:0 35px;overflow:hidden; *margin:0 35px 0 0 !important; *pading: 0 !important;}
#top_menu a{position:relative;padding-left:32px;float:left;margin:0 2px 2px 0;}
#top_menu a span{
	width:16px;
	height:16px;
	display:block;
	position:absolute;
	left:8px;
	top: 6px;
	background: url(../images/design/cms/menu.png) no-repeat;
}
#top_menu a#tbma_home span{background-position: 0 0;}
#top_menu a#tbma_mail_templates span{background-position: -16px 0;}
#top_menu a#tbma_news span{background-position: -32px 0;}
#top_menu a#tbma_page span{background-position: -48px 0;}
#top_menu a#tbma_settings span{background-position: -64px 0;}
#top_menu a#tbma_tickets span{background-position: -80px 0;}
#top_menu a#tbma_users span{background-position: -96px 0;}
#top_menu a#tbma_vote span{background-position: -112px 0;}
#top_menu a#tbma_msgs span{background-position: -128px 0;}
#top_menu a#tbma_stats span{background-position: -144px 0;}
#top_menu a#tbma_checking_docs span{background-position: -160px 0;}

#content {margin: 15px;	padding: 0px 20px 10px;}

/*dataheadmanager*/
#dataheadmanager{width:100%;}
#dataheadmanager td{text-align:left;}
#dataheadmanager #add_del_td {text-align:right;}
#dataheadmanager #add_del_td div  {float:right;margin:0 0 0 2px;}
#dataheadmanager #add_del_td div span {
    overflow: hidden;
    margin:0;
    position: relative;
}
#dataheadmanager #add_del_td form span input {
    cursor: pointer;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
}
#dataheadmanager a#page_link{padding-left:20px;background:url(../images/design/cms/page_go.png) no-repeat left center;}

/* #table_form table && docs && files */
#table_form table, table.t, #docs {border-collapse: collapse;border: 1px solid #ddd;width: 100%;}
#table_form table th, #docs th{background: #6b050e;color: #fff;}
#table_form table th,#table_form table td, #docs th, #docs td {padding: 10px;text-align: center;border-bottom: 1px solid #ddd;}
table.t td{padding:10px;}
table.t td.info_form{width:200px;}
#table_form table td, table.t td, #docs td {background-color: #fff;}
#table_form table .align_left, #docs .align_left{text-align:left;}
#docs .folder{cursor:pointer;}
#table_form table td.handle{background: url("../images/design/cms/scroll.png") no-repeat scroll center center #fff;cursor:move;}
#table_form table td.edit {background: url("../images/design/cms/edit.png") no-repeat scroll center center #fff;}
#table_form table td.edit a{width:100%;height:20px;display:block;}
#table_form table tr#get_back a{padding-left:16px;background:url(../images/design/cms/arrow_up.png) no-repeat left center;}
tr.table_zebra td{background-color: #F4F4F4 !important;}
#table_form table tr:hover td, #docs tr:hover td, #table_form table tr.checked td{background-color: #FDE8BD !important;}
#docs input.input{width:100%;}
#docs .edit{display:none;}
#docs td.icon{width:24px;}
#docs td.icon span{
    background: url("../images/design/cms/document.png") no-repeat scroll 0 0 transparent;
    display: block;
    cursor:move;
    height: 24px;
    margin: auto;
    width: 24px;
}
#docs span.icon1 {background-position: -24px 0 !important;}
#docs span.icon2 {background-position: -48px 0 !important;}
#docs span.icon3 {background-position: -72px 0 !important;}
#docs span.icon4 {background-position: -96px 0 !important;}
#docs span.icon5 {background-position: -120px 0 !important;}
#docs span.icon6 {background-position: -144px 0 !important;}
#docs span.icon7 {background-position: -168px 0 !important;}

#table_form .osave, #table_form .ocancel, #table_form .oivalue{display:none;}
#table_form .oivalue{text-align:center;width:50px;}
#table_form .osave{margin-right:2px;}
/* gallery*/
.gallery ul{list-style-type:none;}
.gallery li {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #AAAAAA;
    border-radius: 5px 5px 5px 5px;
    float: left;
	margin: 0 10px 10px 0;
}
.gallery li.ui-sortable-placeholder{visibility:visible !important;}
.gallery li img{cursor:move;}
.gallery li span{cursor:pointer;}
.gallery li div{overflow:hidden;}
.gallery li span{
	background-image: url("../images/design/cms/ui-icons_222222_256x240.png");
	display:block;
    float:left;
	width:16px;
	height:16px;
	margin:2px 17px 5px;
}
.gallery li span.editg{background-position: -64px -112px;}
.gallery li span.cropg{background-position: -208px -128px;}
.gallery li span.deleteg{background-position: -176px -96px;}
#pageimg li span.deleteg{float:right;}
.gallery li span.canceluploadg{background-position: 0 -128px;float:right;}

/* dialog */
#dialog{display:none;position:absolute;z-Index:10;border:1px solid #aaa; background:#fff;border-radius:5px;padding:5px;}
#dialog_title{font-weight:bold;color:#fff;background:#C85B02;border:1px solid #C85B02; padding:5px;}
#dialog_buttons{padding:7px 0;text-align:right;}
#dialog_buttons span{margin-left:2px;}
#dialog_content{margin:4px 0;}

/*progress_bar*/
.progress {
    overflow: hidden;
    width:158px;
    border:1px solid #6B050E;
}
.progressall {
    display: none;
    float:left;
}
#progressallgallery {
    float:none;
	width:100%;
}
.progress .bar {
    background: none repeat scroll 0 0 #6B050E;
    display: none;
    text-align: center;
}
#docs .progress .bar {
	height: 18px;
}
#docs .progress .bar  span{line-height:18px !important;}
.progressall .bar {
    display: block;
    width: 0;
    height:27px;
}
.progress .bar span {
    color: #FFFFFF;
    float:none;
    line-height:27px;
}

/*autocomplete*/
#autocd {position: relative;float: left;}
#autocd input {width: 200px;}
#autocm {position: absolute;top: 30px;background: #F8F8F8;border: 1px solid #DDD;width: 200px;padding: 6px;	display: none;}
#autocm ul {
	list-style-type: none;
	margin:0 5px;
	padding:0;
}
#autocm ul li{margin-bottom:5px;}

/* ZAKLADKI */
#nav_tabs{overflow:hidden; clear:both; -position:absolute;}
#nav_tabs ul {
	list-style-type: none;
	margin: 0 0 0 15px;
}
#nav_tabs ul li {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-radius-topleft: 5px;
	-webkit-border-radius-topright: 5px;
	font-weight: normal;
	float: left;
	color:#fff;
	cursor: pointer;
	padding: 5px 10px;
	border-top: 1px solid #E68D1C;
	border-collapse: collapse;
	background: #E68D1C;
	margin-top: 4px;
}
#nav_tabs ul li a{
	color: #fff;
	text-decoration:none;
}
#nav_tabs ul li.cur_tab {
	background: #c85b02 !important;
	padding: 7px 15px !important;
	font-weight: bold !important;
	cursor: default !important;
	border-left: 1px solid #E68D1C;
	border-right: 1px solid #E68D1C;
	margin-top: 0 !important;
}
#nav_tabs ul li:hover {background: #c85b02 !important;}
#nav_tabs ul li.left_border {border-left: 1px solid #E68D1C;}
#nav_tabs ul li.right_border {border-right: 1px solid #E68D1C;}
div.tabs {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	display: none;
	padding: 15px;
	border: 1px solid #E68D1C;
	-margin-top: 45px;
	border-collapse: collapse;
}
div.cur_tab {display: block;}

/* Buttons */
.button {
	cursor: pointer;
	display:inline-block;
	text-decoration: none;
	padding: 7px 10px;
	background:#e68d1c;
	color:#fff;
	font-zise: 14px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	line-height:16px;
}
input.button {
	padding: 6px 8px 7px;
	border:none;
}
.button:hover {color:#fff;background-color:#c85b02 !important;}
.saveb,#save_folder,.selectb{margin-right:2px;}
.buttons_div{overflow:hidden;margin:0 0 2px 0;}
.buttons_div span {
    display: block;
    float: left;
    line-height:15px;
    overflow: hidden;
    margin:0 2px 0 0;
    position: relative;
}
.buttons_div span input {
    cursor: pointer;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(0px, 0px) scale(2);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: alpha(Opacity=0); 
	font-size:24px;
}

/* JCrop */
/* jquery.Jcrop.min.css v0.9.12 (build:20130126) */
.jcrop-holder{direction:ltr;text-align:left;}
.jcrop-vline,.jcrop-hline{background:#FFF url(../images/design/cms/Jcrop.gif);font-size:0;position:absolute;}
.jcrop-vline{height:100%;width:1px!important;}
.jcrop-vline.right{right:0;}
.jcrop-hline{height:1px!important;width:100%;}
.jcrop-hline.bottom{bottom:0;}
.jcrop-tracker{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;height:100%;width:100%;}
.jcrop-handle{background-color:#333;border:1px #EEE solid;font-size:1px;height:7px;width:7px;}
.jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px;}
.jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%;}
.jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%;}
.jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0;}
.jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0;}
.jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px;}
.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%;}
.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px;}
.jcrop-dragbar.ord-n{margin-top:-4px;}
.jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px;}
.jcrop-dragbar.ord-e{margin-right:-4px;right:0;}
.jcrop-dragbar.ord-w{margin-left:-4px;}
.jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline{background:#FFF;filter:alpha(opacity=70)!important;opacity:.70!important;}
.jcrop-light .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#000;border-color:#FFF;border-radius:3px;}
.jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline{background:#000;filter:alpha(opacity=70)!important;opacity:.7!important;}
.jcrop-dark .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#FFF;border-color:#000;border-radius:3px;}
.solid-line .jcrop-vline,.solid-line .jcrop-hline{background:#FFF;}
.jcrop-holder img,img.jcrop-preview{max-width:none;}

/* Forms */
.info_form_text {
	font-size: 11px;
	margin-top: 10px;
	font-style: italic;
}
.input {
	padding: 5px;
	background: #f8f8f8;
	border: solid 1px #ddd;
	outline: 0;
	width: 400px;
}
.select {
	background: #f8f8f8;
	border: solid 1px #ddd;
	outline: 0 none;
	padding: 5px;
	width: 175px;
	height:30px;
}
.select option {padding: 5px;}
.textarea {
	padding: 5px;
	background: #f8f8f8;
	border: solid 1px #ddd;
	outline: 0;
	width: 400px;
	height: 100px;
	font-family: Helvetica, sans-serif;
	font-size: 13px;
}
.is_error {border: solid 1px red;}
.input:hover,.textarea:hover,.select:hover,.input:focus,.textarea:focus,.select:focus{border-color: #C9C9C9;background: #fff;}
.descr {font-size: 11px;margin-left: 10px;color: #778899;}
.bull {color: red;margin-left: 5px;font-size: 16px;}
.desc {display: block;margin-bottom: 5px;font-weight: bold;}

/* Messages */
.error {
	color: #C85B02;
	font-weight:bold;
}
.error p{margin:10px 0;}

/* Nav */
/* Nav */
#paginator {
	width: 100%;
	border-collapse: collapse;
	margin: 20px 0 0;

}
#paginator a,#paginator span{color: #6b050e;}
#paginator a:hover{text-decoration: none;}
#paginator td {
	padding: 5px;
}

#paginator .left{
	text-align: right;width: 20%;
}

#paginator .right{
	text-align: left;width: 20%;
}

#paginator .center{
	text-align: center;
}

#paginator .center * {
	padding: 5px 10px;
	display: inline-block;
	margin: 0 1px;
}

#paginator .center a{text-decoration: none;}

#paginator .center a:hover,#paginator .center .active{
	color: #fff;
	background: #6b050e;
}

/* treeview */
.treeview,.treeview ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.treeview .hitarea {
	background: url(../images/design/cms/treeview/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float: none;
}
.treeview li {
	margin: 0;
	padding: 3px 0pt 3px 16px;
}
.treeview .selected {
	background: #353D40;
	color: #fff;
	padding: 2px;
}
.treeview span:hover{cursor: pointer;color: #ff2222 !important;}
/*
#treecontrol {
	margin: 1em 0;
	display: none;
}
.treeview .hover {
	color: red;
	cursor: pointer;
}
*/
.treeview li {
	background: url(../images/design/cms/treeview/treeview-default-line.gif) 0 0 no-repeat;
}
.treeview li.collapsable,.treeview li.expandable {
	background-position: 0 -176px;
}
.treeview .expandable-hitarea {
	background-position: -80px -3px;
}
.treeview li.last {
	background-position: 0 -1766px
}
.treeview li.lastCollapsable,.treeview li.lastExpandable {
	background-image: url(../images/design/cms/treeview/treeview-default.gif);
}
.treeview li.lastCollapsable {
	background-position: 0 -111px
}
.treeview li.lastExpandable {
	background-position: -32px -67px
}
.treeview div.lastCollapsable-hitarea,.treeview div.lastExpandable-hitarea{
	background-position: 0;
}

/* DATEPICKER */
#ui-datepicker-div {
	display:none;
	background: #EEEEEE;
	border: 1px solid #DDDDDD;
	color: #333333;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
	font-size: 1.1em;
	padding: 0.2em 0.2em 0;
	width: 17em;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.ui-datepicker-group{
	float:left;
	width: 33.3%;
}

.ui-datepicker-header {
	padding: 0.2em 0;
	position: relative;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #F6A828;
	border: 1px solid #E78F08;
	color: #FFFFFF;
	font-weight: bold;
}

.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}

.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-state-default,.ui-widget-content .ui-state-default {
	background: #F6F6F6;
	border: 1px solid #CCCCCC;
	color: #1C94C4;
	font-weight: bold;
	outline: medium none;
}

.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
	height: 1.8em;
	position: absolute;
	top: 2px;
	width: 1.8em;
}

.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{
	display: block;
	left: 50%;
	margin-left: -8px;
	margin-top: -8px;
	position: absolute;
	top: 50%;
	height: 16px;
	width: 16px;
	overflow: hidden;
	text-indent: -99999px;
	background-image: url("/images/design/cms/thumbnails.png");
}

.ui-icon-circle-triangle-w {
	background-position: -80px -192px;
}

.ui-icon-circle-triangle-e {
	background-position: -48px -192px;
}

.ui-datepicker .ui-datepicker-title {
	line-height: 1.8em;
	margin: 0 2.3em;
	text-align: center;
}

.ui-datepicker table {
	border-collapse: collapse;
	font-size: 0.9em;
	margin: 0 0 0.4em;
	width: 100%;
}

.ui-datepicker th {
	border: 0 none;
	font-weight: bold;
	padding: 0.7em 0.3em;
	text-align: center;
}

.ui-datepicker td {
	border: 0 none;
	padding: 1px;
}

.ui-datepicker td span,.ui-datepicker td a {
	display: block;
	padding: 0.2em;
	text-align: right;
	text-decoration: none;
}

.ui-state-hover, .ui-datepicker-current-day a{
	background: #fdf5ce !important;
	border: 1px solid #fbcb09 !important;
	color: #C77405 !important;
	font-weight: bold !important;
	outline: medium none !important;
}

.ui-state-highlight,.ui-widget-content .ui-state-highlight {
	background: #FFE45C;
	border: 1px solid #FED22F;
	color: #363636;
	font-weight: bold;
	outline: medium none;
}

.ui-state-disabled {
	cursor: default !important;
	background-image: none;
	opacity: 0.35;
}