/* [padding|margin|border]: top right bottom left */
/* 

*/
textarea,body,div,td,h1,h2,h3,h4 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; }
input,select	{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
html, body		{ padding: 0px; margin: 0px; height:100%; overflow:hidden; }

form { border: 0px; padding: 0px; margin: 0px; }
input.inp	{ background-color: #fdfcfc; font-family: Arial, sans-serif; padding: 0px 2px 0px 2px; height:15px; border: 1px #aaa solid; }

img 			{ vertical-align:top; border: 0px solid; padding: 0px; margin: 0px; }
img.left		{float: left; margin-right: 14px; }
img.right		{float: right; margin-left: 14px; }

a:link 			{text-decoration: none; color: #009; font-size: 11px; text-decoration: none;} 
a:visited 		{text-decoration: none; color: #009; font-size: 11px; text-decoration: none;} 
a:active 		{text-decoration: none; color: #00e; font-size: 11px; text-decoration: none;} 
a:hover 		{text-decoration: none; color: #00e; font-size: 11px; text-decoration: underline;}

.red {
	color: red;
}


body { background: #EAEAEA url(../img/top_bg.gif) repeat-x; } 
body.login { background: #EAEAEA; } 

/*************************
*         header         *
**************************/

#logo {
	position:absolute; left:10px; top:4px; 
}

#topsh {
	position:absolute; left:160px; top:5px; 
}

#topsh img {
width: 26px;
height: 26px;
float: left;
margin: 0 0 0 2px;
cursor: pointer;
}

/*************************
*         dockers        *
**************************/

#dockerShadow {
	position:absolute; left:200px; top:35px; 
	width:9px;
	height:600px;
	padding: 0px;
	background: url(../img/docker_right.gif) repeat-y; 
}

.dockerDots {
	float:right;
	margin: 4px 3px 3px 1px;
	width:20px;
	height:17px;
	background: url(../img/docker_dots.gif) no-repeat;
}
.dockerTitle {
	float:left;
	margin: 4px 3px 1px 1px;
	padding-left:20px;
	height:15px;
	background: url(../img/trid_b.gif) 2px 5px no-repeat;
	overflow: hidden;

}

#dockerLicence {
	position:absolute; left:0px; top:35px;
	width:200px;
	height:20px;
	background: #888;
	color: #fff;
	text-align: center;
	font-size: 11px;
	line-height: 20px;
	overflow: hidden;
}

#dockerLicence.f-o {
	background: #FB9303;
}
#dockerLicence.f-b {
	background: #AD4E02;
}

#dockerLicence.f-g {
	background: #47B301;
}

#dockerLicence.f-l {
	background: #017AE0;
}

#dockerLicence.f-n {
	background: #00048D;
}

#dockerLicence.f-v {
	background: #86008C;
}

#dockerLicence.f-s {
	background: #50CCFF;
}

#dockerLicence.f-r {
	background: #f00;
}

#dockerLicence.f-d {
	background: #000;
}

#dockerLicence.f-z {
	background: #788501;
}

#dockerLicence.f-m {
	background: #6C7894;
}

#dockerLicence.f-w {
	background: #BE1D20;
}

#dockerLicence.f-y {
	background: #6e6e6e;
}


#dockerVersion {
	position:absolute; left:0px; top:55px;
	width:200px;
	height:24px;
	background: #fff url(../img/docker.gif) repeat-x;
}
#dockerVersion select {
	width: 155px;
	height: 17px;
	top: -1px;
	position: relative;
}

#dockerTree {
	position:absolute; left:0px; top:79px;
	width:200px;
	height:264px;
	background: #fff url(../img/docker.gif) repeat-x;
}
#dockerSearch, #dockerCustom {
	position:absolute; left:0px; top:344px;
	width:200px;
	height:300px;
	background: #fff url(../img/docker.gif) repeat-x; 
}
iframe#search {
	height:270px;
	width:200px;
}

#dockerCustom {
	background: #fff;
	top:79px;
}

iframe#dockerCustom_frame {
	height:270px;
	width:200px;
}

/*************************
*         area         *
**************************/

#area {
	position: absolute; 
	left:220px; top:65px; 
	width:760px;
	display:none;
}

#areaTop {
	display:none;
	position: absolute; 
	left:220px; top:44px; 
	width: 730px;
	height:21px;
	background:url(../img/area_top.gif) repeat-x;
	overflow: hidden;
	white-space: nowrap;
	padding-right: 35px;
/*	clip: rect(0px, 1000px, 0px, 0px);  */

}
#areaWork {

	width: 761px;
	height:488px;
	padding-top: 17px;
	padding-left: 0px;
	padding-right: 2px;
	border-left: 1px #fff solid; 
	border-right: 1px #333 solid; 
	background: #eaeaea;
	position:relative !important;
	position:static;

}
#areaBottom {
	width: 765px;
	height:6px;
	background:url(../img/area_bottom.gif) top repeat-x;
}

.workFrame {
	height:96% !important;
	height:100%;
	width:100%;
/*	border: 1px #000 solid; */

	/*visibility: visible; */
	position: absolute !important;
	left: 0px;

	
	position: static;
	display: block;
}

.workFrameOff {
	height:100%;
	width:100%;
/*	border: 1px #000 solid; */

	/*visibility: hidden; */
	position: absolute !important;
	display: block !important;
	left: -3000px;
	
	position: static;
	display: none;
}


#workAreaTitle {
	position:absolute;
	display:none;
	left:221px; top:45px;
	font-size: 11px;
	font-weight: bold;
	color: #000;
}
#workAreaClose {
	position:absolute;
	left:966px; 
	top:66px;
	height:16px;
	width:15px;
	background: url(../img/close.gif) no-repeat;
	cursor: pointer;
	display: none;
	z-index: 100;
}


#workAreaReload {
	position:absolute;
	left:946px; 
	top:66px;
	height:16px;
	width:15px;
	background: url(../img/reload.gif) center center no-repeat;
	cursor: pointer;
	display: none;
	z-index: 100;
}

#startArea {
	position:absolute;
	left: 210px;
	top: 50px;
	background: url(../img/k.gif);
	padding-top:240px;
	border: 0px #fff solid;
	height:100%;
	width: 100%;
	color: #888;
	text-align: center;
	overflow: hidden;
}
#tabLeft {
	position:absolute;
	display:none;
	left:952px; top:46px;
	height:17px;
	width:17px;
	background: url(../img/tabs_left.gif) no-repeat;
	cursor: pointer;
}
#tabRight {
	position:absolute;
	display:none;
	left:968px; top:46px;
	height:17px;
	width:17px;
	background: url(../img/tabs_right.gif) no-repeat;
	cursor: pointer;
}

.bookMarkSpcOn {
	float:left;
	background: url(../img/zak_on2.gif) no-repeat;
	width:2px; height:21px;
}
.bookMarkSpcOff {
	float:left;
	background: url(../img/zak_off2.gif) no-repeat;
	width:2px; height:21px;
}

.bookMarkOn {
	float:left;
	background: url(../img/zak_on1.gif) no-repeat;
	height:19px;
	padding: 2px 7px 0px 8px;
	cursor:pointer;
	text-align: left;
	overflow: hidden;

	white-space: nowrap;
}
.bookMarkOff {
	float:left;
	background: url(../img/zak_off1.gif) no-repeat;
	height:18px;
	padding: 3px 7px 0px 8px;
	cursor:pointer;
	text-align: left;
	overflow: hidden;

	white-space: nowrap;
}

input.input { 
	border: 1px #333333 solid; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
}

input.button {
	border-color: #FFFFFF #606060 #606060 #FFFFFF; 
	background-color: #D7D7D7; 
	margin: 1px 1px 1px 1px; 
	padding: 2px 2px 2px 2px; 
	border-width: 1px 1px 1px 1px;
}

.gray {
	color: #888;
}

.sepB {
	border-bottom:1px #aaa solid;
	padding: 2px 6px 5px 6px;
	margin: 0px 2px 0px 2px;
}
.sepT {
	border-top:1px #aaa solid;
	padding: 3px 6px 4px 6px;
	margin: 0px 2px 0px 2px;
}
.sepTB {
	border-top:1px #fff solid;
	border-bottom:1px #aaa solid;
	padding: 3px 6px 5px 6px;
	margin: 0px 2px 0px 2px;
}

.preview {
	position: absolute; 
	left:0px; top:0px; 
	margin-top:5px;
	padding-left:10px;
	padding-right:10px;
	width: 100%;
	height:25px;
	border-bottom: 1px #000 solid;
	background: #EAEAEA url(../img/area_top.gif) 0px 5px repeat-x;
	overflow: hidden;
	white-space: nowrap;
}

.ultree {
	padding: 0;
	margin: 0;
}
.ultree ul {
	margin: 0;
	padding: 0;
	display: block;
}
.ultree li.iefix {
	width:1px;
	height:1px;
	overflow:hidden;
	line-height:1px;
	display:none !important;
	display:block;
	margin:0;
	left:-1px;
	padding:0;
	position:relative;
	float:left;
}

.ultree li, .ultree li.lastf {
	display: block;
	background: url(../img/joinl.gif) no-repeat;
	padding:  0 0 0 19px;
	margin: 0;
	position: relative;
	list-style-type: none;
	clear: left;
	float: none !important;
	float:left;
	
	

}
.ultree li.lastf {
	background: url(../img/joinbottom.gif) no-repeat;
}
.ultree li.plusf {
	background: url(../img/plus.gif) no-repeat;
	cursor: pointer;
	
}
.ultree li.minusf {
	background: url(../img/minusl.gif) no-repeat;
	cursor: pointer;
}

.ultree a, .ultree span {
	display: block;
	background: url(../img/folder.gif) center left no-repeat;
	padding:  0 0 0 19px;
	line-height: 18px;
	height: 18px;
	text-decoration: none;
	white-space: nowrap;
	
	cursor: pointer;

}
.ultree span.o {
	background: url(../img/folderopen.gif) center left no-repeat;
	/* color: #f00; */
}

.ultree li span.selected {
	background: url(../img/folderopen.gif) center left no-repeat;
	color: #f00;

}
#tree {
	overflow: auto;
	height:240px;
	width:196px;
	position: absolute;
	left: 0px;
	top: 25px;
	padding: 0 0 0 4px;
}

a.base {
	display: block;
	background: url(../img/base.gif) center left no-repeat;
	padding:  0 0 0 21px;
	line-height: 18px;
	height: 18px;
	text-decoration: none;
	white-space: nowrap;
	color: #000;
	cursor: pointer;
	margin-top: 4px;
	
}

#catCtx {
	width: 150px;
	margin: 0;
	padding: 2px;
	background: #F2F2F2;
	border: 1px #444 solid;
	position: absolute;
	left: 190px;
	top: 150px;
	display: block;
	z-index: 200;
	
}
#catCtx ul {
	margin: 0;
	padding: 0px;
}
#catCtx li {
	display: block;
	padding:  0;
	margin: 0;
	list-style-type: none;
}

#catCtx li a {
	display: block;
	padding:  3px 10px;
	margin: 0;
	border-bottom: 1px #666 solid;
	color: #000;
}
#catCtx li a {
	display: block;
	padding:  3px 10px;
	margin: 0;
	border-bottom: 1px #ccc solid;
	color: #000;
	text-decoration:none;
	width: 129px;
}

#catCtx #subCat a {
	border-bottom: 0;
}
#catCtx li.def a {
	font-weight: bold;
}

#catCtx li a:hover {
	background: #fff;
	color: #f00;
}

.deskIcon {
	background: url(../img/k.gif);
	border: 0px #fff solid;
	cursor: pointer;
	position: absolute;
}

.deskIcon p {
margin: 0;
text-align: center;
padding: 0 0 0 0;
position: absolute;
bottom: 0px;
width: 100%;
left: 0px;
}

body div.actmenu:first-letter, body div.actmenu div:first-letter {
text-transform: uppercase;
}