@CHARSET "UTF-8";

html,body {
	margin: 0;
	padding: 0;
	height: 100%;
}

#all {
	position: relative;
	height: 100%;
	min-height: 100%;
	width: 100%;
}

html>body #all {
	height: auto;
}

#header {
	width: 100%;
	background-color: #E0E0E0;	
	height: 40px;
	background: #fff url('/view/images/top_back.jpg') repeat-x left top;
	margin-bottom: 20px; 
}

#logo {
	padding: 10px 0 0 20px;
	width: 310px;
	height: 50px;
	float: left; 
}


#header h1 {
	padding: 10px 0 0 0;	
}

#header h4 {
	margin-left: 6px;
}


.left {
	float: left;
}

#content {
	padding: 20px 0;	
}

#content h1 {
	font-size: 2em;
	margin-top: 20px;
	font-weight: bold;
	color: #ccc;
}

#main {
	margin-left: 330px;
	clear:left;
}

#footer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #E0E0E0 url('/view/images/bottom_back.jpg') repeat-x left bottom;
}

#footer div.copy {
	padding: 20px 20px 0 0;
	float: right; 
}

#footer,#empty {
	height: 50px;
	clear: both;
}

.center {
	max-width: 1400px;
	min-width: 900px;
	margin: auto; 
}


/* *************************************************************************************************** */
body {
	font-size: 9pt;
	font-family: Tahoma, Helvetica, sans-serif, Arial; 
}

h1 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 21px;
	text-transform: uppercase;
}

h2 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 12pt;
}

h4 {
	margin: -2px 0 0 1px;
	padding: 0;
	font-size: 10px;
	font-weight: normal;
	font-family: Trebuchet MS, Verdana, Arial;
}

h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 8pt;
}

th {
	font-weight: normal;
}

a {
	color: #3366cc;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: 0;
}

.fieldset {
	background-color: #ccc;
	padding: 3px;
}

.unpublish {
	color: #959595;
}

.modal {
	background: #eee;
	padding: 20px;
}

.modal * {
	margin: auto;
}

#user_menu {
	float: right;
	height: 30px;
	padding: 10px 20px 0 0;
}

#main_menu {
	position: absolute;
	left: 0;
	top: 0;
	float: left;
	height: 18px;
	text-align: left;
	margin: 2px 0 0 250px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
}

* html #main_menu {
	margin: 0 0 0 250px;
}

#main_menu ul {
	margin: 0 0 0 -2px;
	padding: 0;
}

#main_menu li {
	list-style: none;
	float: left;
}

#main_menu a,#main_menu span {
	padding: 3px 5px;
}

#main_menu a {
	color: #000;
	background: #fff;
	margin-top: 2px;
	border: 1px solid #999;
}

#main_menu span {
	color: #999;
	background: #ddd;
	margin-top: 2px;
	border: 1px solid #999;
	cursor: default;
}

#main_menu a:hover {
	color: #000;
	background: #CDE9FF;
	text-decoration: none;
}

#main_menu a.active,#main_menu a.active:hover {
	color: #fff;
	background: #000;
	border: 1px solid #000;
}

* html #main_menu a,* html #main_menu span {
	margin-top: -1px;
	border-top: none;
}

* html #main_menu li {
	padding: 4px 0;
}

#sub_menu {			
	font-size: 10px;	
	font-family: Trebuchet MS, Verdana, Arial;
	color: #ccc;
	display: block;
	float: left;
	margin-left: 2px;	
}

#sub_menu a {
	color: #777;
}

#sub_menu span {
	color: #ccc;
}

#menu {
	background-color: Silver;
}

#menu * {
	color: white;
}

#menu td {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
}

#directory {
	border-top: 1px dotted #ABABAB;
	border-bottom: 1px dotted #ABABAB;
	border-left: 1px dotted #ABABAB;
}

* html #directory {
	border-top: 1px solid #ABABAB;
	border-bottom: 1px solid #ABABAB;
	border-left: 1px solid #ABABAB;
}

#directory th {
	text-align: left;
	padding: 2px 5px;
	border-right: 1px dotted #fff;
	background-color: #3366cc;
}

#msgbox {
	text-align: center;
	padding: 20px;
	background: #eee;
	margin-bottom: 5px;	
	width: 50%;
	margin: auto;
	-webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em;
}

#msgbox.error {
	background: #FAC9CD url(/view/images/ico_err.gif) no-repeat 10px;
}

#msgbox.error a {
	color: #ED1C24;
}

#msgbox.info {
	background: #BDDFFF url(/view/images/ico_err.gif) no-repeat 10px;
}

* html #directory th {
	border-right: 1px solid #fff;
}

#directory th a {
	color: White;
}

#directory td {
	text-align: left;
	padding: 2px 5px;
	border-right: 1px dotted #ABABAB;
}

* html #directory td {
	border-right: 1px solid #ABABAB;
}

#directory tr.even {
	background-color: #f0f0f0;
}

#directory img {
	margin: 0 4px -3px 0;
}

#directory tr:hover {
	background-color: #CDE9FF;
}

.showDragHandle {
	background: #CDE9FF url(/view/images/move.gif) no-repeat right;
	cursor: move;
}

.d {
	background: url(/view/images/d.gif) no-repeat right;
}

.u {
	background: url(/view/images/u.gif) no-repeat right;
}

#window {
	width: 84%;
	float: left;
}

#treeview {
	width: 300px;
	float: left;
	overflow: auto;
	margin-right: 10px;
	margin-left: 20px;
	height: 300px;	
}

#tree li {
	white-space: nowrap;
}

#treeview span {
	cursor: default;
}

#treeview a:link,#treeview a:visited {
	color: #000;
	font-weight: normal;
	cursor: pointer;
}

#treeview .unpublish a {
	color: #959595;
}

#treeview span { padding-left: 20px; }

.m1 {
	background: url(/view/images/mimes/16/1.gif) no-repeat left;
}

.root {
	background: url(/view/images/mimes/16/_1.gif) no-repeat left;
}

.collapsable .m1 {
	background: url(/view/images/mimes/16/_1.gif) no-repeat left;
}

.expandable .m1 {
	background: url(/view/images/mimes/16/1.gif) no-repeat left;	
}

.loading .m1 {
	background: url(/view/images/loading.gif) no-repeat left; 	
}

.m2 {
	background: url(/view/images/mimes/16/2.gif) no-repeat left;
}

.m3 {
	background: url(/view/images/mimes/16/3.gif) no-repeat left;	
}

.m4 {
	background: url(/view/images/mimes/16/4.gif) no-repeat left;	
}

.m5 {
	background: url(/view/images/mimes/16/5.gif) no-repeat left;
}

.m6 {
	background: url(/view/images/mimes/16/6.gif) no-repeat left;
}

/*.acc_st0,.acc_st1 { padding-left: 15px; }
.acc_st0 { background: url(/view/images/dis.gif) no-repeat; }
.acc_st1 { background: url(/view/images/act.gif) no-repeat; }*/
.acc_st0 {
	color: Gray;
}

#svn td {
	padding: 0 5px;
}

#svn tr.even {
	background-color: #f0f0f0;
}

#svn .unversioned,#svn .unversioned a {
	color: #935955;
}

#svn .none,#svn .none a {
	color: #0a0;
}

#svn .added,#svn .added a {
	color: #0a0;
}

#svn .modified,#svn .modified a {
	color: #00a;
}

#svn .normal,#svn .normal a {
	color: #000;
}

#svn .missing,#svn .missing a {
	color: #999;
}

#svn .deleted,#svn .deleted a {
	text-decoration: line-through;
	color: #ccc;
}

/* treeview */
.treeview,.treeview ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	background-color: white;
	margin-top: 4px;
}

.treeview .hitarea {
	background: url(images/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 a.selected {
	background-color: #eee;
}

#treecontrol {
	margin: 1em 0;
	display: none;
}

.treeview .hover {
	cursor: pointer;
}

.treeview li {
	background: url(/view/images/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(/view/images/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;
}

.favicon { padding: 10px; width: 20px; vertical-align: top; }
.favicon img { border: 1px solid #ccc; padding: 5px; }

.h-sep {
	background-image: url(/view/images/hpoint.jpg);
	background-position: center;
	background-repeat: repeat-x;
}
#doc-path {
	font-size: 13pt;
	color: #ccc;
	margin-bottom: 10px; 
}
#doc-path a {
	padding: 0 8px;
}

table.preview_img {
	border: 1px solid #D6D6D6;	
	font-size: 8pt;
	background-color: White;
}
table.preview_img tfoot td {
	height: 22px;
	padding-left: 3px;
	padding-right: 3px;
	background-image: url(/view/images/pv/pv_bottom_info_bg.jpg);
	background-position: left;
	background-repeat: repeat-x;
	white-space: nowrap; 
}
table.preview_img tfoot td.preview_sep {
	width: 6px;	
	background-image: url(/view/images/pv/pv_bottom_info_sep.jpg);
	background-position: center;
	background-repeat: no-repeat;
}

div.preview_img {
	z-index: 1000;
	font-size: 9pt;
}

div.user-image {
	float: left; 
	width: 150px; 
	height: 150px;
	border: 1px solid Gray; 
	margin: 2px;
	text-align: center;
}

a.choose-img {
	top: 2px;
}

.preview img {
	margin-bottom: -2px;
}

/*	оформление	*/

#login_form {
	-webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em;
	border:1px solid #eee;		
	background:#fafafa;			
	font-weight:normal;	
	width: 240px;
	position: absolute;
	top: 50%; left: 50%;
	margin: -80px 0 0 -150px;
	padding:20px;
	color: #999;
	
}
#login_form .logo { position: absolute; margin-top: -120px; margin-left: -20px; text-align: center; width: 280px; font-size: 15pt; font-family: Trebuchet MS, Verdana, Arial; color: #ccc; }
#login_form img { display: block; margin: auto; }
#login_form table { margin: auto; }
#login_form input { font-size: 16pt; margin: 4px 0 10px 0; width: 100%; }
#login_form .but { float: right; margin: 10px 0 0 0; width: 100px; }

#accounts { margin: auto; }
.acc { float: left; width: 250px; border: 1px solid #eee; margin: 10px 20px; padding: 20px; height: 50px; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; background: #fafafa; }
.acc a { font-size: 13pt; }
.acc .edit { display: none; font-size: 9pt; }
.acc:hover { background: #eee; }
.acc:hover .edit { display: inline; color: #ED1C24; }
.size { color: #aaa; float: right; font-size: 9px; margin-top: 15px; }

.elem { min-width: 500px;  float: left; margin: 0 20px 10px 0; }
.elem a {
	font-size: 13pt;	
}
.elem img {
	float: left; 
	margin-right: 10px;
}

.elem .tools {
	visibility: hidden;
}
* html .elem .tools {
	visibility: visible;
} 

.elem:hover .tools {
	visibility: visible;
}
	
.tools {
	margin-top: 10px;
	clear: both;		
}
.top_tools {
	margin: 0 0 50px 56px;	
	width: 300px;
}
.tools a {	
	font-size: 8pt;	
	padding-right: 16px;	
	float: left; 
	white-space: nowrap;
}
.tools a i { background: #fff url(/view/images/buttons0.gif) no-repeat; width: 16px; height: 16px; display: block; float: left; margin-right: 4px; margin-top: -2px; }
.tools a:hover i { background: #fff url(/view/images/buttons1.gif) no-repeat; } 
.tools a i.add_doc,i.add_doc { background-position: -16px 0; }
.tools a i.del,i.del { background-position: -32px 0; }
.tools a i.edit,i.edit { background-position: -48px 0; }
.tools a i.download,i.download { background-position: -64px 0; }
.tools a i.link,i.link { background-position: -80px 0; }

#acc_edit {
	margin-left: 330px;
	width: 300px; 
}

.form {
	margin-top: 10px;
	background: #eee;
	padding: 20px;
	-webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em;	
}

.dt {
	font-family: Trebuchet MS;
	font-size: 7pt;
	color: #aaa;
}

.clear {
	clear: both;
}

.doc_desc {
	font-size: 8pt; color: Gray;
}

.doc_link {
	padding: 0 2px;
	font-size: 7pt; color: Gray;
	border: 1px solid #ccc;
}

.doc_link:hover,.doc_link:focus {
	color: #000;
	border: 1px solid #777;
}

#events { margin: 0 20px; }
.event {
	width: 100%;
	border-top: 1px solid #000;
	margin-top: 2px;
	padding: 10px 0; 
	clear: both;
}

.event span { float: left; display: block; }
.event div { clear: both; width: 100%; height: 16px; border-bottom: 1px solid #fff; }
.event div.even { background: #f4f4f4; }
.event div:hover { background: #BFDCFF; }
.event div.error { background: #fee; }
.event div.error:hover { background: #faa; }
.event .dt { font-size: 10px; width: 50px; }
.event .account { width: 150px; padding-right: 10px; }
.event .text { width: 60%; }
.event .ip { font-size: 10px; margin: 2px 5px 0 10px; color: #aaa; float: right; width: 75px; text-align: right; cursor: help; }
.event .login { margin: 0 10px; text-align: right; color: #aaa; float: right; }
.event div #ico { width: 16px; height: 16px; margin-right: 10px; background: url(/view/images/buttons0.gif) no-repeat 0 -16px; }
.event div:hover #ico { background: url(/view/images/buttons1.gif) no-repeat 0 -16px;; }
.event div #ico.CreateLink { background-position: -80px 0; }
.event div #ico.CreateFolder { background-position: 0 0; }
.event div #ico.ChangeFolder { background-position: -48px 0; }
.event div #ico.CreateDoc { background-position: -16px 0;  }
.event div #ico.DeleteFolder { background-position: -32px 0; }
.event div #ico.DeleteDoc { background-position: -32px 0; }
.event div #ico.Download { background-position: -64px 0; }
.event div #ico.DownloadByLink { background-position: -64px 0; }

#nav { clear: both; }
.arrow { font-size: 18px; }

#pages { margin-top: 5px; }
#pages strong, #pages a { padding: 0 4px; }
#pages strong { background: #ddd; -webkit-border-radius: .2em; -moz-border-radius: .2em; border-radius: .2em; }

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
  border: 1px solid #ccc;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #fff;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(/view/images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(/view/images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	top:0;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
	margin-top: 4px;
	margin-left: 2px;	
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(/view/images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}


/*
------------------------------
	Impromptu's
------------------------------
*/
.jqiwarning .jqi{ background-color: #b0be96; }
.jqifade{
	position: absolute;
	background-color: #fff;
}
div.jqi{
	position: absolute;
	background-color: #999;
	padding: 2px; 
	width: 316px;
	text-align: left;
	margin-top: -50px;
}
div.jqi .jqiclose{
    float: right;
    margin: -35px -10px 0 0;
    cursor: pointer;
    color: #c0cEa6;
	display: none;
}
div.jqi .jqicontainer{
	background-color: #eee;
	padding: 5px; 
	color: #ffffff;
	font-weight: bold;
}
div.jqi .jqimessage{
	background-color: #999;
	padding: 10px;
}
div.jqi .jqibuttons{
	text-align: center;
	padding: 5px 0 0 0;
}
div.jqi button{
	padding: 3px 10px 3px 10px;
	margin: 0 10px;
}

/*
------------------------------
	impromptu
------------------------------
*/
.impromptuwarning .impromptu{ background-color: #aaaaaa; }
.impromptufade{
	position: absolute;
	background-color: #ffffff;
}
div.impromptu{
    position: absolute;
	background-color: #cccccc;
	padding: 10px; 
	width: 300px;
	text-align: left;
}
div.impromptu .impromptuclose{
    float: right;
    margin: -35px -10px 0 0;
    cursor: pointer;
    color: #213e80;
}
div.impromptu .impromptucontainer{
	background-color: #213e80;
	padding: 5px; 
	color: #ffffff;
	font-weight: bold;
}
div.impromptu .impromptumessage{
	background-color: #415ea0;
	padding: 10px;
}
div.impromptu .impromptubuttons{
	text-align: center;
	padding: 5px 0 0 0;
}
div.impromptu button{
	padding: 3px 10px 3px 10px;
	margin: 0 10px;
}