/* constructor panel */
.relative {position: relative;}
.two-line {line-height:2.4;}
.help-icn {
	padding:0 3px; 
	font-size: 11px;
	color:#21A121; 
	font-weight: bold; 
	cursor: help;
}

#loading {
	width:40px; 
	height:40px; 
	margin:-20px; 
	left:-20px; 
	background: #fff url(../img/panel/ajax-loader.gif) center center no-repeat; 
	border:1px solid #949494; 
	position: fixed; 
	left:50%; 
	top:50%; 
	z-index: 1000;
}

body #tpanel {
	width:100%;
	min-width: 1200px;
	z-index: 109; 
	height:80px; 
	position:fixed; 
	bottom:0; 
	color: #333333 !important;
	left:0;
}
#tpanel td{
	color: #333333 !important;
	padding: 1px;
}
#tpanel-body {
	width:100%; 
	height:80px; 
	border-top:1px solid #949494; 
	background-color:#F0EDE1; 
	margin:0; 
	visibility: visible; 
	z-index:101; 
	white-space:normal; 
	font-size:11px;
}
#tpanel .chb-cont {
	width:690px;
	height:80px; 
	margin:0 auto; 
	position:relative;
	padding:3px 0 0 0;
}

#tpanel a, 
#tpanel span, 
#tpanel img {
	display: block; 
	float: left;
}
#tpanel .sep-vert {
	height: 48px; 
	width:10px; 
	float: left; 
	background: url(../img/panel/sep_vert.gif) center 0 repeat-y;
}

#tpanel .chb-top {height:17px;}
#tpanel .chb-top-b {
	position: absolute;
	top: 7px;
	right: -113px;
}
#tpanel .chb-top a {
	display:block; 
	float:left; 
	margin-left:15px; 
	color:#FF0000;
	font-size: 12px;
}
#tpanel-but {
	display: none; 
	margin:40px 0 0 15px;
}

#tpanel-but img {cursor: pointer;}

#tpanel .chb-icons {
	height:50px; 
	float:left; 
	padding:0 7px 0 0; 
	margin:0 5px 0 0; 
	background: url(../img/panel/sep_vert.gif) right 0 repeat-y;
}

#tpanel .theme{
	cursor: pointer;
    margin: 11px 5px 0 0;
    padding: 3px;
	float: left;
}
#tpanel .theme span{
	background-image: url(../img/panel/panel_sprite.png);
	background-repeat: no-repeat;
	width:48px;
	height:38px;
	display:block;
}
#tpanel .thm_titl{
	color: #000 !important;
	padding: 10px 0px 0px;
}
#tpanel .thm1{background-position: 0 0;}
#tpanel .thm3{background-position: -48px 0;}
#tpanel .thm5{background-position: -96px 0;}
#tpanel .thm6{background-position: -144px 0;}

#tpanel .theme.active{
	background: url(../img/panel/panel_sprite.png) no-repeat -117px -75px;
}
#tpanel .chb-icons .last {margin:11px 0 0 0;}

#pos_bu1, #pos_bu2{
	margin: 13px 3px 3px;
	width:48px; 
	height:31px;
	float: left;
	cursor:pointer;
}
#pos_bu1{
	background: url(../img/panel/panel_sprite.png) no-repeat 0px -38px;
}
#pos_bu2{
	display:none; 
	background: url(../img/panel/panel_sprite.png) no-repeat 0px -69px;
}


#tpanel .icns-b .bgbut.active,
#tpanel .icns-b .group0.active,
#tpanel .icns-b .group2.active,
#tabBox3 .digit.active{
	background: url(../img/panel/colors_sprite.png) no-repeat -84px -196px;
}
#tpanel .color.current,
#tabBox2 .hd.active{background: url(../img/panel/colors_sprite.png) no-repeat -84px -196px;}
#tabBox2 .hd{
	margin-bottom:1px !important;
}

#tpanel .chb-block {
	height:50px; 
	float:left; 
	padding:0 5px; 
	margin:0; 
	position:relative;
}
#tpanel .chb-block b.chb-but {
	display:block; 
	width:69px; 
	height:29px; 
	text-align: center; 
	margin:0; 
	padding:10px 0 0 0; 
	cursor:pointer; 
	font-size: 11px; 
	font-weight: normal; 
	line-height:1.1; 
	color:#000; 
	background: url(../img/panel/panel_sprite.png) no-repeat -48px -38px;
	z-index:102; 
	position:relative; 
	top:5px;
}
#tpanel .chb-block b.chb-but-a {
	display:block; 
	width:69px; 
	height:29px; 
	text-align: center; 
	margin:0; 
	padding:10px 0 0 0; 
	cursor:pointer; 
	font-size: 11px; 
	font-weight: normal; 
	line-height:1.1; 
	color:#000; 
	background: url(../img/panel/panel_sprite.png) no-repeat -48px -77px;
	z-index:102; 
	position:relative; 
	top:5px;
}
#tpanel .chb-block b.chb-but-a span, 
#tpanel .chb-block b.chb-but span {
	display: inline; 
	float: none;
}

#tpanel .switchgroup {
	width:154px; 
	padding-top:7px; 
	position:absolute; 
	bottom:44px; 
	left:5px; 
	display: none;
	z-index:101; 
	background: url(../img/panel/colors_sprite.png) no-repeat 0px -230px;
	white-space:normal; 
	cursor:default;
}
#tpanel .switchgroup div.inner {
	width:142px; 
	border:1px solid #FF0000; 
	border-top:0; 
	background-color:#fff; 
	padding:0 5px 5px 5px;
}

#tpanel .swc-big {
	width:189px; 
	background: url(../img/panel/panel_sprite.png) no-repeat 0px -119px;
}
#tpanel .swc-big div.inner {width:177px;}
#tpanel #tabBox5 .inner{
	padding: 0 6px 5px;
    width: 175px;
}
#tpanel #tabBox5 {
	width:190px; 
	background: url(../img/panel/panel_sprite.png) no-repeat scroll 0px -119px;
}
#tabBox3 .digit{
	cursor: pointer;
    float: left;
    height: 28px;
    margin: 0 1px 0 0;
    padding: 3px;
    width: 28px;
}
#tabBox3 .digit span{
	display:block;
	width:28px;
	height:28px;	
	background-image: url(../img/panel/colors_sprite.png);
	background-repeat: no-repeat;
}
#tabBox3 .dig1{background-position: -140px 0px;}
#tabBox3 .dig2{background-position: -140px -28px;}
#tabBox3 .dig3{background-position: -140px -56px;}
#tabBox3 .dig0{background-position: -140px -84px;}

#tpanel a {
	color:#FF0000; 
	outline:none;
}
#tpanel #help{
	position:absolute;
	left:-240px;
	top:24px;
	width:48px;
	height:48px;
	background: url(../img/panel/helpbutt.png) no-repeat 0 0;
	cursor:pointer;
	display:block;
}
#helpoverlay{
	position:fixed;
	display:none;
	z-index:1100;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: #333333;
	opacity:0.6;
}
#helpoverlay2{
	position:fixed;
	display:none;
	z-index:1100;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0.6;
}
#helppopup{
	display:none;
	position:fixed;
	background-color: #ffffff;
	padding: 16px 10px;
	z-index:1150;
	width:960px;
	box-shadow: 0px 0px 13px #333;
}
#helpfoot{
	border-top:1px solid #E0E0E0;
	padding:6px 0 0 0;
	margin: 8px 0 0;
}
#helppopup #helptb{
	list-style-type:none;
	padding:0px 0 13px;
	margin:0px 0 8px;
	display:table;
	width:100%;
	height: 48px;
	border-bottom:1px solid #E0E0E0;
}
#helppopup #helptb .active{
	background-color:#C5DFFB;
}
#helppopup #helptb .active span{
	border:0;
	line-height: 17px;
	/*font-weight: bold; */
	color:#000 !important;
	cursor:default;
}
#helppopup #helptb li{
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	padding: 0px 16px;
}
#helppopup #helptb li.strl{
	width:9px;
	padding: 0px 8px;
}
#helppopup #helptb li.strl img{
	float: none;
	display: inline;
}
#helppopup #helptb li span{
	color: #135591 !important;
	font-size: 14px;
	cursor:pointer;
	font-family: Tahoma;
	display: inline;
	line-height: 18px;
	border-bottom: 1px dashed #135591;
	float: none;
}
#helpprevstep{
	float: left;
}
#helpnextstep{
	float: right;
}

#tpanel a b {cursor:pointer;}
#tpanel div.chb-block a {
	display:inline; 
	white-space:normal;
}
.show-hide {
	position:absolute; 
	right:20px; 
	text-align:right; 
	font-weight:bold; 
	font-size:10px !important;
}
#tpanel .label-b {
	display:block; 
	padding:5px 0;
	color: #000000;
}
#tpanel .button-submit {
	position: absolute;
	left: 524px;
	top: 33px;
}
#tpanel .button-submit a{
	display: block;
    width: 165px;
    height: 27px;
    background: url(../img/panel/button_submit.png) no-repeat scroll 0% 0%;
    color: #FFF;
    font: 18px Arial;
    text-decoration: none;
    padding: 4px 0px 0px 7px;
}

/* tooltips */
#dhtmltooltip{
	position: absolute; 
	border: 1px solid #FF0000; 
	padding:2px 3px; 
	font-size: 11px; 
	color: #444444;
	background-color: lightyellow; 
	visibility: hidden; 
	z-index: 500;
}

.groupWrapper {min-height:100px;}
.sortHelper {border: 2px dashed #666; clear:both; width:200px;}
.no-block {border:none; padding:0 !important;}
.no-block div {padding:0; margin:0;}



/* ************ 21.11.2013 ************* */
#tabBox2 div.color,
#tabBox2 div.hd,
#tabBox4 div.group0,
#tabBox4 div.group2,
#tabBox5 div.bgbut{
	float:left;
	width:28px;
	height:28px;
	cursor: pointer;
    margin: 0 1px 0 0;
    padding: 3px;
}
#tabBox2 .color span,
#tabBox2 .hd span,
#tabBox4 .group0 span,
#tabBox4 .group2 span{
	display:inline;
	width:28px;
	height:28px;	
	background-image: url(../img/panel/colors_sprite.png);
	background-repeat: no-repeat;
}

/*#tpanel .cr_0 span {background-position: -118px -196px;}*/
#tpanel .cr_0 span {
	background: url(../img/panel/self.gif) no-repeat 0 0;
	width: 63px;
}
#tpanel .hd.self.active {background:url(../img/panel/border07.gif) 0 0 no-repeat;width: 63px;}

#tpanel .cr_1 span {background-position: 0px -168px;}
#tpanel .cr_2 span {background-position: -28px -168px;}
#tpanel .cr_3 span {background-position: -56px -168px;}

#tpanel .cr_11 span {background-position: 0px -168px;}
#tpanel .cr_12 span {background-position: -28px -168px;}
#tpanel .cr_13 span {background-position: -56px -168px;}
#tpanel .cr_14 span {background-position: -84px -168px;}
#tpanel .cr_15 span {background-position: -140px -140px;}


#tpanel #tabBox4 .cr_none span{
	background:url(../img/panel/gamma.gif) 0 0 no-repeat;
	width: 63px;
}
#tpanel #tabBox4 .cr_none.active{
	width: 63px;
	background: url(../img/panel/border07.gif) no-repeat scroll 0px 0px;
}

#tpanel .cr_none span {background-position: -118px -196px;}
#tpanel .cr_blue span{background-position: 0 -84px;}
#tpanel .cr_blue_sky span{background-position: -28px -84px;}
#tpanel .cr_blue_gr span{background-position: -84px -56px;}

#tpanel .cr_green_salad span,
#tpanel .cr_salad span{background-position: -112px -28px;}

#tpanel .cr_green_grass span,
#tpanel .cr_gr_grass span,
#tpanel .cr_gr-grass span{background-position: -84px -28px;}

#tpanel .cr_green span{background-position: -112px -28px;}
#tpanel .cr_drk-green span{background-position: 0px -56px;}

#tpanel .cr_orange span{background-position: -56px -28px;}
#tpanel .cr_red span{background-position: -28px 0px;}
#tpanel .cr_brown span{background-position: -84px 0px;}
#tpanel .cr_purple span{background-position: -56px -84px;}
#tpanel .cr_violet span{background-position: 0px -112px;}
#tabBox2 .cr_violet_br span,
#tabBox4 .cr_pink span{background-position: -56px -112px;}

#tabBox4 .cr_fuchsia span{background-position: -28px -112px;}
#tabBox2 .cr_fuchsia span{background-position: -28px -112px;}
#tabBox2 .cr_pink span{background-position: -56px -112px;}

#tpanel .cr_black span{background-position: -112px -112px;}
#tpanel .cr_watermelon span{background-position: 0 0px;}
#tpanel .cr_sand span{background-position: 0 -28px;}
#tpanel .cr_red_dark span{background-position: -56px 0;}
#tpanel .cr_sand_dark span{background-position: -112px 0;}
#tpanel .cr_orange_dark span{background-position: -28px -28px;}
#tpanel .cr_green_dark span{background-position: -28px -56px;}
 
#tpanel .cr_blue_dark span{background-position: -56px -56px;}
#tpanel .cr_blue_deep span{background-position: -112px -56px;}
#tpanel .cr_purple_dark span{background-position: -84px -84px;}
#tpanel .cr_violet_dark span{background-position: -112px -84px;}
#tpanel .cr_gray_light span{background-position: -84px -112px;}
#tpanel .cr_gray span{background-position: -112px -112px;}
#tpanel .cr_grayo span{background-position: 0 -140px;}
#tpanel .cr_grayy span{background-position: -28px -140px;}
#tpanel .cr_grayg span{background-position: -56px -140px;}
#tpanel .cr_grayb span{background-position: -84px -140px;}
#tpanel .cr_grayr span{background-position: -112px -140px;}



#tabBox5 .bgbut.butbg-white span{
	background-image: url(../img/panel/bezfona.gif);
	width: 63px;
}
#tabBox5 .bgbut.butbg-white.active {
    background: url(../img/panel/border07.gif) no-repeat scroll 0px 0px;
    width: 63px;
}


#tabBox2 .color.hd-white{
	width: 64px !important;
}
#tabBox2 .color.hd-white span{
	background-image: url(../img/panel/bezfona.gif);
	width: 63px;
}
#tabBox2 .color.hd-white.current {
    background: url(../img/panel/border07.gif) no-repeat scroll 0px 0px;
    width: 63px;
}

#tabBox2 .color.hd-self{
	width: 64px;
	float:right;
}
#tabBox2 .color.hd-self span {
    background: url(../img/panel/pozzhe.gif) no-repeat scroll 0px 0px;
    width: 64px;
}
#tabBox2 .color.hd-self.current {
    background: url(../img/panel/border07.gif) no-repeat scroll 0px 0px;
    width: 64px;
}




#tabBox5 div.bgbut span{
	display:inline;
	width:28px;
	height:28px;	
	background-image: url(../img/panel/bgsprite2.png);
	background-repeat: no-repeat;
}

#tabBox5 .butbg-peach span{background-position: 0px -28px;}
#tabBox5 .butbg-carrot span{background-position: -28px -28px;}
#tabBox5 .butbg-raspberry span{background-position: -56px -28px;}
#tabBox5 .butbg-brown span{background-position: -84px -28px;}
#tabBox5 .butbg-brown-light span{background-position: 0 -56px;}
#tabBox5 .butbg-sand span{background-position: -28px -56px;}
#tabBox5 .butbg-orange span{background-position: -56px -56px;}
#tabBox5 .butbg-yellow span{background-position: -84px -56px;}
#tabBox5 .butbg-salad span{background-position: 0 -84px;}
#tabBox5 .butbg-green span{background-position: -28px -84px;}
#tabBox5 .butbg-darkgreen span{background-position: -56px -84px;}
#tabBox5 .butbg-bluegreen span{background-position: -84px -84px;}
#tabBox5 .butbg-blue span{background-position: 0 -112px;}
#tabBox5 .butbg-sky span{background-position: -28px -112px;}
#tabBox5 .butbg-lilac span{background-position: -56px -112px;}
#tabBox5 .butbg-violet span{background-position: -84px -112px;}
#tabBox5 .butbg-purple span{background-position: 0 -140px;}
#tabBox5 .butbg-pink span{background-position: -28px -140px;}
#tabBox5 .butbg-grey span{background-position: -56px -140px;}
#tabBox5 .butbg-lemon span{background-position: -84px -140px;}

#tabBox5 .butbg-dk-red span{background-position: 0 -168px;}
#tabBox5 .butbg-dk-red2 span{background-position: -28px -168px;}
#tabBox5 .butbg-dk-red3 span{background-position: -56px -168px;}
#tabBox5 .butbg-dk-brown span{background-position: -84px -168px;}
#tabBox5 .butbg-dk-darksand span{background-position: 0 -196px;}
#tabBox5 .butbg-dk-sand span{background-position: -28px -196px;}
#tabBox5 .butbg-dk-orange span{background-position: -56px -196px;}
#tabBox5 .butbg-dk-yellow span{background-position: -84px -196px;}
#tabBox5 .butbg-dk-salad span{background-position: 0 -224px;}
#tabBox5 .butbg-dk-green span{background-position: -28px -224px;}
#tabBox5 .butbg-dk-darkgreen span{background-position: -56px -224px;}
#tabBox5 .butbg-dk-bluegreen span{background-position: -84px -224px;}
#tabBox5 .butbg-dk-blue span{background-position: 0 -252px;}
#tabBox5 .butbg-dk-sky span{background-position: -28px -252px;}
#tabBox5 .butbg-dk-lilac span{background-position: -56px -252px;}
#tabBox5 .butbg-dk-violet span{background-position: -84px -252px;}
#tabBox5 .butbg-dk-purple span{background-position: 0 -280px;}
#tabBox5 .butbg-dk-pink span{background-position: -28px -280px;}
#tabBox5 .butbg-dk-grey span{background-position: -56px -280px;}
#tabBox5 .butbg-dk-lemon span{background-position: -84px -280px;}


#tabBox5 .pattern_block div.bgbut span{
	background-image: url(../img/panel/color-pattern.png);
}

#tabBox5 .butbg-ptrn1 span{background-position: 0px 0;}
#tabBox5 .butbg-ptrn2 span{background-position: -28px 0;}
#tabBox5 .butbg-ptrn3 span{background-position: -56px 0;}
#tabBox5 .butbg-ptrn4 span{background-position: -84px 0;}
#tabBox5 .butbg-ptrn5 span{background-position: -112px 0;}

#tabBox5 .butbg-ptrn6 span{background-position: 0px -28px;}
#tabBox5 .butbg-ptrn7 span{background-position: -28px -28px;}
#tabBox5 .butbg-ptrn8 span{background-position: -56px -28px;}
#tabBox5 .butbg-ptrn9 span{background-position: -84px -28px;}
#tabBox5 .butbg-ptrn10 span{background-position: -112px -28px;}

#tabBox5 .butbg-ptrn11 span{background-position: 0px -56px;}
#tabBox5 .butbg-ptrn12 span{background-position: -28px -56px;}
#tabBox5 .butbg-ptrn13 span{background-position: -56px -56px;}
#tabBox5 .butbg-ptrn14 span{background-position: -84px -56px;}
#tabBox5 .butbg-ptrn15 span{background-position: -112px -56px;}

#tabBox5 .butbg-ptrn16 span{background-position: 0px -84px;}
#tabBox5 .butbg-ptrn17 span{background-position: -28px -84px;}
#tabBox5 .butbg-ptrn18 span{background-position: -56px -84px;}
#tabBox5 .butbg-ptrn19 span{background-position: -84px -84px;}
#tabBox5 .butbg-ptrn20 span{background-position: -112px -84px;}

#tabBox5 .butbg-ptrn21 span{background-position: 0px -112px;}
#tabBox5 .butbg-ptrn22 span{background-position: -28px -112px;}
#tabBox5 .butbg-ptrn23 span{background-position: -56px -112px;}
#tabBox5 .butbg-ptrn24 span{background-position: -84px -112px;}
#tabBox5 .butbg-ptrn25 span{background-position: -112px -112px;}

#tabBox5 .butbg-ptrn26 span{background-position: 0px -140px;}
#tabBox5 .butbg-ptrn27 span{background-position: -28px -140px;}
#tabBox5 .butbg-ptrn28 span{background-position: -56px -140px;}
#tabBox5 .butbg-ptrn29 span{background-position: -84px -140px;}
#tabBox5 .butbg-ptrn30 span{background-position: -112px -140px;}

#tabBox5 .butbg-ptrn31 span{background-position: 0px -168px;}
#tabBox5 .butbg-ptrn32 span{background-position: -28px -168px;}
#tabBox5 .butbg-ptrn33 span{background-position: -56px -168px;}
#tabBox5 .butbg-ptrn34 span{background-position: -84px -168px;}
#tabBox5 .butbg-ptrn35 span{background-position: -112px -168px;}

#tabBox5 .butbg-ptrn36 span{background-position: 0px -196px;}
#tabBox5 .butbg-ptrn37 span{background-position: -28px -196px;}
#tabBox5 .butbg-ptrn38 span{background-position: -56px -196px;}
#tabBox5 .butbg-ptrn39 span{background-position: -84px -196px;}
#tabBox5 .butbg-ptrn40 span{background-position: -112px -196px;}





#tabBox5 .butbg-pht1 span{background-position: 0 -308px;}
#tabBox5 .butbg-pht2 span{background-position: -28px -308px;}
#tabBox5 .butbg-pht3 span{background-position: -56px -308px;}
#tabBox5 .butbg-pht4 span{background-position: -84px -308px;}
#tabBox5 .butbg-pht5 span{background-position: 0 -336px;}
#tabBox5 .butbg-pht6 span{background-position: -28px -336px;}
#tabBox5 .butbg-pht7 span{background-position: -56px -336px;}
#tabBox5 .butbg-pht8 span{background-position: -84px -336px;}

#tabBox5 .butbg-pht9 span{background-position: 0 -364px;}
#tabBox5 .butbg-pht10 span{background-position: -28px -364px;}
#tabBox5 .butbg-pht11 span{background-position: -56px -364px;}
#tabBox5 .butbg-pht12 span{background-position: -84px -364px;}
#tabBox5 .butbg-pht13 span{background-position: 0 -392px;}
#tabBox5 .butbg-pht14 span{background-position: -28px -392px;}
#tabBox5 .butbg-pht15 span{background-position: -56px -392px;}
#tabBox5 .butbg-pht16 span{background-position: -84px -392px;}
#tabBox5 .butbg-pht17 span{background-position: 0 -420px;}
#tabBox5 .butbg-pht18 span{background-position: -28px -420px;}
#tabBox5 .butbg-pht19 span{background-position: -56px -420px;}
#tabBox5 .butbg-pht20 span{background-position: -84px -420px;}

#tabBox5 .butbg-pht21 span{background-position: 0 -448px;}
#tabBox5 .butbg-pht22 span{background-position: -28px -448px;}
#tabBox5 .butbg-pht23 span{background-position: -56px -448px;}
#tabBox5 .butbg-pht24 span{background-position: -84px -448px;}
#tabBox5 .butbg-pht25 span{background-position: 0 -476px;}
#tabBox5 .butbg-pht26 span{background-position: -28px -476px;}
#tabBox5 .butbg-pht27 span{background-position: -56px -476px;}
#tabBox5 .butbg-pht28 span{background-position: -84px -476px;}
#tabBox5 .butbg-pht29 span{background-position: 0 -504px;}
#tabBox5 .butbg-pht30 span{background-position: -28px -504px;}
#tabBox5 .butbg-pht31 span{background-position: -56px -504px;}
#tabBox5 .butbg-pht32 span{background-position: -84px -504px;}

#tabBox5 .butbg-pht33 span{background-position: 0 -532px;}
#tabBox5 .butbg-pht34 span{background-position: -28px -532px;}
#tabBox5 .butbg-pht35 span{background-position: -56px -532px;}
#tabBox5 .butbg-pht36 span{background-position: -84px -532px;}
#tabBox5 .butbg-pht37 span{background-position: 0 -560px;}
#tabBox5 .butbg-pht38 span{background-position: -28px -560px;}
#tabBox5 .butbg-pht39 span{background-position: -56px -560px;}
#tabBox5 .butbg-pht40 span{background-position: -84px -560px;}


#tabBox5 .upload_but,
#tabBox2 .upload_but{
	width: 165px;
	margin: 0px 0px 5px 5px !important;
	padding: 0 !important;
	background-color: #eee;
	border: 1px solid #ddd;
}
#tabBox5 .upload_but,
#tabBox5 .upload_but span{
	height: 100px;
}
#tabBox2 .upload_but,
#tabBox2 .upload_but span{
	height: 75px;
}
#tabBox5 .upload_but span,
#tabBox2 .upload_but span{
	overflow:hidden;
	width: 165px;
}
#tpanel #remove_userbg,
#tpanel #remove_userhead{
	cursor:pointer;
	display:none;
}
#userbg_upload{
	margin-bottom: 6px !important;
}
#userbg_upload,
#userhead_upload{
	float: left;
	margin: 0 8px 0 5px;
}
#tabBox5 .upload_but span img,
#tabBox2 .upload_but span img{
	width: 150%;
	position: relative;
	left: -20%;
	top: -20%;
}
#tabBox2 .upload_but input,
#tabBox5 .upload_but input{
	display:none;
}
#tabBox2 .cr_0.self {
	width:64px;
}
#tabBox2 .self_block p,
#tabBox5 .selfbg_block p{
	margin-bottom:0;
}

#tabBox5 .choose_bg,
#tabBox2 .choose_bg{
	display:table;
	width:100%;
	margin: 0 0 5px;
	/*border-bottom: 1px solid #ddd;*/
}
#tabBox5 .choose_bg a{
	color:#000;
	display:table-cell !important;
	width:27%;
	float:none;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
	padding: 1px 0 3px;
}
#tabBox2 .choose_bg a{
	color:#000;
	display:table-cell !important;
	width:48%;
	float:none;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
	padding: 1px 0 3px;
}
#tabBox5 .choose_bg span,
#tabBox2 .choose_bg span{
	background:url(/img/panel/dashed0.jpg) repeat-x left bottom;
	float:none;
	display: inline;
}
#tabBox5 .choose_bg .actv,
#tabBox2 .choose_bg .actv{
	background: none #dddddd;
}
#tabBox5 .choose_bg .actv span,
#tabBox2 .choose_bg .actv span{
	background: none #dddddd;
}
#tabBox5 .bg_pallete{
	display:none;
	min-height: 275px;
}
#tabBox2 .hd_pallete{
	display:none;
	min-height: 240px;
}
#tabBox5 .selfbg_block ul,
#tabBox2 .hd_pallete ul{
	list-style-type:none;
	padding:0;
	margin: 0;
}
#tabBox5 .selfbg_block ul input,
#tabBox2 .hd_pallete ul input{
	position: relative;
	top: 4px;
	margin-top: 0;
}
#tabBox2 .hd_pallete .checkbox,
#tabBox5 .selfbg_block .checkbox{
	position: relative;
	top: 3px;
	margin-top: 0;
}
#tabBox2 .self_block.hd_pallete div{
	margin: 0 0 6px;
	padding:0 0 0 5px;
}
#tabBox5 .selfpict_cont ul{
	margin: 0 0 5px;
}
#tabBox5 .selfpict_cont div{
	padding:0 0 0 5px;
}
#check_domain_butt{
	margin:0 15px 0 0;	
}

#tabBox5 .bg_pallete.light_block{
	display:block;
}
#tabBox5 .bg-white{
	width: 63px;
}


#tabBox5 .butphoto_repeat span,
#tabBox5 .butphoto_fixed span,
#tabBox5 .butphoto_top span{
	background-image: url(../img/panel/colors_sprite.png) !important;
}


#tabBox5 .butphoto_fixed span {background-position: 0px -168px;}
#tabBox5 .butphoto_top span{background-position: -28px -168px;}
#tabBox5 .butphoto_repeat span {background-position: -56px -168px;}

.photo_fixed{
	background: url(/img/panel/photo_fixed2.jpg) no-repeat fixed center top #CEE6FE;
}
.photo_repeat{
    background: url(/img/panel/photo_repeat2.jpg) repeat scroll 0px 0px #DEEDE5;
}
.photo_top{
    background: url(/img/panel/photo_top2.jpg) no-repeat scroll center top #688EB5;
}





.hd-com-1 {
	background: url(../img/hdr/hd-com-1.jpg) no-repeat scroll left center;
	height: 237px  !important;
}
.hd-com-2 {background: url(../img/hdr/hd-com-2.jpg) no-repeat scroll left center;}
.hd-com-3 {background: url(../img/hdr/hd-com-3.jpg) no-repeat scroll left center;height: 200px  !important;}

.hd-com-1 .logo, 
.hd-com-2 .logo, 
.hd-com-3 .logo{
	display:none;
}
.hd-com-1 .headtext, 
.hd-com-2 .headtext, 
.hd-com-3 .headtext{
	text-indent: -1000px;
	overflow: hidden;
	color: transparent;
}

.hd-white .headtext{
	color: #444444;
}
.hd-com-1 .headtext{
	width:705px;
	height:172px;
	background: url(../img/head_1/logo_auto.png) no-repeat 0 0;
	margin: 7px 0px 0px 59px !important;
}
.hd-com-2 .headtext{
	width:355;
	height:111px;
	background: url(../img/head_2/tur_logo.png) no-repeat 0 0;
	margin: 42px 0px 0px 340px !important;
}
.hd-com-3 .headtext{
	width: 406px;
	height: 110px;
	background: url(../img/head_3/stroy-logo.png) no-repeat 0 0;
	margin: 50px 0px 0px 750px !important;
}

/*****/


#stprice_total{
	position: absolute;
	left: 652px;
	top: 40px;
	font-size: 20px;
	text-align: center;
	line-height: 26px;
	white-space: nowrap;
	width: 100px;
}
#stprice_total img{
	float: none;
	display: inline;
}

#stprice_title{
	position: absolute;
	left: 654px;
	top: 21px;
	font-size: 13px;
	text-align: center;
	white-space: nowrap;
	width: 100px;
	padding-right: 11px;
	height: 49px;
	background: url(../img/panel/sep_vert.gif) repeat-y scroll right 0px;
}

#moduleslist table{
	width:100%;
}

#lean_overlay {
    position: fixed;
    z-index:110;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}
#modal{
	z-index:115 !important;
}
#modal #domaincheck label p{
	margin: 0;
	padding: 0px 0 4px 20px;
}
#modal #domaincheck .radio1{
	position:relative;
	top:5px;
}
#modal fieldset div.field .middleColumn {
    width: 370px;
}
#modal #domaincheck input.text{
	float: none;
	width: 107px;
	top:0px;
}
#modal #domaincheck select{
	float: none;
	width: 53px;
}

#modal {
    width: 640px;
	padding: 22px 25px; 
    display:none;
    background: #FFF;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);      
}
#modal form{
	width: 620px;
	padding: 0;
}
#modal textarea{
	width: 415px;
	height: 33px;
}
#modal .siteform .middleColumn input.text{
	width: 415px;
}
#modal .siteform fieldset div.field, 
#modal .siteform fieldset p.checkbox{
	width: 607px;
}
.modal_cont{
	padding: 2px 15px;
	width: 346px;
}
.mainpart{
	position:relative;
}
.modal_tip{
	position: absolute;
	display: none;
	width: 200px;
	right: 0;
	top: 0;
	padding: 4px 15px 10px 15px;
	background-color: #ECF8DE;
	/* F4FBEC */
	min-height: 220px;
	font-size: 12px;
	bottom: 0;
	z-index: 100;
}
.modal_tip p{
	text-align:left;
	margin: 0px 0px 10px;
}
#moduleslist ul{
	padding: 0px;
	list-style-position: inside;
	margin: 0px;
}
.domaincheckli{
	margin-bottom: 4px;
	padding-top: 5px;
}
.modal_titl{
	font-size: 14px;
	margin: 0;
	padding: 5px 10px;
	border-bottom: 2px solid #fff;
}
.modal_titl img{
	width:6px;
}
.modal_titl2 img{
	width:8px;
}
.modal_titl2{
	font-size: 14px;
	margin: 0 0 3px;
	padding: 5px 10px;
	color: #4A4A4A;
	font-weight: bold;
	position: relative;
}
#sitetotalsum{
	position: absolute;
	right: 239px;
	top: 5px;
	font-size: 15px;
}
.sitetotalsum{
	margin-bottom: 15px;
	font-size: 16px;
}
.modal_titl.active{
	background-color: #ECF8DE;
}
.modal_titl.active span{
	border:0;
	color:#4A4A4A;
}
.modal_titl.active .modal_tip{
	display:block;
}
.modal_titl span{
	color: #0B788F;
	border-bottom:1px dashed #0B788F;
	cursor:pointer;
	font-weight: bold;
}
.modal_close{
	display:block;
	cursor:pointer;
	float:left;
	padding:7px 15px;
	color:#fff;
	font:18px Arial;
	background:#999999;
	border-radius:10px;
	margin:10px 0 0 10px;
}
.modal_submit{
	display: block;
	cursor: pointer;
	float: right;
	padding: 7px 15px !important;
	color: #FFF;
	font: 18px Arial !important;
	background: #6BC644 none repeat scroll 0% 0%;
	border-radius: 10px;
	margin: 10px 0px 0px;
	border: 0px none;
	height: auto !important;
}
#langvers span, #langvers input{
	float:left;
}
#langvers label.left{
	width: 80px;
	display:none;
	padding-top: 4px;
	font-weight: normal;
}
#langvers,
#design_header,
#design_bg{
	position:relative;
}

#create_sitesum{
	position: absolute;
	right: 239px;
	top: 4px;
	font-size: 12px;
}
#func_modulessum{
	position: absolute;
	right: 239px;
	top: 169px;
	font-size: 12px;
}
#design_headersum{
	position: absolute;
	right: 239px;
	top: 32px;
	font-size: 12px;
}
#design_bgsum{
	position: absolute;
	right: 239px;
	top: 100px;
	font-size: 12px;
}
#langverssum{
	position: absolute;
	right: 201px;
	top: 4px;
}
#domainssum{
	position: absolute;
	right: 239px;
	top: 168px;
	font-size: 12px;
}
#modal .siteform #langvers{
	font-size: 12px;
	position: absolute;
	top: 191px;
	left: 148px;
	width: 434px;
	height: 23px;
}
#modal #langvers .middleColumn{
	position: absolute;
	left: 80px;
	width: 90px;
}
#langvers .minus{
	cursor: pointer;
	font-size: 27px;
	color: #666;
	padding: 3px;
	width: 14px;
	text-align: center;
	font-family: Arial;
	line-height: 15px;
	height: 20px;
	border: 0;
	font-weight: normal;
}
#langvers .plus{
	cursor: pointer;
	font-size: 22px;
	color: #666;
	padding: 3px;
	width: 16px;
	text-align: center;
	font-family: Arial;
	line-height: 20px;
	height: 20px;
	border: 0;
	font-weight: normal;
}
#modal #langvers input.text {
    width: 30px;
	text-align: center;
	height: 19px;
	position: relative;
	top: 0px;
}
#modal #showForm.withscroll{
	overflow-y: scroll;
	height: 100%;
}
#formSuccess{
	display:none;
	padding: 10px 0;
}
#formSuccess p{
	text-align:center;
	font-size: 15px;
	line-height: 20px;
}
#formSuccess .modal_close{
	margin:20px auto 0; 
	float:none; 
	width:70px;
}

.sorting_in_progress .biggshadoww{
	opacity:0.4;
	-moz-opacity:0.4;
	filter: alpha(opacity=25) black;
	-khtml-opacity: 0.4;
	background-color:#000;

	opacity: 0.4;
	background-color: #000;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 60;
}
.sorting_in_progress #sort1,
.sorting_in_progress #sort2{
	position: relative;
	z-index: 100;
	left:0;
	top:0;
	background-color: #fff;
	min-height: 300px;
	padding-bottom: 15px;
	padding-top: 1px;
}
.sorting_in_progress .left-col,
.sorting_in_progress .right-col{
	position: relative;
	padding-bottom: 0;
}
/*.sorting_in_progress .ui-sortable-helper{
	z-index:2000 !important;
}*/
.sorting_in_progress .side-block{
	position: relative;
}

#tabBox5 .bgbut.butbg-white{
	width: 64px !important;
	/*margin: 5px 0 3px;*/
}
#tabBox5 .bgbut.butbg-self{
	width: 64px;
	float: right;
}
#tabBox5 .bgbut.butbg-self span {
    background: url(../img/panel/pozzhe.gif) no-repeat scroll 0px 0px;
    width: 64px;
}
#tabBox5 .bgbut.butbg-self.active {
    background: url(../img/panel/border07.gif) no-repeat scroll 0px 0px;
    width: 64px;
}

.side-block.hidden_block{
	display:none;
}
.sorting_in_progress .side-block.sorthidden,
.sorting_in_progress .side-block.hidden_block.sorthidden,
.sorting_in_progress #leftmenu.sorthidden,
.sorting_in_progress #leftmenu.hidden_block.sorthidden,
.sorting_in_progress #lboxmenu.sorthidden,
.sorting_in_progress #lboxmenu.hidden_block.sorthidden{
	display:block;
}
#leftmenu .mnpg{

}
.sorting_in_progress .sorthidden .get_body{
	display:none;
}
.side-block.hidden_block{
	display:none;
}
.sorting_in_progress .sorthidden .side-block-head:before{
	content: '+ ';
	font-size: 18px;
	position: relative;
	top: 1px;
}
.sorting_in_progress #tabBox1-title,
.sorting_in_progress #tabBox2-title,
.sorting_in_progress #tabBox3-title,
.sorting_in_progress #tabBox4-title,
.sorting_in_progress #tabBox5-title,
.sorting_in_progress #tabBox6-title,
.sorting_in_progress .button-submit,
.sorting_in_progress .theme
{
	opacity: 0.3;
	cursor: default !important;
}
.sorting_in_progress #tabBox1,
.sorting_in_progress #tabBox2,
.sorting_in_progress #tabBox3,
.sorting_in_progress #tabBox4,
.sorting_in_progress #tabBox5,
.sorting_in_progress #tabBox6,
.sorting_in_progress .button-submit
{
	display:none !important;
}


.sorting_in_progress .bannrs{
	border:2px dashed red !important;
}
.sorting_in_progress .bannrs .hidethisblock{
	display:none !important;
}

.side-block.sorthidden .hidethisblock{
	display:none;
}
.side-block.no-block .side-block-head{
	display:none;
} 
.sorting_in_progress .side-block.no-block.hidden_block .side-block-head{
	display:block;
	padding: 6px 12px 8px !important;
}
.side-block .hidethisblock,
#leftmenu .hidethisblock,
#lboxmenu .hidethisblock{
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 100; 
	color: rgb(0, 0, 0);
	font-family: Arial;
	font-size: 18px;
	cursor: pointer;
	background-color: #FFF;
	padding: 6px !important;
	width: 17px;
	height: 16px;
	text-align: center;
	border-left: 2px dashed rgb(255, 0, 0);
	border-bottom: 2px dashed rgb(255, 0, 0);
}
.side-block,
#leftmenu,
#lboxmenu{
	display:none;
}
.side-block.vsbl_ck,
#leftmenu.vsbl_ck,
#lboxmenu.vsbl_ck{
	display:block;
}
.side-block#bnn_block1{
	display:block;	
}

#userheader_img, #userbg_img{
	display:none;	
}

#bnn_block1 .hidethisblock,
#leftmenu .hidethisblock,
#lboxmenu .hidethisblock{
	display:none;	
}

#modal .error{
	position: relative;
	color: red;
	padding: 3px 0px;
	display: block;
}







#tpanel #share_link{
	position: absolute;
	top: 20px;
	right: -175px;
}
#tpanel #clear_link{
	position: absolute;
	top: 20px;
	right: -251px;
}

#share_link #tabBox6-title{
	background-position:-171px 1px;
	padding: 22px 0px 0px;
	height: 17px;
	text-indent: -3px;
}
#clear_link #tabBox7-title{
	background-position:-171px 1px;
	padding: 22px 0px 0px;
	height: 17px;
}

#tpanel #share_link b.chb-but-a{
	background: url(/img/panel/panel_sprite.png) no-repeat scroll -171px -79px;
}
#tpanel #share_link #tabBox6 div.inner {
    width: 264px;
	border: 0;
	padding: 12px 13px 15px 13px;
}
#tpanel #share_link .strll{
	position: absolute;
	left: 29px;
	top: -4px;
	width: 7px;
	height: 5px;
	background: url(/img/panel/panel_sprite.png) no-repeat scroll -78px -41px;
}
#tpanel #share_link .chb-but-a .strll{
	display:none;
}
.clipboard-button__object {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0;
    outline: medium none;
	cursor: pointer;
}

#share_link #tabBox6{
	left: -222px;
	font-size: 13px;
	font-style: italic;
	font-family: Arial;
	line-height: 16px;
	width: 290px;
	background-color: #fff;
	background-image: none;
	border: 1px solid red;
	border-radius: 6px 6px 0 0;
}
#share_link #tabBox6 p{
	margin: 0px;
}
#tpanel #showtpanel{
	display: block;
	float: right;
	margin: 15px 3px 0 0;
}
#hidetpanel{
	display: block;
	width: 31px;
	height: 14px;
	cursor: pointer;
	background: url(/img/panel/panel_sprite.png) no-repeat scroll -17px -100px;
	position: absolute;
	right: 2px;
	top: 2px;
}
#copy_share{
	width: 25px;
	height: 26px;
	cursor: pointer;
	float: left;
	position: relative;
	background: url(/img/panel/panel_sprite.png) no-repeat scroll -146px 0px;
}
#share_input{
	font-size: 13px;
	line-height: 22px;
	width: 249px;
	height: 22px;
	border: 1px solid #AAA;
	color: #000;
	font-family: Tahoma;
	padding: 1px 7px;
	float: left;
	margin: 0px 0 7px 0px;
}
#share_strl{
	background: url(/img/panel/panel_sprite.png) no-repeat scroll  -200px -76px;
	height: 3px;
	width: 8px;
	position: absolute;
	right: 27px;
	bottom: 0px;
}
#helpclose{
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background: transparent url(/js/fancybox/fancybox.png) repeat scroll -40px 0px;
    cursor: pointer;
    z-index: 1103;
}
#helpcont{
	max-height: 510px;
	font-size:14px;
	line-height:21px;
	color: #000;
	padding: 0px 30px 0px 15px;
	font-family: Tahoma;
	height: 510px;
	overflow-y: auto;
}
#helpcont td{
	padding:0;
	font-size:14px;
	line-height:21px;
	border:0;
}
#helpcont ul{
	list-style-position: outside;
	padding: 0 0 0 30px;
}
#helpcont h1{
	color:#000000;
	font-size:23px;
	line-height:26px;
	font-family: Tahoma;
	text-align:center;
	margin: 17px 0px 33px 0px;
}
#tpanel #helpcont img{
	float:none;
	display:inline;
}
#helpcont table{
	width:100%;
}
#tpanel #helpcont .lft{
	float:left;
	margin: 0px 30px 15px 30px;
}
#tpanel #helpcont .rght{
	float:right;
	margin: 0px 30px 15px 30px;
}
#helpcont p{
	
}

#helpfoot div{
	color:#135591;
	font-size:18px;
	font-family: Arial;
	line-height: 18px;
}
#helpfoot div span{
	float: none;
	display: inline;
	border-bottom:1px dashed #135591;
	font-size:14px;
	font-family: Tahoma;
	cursor:pointer;
}

#areyousure{
	display:none;
	padding:18px 25px;
	background-color:#F0EDE1;
	position: fixed;
	z-index: 1150;
	font-size:14px;
	font-family: Arial;
	line-height:17px;
	font-style:italic;
	border-radius:10px;
	width: 380px;
	box-shadow: 0px 0px 13px #333;
}
#areyousure p{
	text-align: center;
	margin: 0px 0px 17px;
}
#areyousure input{
	margin: 0 auto;
	border:0;
	width: 164px;
	height: 31px;
	display: block;
	cursor: pointer;
	font-family: Arial;
	font-size:18px;
	color: #fff;
	float: left;
	margin: 0px 12px;
}
#areyousure #clearconf{
	background: url(/img/panel/butt_clear_conf.png) no-repeat scroll 0 0;	
	color: transparent;
}
#areyousure #cancelclear{
	background: url(/img/panel/butt_clear.png) no-repeat scroll 0 0;	
}