/* Begin: Serg */

.dropActive {
    opacity: .2;
/*	border: 1px solid  #FF0000;*/
}
.dropPasive {
}




#curDrag {
	cursor: move;
}

#curDragDiv {
	width:59px;
	height:59px;
	position:absolute;
	z-index: 1000;
	top:872px;
	left: 39px;
}


.dragable {
	position: absolute;
	width:80px;
	height:80px;
	z-index: 10;
}

.dragable33 {
	width:80px;
	height:80px;
}

.dragable33 {
	position: absolute;
	z-index: 10;
}


.favImg {
border:none;
	width:41px;
	height:41px;
	margin:2px;
}



.colorImg3 {
	margin:2px;
	width: 20px;
	height:10px;
}

.imgFromServer {
	border: 1px solid #C7C7C7;
	margin:5px;
}

#imgView1 {
	position: relative;
 /*   z-index: 1;*/
}

.navDiv {
	color:blue;
	cursor:pointer;
}

.Hide {
	display: none;
}

#imgView {
	position: relative;
	float: left;
	margin:5px;
	width:90px;
	height:90px;
}
/*.imgView {
	position: relative;
	margin:5px;
	background-image: url('uploadcell.jpg');
}
.imgView_hover {
	margin:5px;
	width:90px;
	height:90px;
	background: #FFFFFF url('uploadcellover.jpg') no-repeat;
}
.imgView_active {
	margin:5px;
}*/

#imgView44 {
	float: left;
	border: 1px solid #D3E2F4;
/*	display: none;*/
	background: url(drag.jpg) no-repeat;
	width:80px;
	height:80px;
	margin:5px;
}
#imgParam {
	float: left;
	border: 1px solid #D3E2F4;
	display: none;
	position: relative;
	left: 100px;
	top: 30px;
}

#gistDiv {
	position: absolute;
	margin-top:10px;
	margin-left:10px;
}
#iGist {
	position: relative;
	left: 0px;
	top: 0px;
}
#iGistPos {
	position: absolute;
	left: 0px;
	top: 0px;
}

.h100 {
	height:120px;
}

#colorpicker2 {
position:absolute;
margin-top:5px;
margin-left:10px;
}

#hline {
	display: block;
	position: absolute;
	width: 12px;
	height: 10px;
    z-index: 2;
	left: 0px;
	top: 0px;
}

#svSelect {
	display: block;
	position: absolute;
	width: 12px;
	height: 10px;
    z-index: 2;
	left: 0px;
	top: 0px;
}

#blank2 {
	position: relative;
	width:100px;
	height:26px;
	background-color:#C7C7C7;
	border:0;
}

.pickInfo2 {
	background-color:#FFFFFF;
	padding-top: 4px;
}

#colorpicker2Info {
	position: absolute;
	left: 170px;
	top: 10px;
}

#mask2c {
	position: absolute;
	float:left;
}

#mask2 {
	position: relative;
    z-index: 1;
	width:100px;
	height:80px;
	left: 0px;
	top: 0px;
}




#blank2c {
	position: relative;
	background-color:#ffffff;
	float: left;
	left: 0px;
	top: 0px;
}
#blank2cs {
	position: relative;
	background-color:#ffffff;
	left: 20px;
}

#blank2s {
	width:50px;
	height:30px;
	background-color:#C7C7C7;
	border:0;
}

#hue2 {
	position: relative;
	width: 20px;
	height: 110px;
	float:left;
    z-index: 1;
}

#loading {
	position: relative;
/*
	display: none;
position: absolute;*/
    z-index: 2;
}

.colorImg2 {
	width: 50px;
	height:6px;
}
.sbspan {
}

/* Begin: history	*/

.historycontent li {
	list-style:none;
	list-style-position:inside;
	list-style-image:none;
	list-style-type:none;
	padding:1.5px;
	margin:0 auto;
	display: block;
	float:left;
	border:0;
}

.historydiv {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:12px;
	text-decoration:none;
	width:70px;
	height:52px;
	float:right;
	margin-bottom:0;
	margin-left:25px;
	margin-top:20px;
	margin-right:15px;
}


.h_border {
}

.h_img {
	width: 6px;
	height:72px;
}

/* End: history	*/

#selTable {
    text-align: center;
}
.colorinfo {
	display: block;
	position: relative;
	margin:auto 5px 0 auto;
	float: right;
	height:56px;
}

#selTable {
	margin:auto 0px 0 auto;
	float: left;
}
#navTable {
	margin:auto 0px 0 auto;
	position: relative;
	left: 466px;
	top: 10px;
}

#nClose {
	display: block;
	float: right;
	vertical-align: top;
	background-image: url('../img/Close.gif');
	background-repeat:no-repeat;
	width: 15px;
	height: 15px;
	cursor: pointer;
}

#insBlockDiv {
	display: block;
	position: absolute;
/*	background: #EEFFE0; 
	color: green; 
	border: 1px solid #D3E2F4;
	width: 50%;
	height: 50%;*/
}

/* End: Serg */

/* CSS Document */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.slider {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#999999;
font-size:12px;
text-decoration: underline;
margin-left:35px;
}
.disinline {
display:inline;}
.pickermenu {
margin:0 auto;
width:510px;
padding:0;
}
.res {
width:100%;
margin:0 auto;}
.arrowl {
	background-image:url(arrowl.jpg);
	background-repeat:no-repeat;
	width:39px;
	height:39px;
	float:left;}
	.arrowr{
	background-image:url(arrowr.jpg);
	background-repeat:no-repeat;
	width:39px;
	height:39px;
	float:right;}
.vertical {
background-image: url(px.jpg);
background-repeat:repeat-y;
background-position:left;
width:1px;
height:84px;
float:left;
}
.verticalr {
background-image: url(px.jpg);
background-repeat:repeat-y;
background-position:right;
width:1px;
height:84px;
float:left;
}
/*.logo {
margin-bottom:0;
margin-left:15px;
margin-top:20px;
margin-right:20px;
width:87px;
height:65px;
background-image:url(logo.jpg);
background-repeat:no-repeat;
float:left;
}*/
.gradientdecor {
margin:0 auto;
height:12px;
background-image:url(gradientdecor.jpg);
background-repeat:repeat-x;
}
.butpiker {
padding:0;
width:510px;
float:left;
 margin:0 auto;
}

.PickerValues {
margin:0 auto;
width:510px;
padding:0;
}
.fff{
width:500px;}
.tabs-nav {
margin:0 auto;
    list-style: none;
    padding: 0 0 0 4px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.tabs-nav a.buthistory {
	background-image:url(buthistory.jpg);
	background-repeat: no-repeat;
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(tab.png) no-repeat;
}

.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #27537a;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav .tabs-selected a {
    color: #000;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
margin:0 auto;
	width:400px;
	text-align:left;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}


.grad {
margin-left:7px;
margin-right:0;
width:25px;
	height:60px;
	margin-bottom:5px;
	}
.imgborder {
	border:1px;
	border-color:#666666;
	border-style:solid;
	}
.noimgborder {
	border:0
	}
.colorsearch {
margin:0 auto;
height:130px;
width:505px;
float:left;
background-image:url("../img/bck03.png");
background-repeat:no-repeat;
	}

.greyfon {
	background-color: #CCCCCC;
	}
.maintable {
	margin:0 auto;
	width:570px;
	border: #666666 solid 1px;
	margin-top:3px;
	}
.aligncenter {
	text-align:center;
	}
.aligntop {
	vertical-align:top;
	}
.alignbot {
	vertical-align:bottom;
	}
.alignleft {
	text-align:left;
	}
.navpanel {
	margin:0 auto;
	display:inline;
	width:98%;
	}
.navpanel a  {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	margin:0 auto;
	width:120px;
	height:20px;
	background-image:url(button.jpg);
	background-repeat:no-repeat;
	background-position:center;
	display:inline;
	float:none;
	cursor:pointer;
	color:#000000;
	padding-top:2px;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:10px;
	color:#FFFFFF;
	}
.navpanel a.c  {
	margin-left:35px;
	margin-right:0;
	width:30px;
	height:20px;
	background-image:url(buttonc.jpg);
	}
.navpanel a.r:hover {
	background-image:url(buttonr.jpg);
	color: #000000;
	}
.navpanel a.o:hover {
	background-image:url(buttono.jpg);
	color: #000000;
	}
.navpanel a.g:hover {
	background-image:url(buttong.jpg);
	color: #000000;
	}
.navpanel a.b:hover {
	background-image:url(buttonb.jpg);
	color: #000000;
	}
.navpanel a.navpanelr{
	background-image:url(buttonreliase.jpg);
	background-repeat:no-repeat;
	}

.textcolorinfo {
	font-family:"Times New Roman", Times, serif;
	color:#000000;
	font-size:14px;
	margin:0 auto;
	}
#history {
	width: 90%;
	text-align:left;
	border:#666666;
	border-style:solid;
	border-width:1px;
	background-color:#FFFFFF;
	margin-left:7px;
	margin-bottom:7px;
	padding-top:3px;
	clear:both;
	}

#history div.inlinedis {
	display:inline;
	}
.texthistory {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
	margin:0 auto;
	margin-right:10px;
	margin-left:10px;
	}
.pages {
	width:450px;
	background:#F2F2F2;
	border:#333333 solid 1px;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:7px;
	}
.pages div.inlinedis {
	display:inline;
	}
.textpages {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
	margin:0 auto;
	margin-right:5px;
	margin-left:5px;
	}
.textpagesdisable {
font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	font-size:12px;
	margin:0 auto;
	margin-right:5px;
	margin-left:5px;}
.textnum {
	}
.textnum li {
	display:inline;
	}
.textnum li a {
	text-decoration:none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
	color:#000000;
	margin-left:3px;
	margin-right:3px;
	}
.textnum li a:hover {
	color:#990000;
	}
.favour {
	padding-left:18px;
	padding-right:18px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	width:50px;
	background: #333333;
	border:#666666 solid 1px;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:7px;
	}
.picturestable {
	}
.allheader {
background-color:#0033FF;
border:#FF0000 solid 2px;
margin:0 auto;
clear:both;
}

#global {

}
.globalclass {
margin:0 auto;
padding:0;
border:#666666 solid 2px;
width: 770px;
}
.gradientselected {
text-align:right;
height:13px;
margin-top:10px;
margin-bottom:10px;
}
.cursorview {
	cursor:pointer;
}
.gradientselected img {
margin:0 auto;
height:12px;
}
.favtext {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
margin-left:10px;
margin-right:15px;
float:left;
}
.butsend a {
text-decoration:underline;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#999999;
}
.butsend a:hover {
text-decoration:underline;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #333333;
}
.butsend a img {
margin-top:5px;
margin-left:4px;
}


.vali {
	vertical-align:middle;
}
#result {
margin: 0 auto;
	clear:both;
	width:740px;
	}
#mini {
margin: 0 auto;
	clear:both;
	background-color:#E6E6E6;
}
.rasp {
height:10px;
clear:both;
}

#resultpages {
	text-align: left;
	font-size: 70%;
	width: 90%;
	background:#F2F2F2;
	border:#333333 solid 1px;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:7px;}	
#pages {	text-align: left;
	float:right;
	text-align:right;
	width: 90%;
}
#resultpages ul {
  float:left;
}
#resultpages li{
	color:#333333;
	font-size:12px;
	margin:0 auto;
	margin-right:10px;
	margin-left:10px;
	float:left;
}

#buttom {
}
.buttomclass {
position:relative;
width:700px;
margin:0 auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #CCCCCC;
font-size:12px;
text-decoration:none;
}
.buttomclass div.alignleft{
margin-left:15px;
}

.buttomclass a {
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #CCCCCC;
font-size:12px;
text-decoration:underline;
}
.buttomclass a:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#999999;
font-size:12px;
text-decoration:underline;
}
#langs {
	float: right;
	width: 20em;
	text-align:right;
	margin-right:7px;
}
#langs a{
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #6B8FD3;
font-size:12px;
text-decoration:underline;
}
#langs a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #2C5094;
font-size:12px;
text-decoration:underline;
}
/*new classes 08 08 2007*/
  img {
  border:none;
  }
  a {
	color: #808080;
}
a:hover {
	color: red!important;
}
h2 {
	font-size: 120%;
	font-weight: bold;
	color: #2970af;
	margin-bottom:0;
}

  .content {
	clear: left;
	float: left;
	width: 760px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #8c8c8c;
	border-left-color: #8c8c8c;
	background-color: #FFFFFF;
}
.cont {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	padding: 0px;
	width: 762px;
	clear: none;
	float: none;
	margin-right: auto;
	margin-left: auto;
}

.minisize {
width:74px;
height:74px;
}
.podval {
	clear: left;
	float: left;
	height: 22px;
	width: 762px;
	font-size: 90%;
	background-image: url(bottom.png);
	text-align: center;
	color: #808080;
}
.content .center {
	float: left;
	height: 10px;
	width: 316px;
	margin-right: 20px;
	margin-left: 28px;
	margin-top: 12px;
	margin-bottom: 2px;
}
.content .center {
	float: left;
	height: 6px;
	width: 60px;
	margin-left: 2px;
	margin-top: 5px;
}
.content .right {
	float: right;
	height: 14px;
	text-align: right;
	width: 188px;
	font-size: 90%;
	color: #808080;
	margin-top: 12px;
}
.waiting {
width:180px;
float:left;
display:inline;
margin-top:15px;
}
.logo {
	float: left;
	width: 129px;
	height: 115px;
	background-image: url("../img/logo.png");
	background-repeat: no-repeat;
	background-position: center;
}
.shapka {
	float: left;
	height: 126px;
	background-image: url(../img/bck01.png);
	width: 762px;
	background-repeat: no-repeat;
}


li color {
	border: 1px solid  #FF0000;
	display:inline;
	float: left;
	height: 72px;
	width: 6px;
	margin-top: 0px;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom:7px;
}

.shapkaright {
	float:right;
	height: 115px;
	width: 633px;
}
.menubutton {
	background-repeat:no-repeat;
	float: left;
	height:20px;
}

.butpicker01 {

}
.butpicker02 {

}
.butpicker03 {


}
.menubuttonrasp {
	font-size: 0px;
	float: left;
	height:20px;
	width: 1px;
}
.top {
	text-align: right;
	float: left;
	width: 620px;
	height: 16px;
	font-size: 90%;
	color: #808080;
}
.pickercontainer {
	clear: left;
	float: left;
	height: 77px;
	width: 504px;
	margin-top: 2px;
	background-image: url(../img/bck02.png);
}

.colorpiker {
	background-color: #FFFFFF;
	float:left;
	height: 60px;
	padding: 1px;
	margin-top:4px;
	margin-bottom:4px;
	margin-left:0px;
	margin-right:4px;
}
.pickerright {
	padding: 1px;
	float:right;
	height: 50px;
	border: 1px solid #808080;
	width: 10px;
	margin-top: 10px;
	margin-right: 6px;
	background-color: #FFFFFF;
}
.pickerright {
	clear: left;
	float: left;
	height: 10px;
	width: 10px;
}
.colorImg1 {
	height: 10px;
	width:10px;
	margin:0 auto;
	padding:0;
	background-color:#FFFFFF;
}

.dragmini {
width:74px;
height:74px;
/*margin-top:2px;
margin-left:2px;
*/
}

/* Begin: fave	*/


.favecell {
	position: relative;
	width: 45px;
	height: 45px;
	float:left;
	background-image: url('favecell.jpg');
	margin-left: 3px;
	margin-right: 0px;
}

.favImg {
	width:41px;
	height:41px;
	margin:2px;
}

.favecellImg {
	width: 45px;
	height: 45px;
}
div.favecell {
	margin-left:3px;
	margin-right:3px;}

div.favecell_over {
	margin-left:3px;
	margin-right:3px;
	width: 45px;
	height: 45px;
	float:left;	
}
div.favecell_active {
	margin-left:3px;
	margin-right:3px;
	width: 45px;
	height: 45px;
	float:left;	
	background: #FFFFFF url('favecellover.jpg') no-repeat;
}


/* End: fave	*/
/*	Begin: Trash	*/
.trashcl_over {
	background-image: url(trash1.jpg);
}

.trashcl_out {
	background-image: url(trash.png);
}

.trash {
	position: relative;
	background-repeat:no-repeat;
	background-position:center;
	width:50px;
	height:50px;
}

/*	End: Trash	*/

.picture {
	position: relative;
	height: 78px;
	width: 78px;
	float: left;
	border: 1px solid #e5e5e5;
	background-color: #FFFFFF;
	margin-top: 2px;
	margin-left: 2px;

}

.picture img {
	padding:0;
	margin:0;
	border:0;
	width:74px;
	height:74px;
	margin: 2px;
	}

.vh_img_container {
	display: block;
	float: left;
	border: 1px solid #C7C7C7;
	width: 160px;
	height: 160px;
	overflow: hidden;
	margin: 5px;
}
.vh_TextBox {
	display: block;
	position: relative;
background-color: #F0F0F0;
margin:5px;
padding:10px;
text-align:left;
	float: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:60%;
	border: 1px solid #C7C7C7;
	width:60%;
	height:140px;
	overflow: hidden;
/*	clip: rect(5px, 10px, 10px, 5px);*/
}

.33vh_TextBox {
	display: block;
	position: relative;
	float: left;
	border: 1px solid #C7C7C7;
	width:236px;
	height:180px;
	overflow: hidden; 
}

#v_Item {
	position: relative;
	border: 1px solid #C7C7C7;
	background-color: #D3E2F4;
	z-index: 1;
	left: 0px;
	top: 0px;
}
.pageh {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size:16px;
	font-weight:bold;
}
.titleh {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size:16px;
	font-weight:bold;
	margin-top:15px;
}
#v_img {
	margin: 8px;
}

#vhz_iPage {
/*	width: 100px;
	overflow: hidden; */
}

#vh_Help {
	position: absolute;
	border: 1px solid #C7C7C7;
	background-color: #D3E2F4;
	left: 0px;
	top: 0px;
	width:560px;
	height:180px;
	z-index: 1000;
}