.body { /*background: #e7e7e7 url('/images/bg_page_right.jpg') no-repeat 100% 0;*/ background: #e2eded url('/images/system/bg_page_right_green.jpg') no-repeat 100% 0; margin: 0; padding: 0; outline: none; }
.clearBoth { clear: both; }

.outerDesignBlock { margin: 10px; position: relative; }
.designBlock { border: 2px solid #adccce; -moz-border-radius: 20px 10px 0 10px; -khtml-border-radius: 20px 10px 0 10px; -webkit-border-radius: 20px 10px 0 10px; float: left; position: relative; background: #adccce; box-shadow: 6px 6px 6px #919191; border-radius: 20px 10px 0 10px; -moz-box-shadow: 6px 6px 6px #919191; overflow: hidden;}
.textControlBlock { width: 100%; height: 300px; float: left; position: relative;  }
.imageControlBlock { width: 400px;  //width: 443px; float: left; position: relative; }
.templateControlBlock { width: 100%;  height: 125px; float: left; margin: 10px 0; }
.startControlBlock { height: 70px; float: left; margin-top: 10px;  }
.wholeTextControlBlock { height: 70px; float: left;   }
.templateForm { float: left; }


.desktop { width: 340px; height: 189px; left: 25px; top: 25px; position: absolute; } /* marginH = (height(designBlock) - height(desktop))/2 */
.desktopLayout { left: 25px; top: 25px; position: absolute; width: 340px; height: 189px; background: #ffffff; } 
.buttonH, .buttonV, .buttonHs, .buttonVs { width: 20px; height: 20px; position: absolute; } 

.textForm { text-align: right; }
.textlabel { font-size: 16px; color: #606060; font-weight: bold;}
.textfield { width: 261px; height: 20px; border: none; outline: none; padding: 0 15px; font-size: 16px; } 
.textfield:focus  { border: 2px solid #ef0000; } 
.selectedField { width: 261px; height: 20px; outline: none; padding: 0 15px; font-size: 16px; border: 2px solid #ef0000; }

.floatLeft { float: left; width: 800px; //width: 830px; border: 2px solid #adccce; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px; background: #adccce; box-shadow: 6px 6px 6px #919191; border-radius: 10px; -moz-box-shadow: 6px 6px 6px #919191; margin: 10px; }
.linker { padding: 0 5px; cursor: pointer; color: #ffffff; }
.selector {}
.colorPick { border: 1px solid white; height: 15px; width: 15px; display: inline-block; *display: inline; *width: 20px; } /* inline for ie */

.metric { position: absolute; font-size: 9px; vertical-align: bottom; }

#zoomIn, #zoomOut, #grap { float:left; margin-left: 20px;}
#grap { background: url('/images/system/setka.png') no-repeat 0 0; cursor: pointer; width: 27px; height: 27px;}
#zoomIn { background: url('/images/system/zoomIn.png') no-repeat 0 0; cursor: pointer; width: 34px; height: 34px;}
#zoomOut{ background: url('/images/system/zoomOut.png') no-repeat 0 0; cursor: pointer; width: 34px; height: 34px;}
.createPDF { background: url('/images/system/pdf_button.png') no-repeat 0 0; padding-left: 55px; padding-top: 3px; color: #ffffff; height: 27px; width: 171px;  font-weight: bold; cursor: pointer; margin-left: 120px;}
.createPDFUpper { margin: 0; margin-left: 10px;  display: inline-block; width: 150px; //width: 178px;}
.sendPDF { background: url('/images/system/pdf_button.png') no-repeat 0 0; padding-left: 10px; padding-top: 3px; color: #ffffff; height: 27px; width: 171px; font-weight: bold; cursor: pointer;  float: right;}
.redStar { color: #ff0000; font-weight: bold; margin-left: 3px;}

.graphicControls { margin: 5px 30px; } 

.layoutBlock {  }
.layoutForm, .layoutForm input { display: inline;  margin: 0; padding: 0; } 
.layout { width: 20px; height: 20px; position: relative; display: inline-block; //float: left; margin-left: 2px; cursor: pointer;}
.layoutBlockDiv { float: left; width: 230px; //width: 250px; position: relative; border: 2px solid #adccce; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px; background: #adccce; box-shadow: 6px 6px 6px #919191; border-radius: 10px; -moz-box-shadow: 6px 6px 6px #919191; margin-top: 10px; height: 132px; margin-right: 20px;} 
/*.layoutBlockDiv { position: absolute; border: 2px solid #adccce; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px; background: #adccce; box-shadow: 6px 6px 6px #919191; border-radius: 10px; -moz-box-shadow: 6px 6px 6px #919191; margin-top: 10px; //height: 50px; //width: 400px;}*/
.innerImage { margin: 2px;  float: left;  overflow: hidden; display: inline;} 
.innerImage img { height: 150px;  border: 1px dashed grey;}
.lineInnerImage { width: 550px; overflow: hidden; }
.hidden_layout { display: none; }

.layoutColorBlock { border: 2px solid #adccce; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px; background: #adccce; box-shadow: 6px 6px 6px #919191; border-radius: 10px; -moz-box-shadow: 6px 6px 6px #919191; }
.layoutCatForm { display: inline; }
/*.windowBody { display: block; position: relative; clear: both; } */

.imageForm, .imageForm input { display: inline;  margin: 0; padding: 0; } 
.image_css { width: 20px; height: 20px; position: relative; display: inline-block; //float: left; margin-left: 2px; cursor: pointer;}
.imageBlockDiv { float: left; width: 230px; //width: 250px; position: relative; border: 2px solid #adccce; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px; background: #adccce; box-shadow: 6px 6px 6px #919191; border-radius: 10px; -moz-box-shadow: 6px 6px 6px #919191; margin-top: 10px; height: 102px; } 
.outerImage { margin: 2px; border: 1px solid white; float: left; } 
.outerImage, .outerImage img { width: 100px; height: 100px; }
.hidden_image { display: none; }


#l_new, #i_new { background: url('/images/system/add.png') no-repeat 0 0; width: 27px; height: 27px; vertical-align:middle; }
/*
.l_inc, .i_inc { background: url('/images/system/sizeIn.png') no-repeat 0 0; width: 27px; height: 27px; margin-left: 5px; }
.l_dec, .i_dec { background: url('/images/system/sizeOut.png') no-repeat 0 0; width: 27px; height: 27px; margin-left: 5px; }
.l_inc_h, .i_inc_h { background: url('/images/system/sizeIn_h.png') no-repeat 0 0; width: 27px; height: 27px; margin-left: 5px; }
.l_inc_v, .i_inc_v { background: url('/images/system/sizeIn_v.png') no-repeat 0 0; width: 27px; height: 27px; margin-left: 5px; }
.l_dec_h, .i_dec_h { background: url('/images/system/sizeOut_h.png') no-repeat 0 0; width: 27px; height: 27px; margin-left: 5px; }
.l_dec_v, .i_dec_v { background: url('/images/system/sizeOut_v.png') no-repeat 0 0; width: 27px; height: 27px; margin-left: 5px; }
.l_up { background: url('/images/system/up.png') no-repeat 0 0; width: 20px; height: 20px; margin-left: 5px; }
.l_down { background: url('/images/system/down.png') no-repeat 0 0; width: 20px; height: 20px; margin-left: 5px; }
.l_left { background: url('/images/system/left.png') no-repeat 0 0; width: 20px; height: 20px; margin-left: 5px; }
.l_right { background: url('/images/system/right.png') no-repeat 0 0; width: 20px; height: 20px; margin-left: 5px; }
.l_rem, .i_rem { background: url('/images/system/del.png') no-repeat 0 0; width: 20px; height: 20px; margin-left: 5px; } 
.l_del, .i_del { background: url('/images/system/del_b.png') no-repeat 0 0; width: 20px; height: 20px; margin-left: 5px; } 
*/
.l_up { background: url('/images/system/up_r.png') no-repeat 0 0; width: 17px; height: 25px; margin-left: 5px; }
.l_down { background: url('/images/system/bottom_r.png') no-repeat 0 0; width: 17px; height: 25px; margin-left: 5px; }
.l_left { background: url('/images/system/left_r.png') no-repeat 0 0; width: 25px; height: 17px; margin-left: 5px; }
.l_right { background: url('/images/system/right_r.png') no-repeat 0 0; width: 25px; height: 17px; margin-left: 10px; //margin-left: 15px;}
.l_inc, .i_inc, .l_inc_h, .i_inc_h, .l_inc_v, .i_inc_v { background: url('/images/system/plus_zoom.png') no-repeat 0 0; width: 32px; height: 17px;  }
.l_dec, .i_dec, .l_dec_h, .i_dec_h, .l_dec_v, .i_dec_v { background: url('/images/system/minus_zoom.png') no-repeat 0 0; width: 32px; height: 17px;  }
.l_flip_h { background: url('/images/system/flip.png') no-repeat 0 0; width: 65px; height: 17px; }
.l_del, .i_del {  background: url('/images/system/del_r.png') no-repeat 0 0;  position: absolute; left: 230px; top: 104px;  width: 20px; height: 20px; //left: 225px; z-index: 9999;  }
.l_del { top: 134px; }
.imgControls { width: 77px; }
.imgControlsTop, .imgControlsBot { margin-left: 24px; }
.imgControlsBot { margin-top: -5px; //margin-top: -2px;}
.imgZoom {  width: 90px;  }
noindex:-o-prefocus, .imgControlsBot {
margin-top: 0;
}
.whiteText { color: #d12b2e; font-weight: bold; text-shadow: 2px 2px 2px #fff; font-size: 11px; }
.whiteTextBig { color: #d12b2e; font-weight: bold; text-shadow: 2px 2px 2px #fff; font-size: 14px; margin-left: 5px;}
.l_chose, .i_chose { text-decoration: none; }
.l_chose, .i_chose { background: url('/images/system/image_button.png') no-repeat 0 0; width: 110px; //width: 130px; height: 25px; color: #ffffff; font-size: 14px; font-weight: bold; padding-left: 25px;  } 
.l_thumb, .i_thumb { z-index: 10000; position: absolute; left: 230px; top: -8px;  border: 2px solid #ffffff; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; padding: 1px; background: #ffffff; box-shadow: 3px 3px 3px #919191; border-radius: 5px; -moz-box-shadow: 3px 3px 3px #919191; //width: 32px; //height:32px; }
.windowBody {  }
.number { background: url('/images/system/page_number.png') no-repeat 0 0; width: 29px; height: 27px; display: inline-block; padding-top: 3px; padding-left: 10px; color: #ffffff; //display: inline;}
.n_active { background: url('/images/system/page_number_i.png') no-repeat 0 0; }
/* .lImages { border: 1px dashed grey; } */

.topColorPick { border: 2px solid #adccce; vertical-align: middle; }


.mainOptions { position: relative; border: 2px solid #adccce; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px; background: #adccce; box-shadow: 6px 6px 6px #919191; border-radius: 10px; -moz-box-shadow: 6px 6px 6px #919191; margin: 10px 10px; display: inline-block; //display:block; //float:left;}

.wholeText { position: relative; border: 2px solid #adccce; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px; background: #adccce; box-shadow: 6px 6px 6px #919191; border-radius: 10px; -moz-box-shadow: 6px 6px 6px #919191; margin: 10px 10px; display: inline-block; //display:block; //float:left;}

#debug { color: #000000; }

#window { background: #ffffff; width: 100px; height: 100px; position: absolute; z-index: 7000; /*display: none;*/ visibility: hidden; border: 2px solid #b5b5b5; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; box-shadow: 6px 6px 6px #919191; border-radius: 5px; -moz-box-shadow: 6px 6px 6px #919191; left: 100px; top: 50px;  filter:progid:DXImageTransform.Microsoft.Shadow(color='#919191',direction='120',strength='6'); border-top-right-radius: 5px;border-top-left-radius: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}
.closeWindow { background: url('/images/system/exit.png') no-repeat 0 0; width: 40px; height: 40px; margin-left: 5px; position: absolute; right: -20px; top: -10px;}
.windowLabel { width: 200px; text-align: left; display: inline-block; float: left;}
.layoutForm, .selectCategoty, .imageForm { text-align: right; width: 150px; }
.windowTop { margin-bottom: 5px; }
.windowBottom { margin-top: 5px; }

#fader { /*background: url('/images/system/texture.png');*/ z-index: 8000; width: 100%; height: 1200px; position: absolute; display: none;}
.loadImage { margin: 0 auto; width: 250px; height: 80px; margin-top: 250px; background: #e1e2af; text-align: center; padding: 10px 5px 5px 5px;  border: 2px solid #e1e2af; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; background: #e1e2af; box-shadow: 3px 3px 3px #919191; border-radius: 10px; -moz-box-shadow: 3px 3px 3px #919191;}

#customerForm input, #customerForm select, #customerForm textarea  { width: 250px; }
#customerForm input[type=checkbox] {width: 20px; }
#deleteAllLayouts { cursor: pointer; background: url('/images/system/image_button.png') no-repeat 0 0; width: 110px; //width: 130px; height: 25px; color: #ffffff; font-size: 14px; font-weight: bold; padding-left: 40px;  } 

#hiddenCanvas { display: none; }