@CHARSET "UTF-8";

body, html {
  height: 100%;
  margin:0;
  padding:0;
}
body {
  font: 1em Arial,sans-serif;
  color:#000;
  background:#fff;
}
a {
  color:#0498EC;
}
img {
  border:0;
}
h1,h2 {
  margin:0; padding:0;
}

h1 {
  font-size: 1.5em;
  font-weight: normal;
  margin:0 0 0 1.5em;
}

h2 {
  font-size:1.2em;
  font-weight:normal;
  margin:0 0 1em 0;
}

#header {
  overflow: hidden;
}
#logo {
  float:left;
  margin:30px 10px 30px 30px;
}
#menu {
  display:block;
  float:left;
  overflow:hidden;
  margin: 50px 0 0 0;
  padding:0;
  width:60%;
}
#menu li {
  display:block;
  float:left;
  color:#0085cc;
  margin: 0 10px 1em;
  padding:2px 10px;
}
#menu li a {
  color:#60B3DE;
  text-decoration: none;
}
#menu li.act a {
  color:white;
}
#menu li.act {
  background-color:#5fb3de;
  color:white;
  text-shadow: 0 0 5px #fff, 0 1px 0 #137cb3;
  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
#menu li.sep {
  background-color:#999;
  height:1.4em;
  padding:0;
  width:1px;
  margin: 0 20px 0 20px;
}

#content {
  overflow: hidden;
}
#module {
  float:left;
  width:59%;
  /*border: solid 1px black;*/
  padding:1em 2em;
}

#sidebar {
  float:right;
  width:24%;
}

.sideitem {
  background-color: #EEEEEE;
  margin:1em;
  padding:1em;
  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
  border:solid 1px #D0D0D0;
  
  -webkit-box-shadow: 0px 1px 3px #D0D0D0;
  -moz-box-shadow: 0px 1px 3px #D0D0D0;
  box-shadow: 0px 1px 3px #D0D0D0;
  
  text-shadow: 0px 1px 0px #ffffff;
  filter: dropshadow(color=#ffffff, offx=0, offy=1);
}
.sideitem h2 {
  font-size: 1.2em;
  font-weight: normal;
}
.sideitem p {
  font-size: .8em;
}
.sideitem a {
  color:#009fc1;
}
.sideitem .act a {
  color: black;
  text-decoration: none;
}
.sideitem ul { margin: 0; padding-left: 20px; list-style: url(/admin/images/icons/arrow-000-medium.png); }
.sideitem ul li { margin-bottom: 5px; }


/*Таблица списка CSS3*/
#module table.datatable {
  width:100%;
  border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
  border-color:#e8e8e8 #d0d0d0 #b1b1b1;
  border-width: 1px;
  border-style:solid;

  box-shadow: 0 1px 3px #d0d0d0; -moz-box-shadow: 0 1px 3px #d0d0d0; -webkit-box-shadow: 0 1px 3px #d0d0d0;
}
#module table.datatable thead th {
	border-bottom: 1px solid #d0d0d0;
	
	background: #fefefe; /* old browsers */
	background: -moz-linear-gradient(top, #fefefe 0%, #E2E2E2 51%, #DDDDDD 52%, #E8E8E8 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(51%,#E2E2E2), color-stop(52%,#DDDDDD), color-stop(100%,#E8E8E8)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#E8E8E8',GradientType=0 ); /* ie */
	
  text-align: left;
  font-weight: normal;
  padding:2px 15px 2px 10px;
  color:#545454;
	
	text-shadow: 0px 1px 0px #eee;
	/*filter: dropshadow(color=#cccccc, offx=0, offy=1);*/
}
#module table.datatable thead th a {
  color:#545454;
  text-decoration: none;
}
#module table.datatable thead th.min {
  white-space: nowrap;
  width: 1%;
}
#module table.datatable thead th.max {
  white-space: nowrap;
  width: 100%;
}
#module table.datatable thead th:first-child {
  border-radius-topleft: 10px; -moz-border-radius-topleft: 10px; -webkit-border-radius-topleft: 10px;
}
#module table.datatable thead th:last-child {
  border-radius-topright: 10px; -moz-border-radius-topright: 10px; -webkit-border-radius-topright: 10px;
}
#module table.datatable tbody {
  width: 100%;
}
#module table.datatable tbody tr {
  width: 100%;
  font-weight: normal !important;
}
#module table.datatable tbody tr:hover {
	background: #9CBFD8; /* old browsers */
	background: -moz-linear-gradient(top, #9CBFD8 0%, #83B3D8 50%, #70A8D2 51%, #79ABCE 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9CBFD8), color-stop(50%,#83B3D8), color-stop(51%,#70A8D2), color-stop(100%,#79ABCE)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9CBFD8', endColorstr='#79ABCE',GradientType=0 ); /* ie */
	
	color:white;
}
#module table.datatable tbody tr:hover a {
  color:white;
}
#module table.datatable tbody td {
  padding:4px 15px 4px 10px;
  vertical-align:top;
}
#module table.datatable tbody td.order {
  cursor:move;
}

#module table.datatable tfoot {
  height:2em;
}
#module table.datatable tfoot td {
  padding:4px 15px 4px 10px;
}

#module table.datatable tbody tr:hover a.edit_link { color:white; }
#module table.datatable tbody tr:hover a.del_link { color:white; }

.yesnoSlider {
	width:60px; height:15px;
	background:url(/admin/images/sliderbox.png) no-repeat left top;
	color:#fff;
	font-size: 11px;
	position:relative;
	padding:1px 0 0 1px;
}
.yesnoLabelSlider {
	position:absolute;
	left:2px; top:1px;
	width:60px; height:15px;
	color:#333;
	text-shadow: 0px 1px 0px #ffffff;
}
.yesnoLabelYesSlider {
	margin:2px 0 0 8px;
	cursor:pointer;
}
.yesnoLabelNoSlider {
	margin:2px 0 0 11px;
	cursor:pointer;
}
.yesnoInSlider {
	width:30px;
	height:15px;
	background:url(/admin/images/sliderbox.png) no-repeat left -16px;
	text-align: center;
	cursor:pointer;
}



.edit_link {
  background: transparent url(/admin/images/icons/pencil.png) no-repeat left center;
  padding-left: 22px;
  color:#7f7f88;
  font-size: .9em;
}

.del_link {
  background: transparent url(/admin/images/icons/cross.png) no-repeat left center;
  padding-left: 22px;
  color:#7f7f88;
  font-size: .9em;
  cursor: pointer;
}

.add_link {
  background: transparent url(/admin/images/icons/plus.png) no-repeat left center;
  padding-left: 22px;
  color:#7f7f88;
  font-size: .9em;
  cursor: pointer;
}

.edit_text_link {
  background: transparent url(/admin/images/icons/document-text-image.png) no-repeat left center;
  padding-left: 22px;
  color:#7f7f88;
  font-size: .9em;
  cursor: pointer;
}




#edit_text {
  width:100%;
  height:40em;
}

#edit_source {
  width:100%;
  height: 600px;
}
#edit_source_wrap {
  border: solid 1px #aaa;
  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
  padding: 3px;
}

.buttons {
  float:right;
}
.buttons input {
  padding:0.7em;
  margin: 0.5em 0 0.5em 0.5em;
}

.error {
  font-size: 1.1em;
  font-style: italic;
  margin: 1em 0;
}


#footer {
  margin:3em 3em 1.5em;
  color:#444;
  font-size: .7em;
  clear: both;
}
#footer span {
  margin-right: 2em;
}
#footer span a {
  color:#444;
}



/* Панель с кнопками вверху */
.controlPanel {
	font-size: 0.8em;
	margin: -1em 0 0 0.5em;
}
.controlPanel button {
	padding:0 0.3em;
	font-weight:normal;
	margin: 0.5em 0 0 0;
}

/* Дерево */
.datatree {
	font-family:"Trebuchet MS", Sans-serif; font-size:10pt;
	background: white url(/admin/images/shadow-line.png) no-repeat left top;
	padding-left:40px;
}

/* Поправка для jQuery UI css */
.ui-widget {
	font-size: 14px !important;
}
.ui-tabs-panel {
	padding: .8em .7em !important;
}


/* UserBar */
#UserBarWrapper {
	float:right;
	width: 227px;
	height: 160px;
	overflow: hidden;
	position: relative;
}
#UserBar {
	width: 200px;
	background: #5FB3DE;
	position:absolute;
	left: 195px;
	top:30px;
	/*margin:30px 1em 30px 10px;*/
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	color:white;
	padding: 0.75em;
	font-size: 0.8em;
	opacity:0.5;
}
#UserBar a { color: white }
#UserBarName {
	background: transparent url(/admin/images/icons/robot.png) left top no-repeat;
	padding: 0 0 5px 25px;
}
#UserBarLogoutWrapper {
	overflow: hidden;
}
#UserBarLogout {
	display:block;
	background: transparent url(/admin/images/icons/robot-off.png) left top no-repeat;
	padding: 0 0 5px 25px;
	float:right;
	margin-right: 1em;
}
#UserBarSystem {
	display: block;
	float: left;
}