/*general*/
body { background: #FFFFFF; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
*:disabled, .disabled { opacity: .35; cursor: default !important; }
button:disabled, a.disabled { cursor: default; }
a { color: #0073EA !important; }
input, select, textarea { border: 1px solid #777777; background: #FFFFFF; }
input, textarea { padding: 1px 2px; }
textarea { min-height: 18px; }
button { padding: 2px 3px; width:auto; min-width: 70px; text-align: center; }
button span { text-align: center; }
p, ol, ul { margin-bottom: 8px; }
li { margin-bottom: 4px; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; margin-bottom: 12px; }

/*blocks*/
.wrapper { position: relative; width: 980px; margin: 0px auto; height: auto; min-height: 100%; }
.header { position: absolute; left: 0px; top: 0px; width: 980px; height: 30px; background: #FFFFFF; border-bottom: 1px dotted #000000; z-index: 2; }
.headercontent { padding-top: 4px; }
.maincol { position: absolute; left: 190px; top: 0px; width: 790px; }
.leftcol { position: absolute; left: 0px; top: 0px; width: 179px; height: auto; min-height: 100%; border-right: 1px dotted #000000; }
.leftmenu { padding-top: 40px; padding-bottom: 10px; }
.leftmenu div { margin-bottom: 2px; }
.maincontent { padding-top: 50px; padding-bottom: 10px; }

/*forms*/
.formbox { width: 400px; margin: 0px auto; text-align: center; clear: both; overflow: hidden; }
.formcontrols { padding-top: 4px; }
.formcontrols div { margin: 0px; height: 32px; }
.formprogress span, .formupload span { display: block; margin: 0px auto; padding-top: 2px; text-align: center; font-size: 11px; }
.formprogress img { display: block; margin: 0px auto; }
.formbuttons { text-align: right; }
.formbuttons button { margin-top: 4px; }
.formuploadbar { width: 200px; height: 10px !important; margin: 2px auto 0px !important; }
.formfield, .formfieldlong { margin-bottom: 4px; overflow: hidden; }
.contentfield { margin-bottom: 6px; overflow: hidden; }
.formfield label, .formfieldlong label, .contentfield label { float: left; width: 150px; margin-top: 4px; }
.formfield label.checkbox, .formfieldlong label.checkbox { width: auto; margin-left: 4px; }
.formfield input, .formfield select, .formfield textarea, .formfieldlong input, .formfieldlong select, .formfieldlong textarea { float: left; margin-top: 2px; }
.formfield input[type='text'], .formfield input[type='password'], .formfield textarea { width: 244px; }
.formfield select { width: 250px; }
.formfield select.multiselect { width: 243px; }
.formfieldlong input[type='text'], .formfieldlong input[type='password'], .formfieldlong textarea { width: 634px; }
.formfieldlong select { width: 640px; }
.formfieldlong select.multiselect { width: 633px; }
.formfield textarea, .formfieldlong textarea { height: 98px; }
.formfield input[type='checkbox'], .formfieldlong input[type='checkbox'], .formfield input[type='radio'], .formfieldlong input[type='radio']
  { margin-top: 5px; margin-bottom: 3px; padding: 0px; border: 0px !important; background: transparent; }
.formfield input[type='text']:focus, .formfieldlong input[type='text']:focus, .formfield input[type='password']:focus,
  .formfieldlong input[type='password']:focus, .formfield textarea:focus,  .formfieldlong textarea:focus { border-color: #7FBA00 !important; }
.formfield:before, .formfield:after, .contentfield:before, .contentfield:after { content: ""; display: table; }
.formfield:after, .contentfield:after { clear: both; }
.fieldbutton { margin-left: 4px; margin-top: 4px; }
.savedmarker { float: left; width: 150px; margin-top: 8px; color: green; font-weight: bold; }

/*tables*/
.datatable { width: 100%; }
.tableheader { text-align: right; clear: both; margin-bottom: 6px; }
.tableheader input[type='text'], .tableheader input[type='password'], .tableheader select { width: 200px; }
.tableheader input[type='checkbox'], .tableheader input[type='radio'] { display: inline-block; margin-top: 2px; }
.tableheader label { display: inline-block; margin-top: 2px; margin-right: 12px; }
.sortheader { background: url('../images/sort_default.png') no-repeat right top; white-space: nowrap; padding-right: 0px; }
.sortheader .sorttitle { margin-right: 14px; text-align: center; }
.sortheader .sorthint { float: right; width: 14px; cursor: pointer; }
.sortup { background-image: url('../images/sort_asc.png'); background-repeat: no-repeat; }
.sortdown { background-image: url('../images/sort_desc.png'); background-repeat: no-repeat; }
.tablebuttons { font-size: 0px; white-space: nowrap; text-align: center; }
.tablebuttons a { width: 16px; height: 16px; margin: 0px 1px; }
.tablebuttons a img { margin-top: 1px; }
.tablesign { width: 16px; display: inline-block; }
.tablepagesbox { text-align: center; margin-top: 6px; }
.tablepagesbox .ui-icon { background-image: url('images/ui-icons_0073ea_256x240.png'); }

/*documentation*/
.doc_wrapper { padding: 10px 30px; }
.doc_article { padding-left: 30px; }
.doc_article li { margin-bottom: 16px; list-style-position: outside; }
.doc_sublist { list-style-type: lower-alpha; margin: 2px 0px 0px; padding-left: 20px; }
.doc_sublist li, .doc_article div { margin-bottom: 2px; }
.doc_step { display: inline-block; font-weight: bold; font-size: 1.05em; color: #339966; padding-bottom: 4px; }
.doc_command { color: #244D86; }
.doc_note, .doc_inlinecomment { color: #339966; }
.doc_var { color: #666666; font-style: italic; }
.doc_code { color: #000000; }
.doc_command, .doc_inlinecomment, .doc_var, .doc_code { font-family: "Lucida Console", Monaco, monospace; }
.doc_command, .doc_code { font-size: 0.8em; }
.doc_backlink { margin: 10px 0px 0px 30px; }
.doc_blockindend { padding-left: 10px; }

/*spoiler*/
.spoiler { overflow: hidden; margin-top: 4px; }
.spoiler:before { background: url('../images/spoiler.png') no-repeat scroll left top transparent; border: 0px; content: ' ';
  display: block; float: left; height: 16px; width: 16px; }
.spoiler_title { display: inline-block; border-bottom: 1px dotted; color: #222222; cursor: pointer; }
.spoiler_text { display: none; margin-top: 6px; padding-left: 16px; }
.spoiler.spoiler_open:before { background: url('../images/spoiler.png') no-repeat scroll left bottom transparent; }

/*misc*/
.speedbutton { cursor: pointer; }
.backenderror { color: red; margin: 0px; padding: 0px; }
.centered { margin: 0px auto; text-align: center; }
.pg_activepage { font-weight: bold; }
.pg_pagelink { margin: 0px 1px; }