/* Begin: Serg */ .UpDownLoad { height: 0px; width: 0px; } .sBody { /* width: 777px;*/ width: 97%; } #imgIndex { position: absolute; left: 400px; width: 200px; margin-top: 12px; } .CQuery1 { float: left; height: 10px; width: 386px; margin-right: 20px; margin-left: 24px; margin-top: 12px; margin-bottom: 2px; } .backColor { float: left; color: blue; } .dropActive { border: 1px solid #FF0000; } .dropPasive { border: 1px solid #e5e5e5; } #curDrag { cursor: move; } #curDragDiv { width:59px; height:59px; position:absolute; top:0px; z-index: 1000; left: 39px; } #vh_Help { position: absolute; border: 1px solid #C7C7C7; background-color: #D3E2F4; left: 0px; top: 0px; width:380px; height:170px; padding:5px; } .topwin { width:100%; background-image:url('../img/topwin.gif'); background-repeat:repeat-x; } .vh_img_container { float:left; border: 1px solid #C7C7C7; width:160px; height:160px; overflow: hidden; } .vh_TextBox { background-color: #F0F0F0; padding:5px; text-align:left; float: left; font-family:Verdana, Arial, Helvetica, sans-serif; color: #333333; font-size:60%; border: 1px solid #C7C7C7; width:200px; height:150px; margin-left:5px; } #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; margin-bottom:10px; } .titleh { font-family:Verdana, Arial, Helvetica, sans-serif; color: #666666; font-size:16px; font-weight:bold; } #v_img { margin: 8px; } .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:46px; height:46px; 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; margin-left:30px; } .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; } #iGist { position: relative; left: 0px; top: 0px; } #iGistPos { position: absolute; left: 0px; top: 0px; } .h100 { height:120px; } #colorpicker21 { position:absolute; margin-top:15px; margin-left:126px; } #colorpicker21 b { color: #666666; margin-left:10px; font-size:80%; } .searchbut { position:absolute; margin-top:10px; margin-left:100px;} #colorpicker2 { position:absolute; margin-top:5px; margin-left:25px; } #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; } #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; } #loading22 { position: relative; /* display: none; position: absolute;*/ z-index: 2; } .favecellImg { width: 45px; height: 45px; } .colorImg2 { width: 50px; height:6px; } .sbspan { } .historycontent li { text-decoration:none; padding:0; margin:0 auto; display:inline; border:0; } .historycontent li:hover { border:1px #FFFFFF solid; } .historycontent li img{ padding:0; margin:0 auto; border:0; } .h_border { border: 1px solid #D3E2F4; } .h_border { border: 1px solid #D3E2F4; } .h_img { width: 6px; height: 52px; cursor:pointer; } #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; } #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, .tabs-nav a span { display: block; padding: 0 30px; background: url(tab.png) no-repeat; } .tabs-nav a { position: relative; top: 1px; 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%; } .farbtastic { position: relative; } .farbtastic * { position: absolute; cursor: crosshair; } .farbtastic, .farbtastic .wheel { width: 195px; height: 195px; } /* Begin: Trash */ .trashcl { position: relative; float:right; background-image: url(trash.png); background-repeat:no-repeat; background-position:center; width:50px; height:50px; } .trashcl_active { } .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 */ .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:126px; 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; } .right span { color: #808080; } 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; display:inline; } .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 { height: 22px; width: 762px; font-size: 90%; background-image: url(bottom.png); text-align: center; color: #808080; } .content .CQuery { float: left; height: 10px; width: 316px; margin-right: 20px; margin-left: 24px; margin-top: 12px; margin-bottom: 2px; } .content .CQuery .QueryColor { float: left; height: 6px; width: 60px; margin-left: 2px; margin-top: 5px; cursor:pointer; } .content .right { float: right; height: 14px; text-align: right; width: 188px; font-size: 90%; color: #808080; margin-top: 12px; } .waiting { position: absolute; /* width:180px; float:left; 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; display:inline; } .history { float:right; text-align: center; padding-top: 1px; width: 112px; padding-right: 10px; padding-left: 6px; margin-top:0; } .history h2 { margin: 0px; margin-bottom:3px; padding-left: 2px; height: 22px; } .history li.color { 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_bad { float:left; margin:0 auto; } .colorpiker { background-color: #FFFFFF; float:left; height: 50px; width: 450px; border: 1px solid #808080; padding: 1px; margin-top:10px; margin-bottom:10px; margin-left:6px; margin-right:6px; } .pickerright { padding: 1px; float:right; height: 50px; border: 1px solid #808080; width: 10px; margin-top: 10px; margin-right: 6px; background-color: #FFFFFF; } .pickerright .color { clear: left; float: left; height: 10px; width: 10px; } .colorImg1 { height: 10px; width:10px; margin:0 auto; padding:0; background-color:#FFFFFF; } .h_img{ height:72px; } .dragmini { width:74px; height:74px; margin-top:2px; margin-left:2px; } .favesd { clear: left; float: left; padding-left: 10px; margin-top: 8px; width: 750px; } #faves h2 { margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 1px; height: 22px; } #faves a { color: #2970af; } .picture { height: 78px; width: 78px; float: left; border: 1px solid #e5e5e5; background-color: #FFFFFF; margin-top: 2px; margin-left: 2px; position:relative; } .picture img { padding:0; margin:0; border:0; width:74px; height:74px; margin: 2px; } .favecell { background-color: #F7F7F7; float: left; height: 50px; width: 50px; /* border: 1px solid #e5e5e5;*/ padding: 0px; margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 2px; position:relative; } .favecell_active { float: left; height: 50px; width: 50px; padding: 0px; margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 2px; background-image: url(faveactive.png); } .favecell_over { /* border: 1px solid #FF0000;*/ } #faves { clear: left; float: left; padding-left: 10px; margin-top: 8px; width: 750px; } .picker { display:inline;}