/* 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 { height: 41px !important; text-align: center; }
.formbuttons { text-align: right; }
.formbuttons button { margin-top: 4px; }
.formuploadbar { width: 200px; height: 10px !important; margin: 2px auto 0px !important; }
.formpreloader { position: relative; width: 156px; margin: 6px auto 0px !important; text-align: center; }
.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'); }

/* Preloaders */
.floatbarsg { position: absolute; top: 0; background-color: rgb(68, 68, 68); width: 19px !important; height: 19px !important;
    animation-name: bounce_floatbarsg; -o-animation-name: bounce_floatbarsg; -ms-animation-name: bounce_floatbarsg; -webkit-animation-name: bounce_floatbarsg; -moz-animation-name: bounce_floatbarsg;
    animation-duration: 1.5s; -o-animation-duration: 1.5s; -ms-animation-duration: 1.5s; -webkit-animation-duration: 1.5s; -moz-animation-duration: 1.5s;
    animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite;
    animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; -webkit-animation-direction: normal; -moz-animation-direction: normal;
    transform: scale(.3); -o-transform: scale(.3); -ms-transform: scale(.3); -webkit-transform: scale(.3); -moz-transform: scale(.3); }
.floatbarsg_1 { left: 0; animation-delay: 0.6s; -o-animation-delay: 0.6s; -ms-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; }
.floatbarsg_2 { left: 19px; animation-delay: 0.75s; -o-animation-delay: 0.75s; -ms-animation-delay: 0.75s; -webkit-animation-delay: 0.75s; -moz-animation-delay: 0.75s; }
.floatbarsg_3 { left: 39px; animation-delay: 0.9s; -o-animation-delay: 0.9s; -ms-animation-delay: 0.9s; -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; }
.floatbarsg_4 { left: 58px; animation-delay: 1.05s; -o-animation-delay: 1.05s; -ms-animation-delay: 1.05s; -webkit-animation-delay: 1.05s; -moz-animation-delay: 1.05s; }
.floatbarsg_5 { left: 78px; animation-delay: 1.2s; -o-animation-delay: 1.2s; -ms-animation-delay: 1.2s; -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; }
.floatbarsg_6 { left: 97px; animation-delay: 1.35s; -o-animation-delay: 1.35s; -ms-animation-delay: 1.35s; -webkit-animation-delay: 1.35s; -moz-animation-delay: 1.35s; }
.floatbarsg_7 { left: 117px; animation-delay: 1.5s; -o-animation-delay: 1.5s; -ms-animation-delay: 1.5s; -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; }
.floatbarsg_8 { left: 136px; animation-delay: 1.64s; -o-animation-delay: 1.64s; -ms-animation-delay: 1.64s; -webkit-animation-delay: 1.64s; -moz-animation-delay: 1.64s; }
@keyframes bounce_floatbarsg { 0% { transform: scale(1); background-color: rgb(68, 68, 68); } 100% { transform: scale(.3); background-color: rgb(255, 255, 255); }}
@-o-keyframes bounce_floatbarsg { 0% { -o-transform: scale(1); background-color: rgb(68, 68, 68); } 100% { -o-transform: scale(.3); background-color: rgb(255, 255, 255); }}
@-ms-keyframes bounce_floatbarsg { 0% { -ms-transform: scale(1); background-color: rgb(68, 68, 68); } 100% { -ms-transform: scale(.3); background-color: rgb(255, 255, 255); }}
@-webkit-keyframes bounce_floatbarsg { 0% { -webkit-transform: scale(1); background-color: rgb(68, 68, 68); } 100% { -webkit-transform: scale(.3); background-color: rgb(255, 255, 255); }}
@-moz-keyframes bounce_floatbarsg { 0% { -moz-transform: scale(1); background-color: rgb(68, 68, 68); } 100% { -moz-transform: scale(.3); background-color: rgb(255, 255, 255); }}

/*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; }