html, body { margin: 0; padding: 0 }
html { overflow-y: scroll }
body { background: white url(images/bg.gif) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: small } 
img { border: none }

* { line-height: 131.5% }

h1 { font-size: 23px; color: #4f4f4f; clear: left  }
h2 { font-size: 16px; color: #3f3f4f; margin-top: 2em }
hr { border: none; border-bottom: 1px solid silver; padding: 0; height: 1px; margin:1em 0 }

#layoutTable { border-collapse: collapse; width: 100% }
#centerColumn { width: 901px } 
#leftColumn, #rigthColumn, #centerColumn { border: none; padding: 0; margin: 0 } 
 
#menu { margin: 12px 0 16px; padding: 0; height: 54px; background: url(images/menu.gif); font-size: 16px; white-space: nowrap; overflow: hidden;  } 
#menu li   { display: block; margin: 0; padding: 0; float: left }
#menu li a, #menu li span { display: block; padding: 17px 0 18px; width: 180px; text-decoration: none; color: white; text-align: center }
#menu #menu1 a, #menu #menu1 span {  width: 198px;  }
#menu #menu1 a span, #menu #menu1 span span {  visibility: hidden; padding: 0  }
#menu #menu5 a, #menu #menu5 span {  width: 160px; }
#menu li span { color: #F90; cursor: default } 

#secondMenu { width: 160px; float: right; clear: left; margin-left: 50px; margin-bottom: 50px }
#secondMenu div { font-size: 20px; margin-bottom: 0.3em }
#secondMenu ul, #secondMenu li { margin: 0; padding: 0; display: block }
#secondMenu li { margin-bottom: 2px; font-size: 16px }




#desk, #rudesk { position: relative }
#desk a, #rudesk a { position: absolute; padding: 22px; font-size: 16px; right: 8px; top: 316px; color: #e77817; font-weight: bold   }
#deskWO { position: absolute; background: url(/images/desk-wo.jpg) }
#deskW { position: absolute; background: url(/images/desk-w.jpg); visibility: hidden; filter:alpha(opacity=100) }
#rudesk #deskWO { background-image: url(/ru/images/desk-wo.jpg) }
#rudesk #deskW { background-image: url(/ru/images/desk-w.jpg);  }
#desk, #rudesk, #deskWO, #deskW { height: 387px; width: 901px }

#boxMenu { margin: 14px 0 0; height: 230px; font-size: 16px;  }
#boxMenu div, #boxMenu a { width: 285px; height: 230px }
#boxMenu div { width: 285px; height: 230px; background: url(images/box.gif); float: left }
#boxMenu a { display: block; text-decoration: none }
#boxMenu .title { display: block; color: white; text-align: center; padding: 10px 0 }
#boxMenu .text  { display: block; color: black; text-align: center; padding: 10px; width: auto; }
#boxMenu1, #boxMenu2 { margin-right: 23px }
#boxMenu1 a { background: url(images/apple.jpg)     no-repeat center 95px }
#boxMenu2 a { background: url(images/bug.jpg)       no-repeat center 108px }
#boxMenu3 a { background: url(images/magnifier.jpg) no-repeat center 117px }


#demo, #rudemo { height: 256px; background: url("/images/demo.png") no-repeat left bottom; position: relative; }
#rudemo { background-image: url("/ru/images/demo.png") }
#loginDiv, #passDiv, #submitDiv, #getLoginDiv { position: absolute; top: 70px }
#loginDiv label, #passDiv label { display: block; padding-bottom: 2px }
#loginDiv input, #passDiv input { width: 150px;  }
#loginDiv { left: 500px }
#passDiv { left: 700px }
#submitDiv  { top: 120px; left: 730px }
#submitDiv input { width: 126px;   }
#getLoginDiv { top: 170px; width: 700px; text-align: right; left: 156px}

input.text { width: auto; padding: 2px; border: 1px solid #bfbfbf; border-top-color: #939393; background: url(images/osxfield-shadow.png) no-repeat white  }

.text p { max-width: 600px }
.text ul { max-width: 570px }
.text img.right { float: right; margin: 2px 0 2px 1em; border: 1px gray none; clear: right; } 

.formtable { empty-cells: show; border-collapse: collapse; }
.formtable th, .formtable td { vertical-align: top; padding: 0; padding-bottom: 5pt }
.formtable th { text-align: left; white-space: nowrap; padding-right: 1em }
.formtable th span, span.required { color: red; font-weight: bold; }
.formtable td span { white-space: nowrap; font-style: italic; }

.error { padding: 1em; background: black; color: red;  }


.dito { word-spacing: -0.2em;  }
.smart { word-spacing: inherit; line-height: normal; vertical-align: 35%; font-size: x-small }