.control {position: absolute; padding: 0px; margin: 0px; overflow: hidden; border: 0px}
.labellink {cursor: pointer; color: #666; text-decoration: none}
.imagelink {cursor: pointer}
.button {margin-right: 4px; font-size: 11px; padding: 0px 2px 2px 2px; border: 1px solid black; background-color: #E0E0E0; width: 60px; }
.checkbox {margin: 0px; float: left; }
.checklabel {display: block; margin: 0px 0px 0px 18px; }
.inputtext {display: block; border: 1px solid black; margin: 0px; padding: 3px 2px}
.inputmemo {display: block; border: 1px solid black; margin: 0px; padding: 3px 2px; font-size: 11px}
.select {font-family: Verdana, sans-serif; font-size: 11px; border: 1px solid black; height: 100%; margin: 0px; padding: 2px; }
.wndxhs {position: absolute; width: 100%; height: 0px; background-color: #E0E0E0; cursor: n-resize}
.wndxvs {position: absolute; width: 0px; height: 100%; background-color: #E0E0E0; cursor: w-resize}
.btnbar {padding: 0px 0px 0px 1px; margin: 0px}
.btnbaritem {margin: 1px 1px 0px 0px}
.wnd {position: absolute; border: 0px solid black; margin: 0px; padding: 0px; width: 300px; height: auto; box-shadow: 0px 0px 15px #888; }
.wndtbl {padding: 0px; margin: 0px; border: 0px; border-collapse: collapse; border-spacing: 0px; width: 100%; height: 100%; }
.wndhs {width: 0px; min-width: 0px; background-color: #E0E0E0; }
.wndvs {height: 0px; background-color: #E0E0E0; }
.wndcs {width: 0px; height: 0px; background-color: #E0E0E0; }
.wndcnt {vertical-align: top; background-color: #f0f0f0 !important; }
.wndcaption {padding: 5px; border: 0px solid black; margin: 0px; background-color: #085; color: white; font-weight: bold; white-space: nowrap; text-align: center; width: 100%; cursor: default}
.wndbutton {padding: 0px 4px; border: 0px solid black; width: 16px; background-color: #085; color: white; font-weight: bold; width: 16px; }
.wndcontent {padding: 0px; margin: 0px; border: 0px solid black; font-size: 12px; line-height: 17px; }
.wndbuttons {padding: 0px; border: 0px solid black; text-align: center}
.wndbuttonimg {margin-left: 2px; margin-right: 2px; }
.tree {padding: 0px; margin: 0px; margin-left: 15px; }
.treem {padding: 0px; margin: 0px; }
.treeitem {padding: 0px; margin: 0px}
.treeitemdiv {padding: 2px; margin: 0px; white-space: nowrap; cursor: default}
.treeitemdiva {padding: 2px; margin: 0px; white-space: nowrap; cursor: defaultbackground-color: orange; }
.treeitemtxt {text-decoration: none; color: inherit}
.treeitemimg {width: 11px; height: 11px; margin-right: 4px}
.treeitemchk {margin: 0px 4px 0px 0px; padding: 0px; vertical-align: bottom}
.treeitemicn {margin: 0px 4px 0px 0px; padding: 0px; width: 16px; height: 16px; vertical-align: bottom}
.treetargetitem {background-color: gray; color: white}
.treespacer {border: 0px; border-top: 1px dashed black; overflow: visible}
.treespaceroverlapper {position: absolute; height: 0px; top: 0px; background-color: gray; opacity: 0.6}
.menu {position: absolute; padding: 0px; margin: 0px; z-index: 7000; background-color: #F0F0F0; border-collapse: collapse}
.menuitem {margin: 0px; padding: 4px 8px; white-space: nowrap; cursor: default}
.menuitemsep {padding: 0px; margin: 0px; white-space: nowrap; }
.inputitemsbox {display: block; position: absolute; border: 1px solid black; background-color: white; margin: 0px; padding: 0px; width: 100px; min-height: 36px; max-height: 200px; overflow: auto}
.inputitem {padding: 2px 3px; cursor: default}
.itemsboxt {display: block; position: absolute; background-color: white; margin: 0px; min-height: 10px; overflow: hidden}
.itemsboxi {display: block; position: absolute; z-index: 7000; background-color: white; margin: 0px; min-height: 2px; }
.inputitemih {margin-right: 4px; cursor: pointer; opacity: 0.3}
.inputitemiha {margin-right: 4px; cursor: pointer}
.inputitemiho {margin-right: 4px; cursor: pointer; opacity: 0.6}
.inputitemiv {margin-bottom: 4px; cursor: pointer; opacity: 0.3}
.inputitemiva {margin-bottom: 4px; cursor: pointer}
.inputitemivo {margin-bottom: 4px; cursor: pointer; opacity: 0.6}
.inputemu {display: none}
.photogal {}
.photogalitems {white-space: nowrap; position: relative; height: 100%}
.photogalarrow {position: absolute; top: 0px; height: 100%; font-size: calc(2vw * 0.75 + 18px); color: white; }
.photogalarrow span {position: relative; top: calc(50% - 0.75em); cursor: pointer}
.photogalitem {display: inline-block; width: 100%; height: 100%; background-image: url('styles/ajax-loader.gif'); background-position: center center; background-repeat: no-repeat; }
.photogalitem span {height: 100%; position: relative; display: inline-block; vertical-align: middle}
.photogalitem img {cursor: pointer; max-width: 100%; max-height: 100%; position: relative; display: inline-block; vertical-align: middle}
.uploadertblcont {overflow: auto; margin-bottom: 4px}
.uploadertbl {width: 100%}
.uploaderbtncont {text-align: center; position: absolute; bottom: 14px; width: 100%}
.uploaderbarcont {border: 1px solid black; margin: 4px; position: absolute; bottom: 0px; height: 10px; width: 100%; }
.uploaderbar {background-color: black; left: 0px; height: 10px; width: 0%; }
.webmenuh {padding: 0px; margin: 0px; }
.webmenuitemh {margin: 0px; padding: 3px 4px; white-space: nowrap; display: inline-block}
.webmenuitemha {margin: 0px; padding: 3px 4px; color: white; background-color: orange; white-space: nowrap; display: inline-block}
.webmenuitemho {margin: 0px; padding: 3px 4px; background-color: orange; white-space: nowrap; display: inline-block}
.webmenuv {padding: 0px; margin: 0px; }
.webmenuitemv {margin: 0px; padding: 0px 2px 4px; white-space: nowrap; display: list-item}
.webmenuitemva {margin: 0px; padding: 0px 2px 4px; color: white; background-color: orange; white-space: nowrap; display: list-item}
.webpages {}
.webpagesitem {}
.webpagesitema {}
.tblcld {width: 100%; height: 100%; border-collapse: collapse; cursor: default; font-size: 12px; }
.cellcldh {border: 0px; padding: 3px 2px; height: 15px; text-align: center}
.cellcld {border: 0px; padding: 3px 2px; text-align: center; }
.cellclde {border: 0px; padding: 3px 2px; text-align: center; color: #F00000}
.cellcldA {border: 0px; padding: 3px 2px; text-align: center; background-color: orange}
.cellcldeA {border: 0px; padding: 3px 2px; text-align: center; color: #F00000; background-color: orange}
.cellcldw {border: 0px; padding: 3px 2px; text-align: center; background-color: #F0F0F0}
.cellcldwe {border: 0px; padding: 3px 2px; text-align: center; background-color: #F0F0F0; color: #F00000}
.authordata {position: relative; max-width: 400px; padding: 10px 0px 0px}
@media all and (min-width: 481px) and (max-width: 1152px) { .authordata { text-align: left; padding: 0px; } }
.authorhead {}
@media all and (min-width: 300px) and (max-width: 1152px) { .authorhead { display: none; } }
.authorimage {position: relative; width: 200px; display: inline-block}
@media all and (min-width: 300px) and (max-width: 480px) { .authorimage { width: 150px; min-width: 150px; } }
@media all and (min-width: 481px) and (max-width: 1152px) { .authorimage { width: 100px; min-width: 100px; margin: 0px 15px 0px 0px; } }
.authorzone {box-sizing: border-box}
@media all and (min-width: 300px) and (max-width: 480px) { .authorzone { padding: 0px 10px; } }
@media all and (min-width: 481px) and (max-width: 1152px) { .authorzone { display: flex; justify-content: center; padding: 0px 10px; } }
.btnnone {}
.btnnone input {font-size: inherit; font-weight: 600; color: inherit; background-color: inherit; cursor: pointer; border: 1px solid #888}
.btntransparent {width: 100% !important; height: 100% !important; background-color: transparent !important; cursor: pointer; border: 0px !important}
.btntransparentcont {height: 100%}
.buttonadmzone {display: inline-block}
@media all and (min-width: 300px) and (max-width: 1300px) { .buttonadmzone { display: block; } }
.buttonbig {font-size: 14px; font-weight: bold; color: white; background-color: #00af76; cursor: pointer; border: 1px solid #008b5e; border-radius: 3px}
.buttonblue {font-size: 12px; font-weight: bold; text-transform: lowercase; width: inherit !important; color: #fff; background-color: #00af76; cursor: pointer; border: 1px solid #008b5e; border-radius: 4px}
.buttonclr {position: relative; width: 120px; height: 30px; margin: 0px; padding: 0px; display: inline-block}
.buttondisabled {background-color: #666 !important; cursor: default !important}
.buttongrey {font-size: 12px; font-weight: bold; color: #888; background-color: #ddd; cursor: pointer; border-radius: 3px}
.buttonred {font-size: 12px; font-weight: bold; text-transform: lowercase; color: white; background-color: red; cursor: pointer; border: 1px solid #008b5e; border-radius: 4px}
.buttonstd {position: relative; width: 120px; height: 30px; margin: 0px 10px; display: inline-block}
.buttonsubmit {position: relative; height: 32px; cursor: pointer}
.buttonsubmit input {font-size: 14px; font-weight: 600; color: white; background-color: #00af76; cursor: pointer; border: 1px solid #008b5e}
.buttonzone {position: relative; text-align: center; margin: 10px 0px 0px; padding: 10px 0px; border-top: 1px solid #eee}
.center {position: relative; text-align: center; font-size: 14px}
.centeroncenter .iteritem {}
@media all and (min-width: 941px) and (max-width: 1440px) { .centeroncenter .iteritem { width: 50%; padding: 0px 20px 0px 0px !important; text-align: left; } }
.centeroncenter .iteritemc {}
@media all and (min-width: 941px) and (max-width: 1440px) { .centeroncenter .iteritemc { display: flex; } }
.centeroncenter .iteritemimg {}
@media all and (min-width: 941px) and (max-width: 1440px) { .centeroncenter .iteritemimg { width: 150px; padding: 0px 10px 0px 0px !important; } }
.centeronleft {position: relative; vertical-align: top; padding: 0px 0px 20px; box-sizing: border-box; display: inline-block}
@media all and (min-width: 300px) and (max-width: 1152px) { .centeronleft { max-width: 100%; min-width: 300px; } }
@media all and (min-width: 1153px) and (max-width: 1440px) { .centeronleft { max-width: 65%; min-width: 630px; } }
@media all and (min-width: 1441px) { .centeronleft { max-width: 70%; min-width: 650px; } }
.centeronleft .iteritem {}
@media all and (min-width: 941px) and (max-width: 1152px) { .centeronleft .iteritem { width: 50%; padding: 0px 20px 0px 0px !important; text-align: left; } }
.centeronleft .iteritemc {}
@media all and (min-width: 941px) and (max-width: 1152px) { .centeronleft .iteritemc { display: flex; } }
.centeronleft .iteritemimg {}
@media all and (min-width: 941px) and (max-width: 1152px) { .centeronleft .iteritemimg { width: 150px; padding: 0px 10px 0px 0px !important; } }
.centeronright {position: relative; vertical-align: top; padding: 0px 0px 20px; box-sizing: border-box; display: inline-block}
@media all and (min-width: 300px) and (max-width: 940px) { .centeronright { width: 100%; } }
@media all and (min-width: 941px) and (max-width: 1152px) { .centeronright { max-width: 60%; } }
@media all and (min-width: 1153px) and (max-width: 1440px) { .centeronright { max-width: 65%; } }
@media all and (min-width: 1441px) { .centeronright { max-width: 70%; } }
.centeronright .iteritem {}
@media all and (min-width: 941px) and (max-width: 1152px) { .centeronright .iteritem { width: 50%; padding: 0px 20px 0px 0px !important; text-align: center; } }
.centeronright .iteritemimg {}
@media all and (min-width: 941px) and (max-width: 1152px) { .centeronright .iteritemimg { width: 200px; padding: 0px 0px 0px !important; } }
.checkboxbox {margin: 4px 0px 0px; cursor: pointer}
.checkboxlabel {margin: 0px 0px 0px 22px; cursor: pointer}
.clddayitem {padding: 8px 0px; background-color: #de9; cursor: pointer}
.clddayitemd {padding: 8px 0px; opacity: 0.2}
.clddayitemp {padding: 8px 0px; background-color: white; cursor: pointer}
.cldweekday {padding: 8px 0px; background-color: #f3f3f3}
.cldweekdays {}
.cldyear {padding: 3px 0px 10px; display: inline-block}
.clientarea {position: relative; text-align: center}
.columnlist {}
@media all and (min-width: 300px) and (max-width: 940px) { .columnlist { white-space: nowrap; overflow-x: auto !important; text-align: center !important; } }
@media all and (min-width: 941px) { .columnlist { white-space: normal; } }
.columnlistitem {}
@media all and (min-width: 300px) and (max-width: 940px) { .columnlistitem { display: inline-block; } }
@media all and (min-width: 941px) { .columnlistitem { display: block; min-width: 300px; } }
.columnmenu {}
@media all and (min-width: 300px) and (max-width: 940px) { .columnmenu { display: none; } }
@media all and (min-width: 941px) { .columnmenu { display: block;} }
.contentarea {position: relative; max-width: 1800px; min-width: 320px; box-sizing: border-box; display: inline-block}
@media all and (min-width: 300px) and (max-width: 600px) { .contentarea { width: 100%; } }
@media all and (min-width: 601px) and (max-width: 940px) { .contentarea { width: 97%; } }
@media all and (min-width: 941px) and (max-width: 1152px) { .contentarea { width: 94%; } }
@media all and (min-width: 1152px) and (max-width: 1440px) { .contentarea { width: 86%; } }
@media all and (min-width: 1441px) { .contentarea { width: 80%; } }
.contentcont {min-height: 100px}
@media all and (min-width: 300px) and (max-width: 600px) { .contentcont { padding: 0px 0px 280px; } }
@media all and (min-width: 601px) and (max-width: 940px) { .contentcont { padding: 0px 0px 250px; } }
@media all and (min-width: 941px) { .contentcont { padding: 0px 0px 140px; } }
.coverlink {}
.coverlink a {position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px}
.creamenu {color: #666; cursor: pointer}
.creamenua {color: white; background-color: #888; cursor: pointer}
.crsmenu {color: #666}
.ddmenu {position: absolute; font-weight: 600; background-color: #fff; border-collapse: collapse; box-shadow: 0px 4px 8px -3px #666; z-index: 7000}
.ddmenuitemv {}
.ddmenuitemva {background-color: #de9}
.ddmenuitemvo {background-color: #de9}
.ddmenuv {margin: 0px; padding: 0px; display: block}
.dialogpanel {text-align: center; left: 10%; width: 80%; background-color: white; box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.4); box-sizing: border-box; z-index: 200}
@media all and (min-width: 300px) and (max-width: 600px) { .dialogpanel { left: 0px; width: 100%; } }
@media all and (min-width: 601px) and (max-width: 940px) { .dialogpanel { left: 5%; width: 90%; } }
.editorformparthead {position: relative; text-align: center; font-size: 13px; font-weight: 600; padding: 10px 0px 15px; color: #666; border-top: 1px solid #eee}
.editorformpartzone {position: relative; text-align: center; padding: 10px 0px}
.fldcheck {position: relative; font-size: 14px; width: 250px; height: 30px; margin: 7px 0px 0px; color: #67696C; display: inline-block}
.fldcheckvalue {position: relative; font-weight: bold; min-width: 250px; margin: 0px 0px}
.fldedit {position: relative; width: 250px; height: 30px; display: inline-block}
.fldlabel {position: relative; vertical-align: top; width: 240px; margin: 6px 0px 5px; color: #67696C; display: inline-block}
.fldmemo {max-width: 100%; min-width: 100%}
.fldmemovalue {position: relative; line-height: 19px; max-width: auto; min-width: 250px; margin: 5px 0px 5px; display: block}
.fldvalue {position: relative; line-height: 19px; max-width: 250px; min-width: 250px; margin: 5px 0px 5px; display: inline-block}
.floatimagel {position: relative; overflow: hidden; display: inline-block}
@media all and (min-width: 300px) and (max-width: 730px) { .floatimagel { margin: 0px 0px 30px 0px !important; width: 100% !important; } }
@media all and (min-width: 731px) { .floatimagel { float: left; margin: 0px 25px 10px 0px !important; width: 300px; } }
.floatimagelmin {position: relative; display: inline-block}
@media all and (min-width: 300px) and (max-width: 600px) { .floatimagelmin { margin: 0px 0px 10px 0px !important; width: 100%; } }
@media all and (min-width: 601px) { .floatimagelmin { float: left; margin: 0px 25px 10px 0px !important; width: 150px; } }
.footercolsitem {position: relative; vertical-align: top; padding: 0px 10px 5px; box-sizing: border-box; display: inline-block}
@media all and (min-width: 300px) and (max-width: 940px) { .footercolsitem { width: 100%; text-align: center; padding: 0px 10px 5px; } }
@media all and (min-width: 941px) { .footercolsitem { width: 50%; text-align: left; padding: 0px 20px 5px 10px; } }
.footercolsitems {}
.footercont {padding: 15px 0px 0px; box-sizing: border-box}
@media all and (min-width: 300px) and (max-width: 600px) { .footercont { height: 280px; } }
@media all and (min-width: 601px) and (max-width: 940px) { .footercont { height: 250px; } }
@media all and (min-width: 941px) { .footercont { height: 140px; } }
.footercontactscont {position: relative; text-align: right; vertical-align: top; line-height: 18px; min-width: 320px; padding: 10px 0px 0px; box-sizing: border-box; display: inline-block}
@media all and (min-width: 300px) and (max-width: 940px) { .footercontactscont { width: 100%; } }
@media all and (min-width: 941px) and (max-width: 1152px) { .footercontactscont { width: 100%; } }
@media all and (min-width: 1153px) { .footercontactscont { width: 35%; } }
.footermenucont {position: relative; text-align: left; vertical-align: top; line-height: 18px; min-width: 320px; padding: 7px 0px 0px; box-sizing: border-box; display: inline-block}
@media all and (min-width: 300px) and (max-width: 940px) { .footermenucont { width: 100%; text-align: center; padding: 15px 0px 0px; } }
@media all and (min-width: 941px) and (max-width: 1152px) { .footermenucont { width: 75%; } }
@media all and (min-width: 1153px) { .footermenucont { width: 85%; } }
.footerologcont {position: relative; text-align: center; vertical-align: top; line-height: 18px; box-sizing: border-box; display: inline-block}
@media all and (min-width: 300px) and (max-width: 940px) { .footerologcont { width: 100%; } }
@media all and (min-width: 941px) and (max-width: 1152px) { .footerologcont { width: 25%; } }
@media all and (min-width: 1153px) { .footerologcont { width: 15%; } }
.headlabelmob {padding: 12px 0px}
@media all and (min-width: 300px) and (max-width: 340px) { .headlabelmob { padding: 4px 0px; } }
.hintcommon {margin: 0px 0px 10px; padding: 5px; background-color: #ffeed6}
.imagelink {cursor: pointer}
.index .promoitem {}
@media all and (min-width: 941px) { .index .promoitem { padding: 0px 15px !important; width: 33.33% !important; } }
.index .promoitem:last-child:not(:first-child) {}
@media all and (min-width: 941px) { .index .promoitem:last-child:not(:first-child) { display: none  !important; } }
.input {font-size: 14px; padding: 4px 8px; border: 1px solid #aaa; border-radius: 4px}
.inputselect {font-size: 12px; padding: 4px 8px; border: 1px solid #999; border-radius: 4px}
.inputtxt {text-align: left; font-size: 14px; line-height: 19px; padding: 4px 8px; border: 1px solid #aaa; border-radius: 4px}
.intf {text-align: center; font-size: 12px}
.iteritem {position: relative; vertical-align: top; min-height: 100px; box-sizing: border-box; display: inline-block}
@media all and (min-width: 300px) and (max-width: 480px) { .iteritem { width: 100%; padding: 0px 10px 0px !important; text-align: center; } }
@media all and (min-width: 481px) and (max-width: 600px) { .iteritem { width: 100%; padding: 0px 10px 0px !important; text-align: center; } }
@media all and (min-width: 601px) and (max-width: 940px) { .iteritem { width: 50%; padding: 0px 20px 0px 0px !important; text-align: center; } }
@media all and (min-width: 1153px) and (max-width: 1440px) { .iteritem { width: 50%; padding: 0px 20px 0px 0px !important; text-align: center; } }
@media all and (min-width: 1441px) { .iteritem { width: 50%; padding: 0px 20px 0px 0px !important; text-align: left; } }
.iteritemc {position: relative; margin: 0px 0px 10px; padding: 10px 0px 0px; border-top: 1px solid #E0E3E6; box-sizing: border-box}
@media all and (min-width: 1441px) { .iteritemc { display: flex; } }
.iteritemdata {position: relative; min-width: 195px; margin: 0px 0px 15px; box-sizing: border-box; display: inline-block}
.iteritemimg {position: relative; text-align: center; min-width: 180px; overflow: hidden; box-sizing: border-box; display: inline-block}
@media all and (min-width: 300px) and (max-width: 940px) { .iteritemimg { width: 200px; padding: 0px 0px 0px !important; } }
@media all and (min-width: 1153px) and (max-width: 1440px) { .iteritemimg { width: 200px; padding: 0px 0px 0px !important; } }
@media all and (min-width: 1441px) { .iteritemimg { width: 150px; min-width: 150px; padding: 0px 10px 0px 0px !important; float: left; } }
.iteritems {position: relative; text-align: center; padding: 10px 0px 0px; box-sizing: border-box}
.iteritemsspacer div {width: 250px; display: inline-block}
.iteritemvideo {position: relative; text-align: center; margin: 0px 0px 15px; padding: 10px 0px 0px; border-top: 1px solid #E0E3E6; box-sizing: border-box}
.labellink {cursor: pointer}
.labellink:hover {color: #e60}
.labellinka {color: #f00; cursor: pointer}
.layoutdesk {}
@media all and (min-width: 300px) and (max-width: 940px) { .layoutdesk { display: none; } }
.layoutmob {display: none}
@media all and (min-width: 300px) and (max-width: 940px) { .layoutmob { display: block; } }
.linkblue {color: #00af76}
.linknone {color: inherit}
.linksilver {color: #67696C}
.linkwhite {color: white}
.mainmenu {position: relative; font-size: 13px; font-weight: 600; text-transform: uppercase; white-space: nowrap}
.mainmenuh {margin: 0px; padding: 0px}
.mainmenuh li {width: 14.2%; max-width: 160px; padding: 12px 5px; cursor: pointer; box-sizing: border-box; display: inline-block}
.mainmenuitemh {}
.mainmenuitemha {background-color: #de9}
.mainmenuitemho {background-color: #de9}
.materialtext {position: relative; line-height: 19px}
.materialtext li, .fldmemovalue li {list-style-type: square}
.materialtext ol, .fldmemovalue ol {margin: 0px; padding: 0px 0px 0px 30px}
.materialtext ol li, .fldmemovalue ol li {list-style-type: decimal}
.materialtext p {padding: 0px 0px 10px}
.materialtext ul, .fldmemovalue ul {margin: 0px; padding: 0px 0px 0px 30px}
.matimggallery {position: relative; text-align: center; box-sizing: border-box}
@media all and (min-width: 300px) and (max-width: 940px) { .matimggallery { overflow-x: auto !important; white-space: nowrap; } }
@media all and (min-width: 941px) { .matimggallery { white-space: normal; } }
.menubtn {left: 2px; top: 2px; width: 33px; cursor: pointer}
.messagesdel {display: none}
.messagesitem:hover .messagesdel {display: block}
.msgbtngroup {right: 30px}
@media all and (min-width: 300px) and (max-width: 600px) { .msgbtngroup { right: 25px; } }
.msginput textarea {padding: 0px 55px 0px 10px}
.overimagebottom {}
@media all and (min-width: 300px) and (max-width: 480px) { .overimagebottom { padding: 0px 0px 20px 0px !important; font-size: calc( (100vw - 1000px)/800 * 8 + 24px); } }
@media all and (min-width: 481px) and (max-width: 600px) { .overimagebottom { padding: 0px 0px 30px 0px !important; font-size: calc( (100vw - 700px)/800 * 8 + 24px); } }
@media all and (min-width: 601px) and (max-width: 940px) { .overimagebottom { padding: 0px 0px 30px 0px !important; font-size: calc( (100vw - 400px)/800 * 8 + 22px); } }
@media all and (min-width: 941px) and (max-width: 1152px) { .overimagebottom { padding: 0px 0px 60px 0px !important; font-size: calc( (100vw - 400px)/800 * 8 + 24px); } }
@media all and (min-width: 1153px) and (max-width: 1440px) { .overimagebottom { padding: 0px 0px 30px 0px !important; font-size: calc( (100vw - 940px)/800 * 8 + 24px); } }
@media all and (min-width: 1440px) { .overimagebottom { padding: 0px 0px 60px 0px !important; font-size: calc( (100vw - 940px)/800 * 8 + 24px); } }
.pagehead {position: relative; text-align: center; font-size: 24px; padding: 20px 10px; box-sizing: border-box}
.parthead {position: relative; text-align: center; font-size: 24px; padding: 20px 10px; box-sizing: border-box}
.partsubhead {position: relative; text-align: center; font-size: 18px; padding: 0px 10px 15px; box-sizing: border-box}
.promohead {position: relative; text-align: center; font-size: 17px; margin: 0px 0px 15px; padding: 10px 0px 10px; border-top: 1px solid #E0E3E6; border-bottom: 1px solid #E0E3E6; box-sizing: border-box}
.promoitem {position: relative; vertical-align: top; width: 300px; min-height: 100px; margin: 0px 0px 15px; box-sizing: border-box; display: inline-block}
@media all and (min-width: 481px) and (max-width: 600px) { .promoitem { padding: 0px 15px !important; width: 100% !important; } }
@media all and (min-width: 601px) and (max-width: 940px) { .promoitem { padding: 0px 15px !important; width: 50% !important; } }
.promoitem .iteritemvideo {margin: 0px 0px 15px; padding: 0px; border-top: 0}
.promoitem:last-child:not(:first-child) {}
@media all and (min-width: 300px) and (max-width: 600px) { .promoitem:last-child:not(:first-child) { display: none  !important; } }
@media all and (min-width: 1440px) { .promoitem:last-child:not(:first-child) { display: none  !important; } }
.promoitemb {position: relative; vertical-align: top; width: 300px; min-height: 100px; margin: 0px 0px 15px; box-sizing: border-box; display: inline-block}
@media all and (min-width: 481px) and (max-width: 600px) { .promoitemb { padding: 0px 15px !important; width: 100% !important; } }
@media all and (min-width: 601px) and (max-width: 940px) { .promoitemb { padding: 0px 15px !important; width: 50% !important; } }
.promoitemc {position: relative}
@media all and (min-width: 481px) and (max-width: 940px) { .promoitemc { display: flex; } }
.promoitemdata {position: relative; text-align: left; vertical-align: top; width: 220px; padding: 0px 0px 0px 15px; box-sizing: border-box; display: inline-block}
@media all and (min-width: 481px) and (max-width: 940px) { .promoitemdata { width: auto !important;} }
.promoitemlrn {position: relative; vertical-align: top; width: 300px; min-height: 100px; margin: 0px 5px 15px; box-sizing: border-box; display: inline-block}
.promoitems {}
.regchecklabel {font-size: 12px; color: #008b5e}
.regedit {width: 140px; height: 30px}
.regform {position: relative; text-align: center; margin: 20px 0px; padding: 20px 0px 40px; border: 1px solid #00af76; box-sizing: border-box}
.reglabel {font-size: 12px; color: #666}
.sancols {position: relative; text-align: center; margin: 0px 0px 25px; flex-wrap: nowrap; justify-content: space-around; display: flex}
@media all and (min-width: 300px) and (max-width: 730px) { .sancols { flex-direction: column; } }
@media all and (min-width: 731px) { .sancols { flex-direction: row; } }
.sancolsitem {position: relative; font-size: 13px; padding: 5px 0px 10px; box-sizing: border-box}
@media all and (min-width: 300px) and (max-width: 730px) { .sancolsitem { width: 100%; } }
@media all and (min-width: 731px) and (max-width: 1152px) { .sancolsitem { width: 25%; } }
@media all and (min-width: 1152px) and (max-width: 1440px) { .sancolsitem { width: 28%; } }
@media all and (min-width: 1440px) { .sancolsitem { width: 33%; } }
.sancolsitemc {}
@media all and (min-width: 300px) and (max-width: 730px) { .sancolsitemc { text-align: center; } }
@media all and (min-width: 731px) { .sancolsitemc { text-align: center; } }
.sancolsiteml {}
@media all and (min-width: 300px) and (max-width: 730px) { .sancolsiteml { text-align: center; padding: 0px; } }
@media all and (min-width: 731px) { .sancolsiteml { text-align: left; padding: 0px 10px 0px 0px; } }
.sancolsitemr {}
@media all and (min-width: 300px) and (max-width: 730px) { .sancolsitemr { text-align: center; padding: 0px; } }
@media all and (min-width: 731px) { .sancolsitemr { text-align: left; padding: 0px 0px 0px 10px; } }
.selected {background-color: #de9 !important}
.serviceitem {position: relative; vertical-align: top; min-height: 100px; padding: 15px 0px; border-top: 1px solid #e0e0e0; box-sizing: border-box; display: inline-block}
@media all and (min-width: 300px) and (max-width: 600px) { .serviceitem { width: 100%; text-align: center; } }
@media all and (min-width: 601px) { .serviceitem { width: 100%; text-align: left; } }
.serviceitem:first-child {border-top: 0px}
.serviceitembutton {position: relative; padding: 15px 0px}
@media all and (min-width: 300px) and (max-width: 600px) { .serviceitembutton { width: 100%; text-align: center; } }
@media all and (min-width: 601px) { .serviceitembutton { width: 100%; text-align: right; } }
.serviceitemc {position: relative; box-sizing: border-box}
@media all and (min-width: 601px) { .serviceitemc { display: flex; } }
.serviceitemdata {position: relative; font-size: 13px; font-weight: 300; min-width: 195px; padding: 0px 10px; box-sizing: border-box; display: inline-block}
@media all and (min-width: 300px) and (max-width: 600px) { .serviceitemdata { text-align: center; } }
@media all and (min-width: 601px) { .serviceitemdata { text-align: left; } }
.serviceitemdata div {position: relative; box-sizing: border-box}
.serviceitemimg {position: relative; text-align: center; overflow: hidden; box-sizing: border-box; display: inline-block}
@media all and (min-width: 300px) and (max-width: 600px) { .serviceitemimg { width: 250px; padding: 0px 0px 5px !important; } }
@media all and (min-width: 601px) { .serviceitemimg { width: 250px; min-width: 250px; padding: 0px 10px 0px 0px !important; } }
.serviceitemname {position: relative; font-size: 14px; font-weight: 600; padding: 0px 0px 10px}
.serviceitems {position: relative; text-align: center; box-sizing: border-box}
.sethead {position: relative; text-align: center; font-size: 18px; padding: 0px 0px 10px; color: #272727}
.sidebaronleft {position: relative; text-align: center; vertical-align: top; padding: 10px 10px 20px; box-sizing: border-box; display: inline-block}
@media all and (min-width: 300px) and (max-width: 940px) { .sidebaronleft { width: 100%; } }
@media all and (min-width: 941px) { .sidebaronleft { width: 320px; margin: 15px 0px 0px !important; } }
.sidebaronright {position: relative; vertical-align: top; padding: 10px 10px 20px; box-sizing: border-box; display: inline-block}
@media all and (min-width: 300px) and (max-width: 1152px) { .sidebaronright { width: 100%; } }
@media all and (min-width: 1153px) { .sidebaronright { width: 320px; margin: 15px 0px 0px !important; } }
.sidebaronright .promoitem {}
@media all and (min-width: 941px) and (max-width: 1152px) { .sidebaronright .promoitem { padding: 0px 15px !important; width: 33.33% !important; } }
.sidebaronright .promoitem:last-child:not(:first-child) {}
@media all and (min-width: 941px) and (max-width: 1440px) { .sidebaronright .promoitem:last-child:not(:first-child) { display: none  !important; } }
.sidebaronright .promoitemc {}
@media all and (min-width: 941px) and (max-width: 1152px) { .sidebaronright .promoitemc { display: flex; } }
.sidebaronright .promoitemdata {}
@media all and (min-width: 941px) and (max-width: 1152px) { .sidebaronright .promoitemdata { width: auto !important;} }
.spacebar {position: relative; width: 20px; height: 0px; display: inline-block}
.submitwindow {}
@media all and (min-width: 300px) and (max-width: 600px) { .submitwindow { width: 99%; } }
@media all and (min-width: 600px) and (max-width: 940px) { .submitwindow { width: 95%; } }
@media all and (min-width: 941px) and (max-width: 1152px) { .submitwindow { width: 90%; max-width: 950px; } }
@media all and (min-width: 1153px) { .submitwindow { max-width: 950px; } }
.textalign {}
@media all and (min-width: 300px) and (max-width: 940px) { .textalign { text-align: center; } }
@media all and (min-width: 941px) { .textalign { text-align: left; } }
.textsilver {color: #6a6a6a}
textsilver a {color: #6a6a6a}
.twocols {position: relative; text-align: center; margin: 0px 0px 25px; flex-wrap: nowrap; justify-content: space-around; display: flex}
@media all and (min-width: 300px) and (max-width: 730px) { .twocols { flex-direction: column; } }
@media all and (min-width: 731px) { .twocols { flex-direction: row; } }
.twocolsitem .promoitem:last-child:not(:first-child) {}
@media all and (min-width: 300px) { .twocolsitem .promoitem:last-child:not(:first-child) { display: none  !important; } }
.twocolsaligned {position: relative; font-weight: 600; max-width: 400px}
@media all and (min-width: 300px) and (max-width: 600px) { .twocolsaligned { display: inline-block; } }
@media all and (min-width: 601px) { .twocolsaligned { display: none; } }
.twocolsblock {width: 50%}
@media all and (min-width: 300px) and (max-width: 730px) { .twocolsblock { width: 100%; margin: 5px 0px; } }
@media all and (min-width: 731px) { .twocolsblock { width: 50%; margin: 0px 5px; } }
.twocolsitem {position: relative; vertical-align: top; width: 50%; min-width: 300px; padding: 0px 30px; box-sizing: border-box; display: inline-block}
@media all and (min-width: 300px) and (max-width: 600px) { .twocolsitem { width: 100%; padding: 0px 10px; } }
@media all and (min-width: 601px) and (max-width: 800px) { .twocolsitem { padding: 0px 15px; } }
.twocolsitem .promoitem {}
@media all and (min-width: 300px) { .twocolsitem .promoitem { padding: 0px 15px !important; width: 100% !important; } }
.twocolsitem li {padding: 0px 0px 10px; list-style-type: circle}
.twocolsitem ul {margin: 0px; padding: 0px 0px 0px 20px}
.twocolsitemb {position: relative; vertical-align: top; width: 50%; min-width: 300px; padding: 0px 30px; box-sizing: border-box; display: inline-block}
@media all and (min-width: 300px) and (max-width: 600px) { .twocolsitemb { width: 100%; padding: 0px; } }
@media all and (min-width: 601px) and (max-width: 1152px) { .twocolsitemb { width: 50%; padding: 0px 10px; } }
@media all and (min-width: 1153px) { .twocolsitemb { width: 100%; padding: 0px; } }
.twocolsitems {}
.twocolsunaligned {position: relative; font-weight: 600; max-width: 400px}
@media all and (min-width: 300px) and (max-width: 600px) { .twocolsunaligned { display: none; } }
@media all and (min-width: 601px) { .twocolsunaligned { display: inline-block; } }
.usermanmenu {padding: 8px 10px; color: #00af76}
.usermanmenua {padding: 8px 10px; color: white; background-color: #00af76}
.zcombochk {vertical-align: bottom; margin: 0px 10px 0px 0px}
.zcomboimg {width: 5px; visibility: hidden; display: none}
.zcomboitem {font-size: 12px; padding: 12px 10px; cursor: pointer; border-right: 1px solid #eee; border-bottom: 1px solid #eee; white-space: normal}
.zcomboitema {font-size: 12px; padding: 12px 10px; background-color: #de9; cursor: pointer; border-right: 1px solid #eee; border-bottom: 1px solid #eee; white-space: normal}
.zcombotbox {text-align: left; max-width: 300px; max-height: 200px; border-left: 1px solid #eee; border-top: 1px solid #eee; overflow-y: auto; box-shadow: 2px 2px 3px #999}
.zcombotbox2 {max-width: 660px; border-left: 1px solid #eee; border-top: 1px solid #eee; overflow-y: auto; box-shadow: 2px 2px 3px #999}
.zcombotbox3 {text-align: left; height: auto !mportant; max-width: 300px; max-height: 200px; border-left: 1px solid #eee; border-top: 1px solid #eee; overflow-y: auto; box-shadow: 2px 2px 3px #999}
.zcombotbox3 > div {position: relative}
.editortreeitem {font-size: 12px; padding: 5px}
.editortreeitema {font-size: 12px; padding: 5px; background-color: #de9}
.editortreeitemimg {vertical-align: -4px; width: 15px; height: 15px; margin: 0px 4px 0px; cursor: pointer}
.editortreeitemimgi {vertical-align: -4px; width: 15px; height: 15px; margin: 0px 4px 0px}
.editormenuh {margin: 0px; padding: 0px}
.editormenuh li {padding: 7px 10px; cursor: pointer; box-sizing: border-box; display: inline-block}
.editormenuitemh {}
.editormenuitemha {background-color: #de9}
.editorinputzone {position: relative; height: 40px; padding: 0px 10px}
.editorinputzonedsk {position: relative; padding: 0px 10px 12px}
.editorinputlabel {top: 8px}
.editorinputtext {left: 150px; top: 0px; width: 600px; height: 30px}
.editorinputmemo {position: relative; left: 140px; top: 0px; width: 600px; height: 80px; max-width: 600px; min-width: 600px; min-height: 80px}
.intextimg {width: 80%; display: inline-block}
.intextimgcont {text-align: center; width: 100%}
#pagemain {position: relative; text-align: left; font-size: 12px}
.crsmenua {color: white; background-color: #888}
.clddayitemA {padding: 8px 0px; color: #fff; background-color: #00af76; cursor: pointer}
.clddayitemdA {padding: 8px 0px; color: #fff; background-color: #aaa}
.clddayitempA {padding: 8px 0px; background-color: #00af76; cursor: pointer}
.tblnc {width: 100px; border: 1px solid #C0C3C6; border-collapse: collapse; table-layout: fixed}
.cellrownc40 {padding: 13px 0px 14px; background-color: #EBECED; border: 1px solid #C0C3C6; overflow: hidden; white-space: nowrap}
.cellpnc {padding: 5px; background-color: #f9f9f9; border: 1px solid #C0C3C6; overflow: hidden; white-space: nowrap}
.cellrownc {padding: 5px; background-color: #EBECED; border: 1px solid #C0C3C6; overflow: hidden; white-space: nowrap}
.cellnc {padding: 5px; background-color: white; border: 1px solid #C0C3C6; overflow: hidden; white-space: nowrap}
.cellcolnc {padding: 5px; background-color: #EBECED; border: 1px solid #C0C3C6; overflow: hidden; white-space: nowrap}
.cell40 {padding: 0px 5px; background-color: white; border: 1px solid #C0C3C6; overflow: hidden}
.cell40a {padding: 0px 5px; background-color: #e9e9e9; border: 1px solid #C0C3C6; overflow: hidden}
.cellcolnca {padding: 5px; background-color: orange; border: 1px solid #C0C3C6; overflow: hidden; white-space: nowrap}
.cellnca {padding: 5px; background-color: orange; border: 1px solid #C0C3C6; overflow: hidden; white-space: nowrap}
.cellpnca {padding: 5px; background-color: orange; border: 1px solid #C0C3C6; overflow: hidden; white-space: nowrap}
.cellrownca {padding: 5px; background-color: orange; border: 1px solid #C0C3C6; overflow: hidden; white-space: nowrap}
.pager {}
.pageritem {position: static; text-align: center; min-width: 33px; padding: 10px; cursor: pointer; box-sizing: border-box; display: inline-block}
.pageritema {position: static; text-align: center; min-width: 33px; padding: 10px; background-color: #00af76; cursor: pointer; box-sizing: border-box; display: inline-block}
.scheditems {position: relative}
.scheditem {position: relative; text-align: center}
.scheditem:first-child div {border: 0px}
.scheditemc {position: relative; text-align: left; font-size: 14px; padding: 5px 0px 5px; border-top: 1px solid #e0e0e0; display: inline-block}
@media all and (min-width: 300px) and (max-width: 550px) { .scheditemc { text-align: center; } }
@media all and (min-width: 551px) { .scheditemc { text-align: left; } }
.scheditemdata {position: relative; display: inline-block}
@media all and (min-width: 300px) and (max-width: 550px) { .scheditemdata { width: 100%; } }
@media all and (min-width: 551px) and (max-width: 880px) { .scheditemdata { width: 300px; } }
@media all and (min-width: 881px) and (max-width: 1152px) { .scheditemdata { width: 600px; } }
@media all and (min-width: 1153px) { .scheditemdata { width: 750px; } }
.usersched .scheditemdata {}
@media all and (min-width: 1153px) and (max-width: 1510px) { .usersched .scheditemdata { width: 300px; } }
@media all and (min-width: 1511px) { .usersched .scheditemdata { width: 600px; } }
.scheditemblock {position: relative; vertical-align: top; padding: 0px 20px 10px 0px; box-sizing: border-box; display: inline-block}
@media all and (min-width: 300px) and (max-width: 550px) { .scheditemblock { width: 100% !important; padding: 0px 10px 10px; } }
@media all and (min-width: 551px) { .scheditemblock { width: 300px; } }
.scheditemdate {position: relative; vertical-align: top; font-style: italic; color: #888; display: inline-block}
@media all and (min-width: 300px) and (max-width: 550px) { .scheditemdate { width: 100% !important; padding: 0px 10px 10px; } }
@media all and (min-width: 551px) { .scheditemdate { width: 120px; } }
.scheditemimg {position: relative; vertical-align: top; width: 100px; margin: 0px 10px 0px; display: inline-block}
@media all and (min-width: 300px) and (max-width: 550px) { .scheditemimg { margin: 0px 10px 10px; } }
.coursemenu {text-align: center; padding: 0px 0px 20px}
.coursemenuitem {}
.textwhite {color: #fff}
.textlight {color: #eee}
.textgrey {color: #888}
.textblack {color: #000}
.textblue {color: #00af76}
.textlight a {color: #eee}
.textwhite a {color: #fff}
.textgrey a {color: #888}
.textblack a {color: #000}
.textblue a {color: #00af76}
.mainmenuitemh a {color: #fff}
.mainmenuitemh:hover {background-color: #22cf96}
.mainmenuitemha a {color: #00af76}
.mainmenuitemho a {color: #00af76}
.ddmenuv li {padding: 9px 12px; cursor: pointer; border-top: 1px solid #eee; box-sizing: border-box; white-space: nowrap; display: list-item}
.ddmenuv li:first-child {border-top: 0px}
.ddmenuitemv a {color: #888}
.ddmenuitemv:hover {background-color: #de9}
.ddmenuitemva a {color: #00af76}
.ddmenuitemvo a {color: #00af76}
a:hover {color: #f00}
.columnlist .columnlistitem {}
@media all and (min-width: 300px) and (max-width: 940px) { .columnlist .columnlistitem { border-right: 1px solid #aaa !important; margin: 10px 0px !important; } }
.columnlistitem:first-child {}
@media all and (min-width: 300px) and (max-width: 940px) { .columnlistitem:first-child { border-left: 1px solid #aaa !important; } }
#edit_dateselect .input {background-color: #f3f3f3; border: 1px solid transparent}