html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output,  ruby, section, summary, time, mark, audio, video {
   margin: 0;
   padding: 0;
   border: 0;
}
html { height: 100%; width: 100%; }
body { position: relative; min-height: 100%; width: 100%;
       font-family: Open Sans, sans-serif; font-size: 12px; background-color: white; overflow-y: auto; }
@font-face { font-family: 'Open Sans'; src: url(fonts/opensanslight.ttf); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Open Sans'; src: url(fonts/opensanslightitalic.ttf); font-weight: 300; font-style: italic; }
@font-face { font-family: 'Open Sans'; src: url(fonts/opensans.ttf); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Open Sans'; src: url(fonts/opensansitalic.ttf); font-weight: 400; font-style: italic; }
@font-face { font-family: 'Open Sans'; src: url(fonts/opensanssemibold.ttf); font-weight: 600; font-style: normal; }
@font-face { font-family: 'Open Sans'; src: url(fonts/opensanssemibolditalic.ttf); font-weight: 600; font-style: italic; }
@font-face { font-family: 'Open Sans'; src: url(fonts/opensansbold.ttf); font-weight: 700; font-style: normal; }
@font-face { font-family: 'Open Sans'; src: url(fonts/opensansbolditalic.ttf); font-weight: 700; font-style: italic; }
@font-face { font-family: 'Open Sans'; src: url(fonts/opensansextrabold.ttf); font-weight: 800; font-style: normal; }
@font-face { font-family: 'Open Sans'; src: url(fonts/opensansextrabolditalic.ttf); font-weight: 800; font-style: italic; }
@font-face { font-family: 'Open Sans Cond'; src: url(fonts/opensanscondlight.ttf); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Open Sans Cond'; src: url(fonts/opensanscondlightitalic.ttf); font-weight: 300; font-style: italic; }
@font-face { font-family: 'Open Sans Cond'; src: url(fonts/opensanscondensedbold.ttf); font-weight: 700; font-style: normal; }


h1, h2, h3, h4, h5, h6 { font-weight: normal; }
strong { font-weight: 600; }
p { padding-bottom: calc(1vh * 2 + 5px); }
a { text-decoration: none; }
ul { list-style-type: none; }
input { font-family: Open Sans, sans-serif; font-weight: 300; font-size: 11px; color:#000000; border: 1px solid #989B9E; height: auto; padding: auto; }
textarea { font-family: Open Sans, sans-serif; font-weight: 300; }
#disabler { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; display: none; background-color: #000000; opacity: 0.0; }
#greyer { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; display: none; z-index: 9999; background: url(styles/ajax-loader.gif); background-repeat: no-repeat; background-position: center center; }
#mover { cursor: w-resize; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: none; background-color: orange; opacity: 0.0; }
#glass { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: block; background-color: #000000; opacity: 0.0; }
#flies { position: absolute; left: 0px; top: 0px; width: 700px; height: 480px; display: block; overflow: hidden; }
#sflies { position: absolute; left: 0px; top: 0px; width: 700px; height: 480px; display: block; overflow: hidden; }
#tester { visibility: hidden; width: 0px; height: 0px; }
#lost { display: none; }
.iconbtn { cursor: pointer; width: 25px; height: 19px; border: 0px; }
.listpoint { margin-right: 4px; }
.link { color: black; text-decoration: none; }
.flyw { position: absolute; left: 0px; top: 0px; width: 48px; height: 48px; display: none; filter:progid:dximagetransform.microsoft.alpha(opacity=65); -moz-opacity: 0.65; -khtml-opacity: 0.65; opacity: 0.65; }
.flyh { position: absolute; left: 0px; top: 0px; display: none; padding: 0px; font-family: Times New Roman, serif; font-size: 16px; font-weight: bold; color: #FF3300; filter:progid:dximagetransform.microsoft.alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.rnd { position: absolute; left: 0px; top: 0px; width: 1px; height: 1px; display: none; filter:progid:dximagetransform.microsoft.alpha(opacity=35); -moz-opacity: 0.35; -khtml-opacity: 0.35; opacity: 0.35; }
.cleartable { padding: 0px; margin: 0px; border: 0px; border-collapse: collapse; }
.buff { margin: 0px; padding: 0px; border: 0px; width: 25px; height: 25px; }
.hintimgc { padding: 4px; text-align: center; }
.inhelp {padding-top: 8px; color: #995511}
.ctrlwrapper { padding: 0px; margin: 0px; border: 0px; }
.materialtext ul, .fldvalueu ul { margin: 0px; padding: 0px 0px 0px 30px; }
.materialtext li, .fldvalueu li { list-style-type: square; }
.materialtext ol, .fldvalueu ol { margin: 0px; padding: 0px 0px 0px 30px; }
.materialtext ol li, .fldvalueu ol li { list-style-type: decimal; }
.agreehead { font-size: 14px; font-weight: bold; text-align: center; padding: 20px 30px 10px; }
.agreetext { white-space: pre-line; font-size: 12px; line-height: 17px; text-align: justify; padding: 0px 30px 30px; }
.agreelink { cursor: pointer; color: orange; }
.agreelinkv { cursor: pointer; color: inherit; }
.agreeframe { z-index: 0; border: 0px; width: 100%; height: 100%; }

.rawradio { vertical-align: top; }
.rawradiolabel { vertical-align: top; }
.rawradiospan { padding: 5px 10px; background-color: #00ab10; color: white; cursor: pointer; min-width: 60px; box-sizing: border-box; border-radius: 8px; display: inline-block; }

.responsivewrapper { position: relative; height: 0px; padding-bottom: 56.25%; }
.responsiveiframe { position: absolute; top: 0px; bottom: 0px; left: 0px; width: 100% !important; height: 100% !important; border: 0px; }

.mozaic1 .mozaicitem1 .mozaictext { bottom: 30px; font-size: calc( (100vw - 500px)/800 * 8 + 24px); }
.mozaic1 .mozaicitem2 .mozaictext { bottom: 8%; font-size: calc( (100vw - 500px)/800 * 8 + 8px); }
.mozaic1 .mozaicitem3 .mozaictext { bottom: 6%; font-size: calc( (100vw - 500px)/800 * 8 + 5px); }
.mozaic1 .mozaicitem4 .mozaictext { bottom: 4%; font-size: calc( (100vw - 500px)/800 * 8 + 2px); }

.mozaic2 .mozaicitem1 .mozaictext { bottom: 30px; font-size: calc( (100vw - 500px)/800 * 8 + 28px); }
.mozaic2 .mozaicitem2 .mozaictext { bottom: 8%; font-size: calc( (100vw - 500px)/800 * 8 + 16px); }
.mozaic2 .mozaicitem3 .mozaictext { bottom: 6%; font-size: calc( (100vw - 500px)/800 * 8 + 8px); }

.mozaic3 .mozaicitem1 .mozaictext { bottom: 10%; font-size: calc( (100vw - 500px)/800 * 8 + 24px); }
.mozaic3 .mozaicitem2 .mozaictext { bottom: 8%; font-size: calc( (100vw - 500px)/800 * 8 + 16px); }
.mozaic3 .mozaicitem3 .mozaictext { bottom: 8%; font-size: calc( (100vw - 500px)/800 * 8 + 18px); }

.mozaic4 .mozaicitem1 .mozaictext { bottom: 9%; font-size: calc( (100vw - 500px)/800 * 8 + 30px); }
.mozaic4 .mozaicitem2 .mozaictext { bottom: 6%; font-size: calc( (100vw - 500px)/800 * 8 + 16px); }

.mozaic5 .mozaicitem1 .mozaictext { bottom: 7%; font-size: calc( (100vw - 500px)/800 * 8 + 24px); }


.mozaic1 .mozaicitem1 .mozaictype { font-size: calc( (80vw - 500px)/800 * 8 + 8px); min-width: 30%; }
.mozaic1 .mozaicitem2 .mozaictype { font-size: calc( (80vw - 500px)/800 * 8 + 6px); min-width: 40%; }
.mozaic1 .mozaicitem3 .mozaictype { font-size: calc( (80vw - 500px)/800 * 8 + 5px); min-width: 50%; }
.mozaic1 .mozaicitem4 .mozaictype { font-size: calc( (80vw - 500px)/800 * 8 + 2px); min-width: 60%; top: 3px !important; }

.mozaic2 .mozaicitem1 .mozaictype { font-size: calc( (80vw - 500px)/800 * 8 + 13px); min-width: 30%; }
.mozaic2 .mozaicitem2 .mozaictype { font-size: calc( (80vw - 500px)/800 * 8 + 10px); min-width: 37%; }
.mozaic2 .mozaicitem3 .mozaictype { font-size: calc( (80vw - 500px)/800 * 8 + 8px); min-width: 50%; }

.mozaic3 .mozaicitem1 .mozaictype { font-size: calc( (80vw - 500px)/800 * 8 + 14px); min-width: 30%; top: 8px !important; }
.mozaic3 .mozaicitem2 .mozaictype { font-size: calc( (80vw - 500px)/800 * 8 + 12px); min-width: 37%; top: 6px !important; }
.mozaic3 .mozaicitem3 .mozaictype { font-size: calc( (80vw - 500px)/800 * 8 + 12px); min-width: 30%; top: 23% !important; }

.mozaic4 .mozaicitem1 .mozaictype { font-size: calc( (80vw - 500px)/800 * 8 + 16px); min-width: 30%; top: 8px !important; }
.mozaic4 .mozaicitem2 .mozaictype { font-size: calc( (80vw - 500px)/800 * 8 + 14px); min-width: 37%; top: 6px !important; }

.mozaic5 .mozaicitem1 .mozaictype { font-size: calc( (80vw - 500px)/800 * 8 + 16px); min-width: 30%; top: 8px !important; }


@media all and (min-width: 300px) and (max-width: 480px) {
   .mozaic5 { display: block !important; }
}

@media all and (min-width: 481px) and (max-width: 600px) {
   .mozaic4 { display: block !important; }
}

@media all and (min-width: 601px) and (max-width: 940px) {
   .mozaic3 { display: block !important; }
}


@media all and (min-width: 941px) and (max-width: 1152px) {
   .mozaic2 { display: block !important; }
}

@media all and (min-width: 1153px) and (max-width: 1440px) {
   .mozaic2 { display: block !important; }
}


@media all and (min-width: 1441px) {
   .mozaic2 { display: block !important; }
}