/* Begin: Serg */
.imgFromServer {
	border: 1px solid #C7C7C7;
}

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

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

.Hide {
	display: none;
}

#imgView {
	float: left;
	border: 1px solid #D3E2F4;
	display: none;
}
#imgParam {
	float: left;
	border: 1px solid #D3E2F4;
	display: none;
}

#gistDiv {
	position: absolute;
}
#iGist {
	position: relative;
}
#iGistPos {
	position: absolute;
}

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

#mask2c {
	float:left;
}

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

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

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

#svSelect {
	display: block;
	position: relative;
	width: 12px;
	height: 10px;
    z-index: 2;
}

#hue2 {
	position: relative;
	width: 20px;
	height: 110px;
	float:left;
    z-index: 1;
}
#hline {
	display: block;
	position: relative;
	width: 12px;
	height: 10px;
    z-index: 2;
}

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

.favecellImg {
	width: 45px;
	height: 45px;
}

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

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

#selTable {
    text-align: center;
}
.colorImg1 {
	height: 10px;
	margin:0 auto;
	padding:0;
	background-color:#FFFFFF;
}
.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;
}

#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;
}
.favespict {
margin-left:10px;}
.historydiv {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;
text-decoration:none;
width:64px;
height:52px;
float:right;
margin-bottom:0;
margin-left:25px;
margin-top:20px;
margin-right:15px;
}
.historycontent {
width:64px;
height:52px;
margin:0 auto;
padding:0;
border:0;
}
.historycontent li {
list-style:none;
list-style-position:inside;
list-style-image:none;
list-style-type:none;
padding:0;
margin:0 auto;
display: block;
float:left;
border:0;}
.historycontent li a {
text-decoration:none;
padding:0;
margin:0 auto;
display:inline;
border:0;}
.historycontent li a:hover {
border:1px #FFFFFF solid;}
.historycontent li a img{
padding:0;
margin:0 auto;
border:0;}
.buthistory {
margin-right:5px;
margin-top:5px;
	float:right;
	background-image:url(buthistory.jpg);
	background-repeat: no-repeat;
	width:88px;
	height:32px;
}
.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:510px;
	text-align:left;
    border-top: 1px solid #97a5b0;
    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%;
}
.farbtastic {
  position: relative;
}
.farbtastic * {
  position: absolute;
  cursor: crosshair;
}
.farbtastic, .farbtastic .wheel {
  width: 195px;
  height: 195px;
}
.farbtastic .color, .farbtastic .overlay {
  top: 47px;
  left: 47px;
  width: 101px;
  height: 101px;
}
.farbtastic .wheel {
  background: url(wheel.png) no-repeat;
  width: 195px;
  height: 195px;
}
.farbtastic .overlay {
  background: url(mask.png) no-repeat;
}
.farbtastic .marker {
  width: 17px;
  height: 17px;
  margin: -8px 0 0 -8px;
  overflow: hidden; 
  background: url(marker.png) no-repeat;
}
.favecell {
	width: 45px;
	height: 45px;
	float:left;
	background-image: url('favecell.jpg');
	margin-left: 3px;
	margin-right: 0px;
}
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;
}
#trash {

}
div.trashcl {
float:right;
background-image: url(trashicon.jpg);
background-repeat:no-repeat;
background-position:center;
width:60px;
height:50px;
margin-right:5px;
}
div.trashcl_active {
background-image: url(trashico1n.jpg);
background-repeat:no-repeat;
background-position:center;
width:60px;
height:50px;

}
div.trashcl_over {
background-image: url(trash1.jpg);
background-repeat:no-repeat;
background-position:center;
width:60px;
height:50px;}
.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;
padding-top:7px;
padding-right:0;
padding-bottom:0px;
padding-left:10px;
width:500px;
border-left:#666666 solid 1px;
border-right:#666666 solid 1px;
border-bottom:#666666 solid 1px;
	float:left;
	}
.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;
	}
.colorpiker {
float:left;
margin:0 auto;
	}
.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 {
	}
.picture {
	background-color:#C7C7C7;
	margin:1px;
	text-align:center;
	width:80px;
	height:80px;
	float: left;
	}
.allheader {
background-color:#0033FF;
border:#FF0000 solid 2px;
margin:0 auto;
clear:both;
}
.picture img {
	padding:0;
	margin:0;
	border:0;
	width:80px;
	height:80px;
	}
#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;
}
.favesd {
margin-bottom:10px;
text-align:center;
width:730px;
	}

.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;
}