.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; }
.radiowrp {display: inline-block; padding: 5px 10px; }
.radiobox {margin: 0px; float: left; }
.radiolabel {display: block; margin: 0px 0px 0px 18px; }
.radioform {padding: 0px; margin: 0px}
.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: 4px; background-color: #E0E0E0; cursor: n-resize}
.wndxvs {position: absolute; width: 4px; 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 7px #666; }
.wndtbl {padding: 0px; margin: 0px; border: 0px; border-collapse: collapse; border-spacing: 0px; width: 100%; height: 100%; }
.wndhs {width: 4px; min-width: 4px; background-color: #E0E0E0; }
.wndvs {height: 4px; background-color: #E0E0E0; }
.wndcs {width: 4px; height: 4px; background-color: #E0E0E0; }
.wndcnt {vertical-align: top; }
.wndcaption {padding: 5px; border: 0px solid black; margin: 0px; background-color: #666; color: white; font-weight: bold; white-space: nowrap; text-align: center; width: 100%; cursor: default}
.wndbutton {padding: 0px; border: 0px solid black; width: 16px; background-color: #666; 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: default; background-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}
.treeitemicnb {width: 30px; height: 30px; float: left; margin: -8px 10px 0px 0px; border-radius: 50%; }
.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}
.boxxicon {width: 30px; height: 30px; float: left; margin: -8px 10px 0px 0px; }
.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.9}
.inputitemiv {margin-bottom: 4px; cursor: pointer; opacity: 0.3}
.inputitemiva {margin-bottom: 4px; cursor: pointer}
.inputitemivo {margin-bottom: 4px; cursor: pointer; opacity: 0.9}
.inputitemil {margin: 8px 0px 0px 5px; vertical-align: top; display: inline-block; cursor: pointer}
.inputitemic {white-space: nowrap}
.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}
.quiz {}
.quizquestion {margin: 10px 0px 0px; padding: 10px 10px 10px}
.quizquestion:first-child {margin: 0px}
.quizanswer {padding: 10px 10px}
.quizanswer input {vertical-align: top}
.quizanswer label {vertical-align: top; margin: 0px 0px 0px 10px}
.quizanswercorrect {background-color: #dfd}
.quizanswerincorrect {background-color: #fdd}
.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}
.webhashtags {}
.webhashtagsitem {}
.webpages {}
.webpagesitem {}
.webpagesitema {}
.webratinglabel {display: inline-block; vertical-align: top; position: static; white-space: nowrap; margin: 3px 0px 0px 10px; }
.webratingitem {display: inline; vertical-align: top; position: static; white-space: nowrap; margin: 0px 2px; }
.webpanlink {position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px}
.webpanmore {position: absolute; display: flex; flex-direction: column; justify-content: center; right: 0px; top: 0px; bottom: 0px; transition: opacity 0.3s ease; }
.webpanmore a {position: absolute; right: 0px; }
.webpanarrow {position: absolute; font-size: 48px; top: calc(50% - 0.70em); color: white; font-weight: bold; text-shadow: 0 0 5px #555; opacity: 0.7; }
.webpanarrow span {position: relative; cursor: pointer; padding: 0px; margin: 0px; }
.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}
.diagwglass {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; overflow: auto; background-color: transparent; }
.diagwscrolldiv {position: absolute; left: 0px; top: 0px; width: 1px; height: 1px; }
.aligntable {width: 100%; height: 100%}
.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; } }
.bocldcell {text-align: left; vertical-align: top; font-size: 16px; padding: 5px 5px; border: 1px solid #eee}
.bocldcellA {text-align: left; vertical-align: top; font-size: 16px; font-weight: bold; padding: 5px 5px; color: #fff; background-color: #ffa500; border: 1px solid #eee}
.bocldcellbtnbar {float: right}
.bocldcellp {text-align: left; vertical-align: top; font-size: 16px; padding: 5px 5px; background-color: #e6f3ff; border: 1px solid #eee}
.bocldcellpA {text-align: left; vertical-align: top; font-size: 16px; font-weight: bold; padding: 5px 5px; color: #fff; background-color: #ee9500; border: 1px solid #eee}
.bocldcnt {font-size: 12px; margin: 1px 5px 0px 0px; padding: 0px 5px; float: right; cursor: pointer}
.bocldhead {text-align: center; font-size: 16px; height: 15px; padding: 9px 5px 2px}
.boclditem {padding: 3px 0px 5px; overflow: hidden; white-space: nowrap}
.boclditem div {padding: 3px 0px 2px; border-bottom: 1px solid #ddd}
.boclditem span {vertical-align: 5px; margin: 0px 0px 0px 5px}
.bocldstaffupic {width: 19px; height: 19px; margin: 0px 3px; float: right; border-radius: 50%}
.bocldstaffupicb {width: 19px; height: 19px; margin: 0px 4px 0px 0px; border-radius: 50%}
.bocldtbl {font-size: 12px; width: 100%; height: 100%; cursor: default; border: 1px solid #eee; border-collapse: collapse; table-layout: fixed}
.bocldwd {text-align: center; padding: 10px 5px; background-color: #F0F0F0; border: 1px solid #e3e3e3}
.bocldwrp {font-size: 12px; font-weight: normal; max-height: 130px; min-height: 130px; padding: 0px 5px; color: #000; background-color: #fff; cursor: default; overflow: hidden}
.bocldwrpA {font-size: 12px; font-weight: normal; max-height: 130px; min-height: 130px; padding: 0px 5px; color: #000; background-color: #fff; cursor: default; overflow: hidden}
.bocldyear {padding: 1px 0px 8px; display: inline-block}
.boeventstatebox {text-align: left; background-color: #fafafa !important; border: 1px solid #ccc; box-sizing: border-box}
.boeventstateitem {margin: 5px 5px 7px !important}
.briefitem {position: relative; text-align: left; min-height: 90px; margin: 0px 0px 15px; box-sizing: border-box}
@media all and (min-width: 600px) and (max-width: 940px) { .briefitem { display: inline-block; width: 50%; padding: 0px 10px; } }
@media all and (min-width: 941px) and (max-width: 1152px) { .briefitem { display: inline-block; width: 33.333%; padding: 0px 20px 0px 0px; } }
.briefitemdata {position: relative; margin: 0px 0px 0px 70px; box-sizing: border-box}
.briefitemdate {position: relative; font-style: italic; font-weight: 600; padding: 0px 0px 6px}
.briefitemimg {left: 0px; top: 0px; width: 60px; height: 80px}
.briefitemimgimg {position: relative; left: -45%; height: 100%; cursor: pointer}
.briefitemname {position: relative; font-size: 13px; font-weight: 300}
.briefitems {position: relative}
.btnnone {}
.btnnone input {font-size: inherit; font-weight: 600; font-family: Roboto; 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%}
.buttonbig {font-size: 14px; font-weight: bold; color: inherit; background-color: inherit; cursor: pointer; border: 1px solid #666; border-radius: 3px}
.buttonblue {font-size: 12px; font-weight: bold; text-transform: lowercase; width: inherit !important; color: #fff; background-color: orange; cursor: pointer; border: 1px solid #666; border-radius: 4px}
.buttonclr {position: relative; width: 120px; height: 30px; margin: 0px; padding: 0px; display: inline-block}
.buttoncompleted {color: white; background-color: #999 !important; cursor: default !important}
.buttondisabled {background-color: #666 !important; cursor: default !important}
.buttong {font-size: 12px; font-weight: bold; color: #888; background-color: #ddd; cursor: pointer; border-radius: 3px}
.buttongreen {color: white; background-color: #00ab10 !important}
.buttongrey {font-size: 12px; font-weight: bold; color: #888; background-color: #ddd; cursor: pointer; border-radius: 3px}
.buttonnc {font-size: 12px; font-weight: bold; text-transform: lowercase; color: white; background-color: orange; cursor: pointer}
.buttonncg {font-size: 12px; font-weight: bold; text-transform: lowercase; color: white; background-color: #999; cursor: pointer}
.buttonncup {font-size: 12px; font-weight: bold; text-transform: lowercase; min-width: 100%; min-height: 27px; color: white; background-color: orange; cursor: pointer}
.buttonorange {color: white; background-color: orange !important}
.buttonred {font-size: 12px; font-weight: bold; text-transform: lowercase; color: white; background-color: red; cursor: pointer; border: 1px solid #008b5e; border-radius: 4px}
.buttonsber {font-size: 12px; font-weight: bold; text-transform: lowercase; width: inherit !important; color: #fff; background-color: #00ab10; cursor: pointer; border: 1px solid #666; border-radius: 4px}
.buttonstd {position: relative; width: 120px; height: 30px; margin: 0px 10px; display: inline-block}
.buttonsubmit {position: relative; height: 32px; cursor: pointer}
.buttonupldnc {width: 156px; height: 27px; color: white; background-color: #242c35; background-image: url(styles/nc/btnbck.gif); background-position: left top; background-repeat: repeat-x}
.buttonv {font-size: 14px; font-weight: bold; color: white; background-color: orange; cursor: pointer; border-radius: 3px}
.buttonvv {font-size: 14px; font-weight: bold; color: inherit; background-color: inherit; cursor: pointer; border-radius: 3px}
.buttonzone {position: relative; text-align: center; margin: 10px 0px 0px; padding: 10px 0px; border-top: 1px solid #eee}
.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}
.cellcolnc {padding: 5px; background-color: #EBECED; border: 1px solid #C0C3C6; overflow: hidden; white-space: nowrap}
.cellcolnca {padding: 5px; background-color: orange; border: 1px solid #C0C3C6; overflow: hidden; white-space: nowrap}
.cellnc {padding: 5px; background-color: white; border: 1px solid #C0C3C6; overflow: hidden; white-space: nowrap}
.cellnca {padding: 5px; background-color: orange; border: 1px solid #C0C3C6; overflow: hidden; white-space: nowrap}
.cellpnc {padding: 5px; background-color: #f9f9f9; border: 1px solid #C0C3C6; overflow: hidden; white-space: nowrap}
.cellpnca {padding: 5px; background-color: orange; border: 1px solid #C0C3C6; overflow: hidden; white-space: nowrap}
.cellrownc {padding: 5px; background-color: #EBECED; border: 1px solid #C0C3C6; overflow: hidden; white-space: nowrap}
.cellrownc40 {padding: 13px 0px 14px; background-color: #EBECED; border: 1px solid #C0C3C6; overflow: hidden; white-space: nowrap}
.cellrownca {padding: 5px; background-color: orange; border: 1px solid #C0C3C6; overflow: hidden; white-space: nowrap}
.center {position: relative; text-align: center; font-size: 14px; box-sizing: border-box}
.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 {}
.centeronleft .iteritemc {}
.centeronleft .iteritemimg {}
.centeronleft .topitem, .centeronright .topitem {}
@media all and (min-width: 300px) and (max-width: 600px) { .centeronleft .topitem, .centeronright .topitem { width: 100%; font-size: calc(1vw * 3 + 3px); } }
@media all and (min-width: 601px) and (max-width: 1152px) { .centeronleft .topitem, .centeronright .topitem { width: 50%; font-size: calc(1vw * 1.7 + 3px); } }
@media all and (min-width: 1153px) { .centeronleft .topitem, .centeronright .topitem { width: 50%; font-size: calc(1vw + 3px); } }
.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: 1152px) { .centeronright { max-width: 100%; min-width: 300px; } }
@media all and (min-width: 1153px) and (max-width: 1440px) { .centeronright { max-width: 65%; min-width: 630px; } }
@media all and (min-width: 1441px) { .centeronright { max-width: 70%; min-width: 650px; } }
.centeronright .iteritem {}
.centeronright .iteritemimg {}
.checkboxbox {margin: 2px 0px 0px; cursor: pointer}
.checkboxlabel {margin: 0px 0px 0px 22px; cursor: pointer}
.clddayitem {padding: 8px 0px; background-color: orange; 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: 1152px) { .columnlist { white-space: nowrap; overflow-x: auto !important; text-align: center !important; } }
@media all and (min-width: 1153px) { .columnlist { white-space: normal; } }
.columnlistitem {}
@media all and (min-width: 300px) and (max-width: 1152px) { .columnlistitem { display: inline-block; } }
@media all and (min-width: 1153px) { .columnlistitem { display: block; min-width: 300px; width: 100%; } }
.columnmenu {}
@media all and (min-width: 300px) and (max-width: 1152px) { .columnmenu { display: none; } }
@media all and (min-width: 1153px) { .columnmenu { display: block;} }
.contentarea {position: relative; max-width: 1800px; min-width: 320px; 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: 940px) { .contentcont { padding: 0px 0px 440px; } }
@media all and (min-width: 941px) { .contentcont { padding: 0px 0px 240px; } }
.coursemenu {text-align: center; padding: 0px 0px 20px}
.coursemenuitem {}
.coverlink {left: 0px; top: 0px; right: 0px; bottom: 0px; background-color: transparent; cursor: pointer; opacity: 0}
.coverlink a {position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px}
.creacell {position: relative; padding: 0px 10px 5px; box-sizing: border-box; display: inline-block}
.creacelldate {font-size: 13px; font-style: italic; font-weight: 300; min-width: 150px}
.creacelldsk {line-height: 1.7em; padding: 0px 10px 5px; display: block}
.creacelldsk i {font-style: italic; font-weight: 300; color: #666}
.creacellnameid {}
@media all and (min-width: 300px) and (max-width: 480px) { .creacellnameid { display: block; } }
.creacellpoints {min-width: 150px}
.creafailed {color: #f00}
.creamenu {color: #666; cursor: pointer}
.creamenua {color: white; background-color: #888; cursor: pointer}
.creamodlistediticon {vertical-align: -6px; width: 25px; height: 19px; margin: 0px 10px 0px 0px; padding: 0px; z-index: 10}
.creapassed {color: #090}
.crearow {padding: 5px 0px 0px; border-top: 1px solid #eee}
.crearow:first-child {padding: 0px; border-top: 0px}
.createachmenu {position: relative; width: 140px; padding: 7px 10px; color: #666; background-color: transparent; box-sizing: border-box; display: inline-block}
.createachmenua {position: relative; width: 140px; padding: 7px 10px; color: white; background-color: #888; box-sizing: border-box; display: inline-block}
.createstrow {}
.creator .promohead {background-color: #f6f6f6}
.creatree {}
.creatree input {vertical-align: -2px; margin: 0px}
.creatreebutton {font-size: 12px; padding: 5px 0px 15px}
.creatreeitem {text-align: left; font-size: 13px; padding: 6px; color: #666; cursor: pointer}
.creatreeitema {text-align: left; font-size: 13px; padding: 6px; color: white; background-color: #aaa !important; cursor: pointer}
.creatreeitemhighlighted {background-color: #bfb}
.creatreeitemimgi {vertical-align: -4px; width: 15px; height: 15px; margin: 0px 4px 0px -19px}
.creatreeitemw {text-align: left; font-size: 13px; padding: 6px 6px 6px 23px !important; color: #666; cursor: pointer; white-space: normal}
.creatreeitemwa {text-align: left; font-size: 13px; padding: 6px 6px 6px 23px !important; color: white; background-color: #aaa !important; cursor: pointer; white-space: normal}
.creauserrow {padding: 5px 0px 0px; border-top: 1px solid #eee}
.creauserrow:first-child {padding: 0px; border-top: 0px}
.crsmenu {color: #666}
.dateeditbox {position: absolute; max-height: 200px; min-height: 30px; margin: -7px 0px 0px 0px; padding: 0px; background-color: #fff; border: 1px solid #ddd; box-shadow: 2px 2px 3px #999}
.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: orange}
.ddmenuitemvo {background-color: orange}
.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%; } }
.dialogpanelst {margin: 0px 10px 10px; padding: 0px 150px 40px; background-color: #fff; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); box-sizing: border-box}
@media all and (min-width: 300px) and (max-width: 800px) { .dialogpanelst { margin: 0px 5px 10px; padding: 0px 20px 40px; } }
@media all and (min-width: 801px) and (max-width: 1280px) { .dialogpanelst { margin: 0px 5px 10px; padding: 0px 150px 40px; } }
.dialogstleftnav {position: absolute; left: 0px; top: 0px; height: 90%; max-width: 135px; min-width: 100px; margin: 0px 10px; padding: 35px 0px 0px}
@media all and (min-width: 300px) and (max-width: 800px) { .dialogstleftnav { position: relative; left: auto; top: auto; max-width: none; margin: 0px 0px -20px; } }
.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}
.editreadonly input[readonly],.editreadonly input[readonly="readonly"] {background-color: #eee}
.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; text-align: center; } }
@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 10px 10px 0px !important; width: 150px; } }
.footercont {padding: 15px 0px 0px; box-sizing: border-box}
@media all and (min-width: 300px) and (max-width: 940px) { .footercont { height: 441px; } }
@media all and (min-width: 941px) { .footercont { height: 241px; } }
.footercontactscont {position: relative; text-align: right; vertical-align: top; line-height: 18px; min-width: 200px; box-sizing: border-box; display: inline-block}
@media all and (min-width: 300px) and (max-width: 940px) { .footercontactscont { width: 100%; text-align: center; } }
@media all and (min-width: 941px) and (max-width: 1152px) { .footercontactscont { width: 35%; text-align: right; } }
@media all and (min-width: 1153px) { .footercontactscont { width: 35%; text-align: right; } }
.footermenucont {position: relative; text-align: left; vertical-align: top; line-height: 18px; min-width: 320px; padding: 0px 10px; box-sizing: border-box; display: inline-block}
@media all and (min-width: 300px) and (max-width: 940px) { .footermenucont { width: 100%; text-align: center; } }
@media all and (min-width: 941px) and (max-width: 1152px) { .footermenucont { width: 50%; text-align: left; } }
@media all and (min-width: 1153px) { .footermenucont { width: 50%; text-align: left; } }
.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: 15%; } }
@media all and (min-width: 1153px) { .footerologcont { width: 15%; } }
.hashitem {color: #cc8800}
.hintcommon {font-size: 13px; margin: 0px 0px 15px; padding: 5px; background-color: #ffeed6}
.hrzblock .buttonsubmit input {font-size: 13px; font-weight: 600; font-family: Roboto; color: white; background-color: orange; cursor: pointer; border: 1px solid #888}
.imagelink {cursor: pointer}
.indexlastnewflt {}
@media all and (min-width: 300px) and (max-width: 400px) { .indexlastnewflt { float: none; } }
@media all and (min-width: 401px) and (max-width: 600px) { .indexlastnewflt { float: left; } }
@media all and (min-width: 601px) { .indexlastnewflt { float: left; } }
.indexlastnewflt img {}
@media all and (min-width: 300px) and (max-width: 400px) { .indexlastnewflt img { max-width: 220px; } }
@media all and (min-width: 401px) and (max-width: 600px) { .indexlastnewflt img { max-width: 100px; } }
@media all and (min-width: 601px) { .indexlastnewflt img { max-width: 120px; } }
.inlineeditor2 {position: relative; font-size: 12px; min-width: 64px; min-height: 27px; margin: -3px 0px 0px -3px; padding: 3px 3px; border: 1px solid #fff; border-radius: 5px; box-sizing: border-box}
.inlinefield {position: relative; line-height: 17px; min-width: 64px; min-height: 30px; margin: 0px 0px 0px 110px; padding: 5px 5px; background-color: #fafafa; border: 1px solid #fff; border-radius: 5px; box-sizing: border-box}
.inlinefield1 {position: relative; line-height: 17px; min-width: 64px; min-height: 30px; margin: 0px 0px 0px 180px; padding: 5px 5px; background-color: #fafafa; border: 1px solid #fff; border-radius: 5px; box-sizing: border-box}
.inlinefieldname {position: absolute; font-weight: 300; min-height: 22px; padding: 6px 3px 2px; float: left; color: #888; box-sizing: border-box}
.inlinememo {text-align: justify; font-size: 14px; font-family: Roboto,sans-serif; line-height: 19px; padding: 5px 0px; border: 1px solid #DDD; border-radius: 5px; box-shadow: 0px 0px 5px #DDD inset}
.inplacecombo {height: 30px !important; max-width: 300px; padding: 5px 5px !important; border: 1px solid #ddd !important; border-radius: 5px; box-shadow: 0px 0px 5px #ddd inset; box-sizing: border-box}
.inplacecombo2 {height: 30px !important; max-width: 600px; padding: 5px 5px !important; border: 1px solid #ddd !important; border-radius: 5px; box-shadow: 0px 0px 5px #ddd inset; box-sizing: border-box}
.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}
.inputtextnc {padding: 3px 6px; background-image: url(styles/nc/inputbck.gif); background-position: left top; background-repeat: no-repeat; border: 1px solid #989B9E; border-radius: 2px}
.inputtxt {text-align: left; font-size: 14px; line-height: 19px; padding: 4px 8px; border: 1px solid #aaa; border-radius: 4px}
.instainput {width: 100%; height: 26px; max-width: 250px; margin: 12px 0px; display: inline-block}
.instasubblock {position: relative; max-width: 300px; min-width: 300px; margin: 4px 2px; padding: 15px; border: 1px solid #eee; border-radius: 2px; box-sizing: border-box; display: inline-block}
.instasubbtn {position: relative; font-size: 16px; font-weight: bold; width: 250px; height: 40px; margin: 15px 0px 0px; color: white; background-color: orange; cursor: pointer; border: 1px solid #666; border-radius: 3px; display: inline-block}
.intf {text-align: center; font-size: 12px}
.iteritem {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) { .iteritem { width: 100%; text-align: center; } }
@media all and (min-width: 601px) { .iteritem { width: 100%; text-align: left; } }
.iteritem:first-child {border-top: 0px}
.iteritembutton {position: relative; padding: 10px 0px}
@media all and (min-width: 300px) and (max-width: 600px) { .iteritembutton { width: 100%; text-align: center; } }
@media all and (min-width: 601px) { .iteritembutton { width: 100%; text-align: right; } }
.iteritemc {position: relative; box-sizing: border-box}
@media all and (min-width: 601px) { .iteritemc { display: flex; } }
.iteritemdata {position: relative; font-size: 14px; font-weight: 300; line-height: 19px; min-width: 195px; padding: 0px 10px; box-sizing: border-box; display: inline-block}
@media all and (min-width: 300px) and (max-width: 600px) { .iteritemdata { text-align: center; } }
@media all and (min-width: 601px) { .iteritemdata { text-align: left; } }
.iteritemdata div {position: relative; box-sizing: border-box}
.iteritemdatewrp {top: 10px; width: 100%; height: 24px; background-image: linear-gradient(to right,transparent 5%,#000 30%,#000 70%,transparent 95%); box-sizing: border-box; opacity: 0.6}
.iteritemimg {position: relative; text-align: center; overflow: hidden; box-sizing: border-box; display: inline-block}
@media all and (min-width: 300px) and (max-width: 600px) { .iteritemimg { width: 250px; padding: 0px 0px 5px !important; } }
@media all and (min-width: 601px) { .iteritemimg { width: 250px; min-width: 250px; padding: 0px 10px 0px 0px !important; } }
.iteritemname {position: relative; font-size: 16px; font-weight: 600; padding: 0px 0px 10px}
.iteritems {position: relative; text-align: center; box-sizing: border-box}
.iteritemsspacer div {width: 300px; display: inline-block}
.labellink {cursor: pointer}
.labellink:hover {color: #e60}
.labellinka {color: #f00; cursor: pointer}
.labelplaceholder {font-weight: 300; color: #aaa !important}
.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; } }
.leftmenuitem {}
.linkblue {color: #cc8800}
.linkbluel {color: #eea300}
.linknone {color: inherit}
.linksilver {color: #67696C}
.linkwhite {color: white}
.linkwhitea {color: #f80}
.mainmenu {position: relative; font-size: 13px; font-weight: 600; text-transform: uppercase; white-space: nowrap}
.mainmenuh {margin: 0px; padding: 0px}
.mainmenuh li {width: 20%; max-width: 185px; padding: 12px 5px; cursor: pointer; box-sizing: border-box; display: inline-block}
.mainmenuitemh {}
.mainmenuitemha {background-color: orange}
.mainmenuitemho {background-color: orange}
.material .promoitem {}
@media all and (min-width: 1153px) and (max-width: 1600px) { .material .promoitem { padding: 0px 15px !important; width: 50% !important; } }
@media all and (min-width: 1601px) { .material .promoitem { padding: 0px 15px !important; width: 33.33% !important; } }
.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 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}
.modulehead {text-align: left}
.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}
.paylink {}
.paylink a {width: 100%; height: 100%; padding: 10px; display: block}
.paylink span {width: 100%; height: 100%; display: block}
.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; } }
@media all and (min-width: 941px) and (max-width: 1152px) { .promoitem { padding: 0px 15px !important; width: 33.33% !important; } }
.editordef .promoitem:last-child:not(:first-child) {}
@media all and (min-width: 300px) and (max-width: 600px) { .editordef .promoitem:last-child:not(:first-child) { display: none  !important; } }
@media all and (min-width: 941px) { .editordef .promoitem:last-child:not(:first-child) { display: none  !important; } }
.promoitemc {position: relative}
@media all and (min-width: 481px) { .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: 1152px) { .promoitemdata { width: auto !important;} }
.promoitems {}
.radioboxbox {cursor: pointer}
.regchecklabel {font-size: 12px; color: #c66000}
.regedit {width: 140px; height: 30px}
.regform {position: relative; text-align: center; margin: 20px 0px; padding: 20px 0px 40px; border: 1px solid #ddd; box-sizing: border-box}
.reglabel {font-size: 12px; color: #666}
.rounditem {position: relative; vertical-align: top; width: 250px; padding: 0px 10px; box-sizing: border-box; display: inline-block}
.rounditemdata {position: relative; font-size: 13px; padding: 10px 0px 30px}
.rounditemimg {position: relative; width: 150px; height: 150px; border-radius: 50%; overflow: hidden; box-sizing: border-box; display: inline-block}
.rounditems {position: relative; text-align: center; box-sizing: border-box}
.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: 12px; 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%; } }
.sancolsiteml {}
@media all and (min-width: 300px) and (max-width: 730px) { .sancolsiteml { text-align: center; } }
@media all and (min-width: 731px) { .sancolsiteml { text-align: left; } }
.sancolsitemr {}
@media all and (min-width: 300px) and (max-width: 730px) { .sancolsitemr { text-align: center; } }
@media all and (min-width: 731px) { .sancolsitemr { text-align: right; } }
.scheditem {position: relative; text-align: center}
.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; } }
.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; } }
.scheditem:first-child div {border: 0px}
.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; } }
.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; } }
.scheditems {position: relative}
.selected {background-color: orange !important}
.sethead {position: relative; text-align: center; font-size: 18px; padding: 0px 0px 10px; color: #272727}
.shl_item {max-width: 950px; min-height: 60px; margin: 10px 0px 10px; border-top: 1px solid #eee}
.shl_itemf {max-width: 950px; min-height: 60px; margin: 0px 0px 10px; border-top: 0px}
.sidebaronleft {position: relative; text-align: center; vertical-align: top; padding: 0px 10px 20px; box-sizing: border-box; display: inline-block}
@media all and (min-width: 300px) and (max-width: 1152px) { .sidebaronleft { width: 100%; padding: 0px 10px !important; } }
@media all and (min-width: 1153px) { .sidebaronleft { width: 320px; } }
.sidebaronright {position: relative; vertical-align: top; padding: 0px 10px 20px; box-sizing: border-box; display: inline-block}
@media all and (min-width: 300px) and (max-width: 1152px) { .sidebaronright { width: 100%; padding: 0px 10px !important; } }
@media all and (min-width: 1153px) { .sidebaronright { width: 320px; } }
.spacebar {position: relative; width: 20px; height: 0px; display: inline-block}
.st_tabitem {margin: 0px 2px 0px 0px !important; padding: 7px 20px 8px !important; background-color: white !important; cursor: pointer !important; border-left: 1px solid #eee !important; border-top: 1px solid #eee !important; border-right: 1px solid #eee !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; box-shadow: 2px 4px 3px #ccc; box-sizing: border-box}
.st_tabitema {margin: 0px 2px 0px 0px !important; padding: 7px 20px 8px !important; color: white !important; background-color: orange !important; cursor: pointer !important; border-left: 1px solid #eee !important; border-top: 1px solid #eee !important; border-right: 1px solid #eee !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; box-shadow: 2px 4px 3px #ccc; box-sizing: border-box}
.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; } }
.tabitem {position: relative; margin: 0px 2px; padding: 10px 15px 0px; background-color: #eee; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top-left-radius: 5px; border-top-right-radius: 5px; box-sizing: border-box}
.tabitema {position: relative; margin: 0px 2px; padding: 10px 15px 0px; background-color: #fff; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-top-left-radius: 5px; border-top-right-radius: 5px; box-sizing: border-box}
.tabitems {position: relative; box-sizing: border-box}
.tarifsitem {margin: 7px 7px 25px; border-radius: 5px; box-shadow: 0px 0px 8px #ccc}
@media all and (min-width: 300px) and (max-width: 600px) { .tarifsitem { } }
@media all and (min-width: 601px) { .tarifsitem { width: 33%; } }
.tarifsitems {flex-direction: row; flex-wrap: nowrap}
@media all and (min-width: 300px) and (max-width: 600px) { .tarifsitems { display: block; } }
@media all and (min-width: 601px) { .tarifsitems { display: flex; } }
.tblnc {width: 100px; border: 1px solid #C0C3C6; border-collapse: collapse; table-layout: fixed}
.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; } }
.textalign2 {}
@media all and (min-width: 300px) and (max-width: 600px) { .textalign2 { text-align: center; } }
@media all and (min-width: 601px) { .textalign2 { text-align: left; } }
.textsilver {color: #6a6a6a}
textsilver a {color: #6a6a6a}
.tnkfpayframe {width: 100%; height: 100%; max-width: 880px; min-height: 280px; padding: 40px 0px 0px; box-sizing: border-box}
@media all and (min-width: 300px) and (max-width: 660px) { .tnkfpayframe { max-width: 100%; } }
@media all and (min-width: 661px) and (max-width: 940px) { .tnkfpayframe { max-width: 95vw; } }
@media all and (min-width: 941px) { .tnkfpayframe { max-width: 880px; } }
.top .topitem {}
@media all and (min-width: 300px) and (max-width: 600px) { .top .topitem { width: 100%; font-size: calc(1vw * 3 + 3px); } }
@media all and (min-width: 601px) and (max-width: 1152px) { .top .topitem { width: 50%; font-size: calc(1vw * 1.7 + 3px); } }
@media all and (min-width: 1153px) { .top .topitem { width: 33%; font-size: calc(1vw + 3px); } }
.topitem {position: relative; vertical-align: top; padding: 0px 2px 4px; box-sizing: border-box; display: inline-block}
.topitem .buttonsubmit {height: 38px}
.top .topitem:last-child:not(:first-child) {}
@media all and (min-width: 300px) and (max-width: 600px) { .top .topitem:last-child:not(:first-child) { display: none  !important; } }
@media all and (min-width: 1153px) { .top .topitem:last-child:not(:first-child) { display: none  !important; } }
.buttonsubmit input {font-size: 15px; font-weight: 600; font-family: Roboto; color: white; background-color: orange; cursor: pointer; border: 1px solid #888}
.centeronleft .topitem:last-child:not(:first-child) {}
.topitemdata {position: relative; text-align: justify; font-size: 14px; line-height: 19px; padding: 10px 10px 25px; box-sizing: border-box}
.topitemdate {position: absolute; font-size: 14px; top: 14px; width: 100%; color: white}
.topitemdatewrp {top: 10px; width: 100%; height: 24px; background-image: linear-gradient(to right,transparent 20%,#000 40%,#000 60%,transparent 80%); box-sizing: border-box; opacity: 0.6}
.topitemgradient {left: 0px; bottom: 0px; width: 100%; height: 100%; background-image: linear-gradient(to bottom,transparent 50%,#000 70%); opacity: 0.6}
.topitemimg {position: relative; width: 100%; padding: 0px 0px 56.25%; overflow: hidden}
.topitemimgimg {left: 0px; width: 100%}
.topitemimglayer {bottom: 0px; width: 100%; height: 100%}
.topitemname {position: relative; font-size: inherit; font-weight: 600; color: white; text-shadow: 0px 0px 5px #000; box-sizing: border-box; display: inline-block}
.topitemnamewrp {bottom: 10px; width: 100%; padding: 10px 10px; box-sizing: border-box}
.topitems {position: relative; text-align: center}
.treeitemex {}
.usermenubtn {display: none}
@media all and (min-width: 300px) and (max-width: 1152px) { .usermenubtn { display: block; } }
.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; } }
.webpanmorelink {font-size: 14px; padding: 0px 10px; color: #cc8800; box-sizing: border-box}
.webratinglabhsc {position: static; vertical-align: top; margin: 0px; white-space: nowrap; display: inline-block}
.wgpgcont {margin: 15px 0px 0px}
.wndocsitem {}
.zcombochk {vertical-align: bottom; width: 19px; height: 19px; margin: 0px 10px 0px 0px}
.zcomboimg {width: 5px; display: none}
.zcomboitem {font-size: 12px; padding: 13px 10px; cursor: pointer; border-right: 1px solid #eee; border-bottom: 1px solid #eee; white-space: normal}
.zcomboitemC {font-size: 12px; padding: 13px 10px; background-color: #ffeecc; cursor: pointer; border-right: 1px solid #eee; border-bottom: 1px solid #eee; white-space: normal}
.zcomboitemCa {font-size: 12px; padding: 13px 10px; background-color: #f3debb; cursor: pointer; border-right: 1px solid #eee; border-bottom: 1px solid #eee; white-space: normal}
.zcomboitema {font-size: 12px; padding: 13px 10px; background-color: #eee; 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 {text-align: left; max-width: 600px; max-height: 400px; border-left: 1px solid #eee; border-top: 1px solid #eee; overflow-y: auto; box-shadow: 2px 2px 3px #999}
.zcombotree {max-height: 250px}
.zctreechk {position: absolute; margin: 0px 10px 0px 0px}
.zctreeicnm {width: 19px; height: 19px; margin: -3px 10px 0px 0px; float: left}
.zctreeitem {font-size: 12px; padding: 12px 10px; cursor: pointer; white-space: normal}
.zctreeitema {font-size: 12px; padding: 12px 10px; cursor: pointer; white-space: normal}
.zctreetxt {margin: 0px 0px 0px 25px; display: block}
.zctreetxt1 {margin: 0px 0px 0px 54px; display: block}
.zctreetxt2 {margin: 0px 0px 0px 65px; display: block}
.editortreeitem {text-align: left; font-size: 12px; padding: 5px}
.editortreeitema {text-align: left; font-size: 12px; padding: 5px; background-color: orange}
.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: orange}
.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 {max-width: 80%; display: inline-block}
@media all and (min-width: 320px) and (max-width: 480px) { .intextimg { max-width: 100%; } }
.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: orange; cursor: pointer}
.clddayitemdA {padding: 8px 0px; color: #fff; background-color: #aaa}
.clddayitempA {padding: 8px 0px; background-color: orange; cursor: pointer}
.pager {}
.pageritem {position: static; text-align: center; min-width: 33px; padding: 10px; color: orange; cursor: pointer; box-sizing: border-box; display: inline-block}
.pageritema {position: static; text-align: center; min-width: 33px; padding: 10px; color: white; background-color: orange; cursor: pointer; box-sizing: border-box; display: inline-block}
.usermanmenu {padding: 8px 10px; color: #cc8800}
.usermanmenua {padding: 8px 10px; color: white; background-color: orange}
.intextimgl {width: 100%; display: inline}
.intextimgr {width: 100%; display: inline}
.intextimgcontl {}
@media all and (min-width: 300px) and (max-width: 620px) { .intextimgcontl { margin: 0px 0px 20px 0px !important; width: 100% !important; text-align: center; } }
@media all and (min-width: 621px) and (max-width: 730px) { .intextimgcontl { float: left; margin: 0px 20px 10px 0px !important; width: 45%; } }
@media all and (min-width: 731px) and (max-width: 1152px) { .intextimgcontl { float: left; margin: 0px 20px 10px 0px !important; width: 40%; } }
@media all and (min-width: 1153px) and (max-width: 1300px) { .intextimgcontl { float: left; margin: 0px 20px 10px 0px !important; width: 45%; } }
@media all and (min-width: 1301px) { .intextimgcontl { float: left; margin: 0px 20px 10px 0px !important; width: 40%; } }
.intextimgcontr {}
@media all and (min-width: 300px) and (max-width: 620px) { .intextimgcontr { margin: 0px 0px 20px 0px !important; width: 100% !important; text-align: center; } }
@media all and (min-width: 621px) and (max-width: 730px) { .intextimgcontr { float: right; margin: 0px 0px 10px 20px !important; width: 45%; } }
@media all and (min-width: 731px) and (max-width: 1152px) { .intextimgcontr { float: right; margin: 0px 0px 10px 20px !important; width: 40%; } }
@media all and (min-width: 1153px) and (max-width: 1300px) { .intextimgcontr { float: right; margin: 0px 0px 10px 20px !important; width: 45%; } }
@media all and (min-width: 1301px) { .intextimgcontr { float: right; margin: 0px 0px 10px 20px !important; width: 40%; } }
.intextimgclear {min-height: 20px; clear: both}
.likesiter {}
.likesiteritem {position: relative; vertical-align: top; margin: 10px; display: inline-block}
.likesiterimg {position: relative; width: 50px}
.likescnt {position: relative; vertical-align: top; margin: 0px 8px 0px 5px; padding: 0px 10px 0px 3px; color: #888; display: inline-block}
.textwhite {color: #fff}
.textlight {color: #eee}
.textgrey {color: #888}
.textblack {color: #000}
.textblue {color: #c66000}
.textlight a {color: #eee}
.textwhite a {color: #fff}
.textgrey a {color: #888}
.textblack a {color: #000}
.textblue a {color: #c66000}
.mainmenuitemh a {color: #fff}
.mainmenuitemh:hover {background-color: #aaa}
.mainmenuitemha a {color: #bb7700}
.mainmenuitemho a {color: #cc8800}
.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: #eee}
.ddmenuitemva a {color: #c66000}
.ddmenuitemvo a {color: #c66000}
a:hover {color: #f00}
.columnlist .columnlistitem {}
@media all and (min-width: 300px) and (max-width: 1152px) { .columnlist .columnlistitem { border-right: 1px solid #aaa !important; margin: 10px 0px !important; } }
.columnlistitem:first-child {}
@media all and (min-width: 300px) and (max-width: 1152px) { .columnlistitem:first-child { border-left: 1px solid #aaa !important; } }
#edit_dateselect .input {background-color: #f3f3f3; border: 1px solid transparent}