/*180601*/
/* Set cross-browser defaults  */
* { margin: 0; padding: 0; border: 0 none; outline: 0; font-size: 100%; font: inherit; font-weight: inherit; font-style: inherit; text-decoration: none; }

html, address, blockquote, q, body, dd, div, dl, dt, fieldset, form, frame, frameset, h1, h2, h3, h4, h5, h6, noframes, ol, p, ul, center, dir, hr, menu, pre, article, aside, details, figcaption, figure, footer, header, hgroup, nav, section   { display: block; unicode-bidi: embed; }
li              { display: list-item; }
head            { display: none; }
table           { display: table; }
tr              { display: table-row; }
thead           { display: table-header-group; }
tbody           { display: table-row-group; }
tfoot           { display: table-footer-group; }
col             { display: table-column; }
colgroup        { display: table-column-group; }
td, th          { display: table-cell; }
caption         { display: table-caption; }
th              { font-weight: bolder; text-align: center }
caption         { text-align: center }
body            { margin: 0; line-height: 1.2; font-weight: normal; font-style: normal; text-decoration: none; }
h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .75em 0 }
h3              { font-size: 1.17em; margin: .83em 0 }
h4, p, blockquote, q	{ margin: 0 0 1.12em 0 }
p:last-of-type, form, ul, fieldset, form, ol, dl, dir, menu  { margin: 0; }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4, h5, h6, b, strong          { font-weight: bolder }
blockquote, q      { margin-left: 40px; margin-right: 40px; quotes: none; }
i, cite, em, var, address    { font-style: italic }
pre, tt, code, kbd, samp       { font-family: monospace }
pre             { white-space: pre }
button, textarea, input, select   { display: inline-block }
big             { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub             { vertical-align: sub }
sup             { vertical-align: super }
table           { border-collapse: collapse; border-spacing: 0; }
thead, tbody, tfoot           { vertical-align: middle }
td, th, tr      { vertical-align: inherit }
s, strike, del  { text-decoration: line-through }
hr              { border: 1px inset }
ol, ul, dir, menu, dd        { margin-left: 40px }
ol              { list-style-type: decimal }
ol ul, ul ol, ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }
u, ins          { text-decoration: underline }
iframe 			{ background-color: transparent; }
br:before       { content: "\A"; white-space: pre-line }
q:before, q:after { content: ''; }	
center          { text-align: center }
:link, :visited { text-decoration: underline }
:focus          { outline: none }
p { line-height: 1.12em; margin: 0 0 0.72em 0; }
span { line-height: 1.12em; }
td { line-height: normal; }
.ui-draggable { cursor: move; }

body { width: 100%; height: 100%; margin: 0; }
body > .cl-container { position: absolute; top: 50%; left: 50%; display: block; overflow: hidden; -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.clo-BASIC { box-sizing: border-box; overflow: hidden; }
.cl-board-frame { position:absolute; left:0; top: 0; width: inherit; height: inherit; }
.cl-modal-mask { position:absolute; left: 0; top: 0; width: inherit; height: inherit; background-color: #fff; opacity: 0.6; display: none; text-align: center; }
.cl-modal-mask img { position: relative; margin: 250px auto; }
.cl-error-frame { position:absolute; left: 0; top: 0; width: inherit; height: inherit; display: none; }
.cl-error-frame .cl-error-scorm-aborted { display: none; width: 50%; margin: 60px auto; font-family: sans-serif; font-size: 18px; padding: 50px; background-color: #ffc; }
.cl-error-frame .cl-error-aicc-aborted { display: none; width: 50%; margin: 60px auto; font-family: sans-serif; font-size: 18px; padding: 50px; background-color: #ffc; }
.cl-error-frame .cl-error-browser { display: none; width: 50%; margin: 60px auto; font-family: sans-serif; font-size: 18px; padding: 50px; background-color: #ffc; }
.cl-touch-confirm { display: none;}
.cl-lang-strings { display: none;}
.cl-object-debug-msg { position: absolute; z-index: 99999; left: 0; top: 0; width: 50%; height: auto; background-color: #fe9; border: solid 2px #f90; font-family: Tahoma, sans-serif; font-size: 10px; color: #333; padding: 1em; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.cl-object-debug-msg h3 { color: #c00; margin-top: 0; }
.cl-object-debug-msg ul { list-style: square; margin: 0 0 1em 1.5em; }
.cl-object-debug-msg li { line-height: normal !important; }
.cl-object-debug-msg-close { position: absolute; font-size: 2em; right: 0.25em; top: 0.25em; color: #c00; }
.cl-object-debug-msg-close:hover { color: #f90; cursor: pointer; }
.cl-object-warning { position: absolute; left: 0; bottom: 0; box-sizing: border-box; border: solid 1px #f90; background-color: #ff6; font-family: Tahoma, sans-serif; font-size: 10px; padding: 0.5em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Triangle arrows */
.arrow-up { font-size: 0; line-height: 0; width: 0; height: 0; padding: 0; margin: 0; border-left-style: solid; border-left-color: transparent; border-right-style: solid; border-right-color: transparent; border-bottom-style: solid; }
.arrow-down { font-size: 0; line-height: 0; width: 0; height: 0; padding: 0; margin: 0; border-left-style: solid; border-left-color: transparent; border-right-style: solid; border-right-color: transparent; border-top-style: solid; }
.arrow-right { font-size: 0; line-height: 0; width: 0; height: 0; padding: 0; margin: 0; border-top-style: solid; border-top-color: transparent; border-bottom-style: solid; border-bottom-color: transparent; border-left-style: solid; }
.arrow-left { font-size: 0; line-height: 0; width: 0; height: 0; padding: 0; margin: 0; border-top-style: solid; border-top-color: transparent; border-bottom-style: solid; border-bottom-color: transparent; border-right-style: solid; }

.cl-modal-mask { position: absolute; width: inherit; height: inherit; background-color: #000; opacity: 0.5; z-index: 4999; }
.cl-board-clone { position: absolute; width: inherit; height: inherit; background-color: #fff; pointer-events: none; z-index: 50000; }
.close-cross { width: 16px; height: 16px; overflow: hidden; }
.close-cross-top { width: 2px; height: 7px; overflow: hidden; margin: 0 0 0 7px; }
.close-cross-middle { width: 16px; height: 2px; overflow: hidden; margin: 0; }
.close-cross-bottom { width: 2px; height: 7px; overflow: hidden; margin: 0 0 0 7px; }

.cl-drag { cursor: move; }
div.CL-tooltip { position: absolute; background-color: #eeeeee; border: solid 1px #cccccc; padding: 3px; font-family: Tahoma, sans-serif; font-size: 11px; color: #666666; z-index: 12000; }
div.cl-audio-sample-div { position: absolute; background-color: #fff; border: solid 10px #ccc; border-radius: 40px; box-shadow: 0 0 10px rgba(0,0,0,0.8); text-align: center; padding: 30px; z-index: 12000; font-size: 18px; }
div.cl-audio-sample-div div.cl-audio-sample-txt { position: relative; font-family: sans-serif; font-size: 1.2em; text-align: justify; }
div.cl-audio-sample-div audio.cl-audio-sample { position: relative; visibility: hidden; width: 100%; height: 20px; background-color: #ccc; margin: 10px 0; }
div.cl-audio-sample-div input.cl-audio-proceed { position: relative; padding: 10px 20px; background-color: #cfc; border: ridge 3px #363; border-radius: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.5); font-family: sans-serif; font-size: 1.5em; font-weight: bold; color: #363; margin: 10px; }

.cl-audio-container { display: none }
.cl-audio-files-list { position: absolute; left: -10px; top: -10px; width: 1px; height: 1px; overflow: hidden; }
.cl-default-font { font-family: robotoregular, sans-serif; font-size: 32px; }

/***************************/

.unselectable { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.clearfloat 		{ clear: both; height: 0; font-size: 1px; line-height: 0px; overflow: hidden; }
.cl-clickable { cursor: pointer }
.cl-touch-scroll { -webkit-overflow-scrolling: touch; }
.cl-touch-scroll::-webkit-scrollbar { -webkit-appearance: none; }
.cl-touch-scroll::-webkit-scrollbar:vertical { width: 9px; }
.cl-touch-scroll::-webkit-scrollbar:horizontal { height: 9px; }
.cl-touch-scroll::-webkit-scrollbar-thumb { border-radius: 6px; border: 3px solid white; background-color: rgba(0, 0, 0, .6); }

.cl-shape-box { position: absolute; left: 0; top: 0; }
.cl-shape-box .cl-shape-text-box { position: absolute; overflow: hidden; }

div.cl-master, div.cl-slide, div.cl-frame { position: absolute; left: 0; top: 0; width: inherit; height: inherit; display: none;  }
.cl-object { position: absolute; display: none; box-sizing: border-box; outline: none; }
.clo-SHAPE > img, .clo-BASIC > img { display: block; outline: none; }
.clo-BASIC > .cl-evt-wrapper > div[data-state] { line-height: 0 }
.clo-BASIC > .cl-evt-wrapper > div[data-state] div { line-height: initial; }
.clo-BASIC > .cl-evt-wrapper > div[data-state] > img { position: absolute }
.cl-object .cl-state, .cl-object .cl-evt-wrapper, .cl-object .cl-wrapper, .cl-object .container, .cl-object .cl-container { position: absolute; left: 0; top: 0; width: inherit; height: inherit; }
.cl-object .container .cl-holder, .cl-object .cl-container .cl-holder { position: absolute; left: 0; width: inherit; }

.cl-obj > div { box-sizing: border-box; }
.cl-obj { position: absolute; width: inherit; height: inherit; }
.cl-obj .container { position: absolute; top: 0; left: 0; width: inherit; height: inherit; }
.cl-obj .container .cl-holder, .cl-obj .cl-container .cl-holder { position: absolute; left: 0; width: inherit; }
.cl-obj .cl-container { position: absolute; top: 0; left: 0; width: inherit; height: inherit; }

.cl-char { letter-spacing: normal; }
.cl-char-hidden { visibility: hidden; }

.cl-btn-close-object { cursor: pointer; }
/***************************/
.clo-basic_textbox .cl-txt-box-cell-clipped p:last-of-type { overflow-y: hidden; }

.cl-theme-simple {}
/*box, common*/
.cl-theme-simple .cl-outer-box { position: relative; padding: 1px; }
.cl-theme-simple .cl-middle-box { position: relative; padding: 2px; }
.cl-theme-simple .cl-inner-box { position: relative; padding: 1px; }
.cl-theme-simple .cl-txt-container { position: relative; }
.cl-theme-simple .cl-txt-box { position: relative; }
/*balloon*/
.cl-theme-simple .cl-balloon-box-tl, .cl-theme-simple .cl-balloon-box-tc, .cl-theme-simple .cl-balloon-box-tr { margin: 16px 0 0 0; }
.cl-theme-simple .cl-balloon-box-rt, .cl-theme-simple .cl-balloon-box-rm, .cl-theme-simple .cl-balloon-box-rb { margin: 0 16px 0 0; }
.cl-theme-simple .cl-balloon-box-bl, .cl-theme-simple .cl-balloon-box-bc, .cl-theme-simple .cl-balloon-box-br { margin: 0 0 16px 0; }
.cl-theme-simple .cl-balloon-box-lt, .cl-theme-simple .cl-balloon-box-lm, .cl-theme-simple .cl-balloon-box-lb { margin: 0 0 0 16px; }
.cl-theme-simple .cl-arrow { position: absolute; width: 20px; height: 20px; }
.cl-theme-simple .cl-arrow-tl { left: 12px; top: 0; }
.cl-theme-simple .cl-arrow-tc { left: 50%; top: 0; margin: 0 0 0 -8.5px; }
.cl-theme-simple .cl-arrow-tr { right: 12px; top: 0; }
.cl-theme-simple .cl-arrow-bl { left: 12px; bottom: 0; }
.cl-theme-simple .cl-arrow-bc { left: 50%; bottom: 0; margin: 0 0 0 -8.5px; }
.cl-theme-simple .cl-arrow-br { right: 12px; bottom: 0; }
.cl-theme-simple .cl-arrow-lt { left: 0; top: 12px; }
.cl-theme-simple .cl-arrow-lm { left: 0; top: 50%; margin: -8.5px 0 0 0; }
.cl-theme-simple .cl-arrow-lb { left: 0; bottom: 12px; }
.cl-theme-simple .cl-arrow-rt { right: 0; top: 12px; }
.cl-theme-simple .cl-arrow-rm { right: 0; top: 50%; margin: -8.5px 0 0 0; }
.cl-theme-simple .cl-arrow-rb { right: 0; bottom: 12px; }
.cl-theme-simple .cl-arrow-triangle { position: absolute; overflow: hidden; width: 0; height: 0; border-style: solid; }
.cl-theme-simple .cl-arrow-tl .cl-arrow-outer { left: 0; top: 0; border-width: 17px 0 0 17px; }
.cl-theme-simple .cl-arrow-tc .cl-arrow-outer { left: 0; top: 0; border-width: 0 8.5px 17px 8.5px; }
.cl-theme-simple .cl-arrow-tr .cl-arrow-outer { right: 0; top: 0; border-width: 0 0 17px 17px; }
.cl-theme-simple .cl-arrow-bl .cl-arrow-outer { left: 0; bottom: 0; border-width: 17px 17px 0 0; }
.cl-theme-simple .cl-arrow-bc .cl-arrow-outer { left: 0; bottom: 0; border-width: 17px 8.5px 0 8.5px; }
.cl-theme-simple .cl-arrow-br .cl-arrow-outer { right: 0; bottom: 0; border-width: 0 17px 17px 0; }
.cl-theme-simple .cl-arrow-lt .cl-arrow-outer { left: 0; top: 0; border-width: 0 17px 17px 0; }
.cl-theme-simple .cl-arrow-lm .cl-arrow-outer { left: 0; top: 0; border-width: 8.5px 17px 8.5px 0; }
.cl-theme-simple .cl-arrow-lb .cl-arrow-outer { left: 0; bottom: 0; border-width: 0 0 17px 17px; }
.cl-theme-simple .cl-arrow-rt .cl-arrow-outer { right: 0; top: 0; border-width: 17px 17px 0 0; }
.cl-theme-simple .cl-arrow-rm .cl-arrow-outer { right: 0; top: 0; border-width: 8.5px 0 8.5px 17px; }
.cl-theme-simple .cl-arrow-rb .cl-arrow-outer { right: 0; bottom: 0; border-width: 17px 0 0 17px; }
.cl-theme-simple .cl-arrow-tl .cl-arrow-middle { left: 1px; top: 2px; border-width: 17px 0 0 17px; }
.cl-theme-simple .cl-arrow-tc .cl-arrow-middle { left: 0; top: 2px; border-width: 0 8.5px 17px 8.5px; }
.cl-theme-simple .cl-arrow-tr .cl-arrow-middle { right: 1px; top: 2px; border-width: 0 0 17px 17px; }
.cl-theme-simple .cl-arrow-bl .cl-arrow-middle { left: 1px; bottom: 2px; border-width: 17px 17px 0 0; }
.cl-theme-simple .cl-arrow-bc .cl-arrow-middle { left: 0; bottom: 2px; border-width: 17px 8.5px 0 8.5px; }
.cl-theme-simple .cl-arrow-br .cl-arrow-middle { right: 1px; bottom: 2px; border-width: 0 17px 17px 0; }
.cl-theme-simple .cl-arrow-lt .cl-arrow-middle { left: 2px; top: 1px; border-width: 0 17px 17px 0; }
.cl-theme-simple .cl-arrow-lm .cl-arrow-middle { left: 2px; top: 0; border-width: 8.5px 17px 8.5px 0; }
.cl-theme-simple .cl-arrow-lb .cl-arrow-middle { left: 2px; bottom: 1px; border-width: 0 0 17px 17px; }
.cl-theme-simple .cl-arrow-rt .cl-arrow-middle { right: 2px; top: 1px; border-width: 17px 17px 0 0; }
.cl-theme-simple .cl-arrow-rm .cl-arrow-middle { right: 2px; top: 0; border-width: 8.5px 0 8.5px 17px; }
.cl-theme-simple .cl-arrow-rb .cl-arrow-middle { right: 2px; bottom: 1px; border-width: 17px 0 0 17px; }
.cl-theme-simple .cl-arrow-tl .cl-arrow-inner { left: 3px; top: 7px; border-width: 13px 0 0 13px; }
.cl-theme-simple .cl-arrow-tc .cl-arrow-inner { left: 2px; top: 7px; border-width: 0 6.5px 13px 6.5px; }
.cl-theme-simple .cl-arrow-tr .cl-arrow-inner { right: 3px; top: 7px; border-width: 0 0 13px 13px; }
.cl-theme-simple .cl-arrow-bl .cl-arrow-inner { left: 3px; bottom: 7px; border-width: 13px 13px 0 0; }
.cl-theme-simple .cl-arrow-bc .cl-arrow-inner { left: 2px; bottom: 7px; border-width: 13px 6.5px 0 6.5px; }
.cl-theme-simple .cl-arrow-br .cl-arrow-inner { right: 3px; bottom: 7px; border-width: 0 13px 13px 0; }
.cl-theme-simple .cl-arrow-lt .cl-arrow-inner { left: 7px; top: 3px; border-width: 0 13px 13px 0; }
.cl-theme-simple .cl-arrow-lm .cl-arrow-inner { left: 7px; top: 2px; border-width: 6.5px 13px 6.5px 0; }
.cl-theme-simple .cl-arrow-lb .cl-arrow-inner { left: 7px; bottom: 3px; border-width: 0 0 13px 13px; }
.cl-theme-simple .cl-arrow-rt .cl-arrow-inner { right: 7px; top: 3px; border-width: 13px 13px 0 0; }
.cl-theme-simple .cl-arrow-rm .cl-arrow-inner { right: 7px; top: 2px; border-width: 6.5px 0 6.5px 13px; }
.cl-theme-simple .cl-arrow-rb .cl-arrow-inner { right: 7px; bottom: 3px; border-width: 13px 0 0 13px; }
.cl-theme-simple .cl-arrow-tl .cl-arrow-box { left: 4px; top: 9px; border-width: 11px 0 0 11px; }
.cl-theme-simple .cl-arrow-tc .cl-arrow-box { left: 3px; top: 9px; border-width: 0 5.5px 11px 5.5px; }
.cl-theme-simple .cl-arrow-tr .cl-arrow-box { right: 4px; top: 9px; border-width: 0 0 11px 11px; }
.cl-theme-simple .cl-arrow-bl .cl-arrow-box { left: 4px; bottom: 9px; border-width: 11px 11px 0 0; }
.cl-theme-simple .cl-arrow-bc .cl-arrow-box { left: 3px; bottom: 9px; border-width: 11px 5.5px 0 5.5px; }
.cl-theme-simple .cl-arrow-br .cl-arrow-box { right: 4px; bottom: 9px; border-width: 0 11px 11px 0; }
.cl-theme-simple .cl-arrow-lt .cl-arrow-box { left: 9px; top: 4px; border-width: 0 11px 11px 0; }
.cl-theme-simple .cl-arrow-lm .cl-arrow-box { left: 9px; top: 3px; border-width: 5.5px 11px 5.5px 0; }
.cl-theme-simple .cl-arrow-lb .cl-arrow-box { left: 9px; bottom: 4px; border-width: 0 0 11px 11px; }
.cl-theme-simple .cl-arrow-rt .cl-arrow-box { right: 9px; top: 4px; border-width: 11px 11px 0 0; }
.cl-theme-simple .cl-arrow-rm .cl-arrow-box { right: 9px; top: 3px; border-width: 5.5px 0 5.5px 11px; }
.cl-theme-simple .cl-arrow-rb .cl-arrow-box { right: 9px; bottom: 4px; border-width: 11px 0 0 11px; }
/*popup*/
.cl-theme-simple .cl-header-box { position: relative; padding: 0; }
.cl-theme-simple .cl-header-table { position: relative; width: 100%; border-spacing: 0; }
.cl-theme-simple .cl-header-td { vertical-align: middle; }
.cl-theme-simple .cl-header-txt-box { width: 100%; text-align: center; }
.cl-theme-simple .cl-header-btn-box { text-align: right; }
.cl-theme-simple .cl-header-close-btn { cursor: pointer; position: relative; margin: 0; line-height: 0.6em; font-family: Arial, sans-serif; font-size: 24px; font-weight: bold; -webkit-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -khtml-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; }
.cl-theme-simple .cl-header-close-btn:hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -khtml-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
/*list*/
.cl-theme-simple .cl-list-table { border-spacing: 0; width: 100%; }
.cl-theme-simple .cl-mark-container { position: relative; padding: 0; min-width: 30px; padding: 10px 10px 10px 6px; text-align: center; }
.cl-theme-simple .cl-mark-box { position: relative; width: inherit; height: 18px; text-align: center; }
.cl-theme-simple .cl-item-mark-txt { position: relative; margin: 0 auto; text-align: center; width: inherit; height: 18px; font-size: 18px; font-family: Arial, sans-serif; text-shadow: 1px 1px 2px #fff; font-weight: bolder; text-align: center; }
.cl-theme-simple .cl-item-mark-svg { position: relative; margin: 0 auto; width: 18px; height: 18px; }
.cl-theme-simple .cl-btn-container { padding: 0; }
.cl-theme-simple .cl-btn-html { cursor: pointer; position: relative; border-style: solid; border-width: 3px; padding: 5px 10px;  }


.cl-theme-light {}
/*box, common*/
.cl-theme-light .cl-outer-box { position: relative; border-style: solid; border-width: 1px; }
.cl-theme-light .cl-inner-box { position: relative; }
.cl-theme-light .cl-txt-container { position: relative; }
.cl-theme-light .cl-txt-box { position: relative; }
/*balloon*/
.cl-theme-light .cl-balloon-box-tl, .cl-theme-light .cl-balloon-box-tc, .cl-theme-light .cl-balloon-box-tr { margin: 8px 0 0 0; }
.cl-theme-light .cl-balloon-box-rt, .cl-theme-light .cl-balloon-box-rm, .cl-theme-light .cl-balloon-box-rb { margin: 0 8px 0 0; }
.cl-theme-light .cl-balloon-box-bl, .cl-theme-light .cl-balloon-box-bc, .cl-theme-light .cl-balloon-box-br { margin: 0 0 8px 0; }
.cl-theme-light .cl-balloon-box-lt, .cl-theme-light .cl-balloon-box-lm, .cl-theme-light .cl-balloon-box-lb { margin: 0 0 0 8px; }
.cl-theme-light .cl-arrow { position: absolute; }
.cl-theme-light .cl-arrow-tl { width: 19px; height: 9px; left: 10px; top: 0; }
.cl-theme-light .cl-arrow-tc { width: 19px; height: 9px; left: 50%; top: 0; margin: 0 0 0 -9.5px; }
.cl-theme-light .cl-arrow-tr { width: 19px; height: 9px; right: 10px; top: 0; }
.cl-theme-light .cl-arrow-bl { width: 19px; height: 9px; left: 10px; bottom: 0; }
.cl-theme-light .cl-arrow-bc { width: 19px; height: 9px; left: 50%; bottom: 0; margin: 0 0 0 -9.5px; }
.cl-theme-light .cl-arrow-br { width: 19px; height: 9px; right: 10px; bottom: 0; }
.cl-theme-light .cl-arrow-lt { width: 9px; height: 19px; left: 0; top: 10px; }
.cl-theme-light .cl-arrow-lm { width: 9px; height: 19px; left: 0; top: 50%; margin: -9.5px 0 0 0; }
.cl-theme-light .cl-arrow-lb { width: 9px; height: 19px; left: 0; bottom: 10px; }
.cl-theme-light .cl-arrow-rt { width: 9px; height: 19px; right: 0; top: 10px; }
.cl-theme-light .cl-arrow-rm { width: 9px; height: 19px; right: 0; top: 50%; margin: -9.5px 0 0 0; }
.cl-theme-light .cl-arrow-rb { width: 9px; height: 19px; right: 0; bottom: 10px; }
.cl-theme-light .cl-arrow-triangle { position: absolute; overflow: hidden; width: 0; height: 0; border-style: solid; }
.cl-theme-light .cl-arrow-tl .cl-arrow-outer, .cl-theme-light .cl-arrow-tc .cl-arrow-outer, .cl-theme-light .cl-arrow-tr .cl-arrow-outer { left: 0; top: 0; border-width: 0 9.5px 9px 9.5px; }
.cl-theme-light .cl-arrow-bl .cl-arrow-outer, .cl-theme-light .cl-arrow-bc .cl-arrow-outer, .cl-theme-light .cl-arrow-br .cl-arrow-outer { left: 0; bottom: 0; border-width: 9px 9.5px 0 9.5px; }
.cl-theme-light .cl-arrow-lt .cl-arrow-outer, .cl-theme-light .cl-arrow-lm .cl-arrow-outer, .cl-theme-light .cl-arrow-lb .cl-arrow-outer { left: 0; top: 0; border-width: 9.5px 9px 9.5px 0; }
.cl-theme-light .cl-arrow-rt .cl-arrow-outer, .cl-theme-light .cl-arrow-rm .cl-arrow-outer, .cl-theme-light .cl-arrow-rb .cl-arrow-outer { right: 0; top: 0; border-width: 9.5px 0 9.5px 9px; }
.cl-theme-light .cl-arrow-tl .cl-arrow-box, .cl-theme-light .cl-arrow-tc .cl-arrow-box, .cl-theme-light .cl-arrow-tr .cl-arrow-box { left: 1px; top: 1px; border-width: 0 8.5px 8px 8.5px; }
.cl-theme-light .cl-arrow-bl .cl-arrow-box, .cl-theme-light .cl-arrow-bc .cl-arrow-box, .cl-theme-light .cl-arrow-br .cl-arrow-box { left: 1px; bottom: 1px; border-width: 8px 8.5px 0 8.5px; }
.cl-theme-light .cl-arrow-lt .cl-arrow-box, .cl-theme-light .cl-arrow-lm .cl-arrow-box, .cl-theme-light .cl-arrow-lb .cl-arrow-box { left: 1px; top: 1px; border-width: 8.5px 8px 8.5px 0; }
.cl-theme-light .cl-arrow-rt .cl-arrow-box, .cl-theme-light .cl-arrow-rm .cl-arrow-box, .cl-theme-light .cl-arrow-rb .cl-arrow-box { right: 1px; top: 1px; border-width: 8.5px 0 8.5px 8px; }
/*popup*/
.cl-theme-light .cl-header-box { position: relative; }
.cl-theme-light .cl-header-table { position: relative; width: 100%; border-spacing: 0; }
.cl-theme-light .cl-header-td { vertical-align: middle; }
.cl-theme-light .cl-header-txt-box { width: 100%; text-align: center; }
.cl-theme-light .cl-header-btn-box { text-align: right; }
.cl-theme-light .cl-header-close-btn { cursor: pointer; position: relative; margin: 0; line-height: 0.6em; padding: 5px 0 0 0; font-family: Arial, sans-serif; font-size: 24px; -webkit-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -khtml-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; }
.cl-theme-light .cl-header-close-btn:hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -khtml-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
/*list*/
.cl-theme-light .cl-list-table { width: 100%; border-spacing: 0; }
.cl-theme-light .cl-mark-container { position: relative; text-align: center; border-style: solid; border-width: 0 1px 0 0; min-width: 30px; padding: 10px; }
.cl-theme-light .cl-mark-box { position: relative; width: inherit; height: 18px; }
.cl-theme-light .cl-item-mark-txt { position: relative; text-align: center; width: inherit; height: 18px; font-size: 18px; font-family: Arial, sans-serif; text-shadow: 1px 1px 2px #fff; font-weight: bolder; text-align: center; }
.cl-theme-light .cl-item-mark-svg { position: relative; width: 18px; height: 18px; margin: auto; }
.cl-theme-light .cl-btn-container { padding: 0; }
.cl-theme-light .cl-btn-html { cursor: pointer; position: relative; border-style: solid; border-width: 1px; padding: 5px 10px !important; }
/*nav-window*/

.cl-theme-standard {}
/*box, common*/
.cl-theme-standard .cl-outer-box { position: relative; border-style: solid; border-width: 2px; }
.cl-theme-standard .cl-inner-box { position: relative; border: none; padding: 0; }
.cl-theme-standard .cl-txt-container { position: relative; }
.cl-theme-standard .cl-txt-box { position: relative; border: none; }
/*balloon*/
.cl-theme-standard .cl-balloon-box-tl, .cl-theme-standard .cl-balloon-box-tc, .cl-theme-standard .cl-balloon-box-tr { margin: 40px 0 0 0; }
.cl-theme-standard .cl-balloon-box-rt, .cl-theme-standard .cl-balloon-box-rm, .cl-theme-standard .cl-balloon-box-rb { margin: 0 40px 0 0; }
.cl-theme-standard .cl-balloon-box-bl, .cl-theme-standard .cl-balloon-box-bc, .cl-theme-standard .cl-balloon-box-br { margin: 0 0 40px 0; }
.cl-theme-standard .cl-balloon-box-lt, .cl-theme-standard .cl-balloon-box-lm, .cl-theme-standard .cl-balloon-box-lb { margin: 0 0 0 40px; }
.cl-theme-standard .cl-arrow { position: absolute; }
.cl-theme-standard .cl-arrow-tl { width: 16px; height: 40px; left: 10px; top: 0; }
.cl-theme-standard .cl-arrow-tc { width: 16px; height: 40px; left: 50%; top: 0; margin: 0 0 0 -8px; }
.cl-theme-standard .cl-arrow-tr { width: 16px; height: 40px; right: 10px; top: 0; }
.cl-theme-standard .cl-arrow-bl { width: 16px; height: 40px; left: 10px; bottom: 0; }
.cl-theme-standard .cl-arrow-bc { width: 16px; height: 40px; left: 50%; bottom: 0; margin: 0 0 0 -8px; }
.cl-theme-standard .cl-arrow-br { width: 16px; height: 40px; right: 10px; bottom: 0; }
.cl-theme-standard .cl-arrow-lt { width: 40px; height: 16px; left: 0; top: 10px; }
.cl-theme-standard .cl-arrow-lm { width: 40px; height: 16px; left: 0; top: 50%; margin: -8px 0 0 0; }
.cl-theme-standard .cl-arrow-lb { width: 40px; height: 16px; left: 0; bottom: 10px; }
.cl-theme-standard .cl-arrow-rt { width: 40px; height: 16px; right: 0; top: 10px; }
.cl-theme-standard .cl-arrow-rm { width: 40px; height: 16px; right: 0; top: 50%; margin: -8px 0 0 0; }
.cl-theme-standard .cl-arrow-rb { width: 40px; height: 16px; right: 0; bottom: 10px; }
.cl-theme-standard .cl-arrow-triangle { position: absolute; overflow: hidden; width: 0; height: 0; border-style: solid; }
.cl-theme-standard .cl-arrow-tl .cl-arrow-outer { left: 0; top: 0; border-width: 40px 0 0 16px; }
.cl-theme-standard .cl-arrow-tc .cl-arrow-outer { left: 0; top: 0; border-width: 0 8px 40px 8px; }
.cl-theme-standard .cl-arrow-tr .cl-arrow-outer { right: 0; top: 0; border-width: 0 0 40px 16px; }
.cl-theme-standard .cl-arrow-bl .cl-arrow-outer { left: 0; bottom: 0; border-width: 40px 16px 0 0; }
.cl-theme-standard .cl-arrow-bc .cl-arrow-outer { left: 0; bottom: 0; border-width: 40px 8px 0 8px; }
.cl-theme-standard .cl-arrow-br .cl-arrow-outer { right: 0; bottom: 0; border-width: 0 16px 40px 0; }
.cl-theme-standard .cl-arrow-lt .cl-arrow-outer { left: 0; top: 0; border-width: 0 40px 16px 0; }
.cl-theme-standard .cl-arrow-lm .cl-arrow-outer { left: 0; top: 0; border-width: 8px 40px 8px 0; }
.cl-theme-standard .cl-arrow-lb .cl-arrow-outer { left: 0; bottom: 0; border-width: 0 0 16px 40px; }
.cl-theme-standard .cl-arrow-rt .cl-arrow-outer { right: 0; top: 0; border-width: 16px 40px 0 0; }
.cl-theme-standard .cl-arrow-rm .cl-arrow-outer { right: 0; top: 0; border-width: 8px 0 8px 40px; }
.cl-theme-standard .cl-arrow-rb .cl-arrow-outer { right: 0; bottom: 0; border-width: 16px 0 0 40px; }
/*popup*/
.cl-theme-standard .cl-header-box { position: relative; border: none; padding: 0; }
.cl-theme-standard .cl-header-table { position: relative; width: 100%; border-spacing: 0; }
.cl-theme-standard .cl-header-td { vertical-align: middle; }
.cl-theme-standard .cl-header-txt-box { width: 100%; text-align: center; }
.cl-theme-standard .cl-header-btn-box { text-align: right; }
.cl-theme-standard .cl-header-close-btn { cursor: pointer; position: relative; margin: 0; line-height: 0.6em; padding: 5px 0 0 0; font-family: Arial, sans-serif; font-size: 24px; font-weight: bold; -webkit-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -khtml-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; }
.cl-theme-standard .cl-header-close-btn:hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -khtml-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
/*list*/
.cl-theme-standard .cl-list-table { width: 100%; border-spacing: 0; }
.cl-theme-standard .cl-mark-container { position: relative; text-align: center; border-style: none; border-width: 0; min-width: 30px; padding: 12px 6px; }
.cl-theme-standard .cl-mark-box { position: relative; width: inherit; height: 18px; }
.cl-theme-standard .cl-item-mark-txt { position: relative; text-align: center; width: inherit; height: 18px; font-size: 18px; font-family: Arial, sans-serif; text-shadow: 1px 1px 2px #fff; font-weight: bolder; text-align: center; }
.cl-theme-standard .cl-item-mark-svg { position: relative; width: 18px; height: 18px; margin: auto; }
.cl-theme-standard .cl-btn-container { padding: 0; }
.cl-theme-standard .cl-btn-html { cursor: pointer; position: relative; border-style: solid; border-width: 2px; padding: 5px 10px; }


.cl-theme-idea {}
.cl-theme-idea .cl-outer-box { position: relative; border-style: solid; border-width: 2px; }
.cl-theme-idea .cl-txt-box { position: relative; border: none; }
.cl-theme-idea .cl-balloon-box-tl, .cl-theme-idea .cl-balloon-box-tc, .cl-theme-idea .cl-balloon-box-tr { margin: 45px 0 0 0; }
.cl-theme-idea .cl-balloon-box-rt, .cl-theme-idea .cl-balloon-box-rm, .cl-theme-idea .cl-balloon-box-rb { margin: 0 65px 0 0; }
.cl-theme-idea .cl-balloon-box-bl, .cl-theme-idea .cl-balloon-box-bc, .cl-theme-idea .cl-balloon-box-br { margin: 0 0 45px 0; }
.cl-theme-idea .cl-balloon-box-lt, .cl-theme-idea .cl-balloon-box-lm, .cl-theme-idea .cl-balloon-box-lb { margin: 0 0 0 65px; }
.cl-theme-idea .cl-arrow { position: absolute; width: 65px; height: 45px; }
.cl-theme-idea .cl-arrow-tl { left: 0; top: 0; }
.cl-theme-idea .cl-arrow-tc { left: 50%; top: 0; margin: 0 0 0 -32.5px; }
.cl-theme-idea .cl-arrow-tr { right: 0; top: 0; }
.cl-theme-idea .cl-arrow-bl { left: 0; bottom: 0; }
.cl-theme-idea .cl-arrow-bc { left: 50%; bottom: 0; margin: 0 0 0 -32.5px; }
.cl-theme-idea .cl-arrow-br { right: 0; bottom: 0; }
.cl-theme-idea .cl-arrow-lt { left: 0; top: 0; }
.cl-theme-idea .cl-arrow-lm { left: 0; top: 50%; margin: -22.5px 0 0 0; }
.cl-theme-idea .cl-arrow-lb { left: 0; bottom: 0; }
.cl-theme-idea .cl-arrow-rt { right: 0; top: 0; }
.cl-theme-idea .cl-arrow-rm { right: 0; top: 50%; margin: -22.5px 0 0 0; }
.cl-theme-idea .cl-arrow-rb { right: 0; bottom: 0; }
.cl-theme-idea .cl-bubble { position: absolute; overflow: hidden; border-style: solid; border-width: 2px; }
.cl-theme-idea .cl-arrow-tl .cl-bubble-large { width: 23px; height: 14px; left: 29px; top: 22px; }
.cl-theme-idea .cl-arrow-tc .cl-bubble-large { width: 24px; height: 13px; left: 50%; top: 25px; margin: 0 0 0 -12px; }
.cl-theme-idea .cl-arrow-tr .cl-bubble-large { width: 23px; height: 14px; right: 29px; top: 22px; }
.cl-theme-idea .cl-arrow-bl .cl-bubble-large { width: 23px; height: 14px; left: 29px; bottom: 22px; }
.cl-theme-idea .cl-arrow-bc .cl-bubble-large { width: 24px; height: 13px; left: 50%; bottom: 25px; margin: 0 0 0 -12px; }
.cl-theme-idea .cl-arrow-br .cl-bubble-large { width: 23px; height: 14px; right: 29px; bottom: 22px; }
.cl-theme-idea .cl-arrow-lt .cl-bubble-large { width: 23px; height: 14px; left: 33px; top: 15px; }
.cl-theme-idea .cl-arrow-lm .cl-bubble-large { width: 21px; height: 17px; left: 35px; top: 50%; margin: -8.5px 0 0 0; }
.cl-theme-idea .cl-arrow-lb .cl-bubble-large { width: 23px; height: 14px; left: 33px; bottom: 15px; }
.cl-theme-idea .cl-arrow-rt .cl-bubble-large { width: 23px; height: 14px; right: 33px; top: 15px; }
.cl-theme-idea .cl-arrow-rm .cl-bubble-large { width: 21px; height: 17px; right: 35px; top: 50%; margin: -8.5px 0 0 0; }
.cl-theme-idea .cl-arrow-rb .cl-bubble-large { width: 23px; height: 14px; right: 33px; bottom: 15px; }
.cl-theme-idea .cl-arrow-tl .cl-bubble-medium { width: 13px; height: 9px; left: 16px; top: 8px; }
.cl-theme-idea .cl-arrow-tc .cl-bubble-medium { width: 14px; height: 9px; left: 50%; top: 10px; margin: 0 0 0 -7px; }
.cl-theme-idea .cl-arrow-tr .cl-bubble-medium { width: 13px; height: 9px; right: 16px; top: 8px; }
.cl-theme-idea .cl-arrow-bl .cl-bubble-medium { width: 13px; height: 9px; left: 16px; bottom: 8px; }
.cl-theme-idea .cl-arrow-bc .cl-bubble-medium { width: 14px; height: 9px; left: 50%; bottom: 10px; margin: 0 0 0 -7px; }
.cl-theme-idea .cl-arrow-br .cl-bubble-medium { width: 13px; height: 9px; right: 16px; bottom: 8px; }
.cl-theme-idea .cl-arrow-lt .cl-bubble-medium { width: 13px; height: 9px; left: 12px; top: 10px; }
.cl-theme-idea .cl-arrow-lm .cl-bubble-medium { width: 11px; height: 10px; left: 16px; top: 50%; margin: -5px 0 0 0;}
.cl-theme-idea .cl-arrow-lb .cl-bubble-medium { width: 13px; height: 9px; left: 12px; bottom: 10px; }
.cl-theme-idea .cl-arrow-rt .cl-bubble-medium { width: 13px; height: 9px; right: 12px; top: 10px; }
.cl-theme-idea .cl-arrow-rm .cl-bubble-medium { width: 11px; height: 10px; right: 16px; top: 50%; margin: -5px 0 0 0; }
.cl-theme-idea .cl-arrow-rb .cl-bubble-medium { width: 13px; height: 9px; right: 12px; bottom: 10px; }
.cl-theme-idea .cl-arrow-tl .cl-bubble-small { width: 10px; height: 6px; left: 0; top: 0; }
.cl-theme-idea .cl-arrow-tc .cl-bubble-small { width: 7px; height: 3px; left: 50%; top: 0; margin: 0 0 0 -3.5px; }
.cl-theme-idea .cl-arrow-tr .cl-bubble-small { width: 10px; height: 6px; right: 0; top: 0; }
.cl-theme-idea .cl-arrow-bl .cl-bubble-small { width: 10px; height: 6px; left: 0; bottom: 0; }
.cl-theme-idea .cl-arrow-bc .cl-bubble-small { width: 7px; height: 3px; left: 50%; bottom: 0; margin: 0 0 0 -3.5px; }
.cl-theme-idea .cl-arrow-br .cl-bubble-small { width: 10px; height: 6px; right: 0; bottom: 0; }
.cl-theme-idea .cl-arrow-lt .cl-bubble-small { width: 10px; height: 6px; left: 0; top: 0; }
.cl-theme-idea .cl-arrow-lm .cl-bubble-small { width: 9px; height: 5px; left: 0; top: 50%; margin: -2.5px 0 0 0; }
.cl-theme-idea .cl-arrow-lb .cl-bubble-small { width: 10px; height: 6px; left: 0; bottom: 0; }
.cl-theme-idea .cl-arrow-rt .cl-bubble-small { width: 10px; height: 6px; right: 0; top: 0; }
.cl-theme-idea .cl-arrow-rm .cl-bubble-small { width: 9px; height: 5px; right: 0; top: 50%; margin: -2.5px 0 0 0; }
.cl-theme-idea .cl-arrow-rb .cl-bubble-small { width: 10px; height: 6px; right: 0; bottom: 0; }

.cl-theme-curve {}
/*box,common*/
.cl-theme-curve .cl-div-rounded { position: relative; padding: 1px; }
.cl-theme-curve .cl-txt-container { position: relative; }
.cl-theme-curve .cl-txt-box { position: relative; }
/*balloon*/
.cl-theme-curve .cl-balloon-box-tl, .cl-theme-curve .cl-balloon-box-tc, .cl-theme-curve .cl-balloon-box-tr { margin: 23px 0 0 0; }
.cl-theme-curve .cl-balloon-box-rt, .cl-theme-curve .cl-balloon-box-rm, .cl-theme-curve .cl-balloon-box-rb { margin: 0 23px 0 0; }
.cl-theme-curve .cl-balloon-box-bl, .cl-theme-curve .cl-balloon-box-bc, .cl-theme-curve .cl-balloon-box-br { margin: 0 0 23px 0; }
.cl-theme-curve .cl-balloon-box-lt, .cl-theme-curve .cl-balloon-box-lm, .cl-theme-curve .cl-balloon-box-lb { margin: 0 0 0 23px; }
.cl-theme-curve .cl-arrow-triangle { position: absolute; overflow: hidden; width: 0; height: 0; border-style: solid; }
.cl-theme-curve .cl-arrow { position: absolute; width: 30px; height: 30px; }
.cl-theme-curve .cl-arrow-tl { left: 30px; top: 0; }
.cl-theme-curve .cl-arrow-tc { left: 50%; top: 0; margin: 0 0 0 -11.5px; }
.cl-theme-curve .cl-arrow-tr { right: 30px; top: 0; }
.cl-theme-curve .cl-arrow-bl { left: 30px; bottom: 0; }
.cl-theme-curve .cl-arrow-bc { left: 50%; bottom: 0; margin: 0 0 0 -11.5px; }
.cl-theme-curve .cl-arrow-br { right: 30px; bottom: 0; }
.cl-theme-curve .cl-arrow-lt { left: 0; top: 30px; }
.cl-theme-curve .cl-arrow-lm { left: 0; top: 50%; margin: -11.5px 0 0 0; }
.cl-theme-curve .cl-arrow-lb { left: 0; bottom: 30px; }
.cl-theme-curve .cl-arrow-rt { right: 0; top: 30px; }
.cl-theme-curve .cl-arrow-rm { right: 0; top: 50%; margin: -11.5px 0 0 0; }
.cl-theme-curve .cl-arrow-rb { right: 0; bottom: 30px; }
.cl-theme-curve .cl-arrow-tl .cl-arrow-box { left: 0; top: 0; border-width: 23px 0 0 23px; }
.cl-theme-curve .cl-arrow-tc .cl-arrow-box { left: 0; top: 0; border-width: 0 11.5px 23px 11.5px; }
.cl-theme-curve .cl-arrow-tr .cl-arrow-box { right: 0; top: 0; border-width: 0 0 23px 23px; }
.cl-theme-curve .cl-arrow-bl .cl-arrow-box { left: 0; bottom: 0; border-width: 23px 23px 0 0; }
.cl-theme-curve .cl-arrow-bc .cl-arrow-box { left: 0; bottom: 0; border-width: 23px 11.5px 0 11.5px; }
.cl-theme-curve .cl-arrow-br .cl-arrow-box { right: 0; bottom: 0; border-width: 0 23px 23px 0; }
.cl-theme-curve .cl-arrow-lt .cl-arrow-box { left: 0; top: 0; border-width: 0 23px 23px 0; }
.cl-theme-curve .cl-arrow-lm .cl-arrow-box { left: 0; top: 0; border-width: 11.5px 23px 11.5px 0; }
.cl-theme-curve .cl-arrow-lb .cl-arrow-box { left: 0px; bottom: 0; border-width: 0 0 23px 23px; }
.cl-theme-curve .cl-arrow-rt .cl-arrow-box { right: 0; top: 1px; border-width: 23px 23px 0 0; }
.cl-theme-curve .cl-arrow-rm .cl-arrow-box { right: 0; top: 1px; border-width: 11.5px 0 11.5px 23px; }
.cl-theme-curve .cl-arrow-rb .cl-arrow-box { right: 0; bottom: 0; border-width: 23px 0 0 23px; }
/*popup*/
.cl-theme-curve .cl-hr { position: relative; height: 0; overflow: hidden; border-style: dotted; border-width: 1px 0 0 0; }
.cl-theme-curve .cl-header-box { position: relative; border: none; padding: 0; }
.cl-theme-curve .cl-header-table { position: relative; width: 100%; border-spacing: 0; }
.cl-theme-curve .cl-header-td { vertical-align: middle; }
.cl-theme-curve .cl-header-txt-box { width: 100%; text-align: center; }
.cl-theme-curve .cl-header-btn-box { text-align: right; }
.cl-theme-curve .cl-header-close-btn { cursor: pointer; position: relative; margin: 0; line-height: 0.6em; padding: 5px 0 0 0; font-family: Arial, sans-serif; font-size: 24px; font-weight: bold; -webkit-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -khtml-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; }
.cl-theme-curve .cl-header-close-btn:hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -khtml-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
/*list*/
.cl-theme-curve .cl-list-table { width: 100%; border-spacing: 0; }
.cl-theme-curve .cl-mark-container { position: relative; text-align: center; border-style: dotted; border-width: 0 1px 0 0; min-width: 30px; padding: 10px; }
.cl-theme-curve .cl-mark-box { position: relative; width: inherit; height: 18px; }
.cl-theme-curve .cl-item-mark-txt { position: relative; text-align: center; width: inherit; height: 18px; font-size: 18px; font-family: Arial, sans-serif; text-shadow: 1px 1px 2px #fff; font-weight: bolder; text-align: center; }
.cl-theme-curve .cl-item-mark-svg { position: relative; width: 18px; height: 18px; margin: auto; }
.cl-theme-curve .cl-btn-container { padding: 0; }
.cl-theme-curve .cl-btn-html { cursor: pointer; position: relative; padding: 6px 10px; font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; border-style: solid; border-width: 1px; }

.cl-theme-gradient {}
/*box,common*/
.cl-theme-gradient .cl-div-rounded { position: relative; padding: 1px; }
.cl-theme-gradient .cl-inner-box { position: relative; padding: 0; }
.cl-theme-gradient .cl-txt-container { position: relative; }
.cl-theme-gradient .cl-txt-box { position: relative; }
/*balloon*/
.cl-theme-gradient .cl-balloon-box-tl, .cl-theme-gradient .cl-balloon-box-tc, .cl-theme-gradient .cl-balloon-box-tr { margin: 20px 0 0 0; }
.cl-theme-gradient .cl-balloon-box-rt, .cl-theme-gradient .cl-balloon-box-rm, .cl-theme-gradient .cl-balloon-box-rb { margin: 0 20px 0 0; }
.cl-theme-gradient .cl-balloon-box-bl, .cl-theme-gradient .cl-balloon-box-bc, .cl-theme-gradient .cl-balloon-box-br { margin: 0 0 20px 0; }
.cl-theme-gradient .cl-balloon-box-lt, .cl-theme-gradient .cl-balloon-box-lm, .cl-theme-gradient .cl-balloon-box-lb { margin: 0 0 0 20px; }
.cl-theme-gradient .cl-arrow-triangle { position: absolute; overflow: hidden; width: 0; height: 0; border-style: solid; }
.cl-theme-gradient .cl-arrow { position: absolute; }
.cl-theme-gradient .cl-arrow-tl { width: 11px; height: 20px; left: 20px; top: 0; }
.cl-theme-gradient .cl-arrow-tc { width: 11px; height: 20px; left: 50%; top: 0; margin: 0 0 0 -5.5px; }
.cl-theme-gradient .cl-arrow-tr { width: 11px; height: 20px; right: 20px; top: 0; }
.cl-theme-gradient .cl-arrow-bl { width: 11px; height: 20px; left: 20px; bottom: 0; }
.cl-theme-gradient .cl-arrow-bc { width: 11px; height: 20px; left: 50%; bottom: 0; margin: 0 0 0 -5.5px; }
.cl-theme-gradient .cl-arrow-br { width: 11px; height: 20px; right: 20px; bottom: 0; }
.cl-theme-gradient .cl-arrow-lt { width: 20px; height: 11px; left: 0; top: 20px; }
.cl-theme-gradient .cl-arrow-lm { width: 20px; height: 11px; left: 0; top: 50%; margin: -5.5px 0 0 0; }
.cl-theme-gradient .cl-arrow-lb { width: 20px; height: 11px; left: 0; bottom: 20px; }
.cl-theme-gradient .cl-arrow-rt { width: 20px; height: 11px; right: 0; top: 20px; }
.cl-theme-gradient .cl-arrow-rm { width: 20px; height: 11px; right: 0; top: 50%; margin: -5.5px 0 0 0; }
.cl-theme-gradient .cl-arrow-rb { width: 20px; height: 11px; right: 0; bottom: 20px; }
.cl-theme-gradient .cl-arrow-tl .cl-arrow-box { left: 0; top: 0; border-width: 20px 0 0 11px; }
.cl-theme-gradient .cl-arrow-tc .cl-arrow-box { left: 0; top: 0; border-width: 0 5.5px 20px 5.5px; }
.cl-theme-gradient .cl-arrow-tr .cl-arrow-box { right: 0; top: 0; border-width: 0 0 20px 11px; }
.cl-theme-gradient .cl-arrow-bl .cl-arrow-box { left: 0; bottom: 0; border-width: 20px 11px 0 0; }
.cl-theme-gradient .cl-arrow-bc .cl-arrow-box { left: 0; bottom: 0; border-width: 20px 5.5px 0 5.5px; }
.cl-theme-gradient .cl-arrow-br .cl-arrow-box { right: 0; bottom: 0; border-width: 0 11px 20px 0; }
.cl-theme-gradient .cl-arrow-lt .cl-arrow-box { left: 0; top: 0; border-width: 0 20px 11px 0; }
.cl-theme-gradient .cl-arrow-lm .cl-arrow-box { left: 0; top: 0; border-width: 5.5px 20px 5.5px 0; }
.cl-theme-gradient .cl-arrow-lb .cl-arrow-box { left: 0px; bottom: 0; border-width: 0 0 11px 20px; }
.cl-theme-gradient .cl-arrow-rt .cl-arrow-box { right: 0; top: 1px; border-width: 11px 20px 0 0; }
.cl-theme-gradient .cl-arrow-rm .cl-arrow-box { right: 0; top: 1px; border-width: 5.5px 0 5.5px 20px; }
.cl-theme-gradient .cl-arrow-rb .cl-arrow-box { right: 0; bottom: 0; border-width: 11px 0 0 20px; }
/*popup*/
.cl-theme-gradient .cl-header-box { position: relative; border: none; padding: 0; }
.cl-theme-gradient .cl-header-table { position: relative; width: 100%; border-spacing: 0; }
.cl-theme-gradient .cl-header-td { vertical-align: middle; }
.cl-theme-gradient .cl-header-txt-box { width: 100%; text-align: center; }
.cl-theme-gradient .cl-header-btn-box { text-align: right; }
.cl-theme-gradient .cl-hr { position: relative; height: 0; overflow: hidden; border-style: dotted; border-width: 1px 0 0 0; }
.cl-theme-gradient .txt-container { position: relative; border: none; }
.cl-theme-gradient .cl-header-close-btn { cursor: pointer; position: relative; margin: 0; line-height: 0.6em; padding: 5px 0 0 0; font-family: Arial, sans-serif; font-size: 24px; font-weight: bold; -webkit-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -khtml-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; }
.cl-theme-gradient .cl-header-close-btn:hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -khtml-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
/*list*/
.cl-theme-gradient .cl-list-table { width: 100%; border-spacing: 0; }
.cl-theme-gradient .cl-mark-container { position: relative; text-align: center; border-style: dotted; border-width: 0 1px 0 0; min-width: 30px; padding: 0 10px 0 0; }
.cl-theme-gradient .cl-mark-box { position: relative; width: inherit; height: 18px; }
.cl-theme-gradient .cl-item-mark-txt { position: relative; text-align: center; width: inherit; height: 18px; font-size: 18px; font-family: Arial, sans-serif; text-shadow: 1px 1px 2px #fff; font-weight: bolder; text-align: center; }
.cl-theme-gradient .cl-item-mark-svg { position: relative; width: 18px; height: 18px; margin: auto; }
.cl-theme-gradient .cl-btn-container { padding: 0; }
.cl-theme-gradient .cl-btn-html { cursor: pointer; position: relative; padding: 6px 10px; font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; border-style: solid; border-width: 1px; }

.cl-theme-relief {}
/*box,common*/
.cl-theme-relief .cl-div-rounded { position: relative; padding: 1px; }
.cl-theme-relief .cl-inner-box { position: relative; padding: 0; }
.cl-theme-relief .cl-txt-container { position: relative; }
.cl-theme-relief .cl-txt-box { position: relative; }
/*popup*/
.cl-theme-relief .cl-header-box { position: relative; padding: 1px; }
.cl-theme-relief .cl-header-box-1 { position: relative; padding: 1px; }
.cl-theme-relief .cl-header-box-2 { position: relative; }
.cl-theme-relief .cl-header-table { position: relative; width: 100%; border-spacing: 0; }
.cl-theme-relief .cl-header-td { vertical-align: middle; }
.cl-theme-relief .cl-header-txt-box { width: 100%; text-align: center; }
.cl-theme-relief .cl-header-btn-box { text-align: right; }
.cl-theme-relief .cl-header-close-btn { cursor: pointer; position: relative; width: 20px; height: 20px; line-height: 0.9em; text-align: center; border: none; font-family: Arial, sans-serif; font-size: 24px; font-weight: bold; -webkit-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -khtml-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; }
.cl-theme-relief .cl-header-close-btn:hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -khtml-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
/*list*/
.cl-theme-relief .cl-list-table { width: 100%; border-spacing: 0; }
.cl-theme-relief .cl-mark-container { position: relative; text-align: center; min-width: 30px; padding: 15px 10px; }
.cl-theme-relief .cl-mark-box { position: relative; width: inherit; height: 18px; }
.cl-theme-relief .cl-item-mark-txt { position: relative; text-align: center; width: inherit; height: 18px; font-size: 18px; font-family: Arial, sans-serif; text-shadow: 1px 1px 2px #fff; font-weight: bolder; text-align: center; }
.cl-theme-relief .cl-item-mark-svg { position: relative; width: 18px; height: 18px; margin: auto; }
.cl-theme-relief .cl-btn-container { padding: 0; }
.cl-theme-relief .cl-btn-html { cursor: pointer; position: relative; padding: 6px 10px; font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; border-style: solid; border-width: 1px; }

.cl-theme-text {}
/*box,common*/
.cl-theme-text .cl-outer-box { position: relative; border-style: solid; }
.cl-theme-text .cl-txt-container { position: relative; }
.cl-theme-text .cl-txt-box { position: relative; }
/*popup*/
.cl-theme-text .cl-header-box { position: relative; border: none; }
.cl-theme-text .cl-header-table { position: relative; width: 100%; border-spacing: 0; }
.cl-theme-text .cl-header-td { vertical-align: middle; }
.cl-theme-text .cl-header-txt-box { width: 100%; text-align: center; }
.cl-theme-text .cl-header-btn-box { text-align: right; }
.cl-theme-text .cl-hr { position: relative; height: 0; overflow: hidden; border-style: solid; border-width: 1px 0 0 0; }
.cl-theme-text .cl-header-close-btn { cursor: pointer; position: relative; width: 20px; height: 20px; line-height: 0.9em; text-align: center; border: none; font-family: Arial, sans-serif; font-size: 24px; font-weight: bold; -webkit-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -khtml-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; }
.cl-theme-text .cl-header-close-btn:hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -khtml-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
/*list*/
.cl-theme-text .cl-list-table { width: 100%; border-spacing: 0; }
.cl-theme-text .cl-mark-container { position: relative; text-align: center; min-width: 30px; min-height: 30px; padding: 15px 10px; }
.cl-theme-text .cl-mark-box { position: relative; width: inherit; height: 18px; }
.cl-theme-text .cl-item-mark-txt { position: relative; text-align: center; width: inherit; height: 18px; font-size: 18px; font-family: Arial, sans-serif; text-shadow: 1px 1px 2px #fff; font-weight: bolder; text-align: center; }
.cl-theme-text .cl-item-mark-svg { position: relative; width: 18px; height: 18px; margin: auto; }
.cl-theme-text .cl-btn-container { padding: 0; }
.cl-theme-text .cl-btn-html { cursor: pointer; position: relative; padding: 6px 10px; font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; border-style: solid; }

.cl-theme-custom .cl-item-mark-txt { position: relative; text-align: center; width: inherit; height: 18px; font-size: 18px; font-family: Arial, sans-serif; text-shadow: 1px 1px 2px #fff; font-weight: bolder; text-align: center; }
.cl-theme-custom .cl-list-table { width: 100%; border-spacing: 0; }
.cl-theme-custom .cl-custom-txt-box { width: 100%; }
/*box,common*/
.cl-theme-custom .cl-outer-box { position: relative; border-style: solid; }
.cl-theme-custom .cl-txt-container { position: relative; }
.cl-theme-custom .cl-txt-box { position: relative; }
/*popup*/
.cl-theme-custom .cl-header-box { position: relative; border: none; }
.cl-theme-custom .cl-header-table { position: relative; width: 100%; border-spacing: 0; }
.cl-theme-custom .cl-header-td { vertical-align: middle; }
.cl-theme-custom .cl-header-txt-box { width: 100%; text-align: center; }
.cl-theme-custom .cl-header-btn-box { text-align: right; }
.cl-theme-custom .cl-header-close-btn { cursor: pointer; position: relative; width: 0.75em; height: 0.75em; line-height: 0.75em; text-align: center; border: none; font-family: Arial, sans-serif; font-weight: bold; -webkit-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -khtml-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; }
.cl-theme-custom .cl-header-close-btn:hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -khtml-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }

/***************************/
.clo-nav_0000_btn_navi .cl-btn { position: relative; left: 0; top: 0; box-sizing: border-box; }
.clo-nav_0000_btn_navi .cl-idle { cursor: pointer; }
.clo-nav_0000_btn_navi .cl-over { cursor: pointer; }
.clo-nav_0000_btn_navi .cl-disabled { opacity: 0.7; cursor: default; }
.clo-nav_0000_btn_navi .cl-idle .cl-img-idle, .clo-nav_0000_btn_navi .cl-over .cl-img-over, .clo-nav_0000_btn_navi .cl-disabled .cl-img-disabled { display: block; }
.clo-nav_0000_btn_navi .cl-idle .cl-img-over, .clo-nav_0000_btn_navi .cl-idle .cl-img-disabled, .clo-nav_0000_btn_navi .cl-over .cl-img-idle, .clo-nav_0000_btn_navi .cl-over .cl-img-disabled, .clo-nav_0000_btn_navi .cl-disabled .cl-img-idle, .clo-nav_0000_btn_navi .cl-disabled .cl-img-over { display: none; }
.clo-nav_0000_btn_navi .cl-btn-bg { position: relative; padding: 0; margin: 0; }
.clo-nav_0000_btn_navi .cl-btn-table { border-spacing: 0; }
.clo-nav_0000_btn_navi .cl-btn-table td { vertical-align: middle; }

.clo-nav_0000_btn_toggle .cl-btn { position: relative; left: 0; top: 0; box-sizing: border-box; cursor: pointer; }
.clo-nav_0000_btn_toggle .cl-btn-on .cl-idle .cl-img-idle, .clo-nav_0000_btn_toggle .cl-btn-on .cl-over .cl-img-over, .clo-nav_0000_btn_toggle .cl-btn-off .cl-idle .cl-img-off-idle, .clo-nav_0000_btn_toggle .cl-btn-off .cl-over .cl-img-off-over { display: block; }
.clo-nav_0000_btn_toggle .cl-btn-on .cl-idle .cl-img-over, .clo-nav_0000_btn_toggle .cl-btn-on .cl-idle .cl-img-off-idle, .clo-nav_0000_btn_toggle .cl-btn-on .cl-idle .cl-img-off-over, .clo-nav_0000_btn_toggle .cl-btn-on .cl-over .cl-img-idle, .clo-nav_0000_btn_toggle .cl-btn-on .cl-over .cl-img-off-idle, .clo-nav_0000_btn_toggle .cl-btn-on .cl-over .cl-img-off-over, .clo-nav_0000_btn_toggle .cl-btn-off .cl-idle .cl-img-idle, .clo-nav_0000_btn_toggle .cl-btn-off .cl-idle .cl-img-over, .clo-nav_0000_btn_toggle .cl-btn-off .cl-idle .cl-img-off-over, .clo-nav_0000_btn_toggle .cl-btn-off .cl-over .cl-img-idle, .clo-nav_0000_btn_toggle .cl-btn-off .cl-over .cl-img-over, .clo-nav_0000_btn_toggle .cl-btn-off .cl-over .cl-img-off-idle { display: none; }
.clo-nav_0000_btn_toggle .cl-btn-on .cl-text-on, .clo-nav_0000_btn_toggle .cl-btn-off .cl-text-off { display: inline; }
.clo-nav_0000_btn_toggle .cl-btn-on .cl-text-off, .clo-nav_0000_btn_toggle .cl-btn-off .cl-text-on { display: none; }
.clo-nav_0000_btn_toggle .cl-btn-bg { position: relative; padding: 0; margin: 0; }
.clo-nav_0000_btn_toggle .cl-btn-table { border-spacing: 0; }
.clo-nav_0000_btn_toggle .cl-btn-table td { vertical-align: middle; }

.clo-nav_0000_btn_universal .cl-btn { position: relative; }
.clo-nav_0000_btn_universal .cl-idle, .clo-nav_0000_btn_universal .cl-over { cursor: pointer; }
.clo-nav_0000_btn_universal .cl-idle .cl-img-idle, .clo-nav_0000_btn_universal .cl-over .cl-img-over, .clo-nav_0000_btn_universal .cl-disabled .cl-img-disabled { display: block; }
.clo-nav_0000_btn_universal .cl-idle .cl-img-over, .clo-nav_0000_btn_universal .cl-idle .cl-img-disabled, .clo-nav_0000_btn_universal .cl-over .cl-img-idle, .clo-nav_0000_btn_universal .cl-over .cl-img-disabled, .clo-nav_0000_btn_universal .cl-disabled .cl-img-idle, .clo-nav_0000_btn_universal .cl-disabled .cl-img-over { display: none; }

.clo-nav_0001_position .cl-position-table { border-spacing: 0; }
.clo-nav_0001_position .cl-position-table td { vertical-align: middle; }
.clo-nav_0001_position .cl-position { text-align: center; white-space: nowrap; padding: 2px; }
.clo-nav_0001_position .cl-position .cl-label { padding: 0 5px; }
.clo-nav_0001_position .cl-position .cl-divider { padding: 0 1px; }

.clo-nav_0002_navi_tab .cl-body { position: absolute; box-sizing: border-box;  }
.clo-nav_0002_navi_tab .cl-body-header { top: 0; left: 0; }
.clo-nav_0002_navi_tab .cl-body-contents { padding: 0; overflow: auto; }
.clo-nav_0002_navi_tab .cl-body-contents-richtext { padding: 0 5px; overflow: auto; height: 1px; }
.clo-nav_0002_navi_tab .cl-tab-container { position: absolute; }
.clo-nav_0002_navi_tab .cl-tab-container-left { top: 0; left: 0; }
.clo-nav_0002_navi_tab .cl-tab-container-right { top: 0; right: 0; }
.clo-nav_0002_navi_tab .cl-tab-container-top { top: 0; left: 0; }
.clo-nav_0002_navi_tab .cl-tab-container-bottom { bottom: 0; left: 0; }
.clo-nav_0002_navi_tab .cl-tab { position: absolute; overflow: hidden; }
.clo-nav_0002_navi_tab .cl-tab-html { position: absolute; overflow: hidden; left: 0; top: 0; border-style: solid; }
.clo-nav_0002_navi_tab .cl-tab-html-text { position: absolute; overflow: hidden; }
.clo-nav_0002_navi_tab .cl-tab-html-text-table { position: relative; border-spacing: 0; }
.clo-nav_0002_navi_tab .cl-tab-html-text-table-td { padding: 0; vertical-align: middle; text-align: center; }
.clo-nav_0002_navi_tab .cl-tab-img { position: absolute; overflow: hidden; line-height: 0; }
.clo-nav_0002_navi_tab .cl-tab-img img { position: absolute; }
.clo-nav_0002_navi_tab .cl-tab.idle .cl-tab-img-idle, .clo-nav_0002_navi_tab .cl-tab.idle:hover .cl-tab-img-over, .clo-nav_0002_navi_tab .cl-tab.disabled .cl-tab-img-disabled { display: block; }
.clo-nav_0002_navi_tab .cl-tab.idle .cl-tab-img-disabled, .clo-nav_0002_navi_tab .cl-tab.idle:hover .cl-tab-img-idle, .clo-nav_0002_navi_tab disabled .cl-tab-img-idle, .clo-nav_0002_navi_tab disabled .cl-tab-img-over { display: none; }
.clo-nav_0002_navi_tab .cl-tab-active { cursor: pointer; }
.clo-nav_0002_navi_tab .cl-tab-active td { opacity: 0.75; }
.clo-nav_0002_navi_tab .cl-tab-active img.tab-img-idle { display: inline; }
.clo-nav_0002_navi_tab .cl-tab-active img.tab-img-over, .clo-nav_0002_navi_tab .cl-tab-active img.tab-img-disabled { display: none; }
.clo-nav_0002_navi_tab .cl-tab-active:hover img.tab-img-over { display: inline; }
.clo-nav_0002_navi_tab .cl-tab-active:hover img.tab-img-idle, .clo-nav_0002_navi_tab .cl-tab-active img.tab-img-disabled { display: none; }
.clo-nav_0002_navi_tab .cl-tab-active:hover td { opacity: 1; }
.clo-nav_0002_navi_tab .cl-tab-disabled td { opacity: 0.4; }
.clo-nav_0002_navi_tab .cl-tab-disabled img.tab-img-disabled { display: inline; }
.clo-nav_0002_navi_tab .cl-tab-disabled img.tab-img-idle, .clo-nav_0002_navi_tab .cl-tab-disabled img.tab-img-over { display: none; }
.clo-nav_0002_navi_tab .cl-slide-list { list-style: none; padding: 0; margin: 0; }
.clo-nav_0002_navi_tab .cl-slide-list li { margin: 0; border-top: solid 1px #ccc;}
.clo-nav_0002_navi_tab .cl-slide-list li:last-of-type { border-bottom: solid 1px #ccc; }
.clo-nav_0002_navi_tab .cl-slide-list .indent { margin: 0; padding: 0 0 0 15px; }
.clo-nav_0002_navi_tab .cl-slide-list .indent-1 .indent { margin: 0 0 0 10px; }
.clo-nav_0002_navi_tab .cl-slide-list .indent-2 .indent { margin: 0 0 0 20px; }
.clo-nav_0002_navi_tab .cl-slide-list .indent-3 .indent { margin: 0 0 0 30px; }
.clo-nav_0002_navi_tab .cl-slide-list .indent-4 .indent { margin: 0 0 0 40px; }
.clo-nav_0002_navi_tab .cl-slide-list .indent-5 .indent { margin: 0 0 0 50px; }
.clo-nav_0002_navi_tab .cl-slide-list .cl-item-inner { padding: 2px 0 0 20px; min-height: 16px; }
.clo-nav_0002_navi_tab .cl-slide-list .allowed:hover { background-color: #eee !important; cursor: pointer; }
.clo-nav_0002_navi_tab .cl-slide-list .allowed:hover .cl-item-inner { color: #369; text-decoration: underline; }

.clo-nav_0002_navi_tab .cl-search-table { position: relative; border-spacing: 0; margin: 0 auto; }
.clo-nav_0002_navi_tab .cl-search-table .cl-td-field { padding: 5px 0; text-align: right; }
.clo-nav_0002_navi_tab .cl-search-table .cl-td-btn { padding: 5px 0;  }
.clo-nav_0002_navi_tab .cl-search-table .cl-td-param { padding: 0 0 5px 0; text-align: right; }
.clo-nav_0002_navi_tab .cl-search-table .cl-td-select { padding: 0 0 5px 5px; }
.clo-nav_0002_navi_tab .cl-search-table select { width: 100%; padding: 0.2em; }
.clo-nav_0002_navi_tab .cl-search-field { width: 100%; height: 2em; box-sizing: border-box; padding: 0 0.25em; margin: 0;  }
.clo-nav_0002_navi_tab .cl-search-btn {  cursor: pointer; width: 96%; height: 2em; box-sizing: border-box; margin: 0 5px; padding: 0 0.25em;  text-align: center;  }
.clo-nav_0002_navi_tab .cl-search-table td.btn { padding: 0; }
.clo-nav_0002_navi_tab .cl-search-form { padding: 5px; }
.clo-nav_0002_navi_tab .cl-search-results { overflow: auto; padding: 0 5px; }
.clo-nav_0002_navi_tab .cl-search-tips { margin: 20px 0 0 0; padding: 20px; border-radius: 10px; background-color: #eee; }
.clo-nav_0002_navi_tab .cl-search-no-results {  text-align: center; padding: 20px;}
.clo-nav_0002_navi_tab .cl-search-found {  text-align: center; padding: 5px; background-color: #eee; margin: 5px 0; }
.clo-nav_0002_navi_tab .cl-search-results-list { list-style: none; padding: 0; margin: 0; }
.clo-nav_0002_navi_tab .cl-search-results-list li { margin: 0; border-top: solid 1px #ccc;}
.clo-nav_0002_navi_tab .cl-search-results-list li:last-of-type { border-bottom: solid 1px #ccc; }
.clo-nav_0002_navi_tab .cl-search-results-list .item-inner { padding: 2px 0 0 20px; min-height: 16px; }
.clo-nav_0002_navi_tab .cl-search-results-list .allowed:hover { background-color: #eee !important; cursor: pointer; }
.clo-nav_0002_navi_tab .cl-search-results-list .allowed:hover .item-inner { color: #369; text-decoration: underline; }

.clo-nav_0002_navi_tab .cl-doc-list { list-style: none; padding: 0; margin: 0; }
.clo-nav_0002_navi_tab .cl-doc-list li { list-style: none; padding: 5px 0; border-top: solid 1px #ccc; margin: 0; }
.clo-nav_0002_navi_tab .cl-doc-list:last-child { border-bottom: solid 1px #ccc; }
.clo-nav_0002_navi_tab .cl-doc-list .cl-doc-item-inner { padding: 0 0 0 20px; min-height: 16px; }

.clo-nav_0002_navi_tab .cl-letters-box { text-align: center; padding: 0; }
.clo-nav_0002_navi_tab .cl-letters-table { position: relative; border-spacing: 0; margin: 0 auto; }
.clo-nav_0002_navi_tab .cl-letter-cell { padding: 0; }
.clo-nav_0002_navi_tab .cl-letter-item { display: block; cursor: pointer; padding: 3px 5px; margin: 0 0 0 1px; border-width: 1px 1px 0 1px; border-style: solid solid none solid; border-radius: 3px 3px 0 0; }
.clo-nav_0002_navi_tab .cl-letter-idle { cursor: pointer; }
.clo-nav_0002_navi_tab .cl-terms-table { width: 100%; border-spacing: 0; }
.clo-nav_0002_navi_tab .cl-terms-td { vertical-align: top; }
.clo-nav_0002_navi_tab .cl-terms-list-cell {  overflow-x: hidden;   }
.clo-nav_0002_navi_tab .cl-terms-desc-container {  overflow-y: auto;  }
.clo-nav_0002_navi_tab .cl-terms-desc-default-table { width: 100%; border-spacing: 0; }
.clo-nav_0002_navi_tab .cl-terms-desc-default-cell { padding: 0; text-align: center; vertical-align: middle; }
.clo-nav_0002_navi_tab .cl-terms-list { list-style: none; padding: 0; margin: 0;  }
.clo-nav_0002_navi_tab .cl-term-item { display: block; cursor: pointer;  margin: 1px 1px 0 0;  }
.clo-nav_0002_navi_tab .cl-term-idle { cursor: pointer; }
.clo-nav_0002_navi_tab .cl-term-desc-item { display: none; }
.clo-nav_0002_navi_tab .cl-term-desc-default { display: block; }
.clo-nav_0002_navi_tab .cl-terms-list-container { overflow-y: auto !important; }

.clo-nav_0002_navi_tab .calc-container { position: relative; padding: 10px; text-align: center; }
.clo-nav_0002_navi_tab .calc-table { background-color: #aaa; border: #999 groove 8px; margin: 0 auto; border-spacing: 0; }
.clo-nav_0002_navi_tab .calc-table td { padding: 2px; }
.clo-nav_0002_navi_tab .calc-display-td { padding: 5px; border-bottom: #999 double 3px; background-color: #ccc; }
.clo-nav_0002_navi_tab .calc-display { width: 270px; padding: 0 4px 0 0; text-align: right; font-family: Arial, sans-serif; font-size: 24px; font-weight: bold; color: #f00; background: #000; border: solid 2px #999; }
.clo-nav_0002_navi_tab .calc-btn { cursor: pointer; font-family: Verdana,sans-serif; font-weight: bold; border: solid 2px #999; border-radius: 5px; text-align:center; height: 32px; }
.clo-nav_0002_navi_tab .calc-mem { width:50px; font-size:14px; color: #fff; background-color: #093; }
.clo-nav_0002_navi_tab .calc-num { width:40px; font-size:18px; color: #000; background-color: #eee; }
.clo-nav_0002_navi_tab .calc-act { width:40px; font-size:14px; color: #fff; background-color: #666; }
.clo-nav_0002_navi_tab .calc-final { width:40px; font-size:14px; color: #fff; background-color: #03c; }
.clo-nav_0002_navi_tab .calc-del { width:40px; font-size:14px; color: #fff; background-color: #c33; }
.clo-nav_0002_navi_tab .calc-back { width:100px; font-size:12px; color: #fff; background-color: #c33; }
.clo-nav_0002_navi_tab .calc-memind { width: 50px; height: 32px; padding: 3px 0 0 0; box-sizing: border-box; font-family: Verdana,sans-serif; font-size:18px; font-weight: bold; color: #090; background-color: #666; border: solid 2px #999; text-align:center; }

.clo-nav_0002_navi_tab .cl-sett-table { width: 100%; border-spacing: 0; }
.clo-nav_0002_navi_tab .cl-sett-table .cl-sett-th { text-align: left; white-space: nowrap;  }
.clo-nav_0002_navi_tab .cl-sett-table .cl-sett-value { text-align: center;  }
.clo-nav_0002_navi_tab .cl-sett-table .cl-sett-name { width: 100%; text-align: left; }
.clo-nav_0002_navi_tab .cl-sett-score { background-color: #eee; }
.clo-nav_0002_navi_tab .cl-sett-status-n { position: relative; margin: 0 auto; width: 16px; height: 16px; overflow: hidden; background-position: 0px 3px; background-repeat: no-repeat; }
.clo-nav_0002_navi_tab .cl-sett-status-i { position: relative; margin: 0 auto; width: 16px; height: 16px; overflow: hidden; background-position: 0px -397px; background-repeat: no-repeat; }
.clo-nav_0002_navi_tab .cl-sett-status-c { position: relative; margin: 0 auto; width: 16px; height: 16px; overflow: hidden; background-position: 0px -797px; background-repeat: no-repeat; }
.clo-nav_0002_navi_tab .cl-sett-status-p { position: relative; margin: 0 auto; width: 16px; height: 16px; overflow: hidden; background-position: 0px -1197px; background-repeat: no-repeat; }
.clo-nav_0002_navi_tab .cl-sett-status-f { position: relative; margin: 0 auto; width: 16px; height: 16px; overflow: hidden; background-position: 0px -1597px; background-repeat: no-repeat; }
.clo-nav_0002_navi_tab .cl-sett-status-u { position: relative; margin: 0 auto; width: 16px; height: 16px; overflow: hidden; }
.clo-nav_0002_navi_tab .cl-sett-row-template { display: none; }
.clo-nav_0002_navi_tab .cl-comm-none { display: block; text-align: center; padding: 20px; }
.clo-nav_0002_navi_tab .cl-comm-body { display: none; }

.clo-nav_0002_navi_win {  }
.clo-nav_0002_navi_win .cl-container { position: absolute; top: 0; left: 0; }
.clo-nav_0002_navi_win .cl-body { position: absolute; box-sizing: border-box;  }
.clo-nav_0002_navi_win .cl-body-header { position: relative; top: 0; left: 0; }
.clo-nav_0002_navi_win .cl-body-contents { position: relative; padding: 0; overflow: auto; }
.clo-nav_0002_navi_win .cl-body-contents-richtext { padding: 0 5px; overflow: auto; height: 1px; }
.clo-nav_0002_navi_win .cl-body-contents-glossary { overflow: visible !important; }

.clo-nav_0002_navi_win .cl-close-btn { width: 20px; height: 20px; zoom: 1.0; cursor: pointer; line-height: 0.75; text-align: center; position: absolute;  font-family: Arial, sans-serif; font-size: 28px; font-weight: bold; -webkit-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -khtml-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; }
.clo-nav_0002_navi_win .cl-close-btn:hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -khtml-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }

.clo-nav_0002_navi_win .slide-list { list-style: none; padding: 0; margin: 0; }
.clo-nav_0002_navi_win .slide-list li { margin: 0; border-top: solid 1px #ccc;}
.clo-nav_0002_navi_win .slide-list li:last-of-type { border-bottom: solid 1px #ccc; }
.clo-nav_0002_navi_win .slide-list .indent { margin: 0; padding: 0 0 0 15px; }
.clo-nav_0002_navi_win .slide-list .indent-1 .indent { margin: 0 0 0 10px; }
.clo-nav_0002_navi_win .slide-list .indent-2 .indent { margin: 0 0 0 20px; }
.clo-nav_0002_navi_win .slide-list .indent-3 .indent { margin: 0 0 0 30px; }
.clo-nav_0002_navi_win .slide-list .indent-4 .indent { margin: 0 0 0 40px; }
.clo-nav_0002_navi_win .slide-list .indent-5 .indent { margin: 0 0 0 50px; }
.clo-nav_0002_navi_win .slide-list .item-inner { padding: 2px 0 0 20px; min-height: 16px; }
.clo-nav_0002_navi_win .slide-list .allowed:hover { background-color: #eee !important; cursor: pointer; }
.clo-nav_0002_navi_win .slide-list .allowed:hover .item-inner { color: #369; text-decoration: underline; }

.clo-nav_0002_navi_win .cl-search-table { position: relative; border-spacing: 0; margin: 0 auto; }
.clo-nav_0002_navi_win .cl-search-table .cl-td-field { padding: 5px 0; text-align: right; }
.clo-nav_0002_navi_win .cl-search-table .cl-td-btn { padding: 5px 0;  }
.clo-nav_0002_navi_win .cl-search-table .cl-td-param { padding: 0 0 5px 0; text-align: right; }
.clo-nav_0002_navi_win .cl-search-table .cl-td-select { padding: 0 0 5px 5px; }
.clo-nav_0002_navi_win .cl-search-table select { width: 100%; padding: 0.2em; }
.clo-nav_0002_navi_win .cl-search-field { width: 100%; height: 2em; box-sizing: border-box; padding: 0 0.25em; margin: 0;  }
.clo-nav_0002_navi_win .cl-search-btn {  cursor: pointer; width: 96%; height: 2em; box-sizing: border-box; margin: 0 5px; padding: 0 0.25em;  text-align: center;  }
.clo-nav_0002_navi_win .cl-search-table td.btn { padding: 0; }
.clo-nav_0002_navi_win .cl-search-form { padding: 5px; }
.clo-nav_0002_navi_win .cl-search-results { overflow: auto; padding: 0 5px; }
.clo-nav_0002_navi_win .cl-search-tips { margin: 20px 0 0 0; padding: 20px; border-radius: 10px; background-color: #eee; }
.clo-nav_0002_navi_win .cl-search-no-results {  text-align: center; padding: 20px;}
.clo-nav_0002_navi_win .cl-search-found {  text-align: center; padding: 5px; background-color: #eee; margin: 5px 0; }
.clo-nav_0002_navi_win .cl-search-results-list { list-style: none; padding: 0; margin: 0; }
.clo-nav_0002_navi_win .cl-search-results-list li { margin: 0; border-top: solid 1px #ccc;}
.clo-nav_0002_navi_win .cl-search-results-list li:last-of-type { border-bottom: solid 1px #ccc; }
.clo-nav_0002_navi_win .cl-search-results-list .item-inner { padding: 2px 0 0 20px; min-height: 16px; }
.clo-nav_0002_navi_win .cl-search-results-list .allowed:hover { background-color: #eee !important; cursor: pointer; }
.clo-nav_0002_navi_win .cl-search-results-list .allowed:hover .item-inner { color: #369; text-decoration: underline; }

.clo-nav_0002_navi_win .cl-doc-list { list-style: none; padding: 0; margin: 0; }
.clo-nav_0002_navi_win .cl-doc-list li { list-style: none; padding: 5px 0; border-top: solid 1px #ccc; margin: 0; }
.clo-nav_0002_navi_win .cl-doc-list:last-child { border-bottom: solid 1px #ccc; }
.clo-nav_0002_navi_win .cl-doc-list .cl-doc-item-inner { padding: 0 0 0 20px; min-height: 16px; }

.clo-nav_0002_navi_win .cl-letters-box { text-align: center; padding: 0; }
.clo-nav_0002_navi_win .cl-letters-table { position: relative; border-spacing: 0; margin: 0 auto; }
.clo-nav_0002_navi_win .cl-letter-cell { padding: 0; }
.clo-nav_0002_navi_win .cl-letter-item { display: block; cursor: pointer; padding: 3px 5px; margin: 0 0 0 1px; border-width: 1px 1px 0 1px; border-style: solid solid none solid; border-radius: 3px 3px 0 0; }
.clo-nav_0002_navi_win .cl-letter-idle { cursor: pointer; }
.clo-nav_0002_navi_win .cl-terms-table { width: 100%; border-spacing: 0; }
.clo-nav_0002_navi_win .cl-terms-td { vertical-align: top; }
.clo-nav_0002_navi_win .cl-terms-list-cell {  overflow-x: hidden;   }
.clo-nav_0002_navi_win .cl-terms-desc-container {  overflow-y: auto;  }
.clo-nav_0002_navi_win .cl-terms-desc-default-table { width: 100%; border-spacing: 0; }
.clo-nav_0002_navi_win .cl-terms-desc-default-cell { padding: 0; text-align: center; vertical-align: middle; }
.clo-nav_0002_navi_win .cl-terms-list { list-style: none; padding: 0; margin: 0;  }
.clo-nav_0002_navi_win .cl-term-item { display: block; cursor: pointer;  margin: 1px 1px 0 0;  }
.clo-nav_0002_navi_win .cl-term-idle { cursor: pointer; }
.clo-nav_0002_navi_win .cl-term-desc-item { display: none; }
.clo-nav_0002_navi_win .cl-term-desc-default { display: block; }
.clo-nav_0002_navi_win .cl-terms-list-container { overflow-y: auto !important; }

.clo-nav_0002_navi_win .calc-container { position: relative; padding: 10px; text-align: center; }
.clo-nav_0002_navi_win .calc-table { background-color: #aaa; border: #999 groove 8px; margin: 0 auto; border-spacing: 0; }
.clo-nav_0002_navi_win .calc-table td { padding: 2px; }
.clo-nav_0002_navi_win .calc-display-td { padding: 5px; border-bottom: #999 double 3px; background-color: #ccc; }
.clo-nav_0002_navi_win .calc-display { width: 270px; padding: 0 4px 0 0; text-align: right; font-family: Arial, sans-serif; font-size: 24px; font-weight: bold; color: #f00; background: #000; border: solid 2px #999; }
.clo-nav_0002_navi_win .calc-btn { cursor: pointer; font-family: Verdana,sans-serif; font-weight: bold; border: solid 2px #999; border-radius: 5px; text-align:center; height: 32px; }
.clo-nav_0002_navi_win .calc-mem { width:50px; font-size:14px; color: #fff; background-color: #093; }
.clo-nav_0002_navi_win .calc-num { width:40px; font-size:18px; color: #000; background-color: #eee; }
.clo-nav_0002_navi_win .calc-act { width:40px; font-size:14px; color: #fff; background-color: #666; }
.clo-nav_0002_navi_win .calc-final { width:40px; font-size:14px; color: #fff; background-color: #03c; }
.clo-nav_0002_navi_win .calc-del { width:40px; font-size:14px; color: #fff; background-color: #c33; }
.clo-nav_0002_navi_win .calc-back { width:100px; font-size:12px; color: #fff; background-color: #c33; }
.clo-nav_0002_navi_win .calc-memind { width: 50px; height: 32px; padding: 3px 0 0 0; box-sizing: border-box; font-family: Verdana,sans-serif; font-size:18px; font-weight: bold; color: #090; background-color: #666; border: solid 2px #999; text-align:center; }

.clo-nav_0002_navi_win .cl-sett-table { width: 100%; border-spacing: 0; }
.clo-nav_0002_navi_win .cl-sett-table .cl-sett-th { text-align: left; white-space: nowrap; }
.clo-nav_0002_navi_win .cl-sett-table .cl-sett-value { text-align: center; white-space: nowrap; }
.clo-nav_0002_navi_win .cl-sett-table .cl-sett-name { width: 100%; text-align: left; }
.clo-nav_0002_navi_win .cl-sett-score { background-color: #eee; }
.clo-nav_0002_navi_win .cl-sett-status-n { position: relative; margin: 0 auto; width: 16px; height: 16px; overflow: hidden; background-position: 0px 3px; background-repeat: no-repeat; }
.clo-nav_0002_navi_win .cl-sett-status-i { position: relative; margin: 0 auto; width: 16px; height: 16px; overflow: hidden; background-position: 0px -397px; background-repeat: no-repeat; }
.clo-nav_0002_navi_win .cl-sett-status-c { position: relative; margin: 0 auto; width: 16px; height: 16px; overflow: hidden; background-position: 0px -797px; background-repeat: no-repeat; }
.clo-nav_0002_navi_win .cl-sett-status-p { position: relative; margin: 0 auto; width: 16px; height: 16px; overflow: hidden; background-position: 0px -1197px; background-repeat: no-repeat; }
.clo-nav_0002_navi_win .cl-sett-status-f { position: relative; margin: 0 auto; width: 16px; height: 16px; overflow: hidden; background-position: 0px -1597px; background-repeat: no-repeat; }
.clo-nav_0002_navi_win .cl-sett-status-u { position: relative; margin: 0 auto; width: 16px; height: 16px; overflow: hidden; }
.clo-nav_0002_navi_win .cl-sett-row-template { display: none; }
.clo-nav_0002_navi_win .cl-comm-none { display: block; text-align: center; padding: 20px; }
.clo-nav_0002_navi_win .cl-comm-body { display: none; }

.clo-nav_010_slidename .cl-slidename-bg { position: relative; margin: 0; padding: 0; border-style: solid; }
.clo-nav_010_slidename .cl-slidename-table { position: relative; border-spacing: 0; }
.clo-nav_010_slidename .cl-slidename-txt-box { vertical-align: middle; }

.clo-nav_014_progress .cl-progress { margin: 0 auto; box-sizing: border-box; }
.clo-nav_014_progress .cl-progress .cl-rail-table { margin: 0 auto; }
.clo-nav_014_progress .cl-progress td { padding: 0; vertical-align: middle; line-height: 0; }
.clo-nav_014_progress .cl-progress td.cl-template { display: none; }
.clo-nav_014_progress .cl-progress td.cl-unvisited img.cl-unvisited, .cl-progress td.cl-visited img.cl-visited, .cl-progress td.cl-current img.cl-current { display: inline; }
.clo-nav_014_progress .cl-progress td.cl-unvisited img.cl-visited, .cl-progress td.cl-unvisited img.cl-current, .cl-progress td.cl-visited img.cl-unvisited, .cl-progress td.cl-visited img.cl-current, .cl-progress td.cl-current img.cl-visited, .cl-progress td.cl-current img.cl-unvisited { display: none; }

.clo-nav_015_progress .cl-over { position: relative; top: 0; left: 0; text-align: center; }
.clo-nav_015_progress .cl-disabled { opacity: 0.6; pointer-events: none; }
.clo-nav_015_progress .cl-container { border-style: solid; }
.clo-nav_015_progress .cl-container table { margin: 0 auto; }
.clo-nav_015_progress .cl-container td { padding: 0; vertical-align: middle; line-height: 0; }
.clo-nav_015_progress .cl-container td.cl-template { display: none; }
.clo-nav_015_progress .cl-container td.cl-unvisited > .cl-unvisited, .clo-nav_015_progress .cl-container td.cl-visited > .cl-visited, .clo-nav_015_progress .cl-container td.cl-current > .cl-current { display: block; }
.clo-nav_015_progress .cl-container td.unvisited > .cl-visited, .clo-nav_015_progress .cl-container td.cl-unvisited > .cl-current, .clo-nav_015_progress .cl-container td.cl-current > .cl-visited, .clo-nav_015_progress .cl-container td.cl-current > .cl-unvisited, .clo-nav_015_progress .cl-container td.cl-visited > .cl-unvisited, .clo-nav_015_progress .cl-container td.cl-visited > .cl-current { display: none; }
.clo-nav_015_progress .cl-slidename { position: relative; top: 0; left: 0; text-align: center; }		
.clo-nav_015_progress .cl-container td.cl-linked div.cl-icon { cursor: pointer }
.clo-nav_015_progress .cl-progress-bg { position: relative; }
.clo-nav_015_progress .cl-progress-box { position: relative; width: inherit; }
.clo-nav_015_progress .cl-progress-slidename { display: relative; text-align: center; overflow: ellipsis; }
.clo-nav_015_progress .cl-table { position: relative; }
.clo-nav_015_progress .cl-table-td { vertical-align: middle; }
.clo-nav_015_progress .cl-bar-info-left { text-align: right; white-space: nowrap; }
.clo-nav_015_progress .cl-bar-info-right { text-align: left; white-space: nowrap; }
.clo-nav_015_progress .cl-scale { position: relative; }
.clo-nav_015_progress .cl-progress-elem { position: relative; display: inline-block; }
.clo-nav_015_progress .cl-progress-img { position: relative; display: inline-block; }
.clo-nav_015_progress .cl-progress-elem-template { display: none; }

.clo-nav_040_frameprogress table { border-spacing: 0; }
.clo-nav_040_frameprogress .cl-main { position: relative; }
.clo-nav_040_frameprogress .cl-rail { position: relative; }
.clo-nav_040_frameprogress .cl-rail-table { position: relative; border-spacing: 0; }
.clo-nav_040_frameprogress .cl-rail-td { vertical-align: middle; text-align: center; }
.clo-nav_040_frameprogress .cl-rail-td-last { padding: 0; }
.clo-nav_040_frameprogress .cl-btn { position: relative; }
.clo-nav_040_frameprogress .cl-btn-html { position: relative; box-sizing: border-box; }
.clo-nav_040_frameprogress .cl-btn-html-symbol { position: relative; box-sizing: border-box; background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: 50%; background-size: 70%; }
.clo-nav_040_frameprogress .cl-progress-rail { position: relative; }
.clo-nav_040_frameprogress .cl-progress-scale { position: absolute; left: 0; top: 0; width: 0; }
.clo-nav_040_frameprogress .cl-idle, .clo-nav_040_frameprogress .cl-over { cursor: pointer; }
.clo-nav_040_frameprogress .cl-disabled { cursor: default; }
.clo-nav_040_frameprogress .cl-idle .cl-btn-img-idle, .clo-nav_040_frameprogress .cl-over .cl-btn-img-over, .clo-nav_040_frameprogress .cl-disabled .cl-btn-img-disabled { display: block; }
.clo-nav_040_frameprogress .cl-idle .cl-btn-img-over, .clo-nav_040_frameprogress .cl-idle .cl-btn-img-disabled, .clo-nav_040_frameprogress .cl-over .cl-btn-img-idle, .clo-nav_040_frameprogress .cl-over .cl-btn-img-disabled, .clo-nav_040_frameprogress .cl-disabled .cl-btn-img-idle, .clo-nav_040_frameprogress .cl-disabled .cl-btn-img-over { display: none; }
.clo-nav_040_frameprogress .cl-btn-play .cl-play, .clo-nav_040_frameprogress .cl-btn-pause .cl-pause { display: block; }
.clo-nav_040_frameprogress .cl-btn-play .cl-pause, .clo-nav_040_frameprogress .cl-btn-pause .cl-play { display: none; }
.clo-nav_040_frameprogress .cl-disabled .cl-btn-html-symbol { opacity: 0.5; }

.clo-nav_060_timer .cl-timer-table { border-spacing: 0; }
.clo-nav_060_timer .cl-timer-table td { vertical-align: middle; padding: 3px; }
.clo-nav_060_timer .cl-timer-limit-text { text-align: right; white-space: nowrap; }
.clo-nav_060_timer .cl-timer-timer-text { text-align: right; white-space: nowrap; }

/*****************************************/

.cl-debug { display: none; position: absolute; left: 0; top: 0; min-width: 360px; width: 600px; border: solid 3px #369; border-radius: 5px; padding: 0; cursor: move; z-index: 33000; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.8); font-family: Tahoma, sans-serif; font-size: 12px; }
.cl-debug .cl-debug-split { width: 100%; border-spacing: 0; }
.cl-debug .cl-debug-split .cl-debug-actions { width: 50%; padding: 5px; vertical-align: top; border-right: ridge 3px #ccc; }
.cl-debug .cl-debug-action-list { width: 290px; height: 480px; overflow: auto; }
.cl-debug .cl-debug-list { padding: 0; margin: 0; list-style: none; }
.cl-debug .cl-debug-list ul { padding: 0 0 0 15px; margin: 0; list-style: none; }
.cl-debug .cl-debug-list-item { padding: 2px; white-space: nowrap; cursor: help; }
.cl-debug .cl-debug-list .cl-debug-current { color: #c00; background-color: #ffc; border-top: dotted 1px #c00; }
.cl-debug .cl-debug-list .cl-debug-final { color: #999; }
.cl-debug .cl-debug-split .cl-debug-values { width: 50%; padding: 0; vertical-align: top; }
.cl-debug .cl-debug-split .cl-debug-params { font-size: 0.9em; }

.cl-debug .cl-debug-btns { padding: 0; background-color: #369; }
.cl-debug .cl-debug-header-table { width: 100%; border-spacing: 0; }
.cl-debug .cl-debug-header-table td { vertical-align: middle; }
.cl-debug .cl-debug-header-table .header-cell { width: 100%; padding: 3px 10px; }
.cl-debug .cl-debug-header-table .btn-cell { padding: 3px 3px 5px 0; }
.cl-debug .cl-debug-header-table .btn-switch { padding: 3px; }
.cl-debug .cl-debug-header-table .header-main { font-size: 1.4em; font-weight: bold; color: #cef; text-shadow: 1px 1px 3px #000;  }
.cl-debug .cl-debug-header-table .header-section { font-size: 0.9em; font-weight: bold; color: #369; }
.cl-debug .cl-debug-btns button { cursor: pointer; border-radius: 5px; border: solid 1px #69c; background-color: #cef; background-image: linear-gradient(0deg, #cef, #fff); color: #369; text-align: center; padding: 3px 10px; min-width: 120px; }
.cl-debug .cl-debug-btns button:hover { background-color: #fff; color: #060; background-image: linear-gradient(0deg, #fff, #cfc); }
.cl-debug .cl-debug-switch { cursor: pointer; position: relative; width: 13px; height: 13px; border: solid 1px #999; border-radius: 5px; background-color: #eee; color: #333; font-size: 0.9em; padding: 2px; text-align: center; }
.cl-debug .cl-debug-switch:hover { background-color: #fff; color: #369; }
.cl-debug .btn-switch .open .cl-debug-open, .cl-debug .btn-switch .closed .cl-debug-closed { display: inline; }
.cl-debug .btn-switch .open .cl-debug-closed, .cl-debug .btn-switch .closed .cl-debug-open { display: none; }
.cl-debug .cl-debug-section-header { background-color: #def; border: solid 1px #ccc; }
.cl-debug .cl-vars-table { width: 100%; border-spacing: 0px;  }
.cl-debug .cl-vars-table th { width: 50%; background-color: #eee; padding: 3px; font-size: 0.8em; font-weight: bold; border: solid 1px #ccc; }
.cl-debug .cl-vars-table td { width: 50%; background-color: #fff; padding: 3px; font-size: 0.8em; border: solid 1px #ccc; }

.cl-pointer { position: absolute; width: 32px; height: 32px; z-index: 5000; display: none; }
.cl-pointer .cl-pointer-idle { position: absolute; left: 0; top: 0; display: inline; }
.cl-pointer .cl-pointer-click { position: absolute; left: 0; top: 0; display: none; }

.clo-q_0000 .cl-extra-wrapper { position: relative; }
.clo-q_0000 .cl-workarea, .clo-q_0000 .cl-q-area, .clo-q_0000 .cl-q-question-txt, .clo-q_0000 .cl-q-vars, .clo-q_0000 .cl-var, .clo-q_0000 .cl-btn-html { position: relative; }
.clo-q_0000 .cl-vars-table { width: 100%; position: relative; border-spacing: 0; }
.clo-q_0000 .cl-vars-cell { vertical-align: top; padding: 0; width: 100%; }
.clo-q_0000 .cl-q-img-cell { vertical-align: top; }
.clo-q_0000 .cl-q-img-cell-left { text-align: left; padding: 2.5px 10px 0 0; }
.clo-q_0000 .cl-q-img-cell-right { text-align: right; padding: 2.5px 0 0 10px; }
.clo-q_0000 .cl-q-img-container { position: relative; padding: 0 10px; }
.clo-q_0000 .cl-q-credit { position: relative; font-size: 11px; padding: 5px; text-align: center; }
.clo-q_0000 .cl-q-question-goal { position: relative; font-size: 11px; padding: 5px; text-align: center; }
.clo-q_0000 .cl-q-timer { position: relative; font-size: 11px; }
.clo-q_0000 .cl-q-timer table { position: relative; width: 100%; border-spacing: 0; }
.clo-q_0000 .cl-q-timer .cl-q-timer-title { width: 50%; padding: 0 15px 0 0; text-align: right; white-space: nowrap; }
.clo-q_0000 .cl-q-timer .cl-q-timer-value { width: 50%; padding: 0 0 0 15px; text-align: left; white-space: nowrap; }
.clo-q_0000 .cl-q-timer-box { position: relative; width: 250px; height: 10px; border-style: solid; border-width: 1px; }
.clo-q_0000 .cl-q-timer-indicator { position: relative; width: 50%; height: 10px; }
.clo-q_0000 .cl-q-manager { position: relative; font-size: 11px; text-align: center; }
.clo-q_0000 .cl-q-manager-table { position: relative; width: 100%; border-spacing: 0; }
.clo-q_0000 .cl-q-manager-td-left { text-align: left; width: 150px; min-width: 150px; }
.clo-q_0000 .cl-q-manager-td-right { text-align: right; width: 150px; min-width: 150px; }
.clo-q_0000 .cl-q-attempts { text-align: center; white-space: nowrap; }
.clo-q_0000 .cl-q-attempts table { position: relative; margin: 0 auto; }
.clo-q_0000 .cl-q-attempts table td { white-space: nowrap; padding: 2px; }
.clo-q_0000 .cl-btn { cursor: pointer; }
.clo-q_0000 .cl-btn-std { position: relative; width: 150px; height: 30px; box-sizing: border-box; border-style: solid; text-align: center; }
.clo-q_0000 .cl-btn-std .cl-btn-table { position: relative; width: 150px; height: 30px; }
.clo-q_0000 .cl-btn-std .cl-btn-cell { width: 150px; height: 30px; font-size: 12px; text-align: center; }
.clo-q_0000 .cl-btn-from-img .cl-btn-img-idle, .clo-q_0000 .cl-btn-from-img:hover .cl-btn-img-over { display: block; }
.clo-q_0000 .cl-btn-from-img .cl-btn-img-over, .clo-q_0000 .cl-btn-from-img:hover .cl-btn-img-idle { display: none; }
.clo-q_0000 .cl-q-feedback { position: absolute; padding: 15px; border-style: solid; border-width: 1px ; }
.clo-q_0000 .cl-q-feedback-btn { position: absolute; top: 0; right: 0; cursor: pointer; margin: 0 10px; width: 20px height: 20px; font-size: 24px; font-weight: bold; }
.clo-q_0000 .cl-q-vars-tf-h-table { width: 100%; border-spacing: 0; }
.clo-q_0000 .cl-q-vars-tf-h-td { width: 50%; padding: 0 2.5px; }
.clo-q_0000 .cl-var-clickable { cursor: pointer; }
.clo-q_0000 .cl-var-disabled { cursor: default; opacity: 0.75; }
.clo-q_0000 .cl-var-true-false { position: relative; }
.clo-q_0000 .cl-var-true-false .cl-var-table { width: 100%; border-spacing: 0; }
.clo-q_0000 .cl-var-true-false .cl-var-spot-td { padding: 5px; vertical-align: top; }
.clo-q_0000 .cl-var-true-false .cl-var-txt-td { width: 100%; padding: 5px; vertical-align: top; }
.clo-q_0000 .cl-var-true-false .cl-spot { position: relative; width: 20px; height: 20px; vertical-align: top; box-sizing: border-box; border-style: solid; }
.clo-q_0000 .cl-var-true-false .cl-inner-part { text-align: center; }
.clo-q_0000 .cl-var-idle .cl-var-true-false .cl-spot-point { display: none; }
.clo-q_0000 .cl-var-selected .cl-var-true-false .cl-spot-point { position: relative; }
.clo-q_0000 .cl-var-choice { position: relative; }
.clo-q_0000 .cl-var-choice .cl-var-table { width: 100%; border-spacing: 0; }
.clo-q_0000 .cl-var-choice .cl-var-spot-td { padding: 5px; vertical-align: top; }
.clo-q_0000 .cl-var-choice .cl-var-txt-td { width: 100%; padding: 5px; vertical-align: top; }
.clo-q_0000 .cl-var-choice .cl-spot { width: 20px; height: 20px; vertical-align: top; box-sizing: border-box; border-style: solid; }
.clo-q_0000 .cl-var-choice .cl-inner-part { text-align: center; }
.clo-q_0000 .cl-var-selected .cl-var-choice .cl-spot-point { position: relative; }
.clo-q_0000 .cl-var-idle .cl-var-choice .cl-spot-point { display: none; }
.clo-q_0000 .cl-var-choice .cl-spot-selected .cl-spot-point { display: block; }
.clo-q_0000 .cl-var-idle .cl-var-choice .cl-var-spot-img-selected, .cl-var-selected .cl-var-choice .cl-var-spot-img-idle { display: none; }
.clo-q_0000 .cl-var-idle .cl-var-choice .cl-var-spot-img-idle, .cl-var-selected .cl-var-choice .cl-var-spot-img-selected { display: block; }
.clo-q_0000 .cl-var-select { position: relative; }
.clo-q_0000 .cl-var-select .cl-var-table { width: 100%; border-spacing: 0; }
.clo-q_0000 .cl-var-select .cl-var-spot-td { padding: 5px; vertical-align: top; }
.clo-q_0000 .cl-var-select .cl-var-txt-td { width: 100%; padding: 5px; vertical-align: top; }
.clo-q_0000 .cl-var-select .cl-spot { width: 18px; height: 18px; vertical-align: top; box-sizing: border-box; border-style: solid;  }
.clo-q_0000 .cl-var-select .cl-inner-part { text-align: center;  }
.clo-q_0000 .cl-var-idle .cl-var-select .cl-var-spot-img-selected, .cl-var-selected .cl-var-select .cl-var-spot-img-idle { display: none; }
.clo-q_0000 .cl-var-idle .cl-var-select .cl-var-spot-img-idle, .cl-var-selected .cl-var-select .cl-var-spot-img-selected { display: block; }
.clo-q_0000 .cl-var-idle .selected { display: none; }
.clo-q_0000 .cl-var-selected .selected { display: block; }
.clo-q_0000 .cl-var-order { position: relative; }
.clo-q_0000 .cl-var-order .cl-var-table { width: 100%; border-spacing: 0; }
.clo-q_0000 .cl-var-order .cl-var-spot-td { padding: 5px; vertical-align: top; }
.clo-q_0000 .cl-var-order .cl-var-txt-td { width: 100%; padding: 5px; vertical-align: top; }
.clo-q_0000 .cl-var-order .cl-inner-part { position: relative; text-align: center; }						
.clo-q_0000 .cl-var-numeric { position: relative; }
.clo-q_0000 .cl-var-numeric .cl-var-table { width: 100%; border-spacing: 0; }
.clo-q_0000 .cl-var-numeric .cl-var-spot-td { padding: 5px; vertical-align: top; }
.clo-q_0000 .cl-var-numeric .cl-var-input-cell-left { text-align: left; }
.clo-q_0000 .cl-var-numeric .cl-var-input-cell-right { text-align: right; }
.clo-q_0000 .cl-var-numeric .cl-var-txt-td { width: 50%; padding: 5px; }
.clo-q_0000 .cl-var-numeric .cl-var-exp-left { text-align: right; }
.clo-q_0000 .cl-var-numeric .cl-var-exp-right { text-align: left; }
.clo-q_0000 .cl-var-numeric .cl-var-input { width: 100px; height: 30px; text-align: left; padding: 2px; font-size: 12px; border-style: solid; }
.clo-q_0000 .cl-var-fib { position: relative; }
.clo-q_0000 .cl-var-fib .cl-var-table { width: 100%; border-spacing: 0; }
.clo-q_0000 .cl-var-fib .cl-var-spot-td { padding: 5px; vertical-align: top; }
.clo-q_0000 .cl-var-fib .cl-var-input-cell-left { text-align: left; }
.clo-q_0000 .cl-var-fib .cl-var-input-cell-right { text-align: right; }
.clo-q_0000 .cl-var-fib .cl-var-txt-td { width: 50%; padding: 5px; }
.clo-q_0000 .cl-var-fib .cl-var-exp-left { text-align: right; }
.clo-q_0000 .cl-var-fib .cl-var-exp-right { text-align: left; }
.clo-q_0000 .cl-var-fib .cl-var-input { width: 200px; height: 30px; text-align: left; padding: 2px; font-size: 12px; border-style: solid; }
.clo-q_0000 .cl-oto-table { width: 100%; border-spacing: 0; }
.clo-q_0000 .cl-oto-table .cl-left-part {  }
.clo-q_0000 .cl-oto-table .cl-center-part { width: 40px; min-width: 40px; }
.clo-q_0000 .cl-oto-table .cl-right-part {  }
.clo-q_0000 .cl-oto-connector { width: 40px; min-width: 40px; height: 1px; overflow: hidden; }
.clo-q_0000 .cl-var-target { position: relative; margin: 2.5px 0; border-style: solid; }
.clo-q_0000 .cl-var-bullet { position: relative; margin: 2.5px 0; border-style: solid; }
.clo-q_0000 .cl-otm-table { width: 100%; border-spacing: 0; }
.clo-q_0000 .cl-otm-table .cl-left-part { width: 50%; }
.clo-q_0000 .cl-otm-table .cl-center-part { width: 40px; min-width: 40px; }
.clo-q_0000 .cl-otm-table .cl-right-part { width: 50%; }
.clo-q_0000 .cl-otm-table .cl-var-target-contacts { position: relative; margin: 0 0 -5px 0; padding: 5px 0 0 0; text-align: right; }
.clo-q_0000 .cl-otm-table .cl-var-target-contacts { position: relative; margin: 0 0 -5px 0; padding: 5px 0 0 0; text-align: right; }
.clo-q_0000 .cl-contacts-table { position: relative; margin: 0 0 0 auto; }
.clo-q_0000 .cl-contacts-table td { padding: 0 0 0 5px; }
.clo-q_0000 .cl-contact { width: 10px; height: 5px; overflow: hidden; }
.clo-q_0000 .cl-mtm-table { width: 100%; border-spacing: 0; }
.clo-q_0000 .cl-mtm-table .cl-left-part { width: 50%; vertical-align: top; }
.clo-q_0000 .cl-mtm-table .cl-center-part { width: 40px; min-width: 40px; }
.clo-q_0000 .cl-mtm-table .cl-right-part { width: 50%; vertical-align:top; }
.clo-q_0000 .cl-mtm-table .cl-var-target-contacts { position: relative; margin: 0 0 -5px 0; padding: 5px 0 0 0; text-align: right; }
.clo-q_0000 .cl-mtm-table .cl-contacts-table { position: relative; margin: 0 0 0 auto; }
.clo-q_0000 .cl-mtm-table .cl-contacts-table td { padding: 0 0 0 5px; }

.clo-q_0000 .cl-theme-light .cl-q-question-txt, .clo-q_0000 .cl-theme-light .cl-q-vars { padding: 15px; }
.clo-q_0000 .cl-theme-light .cl-q-timer { padding: 10px 15px; }
.clo-q_0000 .cl-theme-light .cl-q-manager { padding: 10px; }
.clo-q_0000 .cl-theme-light .cl-var-true-false .cl-spot { border-width: 1px; }
.clo-q_0000 .cl-theme-light .cl-var-selected .cl-var-true-false .cl-spot-point { margin: 5px auto; width: 8px; height: 8px; }
.clo-q_0000 .cl-theme-light .cl-var-choice .cl-spot { border-width: 1px; }
.clo-q_0000 .cl-theme-light .cl-var-selected .cl-spot-point { margin: 5px auto; width: 8px; height:8px; }
.clo-q_0000 .cl-theme-light .cl-var-select .cl-spot { border-width: 1px; -webkit-border-radius: 5px; border-radius: 5px; }
.clo-q_0000 .cl-theme-light .cl-var-order .cl-inner-part { white-space: nowrap; line-height: 0; padding: 5px; font-size: 24px; font-weight: bold; }
.clo-q_0000 .cl-theme-light .cl-var-numeric .cl-var-input { border-width: 1px; -webkit-border-radius: 5px; border-radius: 5px; }
.clo-q_0000 .cl-theme-light .cl-var-fib .cl-var-input { border-width: 1px; -webkit-border-radius: 5px; border-radius: 5px; }

.clo-q_0000 .cl-theme-simple .cl-q-question-txt { padding: 10px; border-style: solid; border-width: 2px; }
.clo-q_0000 .cl-theme-simple .cl-q-vars { margin: 2px 0 0 0; padding: 0; }
.clo-q_0000 .cl-theme-simple .cl-q-timer-box { border-color: #666; background-color: #999; }
.clo-q_0000 .cl-theme-simple .cl-q-timer { margin: 2px 0 0 0; padding: 5px 10px; border-style: solid; border-width: 2px; }
.clo-q_0000 .cl-theme-simple .cl-q-manager { margin: 2px 0 0 0; padding: 5px 10px; border-style: solid; border-width: 2px; }
.clo-q_0000 .cl-theme-simple .cl-btn { border-width: 2px; }
.clo-q_0000 .cl-theme-simple .cl-var-true-false { margin: 2px 0 0 0; box-sizing: border-box; border-style: solid; border-width: 2px; padding: 5px; }
.clo-q_0000 .cl-theme-simple .cl-var-true-false .cl-spot { border-width: 2px; }
.clo-q_0000 .cl-theme-simple .cl-var-selected .cl-var-true-false .cl-spot-point { margin: 3px auto; width: 10px; height:10px;  }
.clo-q_0000 .cl-theme-simple .cl-var-choice { margin: 2px 0 0 0; box-sizing: border-box; border-style: solid; border-width: 2px; padding: 5px; }
.clo-q_0000 .cl-theme-simple .cl-var-choice .cl-spot { border-width: 2px; }
.clo-q_0000 .cl-theme-simple .cl-var-selected .cl-spot-point { margin: 3px auto; width: 10px; height:10px; }
.clo-q_0000 .cl-theme-simple .cl-var-select { margin: 2px 0 0 0; box-sizing: border-box; border-style: solid; border-width: 2px; padding: 5px; }
.clo-q_0000 .cl-theme-simple .cl-var-select .cl-spot { border-width: 2px; }
.clo-q_0000 .cl-theme-simple .cl-var-order { margin: 2px 0 0 0; box-sizing: border-box; border-style: solid; border-width: 2px; padding: 5px; }
.clo-q_0000 .cl-theme-simple .cl-var-order .cl-inner-part { width: 20px; height: 10px;  }
.clo-q_0000 .cl-theme-simple .cl-var-numeric { margin: 2px 0 0 0; box-sizing: border-box; border-style: solid; border-width: 2px; padding: 5px; }
.clo-q_0000 .cl-theme-simple .cl-var-numeric .cl-var-input { border-width: 2px; }
.clo-q_0000 .cl-theme-simple .cl-var-fib { margin: 2px 0 0 0; box-sizing: border-box; border-style: solid; border-width: 2px; padding: 5px; }
.clo-q_0000 .cl-theme-simple .cl-var-fib .cl-var-input { border-width: 2px; }
.clo-q_0000 .cl-theme-simple .cl-var-target { border-width: 2px; }
.clo-q_0000 .cl-theme-simple .cl-var-bullet { border-width: 2px; }

.clo-q_0000 .cl-theme-standard .cl-extra-wrapper { padding: 10px; border-style: solid; border-width: 2px;  }
.clo-q_0000 .cl-theme-standard .cl-q-question-txt { padding: 15px; border-style: solid; border-width: 1px; }
.clo-q_0000 .cl-theme-standard .cl-q-vars { padding: 0 0 15px 0; }
.clo-q_0000 .cl-theme-standard .cl-q-timer { padding: 10px 15px; text-align: center; border-top-style: dotted; border-top-width: 1px; }
.clo-q_0000 .cl-theme-standard .cl-q-manager { padding: 10px; border-top-style: dotted; border-top-width: 1px;  }
.clo-q_0000 .cl-theme-standard .cl-var { margin: 2.5px 0; }
.clo-q_0000 .cl-theme-standard .cl-var-true-false { padding: 10px; border-style: solid; border-width: 1px; }
.clo-q_0000 .cl-theme-standard .cl-var-true-false .cl-spot { border-width: 2px; }
.clo-q_0000 .cl-theme-standard .cl-var-selected .cl-var-true-false .cl-spot-point { margin: 3px auto; width: 10px; height:10px; }
.clo-q_0000 .cl-theme-standard .cl-var-choice { padding: 10px; border-style: solid; border-width: 1px; }
.clo-q_0000 .cl-theme-standard .cl-var-choice .cl-spot { border-width: 2px; }
.clo-q_0000 .cl-theme-standard .cl-var-selected .cl-spot-point { margin: 3px auto; width: 10px; height:10px; }
.clo-q_0000 .cl-theme-standard .cl-var-select { padding: 10px; border-style: solid; border-width: 1px; }
.clo-q_0000 .cl-theme-standard .cl-var-select .cl-spot { border-width: 2px; }
.clo-q_0000 .cl-theme-standard .cl-var-order { padding: 10px; border-style: solid; border-width: 1px; }
.clo-q_0000 .cl-theme-standard .cl-var-order .cl-inner-part { width: 20px; height: 10px; }
.clo-q_0000 .cl-theme-standard .cl-var-numeric { padding: 10px; border-style: solid; border-width: 1px; }
.clo-q_0000 .cl-theme-standard .cl-var-numeric .cl-var-input { border-width: 1px; }
.clo-q_0000 .cl-theme-standard .cl-var-fib { padding: 10px; border-style: solid; border-width: 1px; }
.clo-q_0000 .cl-theme-standard .cl-var-fib .cl-var-input { border-width: 1px; }
.clo-q_0000 .cl-theme-standard .cl-var-target { border-width: 1px; }
.clo-q_0000 .cl-theme-standard .cl-var-bullet { border-width: 1px; }


.clo-q_0001 {}
.clo-q_0001 .container div { position: relative; }
.clo-q_0001 .template-storage { display: none; }
.clo-q_0001 .var-clickable { cursor: pointer; }
/*common*/
.clo-q_0001 .cl-t-header-table, .clo-q_0001 .cl-t-footer-table { width: 100%; border-spacing: 0; }
.clo-q_0001 .cl-t-header-table td { white-space: nowrap; font-size: 11px; }
.clo-q_0001 .cl-t-footer-table td { white-space: nowrap; }
.clo-q_0001 .cl-t-header-cell-left, .clo-q_0001 .cl-t-footer-cell-left { width: 25%; text-align: left; }
.clo-q_0001 .cl-t-header-cell-center { width: 50%; text-align: center; padding: 0 10px; }
.clo-q_0001 .cl-t-footer-cell-center { width: 50%; text-align: center; padding: 0 10px; font-size: 11px; }
.clo-q_0001 .cl-t-header-cell-right { width: 25%; text-align: right; }
.clo-q_0001 .cl-t-footer-cell-right { width: 25%; text-align: right; font-size: 11px; }
.clo-q_0001 .cl-t-credit-info { margin: 0 0 0.2em 0; }
.clo-q_0001 .cl-t-timer { text-align: right; }
.clo-q_0001 .cl-t-timer-table, .clo-q_0001 .cl-q-timer-table { position: relative; width: 100%; border-spacing: 0; }
.clo-q_0001 .cl-t-timer-value { width: 100%; text-align: right; white-space: nowrap; }
.clo-q_0001 .cl-t-progress { text-align: center; margin: 0 0 0.2em 0; }
.clo-q_0001 .cl-t-progress .cl-t-progress-rail { border-spacing: 0; margin: 0 auto; }
.clo-q_0001 .cl-t-progress .cl-t-progress-item { padding: 0 0 0 1px; }
.clo-q_0001 .cl-t-progress .cl-t-progress-item-btn { cursor: pointer; border-style: solid; border-width: 1px; overflow: hidden; }
.clo-q_0001 .cl-t-footer-btn { min-width: 150px; min-height: 25px; padding: 5px; border-style: solid; font-size: 14px; }
.clo-q_0001 .cl-t-footer-btn.idle { cursor: pointer; }
.clo-q_0001 .cl-t-footer-btn.disabled { cursor: default; opacity: 0.7; }
.clo-q_0001 .cl-t-footer-btn-custom { padding: 0; border: none; background-color: transparent; }
.clo-q_0001 .cl-t-footer-btn-custom.idle { cursor: pointer; }
.clo-q_0001 .cl-t-footer-btn-custom.idle:not([disabled]):hover { cursor: pointer }
.clo-q_0001 .cl-t-footer-btn-custom.idle:not([disabled]) .cl-btn-img-hover, .clo-q_0001 .cl-t-footer-btn-custom.idle:not([disabled]):hover .cl-btn-img-idle { display: none; }
.clo-q_0001 .cl-t-footer-btn-custom.idle:not([disabled]) .cl-btn-img-idle, .clo-q_0001 .cl-t-footer-btn-custom.idle:not([disabled]):hover .cl-btn-img-hover { display: block; }
.clo-q_0001 .cl-t-footer-btn-custom.disabled { cursor: default; opacity: 0.7; }
.clo-q_0001 .cl-q-timer-value { width: 100%; text-align: right; white-space: nowrap; }
.clo-q_0001 .cl-t-timer .cl-t-timer-scale { position: absolute; left: 50%; top: 0; width: 150px; height: 8px; }
.clo-q_0001 .cl-q-timer .cl-q-timer-scale { position: absolute; left: 50%; top: 0; width: 150px; height: 8px; }
.clo-q_0001 .cl-t-timer-progress { position: relative; }

.clo-q_0001 .rnd-timer-main { position: absolute; left: 0; top: 0; width: 24px; height: 24px; border-style: solid; border-width: 1px; }
.clo-q_0001 .rnd-timer-svg { position: absolute; left: 0; top: 0; width: 24px; height: 24px; }
.clo-q_0001 .rnd-timer-svg-full { }
.clo-q_0001 .rnd-timer-svg-path { }

.clo-q_0001 .q-question-goal { font-size: 11px; text-align: center; }
.clo-q_0001 .var { margin: 0 0 5px 0; }

.clo-q_0001 .q-vars-tf-h-table { width: 100%; border-spacing: 0; }
.clo-q_0001 .q-vars-tf-h-td { width: 50%; padding: 0 2.5px; }
.clo-q_0001 .var-true-false .var-table { width: 100%; border-spacing: 0; }
.clo-q_0001 .var-true-false .var-spot-td { padding: 5px; vertical-align: top; }
.clo-q_0001 .var-true-false .var-txt-td { width: 100%; padding: 5px; vertical-align: top; }
.clo-q_0001 .var-true-false .spot { width: 20px; height: 20px; box-sizing: border-box; border-style: solid; }
.clo-q_0001 .var-true-false .inner-part { text-align: center; }
.clo-q_0001 .var-idle .var-true-false .spot-point { display: none; }
.clo-q_0001 .var-true-false .spot-selected .spot-point { display: block; }
.clo-q_0001 .var-idle .var-true-false .var-spot-img-selected, .clo-q_0001 .var-selected .var-true-false .var-spot-img-idle { display: none; }
.clo-q_0001 .var-idle .var-true-false .var-spot-img-idle, .clo-q_0001 .var-selected .var-true-false .var-spot-img-selected { display: block; }

.clo-q_0001 .var-choice { }
.clo-q_0001 .var-choice .var-table { width: 100%; border-spacing: 0; }
.clo-q_0001 .var-choice .var-spot-td { padding: 5px; vertical-align: top; }
.clo-q_0001 .var-choice .var-txt-td { width: 100%; padding: 5px; vertical-align: top; }
.clo-q_0001 .var-choice .spot { width: 20px; height: 20px; vertical-align: top; box-sizing: border-box; border-style: solid; }
.clo-q_0001 .var-choice .inner-part { text-align: center; }
.clo-q_0001 .var-idle .var-choice .spot-point { display: none; }
.clo-q_0001 .var-choice .spot-selected .spot-point { display: block; }
.clo-q_0001 .var-idle .var-choice .var-spot-img-selected, .clo-q_0001 .var-selected .var-choice .var-spot-img-idle { display: none; }
.clo-q_0001 .var-idle .var-choice .var-spot-img-idle, .clo-q_0001 .var-selected .var-choice .var-spot-img-selected { display: block; }
.clo-q_0001 .var-choice .cl-custom-spot { width: 20px; height: 20px; }
.clo-q_0001 .var-idle .var-choice .cl-custom-spot .cl-custom-spot-idle, .clo-q_0001 .var-selected .var-choice .cl-custom-spot .cl-custom-spot-selected { display: block; }
.clo-q_0001 .var-selected .var-choice .cl-custom-spot .cl-custom-spot-idle, .clo-q_0001 .var-idle .var-choice .cl-custom-spot .cl-custom-spot-selected { display: none; }


.clo-q_0001 .var-select { }
.clo-q_0001 .var-select .var-table { width: 100%; border-spacing: 0; }
.clo-q_0001 .var-select .var-spot-td { padding: 5px; vertical-align: top; }
.clo-q_0001 .var-select .var-txt-td { width: 100%; padding: 5px; vertical-align: top; }
.clo-q_0001 .var-select .spot { width: 18px; height: 18px; box-sizing: border-box; border-style: solid; }
.clo-q_0001 .var-select .inner-part { text-align: center; }
.clo-q_0001 .var-idle .selected { display: none; }
.clo-q_0001 .var-selected .selected { display: block; }
.clo-q_0001 .var-select .cl-custom-spot { width: 20px; height: 20px; }
.clo-q_0001 .var-idle .var-select .cl-custom-spot .cl-custom-spot-idle, .clo-q_0001 .var-selected .var-select .cl-custom-spot .cl-custom-spot-selected { display: block; }
.clo-q_0001 .var-selected .var-select .cl-custom-spot .cl-custom-spot-idle, .clo-q_0001 .var-idle .var-select .cl-custom-spot .cl-custom-spot-selected { display: none; }

.clo-q_0001 .var-order { min-height: 40px;}
.clo-q_0001 .var-order .var-table { width: 100%; border-spacing: 0; }
.clo-q_0001 .var-order .var-spot-td { padding: 5px; vertical-align: top; }
.clo-q_0001 .var-order .var-txt-td { width: 100%; padding: 5px; vertical-align: top; }
.clo-q_0001 .var-order .inner-part { text-align: center; }
.clo-q_0001 .var-order-elem .cl-custom-spot img { display: block; max-height: 15px; }
.clo-q_0001 .var-order-elem .cl-custom-spot-up-img-1, .clo-q_0001 .var-order-elem .cl-custom-spot-down-img-1 { display: none !important; }
.clo-q_0001 .var-order-elem:first-of-type .cl-custom-spot-up-img-1, .clo-q_0001 .var-order-elem:last-of-type .cl-custom-spot-down-img-1 { display: block; }
.clo-q_0001 .var-order-elem:first-of-type .cl-custom-spot-up-img-0, .clo-q_0001 .var-order-elem:last-of-type .cl-custom-spot-down-img-0 { display: none !important; }

.clo-q_0001 .var-numeric { }
.clo-q_0001 .var-numeric .var-table { width: 100%; border-spacing: 0; }
.clo-q_0001 .var-numeric .var-spot-td { padding: 0; vertical-align: top; }
.clo-q_0001 .var-numeric .var-input { width: 100px; height: 30px; text-align: left; padding: 2px; font-size: 16px; border-style: solid; }
.clo-q_0001 .var-numeric .var-txt-td { width: 100%; padding: 0 5px; vertical-align: top; }
.clo-q_0001 .var-numeric .cl-var-input-cell-left { text-align: left; }
.clo-q_0001 .var-numeric .cl-var-input-cell-right { text-align: right; }
.clo-q_0001 .var-numeric .var-txt-td { width: 50%; padding: 5px; }
.clo-q_0001 .var-numeric .cl-var-exp-left { text-align: right; }
.clo-q_0001 .var-numeric .cl-var-exp-right { text-align: left; }

.clo-q_0001 .var-fib { position: relative; }
.clo-q_0001 .var-fib .var-table { width: 100%; border-spacing: 0; }
.clo-q_0001 .var-fib .var-spot-td { padding: 0; vertical-align: top; }
.clo-q_0001 .var-fib .var-input { width: 300px; height: 30px; text-align: left; padding: 2px; font-size: 16px; border-style: solid; }
.clo-q_0001 .var-fib .var-txt-td { width: 100%; padding: 0 5px; vertical-align: top; }
.clo-q_0001 .var-fib .cl-var-input-cell-left { text-align: left; }
.clo-q_0001 .var-fib .cl-var-input-cell-right { text-align: right; }
.clo-q_0001 .var-fib .var-txt-td { width: 50%; padding: 5px; }
.clo-q_0001 .var-fib .cl-var-exp-left { text-align: right; }
.clo-q_0001 .var-fib .cl-var-exp-right { text-align: left; }

.clo-q_0001 .oto-table { width: 100%; border-spacing: 0; }
.clo-q_0001 .oto-table .left-part { width: 50%; }
.clo-q_0001 .oto-table .center-part { width: 40px; min-width: 40px; }
.clo-q_0001 .oto-table .right-part { width: 50%; }
.clo-q_0001 .oto-connector { width: 40px; min-width: 40px; overflow: hidden; }
.clo-q_0001 .var-target { margin: 2.5px 0; padding: 10px; border-style: solid; }
.clo-q_0001 .var-bullet { margin: 2.5px 0; padding: 10px; border-style: solid; }
.clo-q_0001 .var-bullet-shadow { position: absolute; background-color: #eee; }
.clo-q_0001 .var-target .target-table, .clo-q_0001 .var-target .target-text-cell, .clo-q_0001 .var-bullet .bullet-table, .clo-q_0001 .var-bullet .bullet-text-cell  { width: 100%; }

.clo-q_0001 .q-feedback { position: absolute; padding: 15px; border-style: solid; border-width: 1px; z-index: 1001; }
.clo-q_0001 .q-feedback-template { display: none; }
.clo-q_0001 .q-feedback-btn { position: absolute; top: 0; right: 0; cursor: pointer; margin: 0 0 0 10px; width: 20px; height: 20px;  font-size: 24px; font-weight: bold; }

.clo-q_0001 .cl-theme-light .cl-t-container { border-width: 1px; border-style: solid; }
.clo-q_0001 .cl-theme-standard .cl-t-container { border-width: 2px; border-style: solid; }
.clo-q_0001 .cl-theme-simple .cl-t-container {  }

.clo-q_0001 .cl-theme-light .cl-t-header { padding: 10px 15px; }
.clo-q_0001 .cl-theme-standard .cl-t-header { padding: 10px; }
.clo-q_0001 .cl-theme-simple .cl-t-header { border-style: solid; border-width: 2px; padding: 5px 10px; }

.clo-q_0001 .cl-theme-light .cl-t-workarea { padding: 15px; border-style: solid none solid none; border-width: 1px 0 1px 0; }
.clo-q_0001 .cl-theme-standard .cl-t-workarea { padding: 10px; }
.clo-q_0001 .cl-theme-simple .cl-t-workarea { border-style: solid; border-width: 2px; margin: 2px 0; padding: 10px; }

.clo-q_0001 .cl-theme-light .cl-t-footer { padding: 10px 15px; }
.clo-q_0001 .cl-theme-standard .cl-t-footer { padding: 10px; }
.clo-q_0001 .cl-theme-simple .cl-t-footer { border-style: solid; border-width: 2px; padding: 5px 10px; }

.clo-q_0001 .cl-theme-light .cl-t-timer .cl-t-timer-bar { display: none; }
.clo-q_0001 .cl-theme-standard .cl-t-timer .cl-t-timer-bar { overflow: hidden;  margin: 0 0 0.2em auto; width: 150px; height: 8px; background-color: #666; }
.clo-q_0001 .cl-theme-simple .cl-t-timer .cl-t-timer-bar { overflow: hidden; margin: 0 0 0.2em auto; width: 150px; height: 8px; border-style: solid; border-width: 1px; background-color: #666; }

.clo-q_0001 .cl-theme-light .cl-t-timer-value { padding: 0 15px 0 0; }
.clo-q_0001 .cl-theme-standard .cl-t-timer-value { padding: 0; }
.clo-q_0001 .cl-theme-simple .cl-t-timer-value { padding: 0; }

.clo-q_0001 .cl-theme-light .cl-t-footer-btn { border-width: 1px; }
.clo-q_0001 .cl-theme-standard .cl-t-footer-btn { border-width: 1px; }
.clo-q_0001 .cl-theme-simple .cl-t-footer-btn { border-width: 2px; }

.clo-q_0001 .cl-theme-light .cl-q-timer-value { padding: 0 15px 0 0; }
.clo-q_0001 .cl-theme-standard .cl-q-timer-value { padding: 0; }
.clo-q_0001 .cl-theme-simple .cl-q-timer-value { padding: 0; }

.clo-q_0001 .cl-theme-standard .cl-t-timer-progress, .clo-q_0001 .cl-theme-simple .cl-t-timer-progress { display: none; }

.clo-q_0001 .cl-theme-standard .cl-q-timer .cl-q-timer-bar { overflow: hidden; margin: 0 0 0.2em auto; width: 150px; height: 8px; background-color: #666; }
.clo-q_0001 .cl-theme-simple .cl-q-timer .cl-q-timer-bar { overflow: hidden; border-width: 1px; border-style: solid; margin: 0 0 0.2em auto; width: 150px; height: 8px; background-color: #666; }

.clo-q_0001 .cl-theme-standard .cl-q-timer-progress, .clo-q_0001 .cl-theme-simple .cl-q-timer-progress { display: none; }
.clo-q_0001 .cl-theme-light .cl-t-timer .cl-t-timer-bar { display: none; }

.clo-q_0001 .cl-theme-light .cl-t-progress .cl-t-progress-item-btn { width: 4px; height: 10px; }
.clo-q_0001 .cl-theme-standard .cl-t-progress .cl-t-progress-item-btn { width: 8px; height: 8px; }
.clo-q_0001 .cl-theme-simple .cl-t-progress .cl-t-progress-item-btn { width: 5px; height: 10px; }

.clo-q_0001 .cl-theme-light .q-question-txt { border-style: solid; border-width: 1px; padding: 15px; }
.clo-q_0001 .cl-theme-simple .q-question-txt { padding: 10px; }

.clo-q_0001 .cl-theme-light .var-true-false { }
.clo-q_0001 .cl-theme-simple .var-true-false { margin: 2px 0 0 0; box-sizing: border-box; border-style: solid; border-width: 2px; padding: 5px; }
.clo-q_0001 .cl-theme-standard .var-true-false { padding: 10px; border-style: solid; border-width: 1px; }

.clo-q_0001 .cl-theme-light .var-true-false .spot { border-width: 1px; }
.clo-q_0001 .cl-theme-simple .var-true-false .spot { border-width: 2px; }
.clo-q_0001 .cl-theme-standard .var-true-false .spot { border-width: 2px; }

.clo-q_0001 .cl-theme-light .var-selected .var-true-false .spot-point { margin: 5px auto; width: 8px; height: 8px; }
.clo-q_0001 .cl-theme-simple .var-selected .var-true-false .spot-point { margin: 3px auto; width: 10px; height:10px; }
.clo-q_0001 .cl-theme-standard .var-selected .var-true-false .spot-point { margin: 3px auto; width: 10px; height:10px; }

.clo-q_0001 .cl-theme-light .var-choice { }
.clo-q_0001 .cl-theme-simple .var-choice { margin: 2px 0 0 0; box-sizing: border-box; border-style: solid; border-width: 2px; padding: 5px; }
.clo-q_0001 .cl-theme-standard .var-choice { padding: 10px; border-style: solid; border-width: 1px; }

.clo-q_0001 .cl-theme-light .var-choice .spot { border-width: 1px; }
.clo-q_0001 .cl-theme-simple .var-choice .spot { border-width: 2px; }
.clo-q_0001 .cl-theme-standard .var-choice .spot { border-width: 2px; }

.clo-q_0001 .cl-theme-light .var-selected .spot-point { margin: 5px auto; width: 8px; height:8px; }
.clo-q_0001 .cl-theme-simple .var-selected .spot-point { margin: 3px auto; width: 10px; height:10px; }
.clo-q_0001 .cl-theme-standard .var-selected .spot-point { margin: 3px auto; width: 10px; height: 10px; }

.clo-q_0001 .cl-theme-light .var-select { }
.clo-q_0001 .cl-theme-simple .var-select { margin: 2px 0 0 0; box-sizing: border-box; border-style: solid; border-width: 2px; padding: 5px; }
.clo-q_0001 .cl-theme-standard .var-select { padding: 10px; border-style: solid; border-width: 1px; }

.clo-q_0001 .cl-theme-light .var-select .spot { border-width: 1px; }
.clo-q_0001 .cl-theme-simple .var-select .spot { border-width: 2px; }
.clo-q_0001 .cl-theme-standard .var-select .spot { border-width: 2px; }

.clo-q_0001 .cl-theme-light .var-order { }
.clo-q_0001 .cl-theme-simple .var-order { margin: 2px 0 0 0; box-sizing: border-box; border-style: solid; border-width: 2px; padding: 5px; }
.clo-q_0001 .cl-theme-standard .var-order { padding: 10px; border-style: solid; border-width: 1px; }

.clo-q_0001 .cl-theme-light .var-order .inner-part { white-space: nowrap; line-height: 0; padding: 5px; font-size: 24px; font-weight: bold; }
.clo-q_0001 .cl-theme-simple .var-order .inner-part { width: 20px; height: 10px; }
.clo-q_0001 .cl-theme-standard .var-order .inner-part { width: 20px; height: 10px; }						

.clo-q_0001 .cl-theme-light .var-numeric { }
.clo-q_0001 .cl-theme-simple .var-numeric { margin: 2px 0 0 0; box-sizing: border-box; border-style: solid; border-width: 2px; padding: 5px;}
.clo-q_0001 .cl-theme-standard .var-numeric { padding: 10px; border-style: solid; border-width: 1px; }

.clo-q_0001 .cl-theme-light .var-numeric .var-input { border-width: 1px; }
.clo-q_0001 .cl-theme-simple .var-numeric .var-input { border-width: 2px; }
.clo-q_0001 .cl-theme-standard .var-numeric .var-input { border-width: 1px; }

.clo-q_0001 .cl-theme-light .var-fib { }
.clo-q_0001 .cl-theme-simple .var-fib { margin: 2px 0 0 0; box-sizing: border-box; border-style: solid; border-width: 2px; padding: 5px; }
.clo-q_0001 .cl-theme-standard .var-fib { padding: 10px; border-style: solid; border-width: 1px; }

.clo-q_0001 .cl-theme-light .var-fib .var-input { border-width: 1px; }
.clo-q_0001 .cl-theme-simple .var-fib .var-input { border-width: 2px; }
.clo-q_0001 .cl-theme-standard .var-fib .var-input { border-width: 1px; }

.clo-q_0001 .cl-theme-light .oto-connector { height: 1px; margin: 1px 0 0 0; border-style: solid none none none; border-width: 1px 0 0 0; }
.clo-q_0001 .cl-theme-simple .oto-connector { height: 2px; margin: 2px 0 0 0; border-style: dotted none none none; border-width: 2px 0 0 0; }
.clo-q_0001 .cl-theme-standard .oto-connector { height: 1px; }

.clo-q_0001 .cl-theme-light .var-target { border-width: 1px; }
.clo-q_0001 .cl-theme-simple .var-target { border-width: 2px; }
.clo-q_0001 .cl-theme-standard .var-target { border-width: 1px; }
.clo-q_0001 .cl-theme-light .var-bullet { border-width: 1px; }
.clo-q_0001 .cl-theme-simple .var-bullet { border-width: 2px; }
.clo-q_0001 .cl-theme-standard .var-bullet { border-width: 1px; }

.clo-q_0002 {}
.clo-q_0002 .container div { position: relative; }
.clo-q_0002 .cl-template-storage { display: none; }
.clo-q_0002 .cl-table-plain-td, .clo-q_0002 .cl-table-scale-td { vertical-align: middle; text-align: center; }
.clo-q_0002 .cl-results-container { overflow-y: scroll; text-align: center; }
.clo-q_0002 .cl-table-scale-h { border-spacing: 0; margin: 0 auto; }
.clo-q_0002 .cl-table-scale-h-desc { width: 50%; text-align: right;}
.clo-q_0002 .cl-table-scale-h-scale { width: 50%; text-align: left;}
.clo-q_0002 .cl-table-scale-h-value { white-space: nowrap; text-align: left;  }
.clo-q_0002 .cl-table-scale-h-div { width: 100%; overflow: hidden; }
.clo-q_0002 .cl-table-scale-h-ind { width: 100%; overflow: hidden; }

.clo-q_0002 .cl-results-t-template { margin: 0 0 10px 0; padding: 0; border-style: solid; border-width: 1px; background-color: #fff; }
.clo-q_0002 .cl-results-t-contents { padding: 0 5px; }
.clo-q_0002 .cl-results-contents { margin: 0 0 10px 0; }
.clo-q_0002 .cl-results-q-template { margin: 0 0 10px 0; padding: 0; border-style: solid; border-width: 1px; background-color: #fff; }
.clo-q_0002 .cl-results-header-table { width: 100%; border-spacing: 0; }
.clo-q_0002 .cl-results-header-switch-cell { vertical-align: top; padding: 10px; }
.clo-q_0002 .cl-results-header-title { width: 100%; padding: 10px 0; text-align: left; }
.clo-q_0002 .cl-results-header-score { padding: 5px 10px; }
.clo-q_0002 .cl-results-header-score-div { padding: 5px 20px; }
.clo-q_0002 .cl-results-na { text-align: center; padding: 10px; white-space: nowrap; display: none; }
.clo-q_0002 .cl-switch { display: block; position: relative; width: 20px; height: 20px; cursor: pointer; }
.clo-q_0002 .cl-switch-path-plus { display: none; }
.clo-q_0002 .cl-switch-path-minus { display: block; }

.clo-q_0002 .cl-results-q-text { margin: 0 10px; padding: 10px; border-style: dotted; border-width: 1px; text-align: left; }

.clo-q_0002 .cl-results-stats { margin: 0 10px; padding: 0; border-style: none dotted dotted dotted; border-width: 1px; text-align: left; }
.clo-q_0002 .cl-stats-table { width: 100%; border-spacing: 0; margin: 0 10px 10px 10px;  }
.clo-q_0002 .cl-stats-left { width: 50%; padding: 0 10px 10px 10px; text-align: left; vertical-align: top; font-size: 0.8em; }
.clo-q_0002 .cl-stats-right { width: 50%; padding: 0 10px 10px 10px; text-align: left; vertical-align: top; font-size: 0.8em; }
.clo-q_0002 .cl-stats-obj-table { border-spacing: 0; }
.clo-q_0002 .cl-stats-obj-table td { border-style: solid; border-width: 1px; padding: 5px; }
.clo-q_0002 .cl-stats-obj-header, .clo-q_0002 .cl-stats-obj-score { text-align: center; }

.clo-q_0002 .cl-results-variants { margin: 0 10px; padding: 0; border-style: none dotted dotted dotted; border-width: 1px; text-align: left; }
.clo-q_0002 .cl-results-q-variants-table { margin: 0 10px 10px 10px; border-spacing: 0; }
.clo-q_0002 .cl-results-q-variants-table td { padding: 5px; border-style: solid; border-width: 1px; }
.clo-q_0002 .cl-results-q-variants-mark { font-size: 18px; text-align: center; padding-bottom: 0; }
.clo-q_0002 .cl-results-q-variants-text { text-align: left; font-size: 0.8em; }
.clo-q_0002 .cl-results-q-variants-header { text-align: center; font-size: 0.8em; }
.clo-q_0002 .cl-results-mark-correct { color: #090; }
.clo-q_0002 .cl-results-mark-incorrect { color: #c00; }
.clo-q_0002 .cl-results-correct { background-color: #dfd; }
.clo-q_0002 .cl-results-incorrect { background-color: #fed; }

.clo-q_0002 .cl-results-q-no-objects { text-align: center; padding: 10px; }

/**********/
.clo-010_pie .cl-container { position: absolute; left: 0; top: 0; }
.clo-010_pie .cl-bg { position: absolute; left: 0; top: 0; border-style: solid; }
.clo-010_pie .cl-inner-table { border-spacing: 0; }
.clo-010_pie .cl-diag-container { position: relative; background-color: transparent; }
.clo-010_pie .cl-desc-empty { position: absolute; left: 0; top: 0; }
.clo-010_pie .cl-desc-empty-table { border-spacing: 0; }
.clo-010_pie .cl-desc-empty-table-cell { position: relative; left: 0; top: 0; overflow: auto; vertical-align: middle; }
.clo-010_pie .cl-desc { position: absolute; left: 0; top: 0; border-style: solid; }
.clo-010_pie .cl-desc-cell { position: relative; }
.clo-010_pie .cl-desc-holder { position: relative; left: 0; top: 0; }
.clo-010_pie .cl-desc-inner { position: relative; left: 0; top: 0; overflow: auto; }
.clo-010_pie .cl-legend { position: absolute; left: 0; top: 0; border-style: solid; }
.clo-010_pie .cl-legend-inner { position: relative; left: 0; top: 0; overflow: auto; }
.clo-010_pie .cl-legend-table { border-spacing: 0; }
.clo-010_pie .cl-legend-cell-mark { padding: 5px; vertical-align: top; cursor: pointer; }
.clo-010_pie .cl-legend-mark { position: relative; width: 8px; height: 8px; border-style: solid; border-width: 3px; background-color: #fff; }
.clo-010_pie .cl-legend-cell-text { padding: 5px; vertical-align: top; cursor: pointer; }
.clo-010_pie .cl-refresh { position: absolute; right: 0; bottom: 0; width: 20.5px; height: 17px; margin: 0 5px 5px 0;  }
.clo-010_pie .cl-refresh-btn { fill: #666; fill-opacity: 0.5; }
.clo-010_pie .cl-refresh-btn:hover { fill-opacity: 0.9; }
.clo-010_pie .cl-arrow { position: absolute; }
.clo-010_pie .cl-arrow-point { position: absolute; left: 0; top: 0; overflow: hidden; border-style: solid; background-color: #fff; }
.clo-010_pie .cl-arrow-line { position: absolute; overflow: hidden; border-style: solid none; border-color: #fff; }
.clo-010_pie svg { position: absolute; }
.clo-010_pie .cl-diag-text-inside { position: absolute; left: 50%; top: 50%; overflow: hidden; }
.clo-010_pie .cl-diag-text-inside-table { border-spacing: 0; }
.clo-010_pie .cl-diag-text-inside-cell { text-align: center; vertical-align: middle; }
/**********/
.clo-010_pyramid .cl-container { position: absolute; left: 0; top: 0; }
.clo-010_pyramid .cl-bg { position: absolute; left: 0; top: 0; border-style: solid; }
.clo-010_pyramid .cl-inner-table { border-spacing: 0; }
.clo-010_pyramid .cl-diag-container { position: relative; }
.clo-010_pyramid .cl-diag-block-pyramid-level { position: relative; }
.clo-010_pyramid .cl-diag-block-wall-level { position: relative; }
.clo-010_pyramid .cl-diag-block { position: absolute; top: 0; padding: 0; border-style: solid; overflow: hidden; }
.clo-010_pyramid .cl-diag-block-table { border-spacing: 0; }
.clo-010_pyramid .cl-diag-block-table-cell {  text-align: center; }
.clo-010_pyramid .cl-desc-empty { position: absolute; left: 0; top: 0; }
.clo-010_pyramid .cl-desc-empty-table { border-spacing: 0; }
.clo-010_pyramid .cl-desc-empty-table-cell { position: relative; left: 0; top: 0; overflow: auto; vertical-align: middle; }
.clo-010_pyramid .cl-desc { position: absolute; left: 0; top: 0; border-style: solid; }
.clo-010_pyramid .cl-desc-cell { position: relative; }
.clo-010_pyramid .cl-desc-holder { position: relative; left: 0; top: 0; }
.clo-010_pyramid .cl-desc-inner { position: relative; left: 0; top: 0; overflow: auto; }
.clo-010_pyramid .cl-arrow { position: absolute; overflow: hidden; }
.clo-010_pyramid .cl-arrow-point { position: absolute; left: 0; top: 0; overflow: hidden; border-style: solid; background-color: #fff; }
.clo-010_pyramid .cl-arrow-line { position: absolute; overflow: hidden; border-style: solid none; border-color: #fff; }
.clo-010_pyramid .cl-legend { position: absolute; left: 0; top: 0; border-style: solid; border-color: #666; }
.clo-010_pyramid .cl-legend-inner { position: relative; left: 0; top: 0; overflow: auto; }
.clo-010_pyramid .cl-legend-table { border-spacing: 0; }
.clo-010_pyramid .cl-legend-cell-mark { padding: 5px; vertical-align: top; cursor: pointer; }
.clo-010_pyramid .cl-legend-mark { position: relative; width: 8px; height: 8px; border-style: solid; border-width: 3px; background-color: #fff; }
.clo-010_pyramid .cl-legend-cell-text { padding: 5px; vertical-align: top; cursor: pointer; }
.clo-010_pyramid .cl-refresh { position: absolute; width: 20.5px; height: 17px; }
.clo-010_pyramid .cl-refresh-btn { fill: #666; fill-opacity: 0.5; }
.clo-010_pyramid .cl-refresh-btn:hover { fill-opacity: 0.9; }
/**********/
.clo-011_histogram .cl-container { position: absolute; left: 0; top: 0; }
.clo-011_histogram .cl-bg { position: absolute; left: 0; top: 0; border-style: solid; }
.clo-011_histogram .cl-inner-table { border-spacing: 0; }
.clo-011_histogram .cl-diag-container { position: relative; left: 0; top: 0; }
.clo-011_histogram .cl-main-table {  border-spacing: 0; }
.clo-011_histogram .cl-top-left-cell { position: relative; vertical-align: bottom; text-align: right; }
.clo-011_histogram .cl-main-cell { vertical-align: bottom; text-align: left; }
.clo-011_histogram .cl-bottom-left-cell { text-align: right; vertical-align: top;  }
.clo-011_histogram .cl-bottom-cell { position: relative;  vertical-align: top; text-align: left; }
.clo-011_histogram .cl-main-div { position: relative; left: 0; top: 0; }
.clo-011_histogram .cl-axis-name-v { position: absolute;  right: 0;  text-align: center;}
.clo-011_histogram .cl-axis-name-h { position: relative;  text-align: center; }
.clo-011_histogram .cl-mark-container-v { position: relative; }
.clo-011_histogram .cl-mark-v { position: absolute; right: 0; bottom: 0; }
.clo-011_histogram .cl-mark-v-tip { position: absolute; right: 0; top: 0; overflow: hidden; }
.clo-011_histogram .cl-mark-v-value { position: relative; text-align: right;  }
.clo-011_histogram .cl-mark-container-h { position: relative; }
.clo-011_histogram .cl-mark-h { position: absolute; left: 0; top: 0; }
.clo-011_histogram .cl-mark-h-tip { position: absolute; right: 0; top: 0; overflow: hidden; }
.clo-011_histogram .cl-mark-h-value { position: relative; text-align: right; }
.clo-011_histogram .cl-grid-h-bar { position: absolute; left: 0; bottom: 0;  }
.clo-011_histogram .cl-grid-v-bar { position: absolute; left: 0; bottom: 0;  }
.clo-011_histogram .cl-bar { position: absolute; border-style: solid; }
.clo-011_histogram .cl-bar-name { position: absolute; overflow: hidden; }
.clo-011_histogram .cl-bar-name-table { border-spacing: 0; }
.clo-011_histogram .cl-bar-name-cell { text-align: center; }
.clo-011_histogram .cl-arrow { position: absolute; overflow: hidden; }
.clo-011_histogram .cl-arrow-point { position: absolute; left: 0; top: 0; overflow: hidden; border-style: solid; background-color: #fff; }
.clo-011_histogram .cl-arrow-line { position: absolute; overflow: hidden; border-style: solid none; border-color: #fff; }
.clo-011_histogram .cl-desc-empty { position: absolute; left: 0; top: 0; }
.clo-011_histogram .cl-desc-empty-table { border-spacing: 0; }
.clo-011_histogram .cl-desc-empty-table-cell { position: relative; left: 0; top: 0; overflow: auto; vertical-align: middle; }
.clo-011_histogram .cl-desc { position: absolute; left: 0; top: 0; border-style: solid; }
.clo-011_histogram .cl-desc-cell { position: relative; }
.clo-011_histogram .cl-desc-holder { position: relative; left: 0; top: 0; }
.clo-011_histogram .cl-desc-inner { position: relative; left: 0; top: 0; overflow: auto; }
.clo-011_histogram .cl-legend { position: absolute; left: 0; top: 0; border-style: solid; border-color: #666; }
.clo-011_histogram .cl-legend-inner { position: relative; left: 0; top: 0; overflow: auto; }
.clo-011_histogram .cl-legend-table { border-spacing: 0; }
.clo-011_histogram .cl-legend-cell-mark { padding: 5px; vertical-align: top; cursor: pointer; }
.clo-011_histogram .cl-legend-mark { position: relative; width: 8px; height: 8px; border-style: solid; border-width: 3px; background-color: #fff; }
.clo-011_histogram .cl-legend-cell-text { padding: 5px; vertical-align: top; cursor: pointer; }
.clo-011_histogram .cl-refresh { position: absolute; right: 0; bottom: 0; width: 20.5px; height: 17px; margin: 0;  }
.clo-011_histogram .cl-refresh-btn { fill-opacity: 0.5; }
.clo-011_histogram .cl-refresh-btn:hover { fill-opacity: 0.9; }
/**********/
.clo-012_radar .cl-container { position: absolute; left: 0; top: 0; }
.clo-012_radar .cl-bg { position: absolute; left: 0; top: 0; border-style: solid; }
.clo-012_radar .cl-inner-table { border-spacing: 0; }
.clo-012_radar .cl-diag-container { position: relative; }
.clo-012_radar .cl-scale-path { fill: transparent; stroke-width: 1px; stroke-dasharray: 3,3; }
.clo-012_radar .cl-radar-axis { fill: transparent; }
.clo-012_radar .cl-point { stroke-width: 1px; fill: #fff; cursor: pointer; }
.clo-012_radar .cl-path { cursor: pointer; }
.clo-012_radar .cl-path-idle { fill-opacity: 0.2; }
.clo-012_radar .cl-path-hover { fill-opacity: 0.6; }
.clo-012_radar .cl-path-selected { fill-opacity: 0.4; }
.clo-012_radar .cl-value { position: absolute; border-style: solid; border-width: 1px; background-color: #fff; padding: 2px; }
.clo-012_radar .cl-desc-empty { position: absolute; left: 0; top: 0; }
.clo-012_radar .cl-desc-empty-table { border-spacing: 0; }
.clo-012_radar .cl-desc-empty-table-cell { position: relative; left: 0; top: 0; overflow: auto; vertical-align: middle; }
.clo-012_radar .cl-desc { position: absolute; left: 0; top: 0; border-style: solid; }
.clo-012_radar .cl-desc-cell { position: relative; }
.clo-012_radar .cl-desc-holder { position: relative; left: 0; top: 0; }
.clo-012_radar .cl-desc-inner { position: relative; left: 0; top: 0; overflow: auto; }
.clo-012_radar .cl-legend { position: absolute; left: 0; top: 0; border-style: solid; }
.clo-012_radar .cl-legend-inner { position: relative; left: 0; top: 0; overflow: auto; }
.clo-012_radar .cl-legend-table { border-spacing: 0; }
.clo-012_radar .cl-legend-cell-mark { padding: 5px; vertical-align: top; cursor: pointer; }
.clo-012_radar .cl-legend-mark { position: relative; width: 8px; height: 8px; border-style: solid; border-width: 3px; background-color: #fff; }
.clo-012_radar .cl-legend-cell-text { padding: 5px; vertical-align: top; cursor: pointer; }
.clo-012_radar .cl-refresh { position: absolute; right: 0; bottom: 0; width: 20.5px; height: 17px; margin: 0 5px 5px 0;  }
.clo-012_radar .cl-refresh-btn { fill-opacity: 0.5; }
.clo-012_radar .cl-refresh-btn:hover { fill-opacity: 0.9; }
/**********/
.clo-001_imagegallery .cl-container { position: absolute; top: 0; left: 0; }
.clo-001_imagegallery .cl-bg { position: relative; top: 0; left: 0; border-style: solid; }
.clo-001_imagegallery .cl-ribbon { position: relative; border-style: solid; left: 0; top: 0; overflow: hidden; }
.clo-001_imagegallery .cl-ribbon-container { position: relative; text-align: center; margin: 0 auto; overflow: hidden; }
.clo-001_imagegallery .cl-ribbon-table { position: relative; /*margin: 0 auto;*/ border-spacing: 0; }
.clo-001_imagegallery .cl-ribbon-icon { position: relative; padding: 2px; opacity: 0.6; cursor: pointer; }
.clo-001_imagegallery .cl-ribbon-icon:hover { opacity: 0.8; }
.clo-001_imagegallery .cl-ribbon-icon-selected { background-color: #f90; opacity: 1; }
.clo-001_imagegallery .cl-ribbon-icon-clipper { position: relative; overflow: hidden; }
.clo-001_imagegallery .cl-ribbon-btn { position: absolute; background-color: #333; opacity: 0.3; }
.clo-001_imagegallery .cl-ribbon-btn:hover { opacity: 0.6; }
.clo-001_imagegallery .cl-ribbon-btn-table { border-spacing: 0; }
.clo-001_imagegallery .cl-ribbon-btn-cell { vertical-align: middle; }
.clo-001_imagegallery .cl-ribbon-btn-back { left: 0; top: 0; }
.clo-001_imagegallery .cl-ribbon-btn-next { right: 0; top: 0; }
.clo-001_imagegallery .cl-btn-svg { position: relative; left: 0; margin: 0 auto; }
.clo-001_imagegallery .cl-side-btn { position: absolute; background-color: #333; opacity: 0.3; }
.clo-001_imagegallery .cl-side-btn:hover { opacity: 0.6; }
.clo-001_imagegallery .cl-side-btn-table { border-spacing: 0; }
.clo-001_imagegallery .cl-side-btn-cell { vertical-align: middle; }
.clo-001_imagegallery .cl-side-btn-back { left: 0; top: 0; }
.clo-001_imagegallery .cl-side-btn-next { right: 0; top: 0; }
.clo-001_imagegallery .cl-image-holder { position: relative; overflow: hidden; border-style: solid; left: 0; top: 0; }
.clo-001_imagegallery .cl-image-container { position: relative; text-align: center; }
.clo-001_imagegallery .cl-no-image-container { position: relative; margin: 0 auto; }
.clo-001_imagegallery .cl-no-image-polyline { fill: #369; opacity: 0.9; }
.clo-001_imagegallery .cl-no-image-path1 { fill: #f90; opacity: 0.9; }
.clo-001_imagegallery .cl-no-image-path2 { fill: #ccc; }
.clo-001_imagegallery .cl-no-image-path3 { fill: #666; }
.clo-001_imagegallery .cl-desc { border-style: solid; overflow: hidden; }
.clo-001_imagegallery .cl-desc-out { position: relative; }
.clo-001_imagegallery .cl-desc-on-bg { position: absolute; left: 50%; }
.clo-001_imagegallery .cl-desc-on { position: absolute; left: 50%; }
.clo-001_imagegallery .cl-desc-on-top { top: 0; }
.clo-001_imagegallery .cl-desc-on-bottom { bottom: 0; }
.clo-001_imagegallery .cl-desc-container { position: relative; overflow: auto; text-align: center; }
.clo-001_imagegallery .cl-desc-table { position: relative; margin: 0 auto; border-spacing: 0; }
.clo-001_imagegallery .cl-desc-btn { position: absolute; background-color: #333; opacity: 0.3; }
.clo-001_imagegallery .cl-desc-btn:hover { opacity: 0.6; }
.clo-001_imagegallery .cl-desc-btn-table { border-spacing: 0; }
.clo-001_imagegallery .cl-desc-btn-cell { vertical-align: middle; }
.clo-001_imagegallery .cl-desc-btn-back { left: 0; top: 0; }
.clo-001_imagegallery .cl-desc-btn-next { right: 0; top: 0; }
.clo-001_imagegallery .cl-desc-btn .cl-btn-svg { position: relative; left: 0; margin: 0 auto; }
.clo-001_imagegallery .cl-btn-disabled { display: none; }
.clo-001_imagegallery .cl-img-magnify { cursor: pointer; }
/**********/
.clo-005_pointer .cl-container { position: absolute; top: 0; left: 0; }
.clo-005_pointer .cl-full { position: absolute; border-style: solid; box-sizing: border-box; }
.clo-005_pointer .cl-full-wrapper { position: absolute; left: 0; top: 0; width: inherit; height: inherit; box-sizing: border-box; text-align: center; }
.clo-005_pointer .cl-full-table { border-spacing: 0; }
.clo-005_pointer .cl-full-table-cell { vertical-align: middle; text-align: center; }
.clo-005_pointer .cl-short { position: absolute; border-style: solid; box-sizing: border-box; }
.clo-005_pointer .cl-short-wrapper { position: relative; left: 0; top: 0; width: inherit; height: initial; text-align: center; box-sizing: border-box; }
.clo-005_pointer .cl-point { position: absolute; border-style: solid; }
.clo-005_pointer .cl-point-table { border-spacing: 0; }
.clo-005_pointer .cl-point-table-cell { vertical-align: middle; text-align: center; }
/**********/
.clo-v_rapid_001 .cl-container { position: absolute; top: 0; left: 0; }
.clo-v_rapid_001 .cl-bg { position: relative; top: 0; left: 0; border-style: solid; }
.clo-v_rapid_001 .cl-header-part { position: relative; top: 0; left: 0; border-style: none none solid none; border-width: 0 0 1px 0; }
.clo-v_rapid_001 .cl-header-table { border-spacing: 0; }
.clo-v_rapid_001 .cl-header-cell-name { vertical-align: bottom; }
.clo-v_rapid_001 .cl-header-title { position: relative; top: 0; left: 0; white-space: nowrap; text-overflow: ellipsis; }
.clo-v_rapid_001 .cl-header-btn { position: relative; border-style: solid; cursor: pointer; }
.clo-v_rapid_001 .cl-header-btn-disabled { cursor: default !important; opacity: 0.75; }
.clo-v_rapid_001 .cl-arrow-left { border-color: transparent #fff transparent transparent; }
.clo-v_rapid_001 .cl-arrow-right { border-color: transparent transparent transparent #fff; }
.clo-v_rapid_001 .cl-arrow { position: absolute; left: 50%; top: 50%; width: 0; height: 0; border-style: solid; overflow: hidden; }
.clo-v_rapid_001 .cl-tab-block { position: relative; left: 0; top: 0; }
.clo-v_rapid_001 .cl-desc-bg { position: absolute; border-style: solid; border-color: #ccc; background-color: #fff; }
.clo-v_rapid_001 .cl-desc-bg-left {right: 0; top: 0; }
.clo-v_rapid_001 .cl-desc-bg-right { left: 0; top: 0; }
.clo-v_rapid_001 .cl-desc-bg-top { left: 0; bottom: 0; }
.clo-v_rapid_001 .cl-desc-bg-bottom { left: 0; top: 0; }
.clo-v_rapid_001 .cl-desc-wrapper { position: relative; border-style: solid; left: 0; top: 0; }
.clo-v_rapid_001 .cl-desc { position: relative; overflow: auto; }
.clo-v_rapid_001 .cl-tab-part { position: absolute; }
.clo-v_rapid_001 .cl-tab-part-left { left: 0; top: 0; }
.clo-v_rapid_001 .cl-tab-part-right { right: 0; top: 0; }
.clo-v_rapid_001 .cl-tab-part-top { left: 0; top: 0; }
.clo-v_rapid_001 .cl-tab-part-bottom { left: 0; bottom: 0; }
.clo-v_rapid_001 .cl-tab-bg { position: absolute;  border-color: #ccc; background-color: #fff; }
.clo-v_rapid_001 .cl-tab-bg-left { border-style: solid none solid solid; }
.clo-v_rapid_001 .cl-tab-bg-right { border-style: solid solid solid none; }
.clo-v_rapid_001 .cl-tab-bg-top { border-style: solid solid none solid; }
.clo-v_rapid_001 .cl-tab-bg-bottom { border-style: none solid solid solid; }
.clo-v_rapid_001 .cl-tab { position: absolute; border-style: solid; }
.clo-v_rapid_001 .cl-tab-table { border-spacing: 0; }
.clo-v_rapid_001 .cl-tab-table-cell { vertical-align: middle; text-align: center; }
.clo-v_rapid_001 .cl-tab-inner-div { text-align: center; overflow: hidden; }
.clo-v_rapid_001 .cl-tab-idle, .clo-v_rapid_001 .cl-tab-over { cursor: pointer; }
/**********/
.clo-v_rapid_002 .cl-container { position: absolute; top: 0; left: 0; }
.clo-v_rapid_002 .cl-bg { position: relative; top: 0; left: 0; border-style: solid; }
.clo-v_rapid_002 .cl-header-part { position: relative; top: 0; left: 0; border-style: none none solid none; border-width: 0 0 1px 0; }
.clo-v_rapid_002 .cl-header-table { border-spacing: 0; }
.clo-v_rapid_002 .cl-header-cell-name { vertical-align: bottom; }
.clo-v_rapid_002 .cl-header-title { position: relative; top: 0; left: 0; white-space: nowrap; text-overflow: ellipsis; }
.clo-v_rapid_002 .cl-header-btn { position: relative; border-style: solid; cursor: pointer; }
.clo-v_rapid_002 .cl-header-btn-disabled { cursor: default !important; opacity: 0.75; }
.clo-v_rapid_002 .cl-arrow-left { border-color: transparent #fff transparent transparent; }
.clo-v_rapid_002 .cl-arrow-right { border-color: transparent transparent transparent #fff; }
.clo-v_rapid_002 .cl-arrow { position: absolute; left: 50%; top: 50%; width: 0; height: 0; border-style: solid; overflow: hidden; }
.clo-v_rapid_002 .cl-tab-block { position: relative; left: 0; top: 0; }
.clo-v_rapid_002 .cl-desc-part { position: absolute; }
.clo-v_rapid_002 .cl-desc-part-top { bottom: 0; left: 0; }
.clo-v_rapid_002 .cl-desc-part-bottom { top: 0; left: 0; }
.clo-v_rapid_002 .cl-desc { position: relative; left: 0; top: 0; border-style: solid; }
.clo-v_rapid_002 .cl-desc-text { position: relative; overflow: auto; }
.clo-v_rapid_002 .cl-tab-part { position: absolute; }
.clo-v_rapid_002 .cl-tab-part-top { left: 0; top: 0; }
.clo-v_rapid_002 .cl-tab-part-bottom { left: 0; bottom: 0; }
.clo-v_rapid_002 .cl-group-name { position: absolute; bottom: 0; text-align: center; }
.clo-v_rapid_002 .cl-group-name-top { top: 0; line-height: 1;  }
.clo-v_rapid_002 .cl-group-name-bottom { bottom: 0; }
.clo-v_rapid_002 .cl-tab-scale { position: absolute; left: 0; }
.clo-v_rapid_002 .cl-tab-scale-top { bottom: 0; }
.clo-v_rapid_002 .cl-tab-scale-bottom { top: 0; }
.clo-v_rapid_002 .cl-bullet { position: absolute; border-style: solid; overflow: hidden; }
.clo-v_rapid_002 .cl-stick { position: absolute; border-style: none; overflow: hidden;  }
.clo-v_rapid_002 .cl-stick-top { bottom: 0;}
.clo-v_rapid_002 .cl-stick-bottom { top: 0; }
.clo-v_rapid_002 .cl-tag { position: absolute; border-style: solid; background-color: #fff; overflow: hidden; z-index: 0; padding: 2px 5px; }
.clo-v_rapid_002 .cl-tag-over { z-index: 1 !important; }
.clo-v_rapid_002 .cl-tag-top { bottom: 0;}
.clo-v_rapid_002 .cl-tag-bottom { top: 0; }
.clo-v_rapid_002 .cl-tag-text-table { border-spacing: 0; }
.clo-v_rapid_002 .cl-tag-text-cell { text-align: center; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.clo-v_rapid_002 .cl-bullet-idle { cursor: pointer; }
.clo-v_rapid_002 .cl-bullet-over { cursor: pointer; }
.clo-v_rapid_002 .cl-bullet-selected { cursor: default; }
/**********/
.clo-v_rapid_005 .cl-container { position: absolute; top: 0; left: 0; }
.clo-v_rapid_005 .cl-bg { position: relative; top: 0; left: 0; border-style: solid; }
.clo-v_rapid_005 .cl-header-part { position: relative; top: 0; left: 0; border-style: none none solid none; border-width: 0 0 1px 0; }
.clo-v_rapid_005 .cl-header-table { border-spacing: 0; }
.clo-v_rapid_005 .cl-header-cell-name { vertical-align: bottom; }
.clo-v_rapid_005 .cl-header-title { position: relative; top: 0; left: 0; white-space: nowrap; text-overflow: ellipsis; }
.clo-v_rapid_005 .cl-header-btn { position: relative; border-style: solid; cursor: pointer; }
.clo-v_rapid_005 .cl-header-btn-disabled { cursor: default !important; opacity: 0.75; }
.clo-v_rapid_005 .cl-arrow-left { border-color: transparent #fff transparent transparent; }
.clo-v_rapid_005 .cl-arrow-right { border-color: transparent transparent transparent #fff; }
.clo-v_rapid_005 .cl-arrow { position: absolute; left: 50%; top: 50%; width: 0; height: 0; border-style: solid; overflow: hidden; }
.clo-v_rapid_005 .cl-tab-block { position: relative; left: 0; top: 0; }
.clo-v_rapid_005 .cl-tab { position: absolute; border-style: solid; overflow: hidden; }
.clo-v_rapid_005 .cl-tab-table { position: relative;  border-spacing: 0; }
.clo-v_rapid_005 .cl-tab-table-cell { position: relative; vertical-align: middle; text-align: center; }
.clo-v_rapid_005 .cl-tab-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.clo-v_rapid_005 .cl-tab-text-h { position: relative; top: 50%; }
.clo-v_rapid_005 .cl-desc { position: absolute; border-style: solid; }
.clo-v_rapid_005 .cl-desc-text { position: relative; overflow: auto; }
.clo-v_rapid_005 .cl-tab-idle { cursor: pointer; }
.clo-v_rapid_005 .cl-tab-over { cursor: pointer; }
.clo-v_rapid_005 .cl-tab-selected { cursor: default; }
/**********/
.clo-v_rapid_006 .cl-container { position: absolute; top: 0; left: 0; }
.clo-v_rapid_006 .cl-bg { position: relative; top: 0; left: 0; border-style: solid; }
.clo-v_rapid_006 .cl-header-part { position: relative; top: 0; left: 0; border-style: none none solid none; border-width: 0 0 1px 0; }
.clo-v_rapid_006 .cl-header-table { border-spacing: 0; }
.clo-v_rapid_006 .cl-header-cell-name { vertical-align: bottom; }
.clo-v_rapid_006 .cl-header-title { position: relative; top: 0; left: 0; white-space: nowrap; text-overflow: ellipsis; }
.clo-v_rapid_006 .cl-header-btn { position: relative; border-style: solid; cursor: pointer; }
.clo-v_rapid_006 .cl-header-btn-disabled { cursor: default !important; opacity: 0.75; }
.clo-v_rapid_006 .cl-arrow-left { border-color: transparent #fff transparent transparent; }
.clo-v_rapid_006 .cl-arrow-right { border-color: transparent transparent transparent #fff; }
.clo-v_rapid_006 .cl-arrow { position: absolute; left: 50%; top: 50%; width: 0; height: 0; border-style: solid; overflow: hidden; }
.clo-v_rapid_006 .cl-tab-block { position: relative; left: 0; top: 0; }
.clo-v_rapid_006 .cl-desc-block { position: absolute; }
.clo-v_rapid_006 .cl-desc-block-left { top: 0; right: 0; }
.clo-v_rapid_006 .cl-desc-block-right { top: 0; left: 0; }
.clo-v_rapid_006 .cl-desc-block-top { bottom: 0; left: 0; }
.clo-v_rapid_006 .cl-desc-block-bottom { top: 0; left: 0; }
.clo-v_rapid_006 .cl-tab-part { position: absolute; }
.clo-v_rapid_006 .cl-tab-part-left { left: 0; top: 0; }
.clo-v_rapid_006 .cl-tab-part-right { right: 0; top: 0; }
.clo-v_rapid_006 .cl-tab-part-top { left: 0; top: 0; }
.clo-v_rapid_006 .cl-tab-part-bottom { left: 0; bottom: 0; }
.clo-v_rapid_006 .cl-tab-part-table { border-spacing: 0; }
.clo-v_rapid_006 .cl-tab-part-cell {  }
.clo-v_rapid_006 .cl-tab { position: relative; border-style: solid; }
.clo-v_rapid_006 .cl-tab-idle, .clo-v_rapid_006 .cl-tab-over { cursor: pointer; }
.clo-v_rapid_006 .cl-tab-selected { cursor: default; }
.clo-v_rapid_006 .cl-tab-table { width: inherit; height: inherit; border-spacing: 0; }
.clo-v_rapid_006 .cl-tab-table-cell { width: inherit; height: inherit; vertical-align: middle; text-align: center; }
.clo-v_rapid_006 .cl-desc { position: relative; left: 0; top: 0; border-style: solid; }
.clo-v_rapid_006 .cl-desc-text { position: relative; overflow: auto; }
.clo-v_rapid_006 .cl-tab-idle, .clo-v_rapid_006 .cl-tab-over { cursor: pointer; }
.clo-v_rapid_006 .cl-tab-selected { cursor: default; }
/**********/
.clo-v_rapid_008 .cl-container { position: absolute; top: 0; left: 0; }
.clo-v_rapid_008 .cl-bg { position: relative; top: 0; left: 0; border-style: solid; }
.clo-v_rapid_008 .cl-header-part { position: relative; top: 0; left: 0; border-style: none none solid none; border-width: 0 0 1px 0; }
.clo-v_rapid_008 .cl-header-table { border-spacing: 0; }
.clo-v_rapid_008 .cl-header-cell-name { vertical-align: bottom; }
.clo-v_rapid_008 .cl-header-title { position: relative; top: 0; left: 0; white-space: nowrap; text-overflow: ellipsis; }
.clo-v_rapid_008 .cl-header-btn { position: relative; border-style: solid; cursor: pointer; }
.clo-v_rapid_008 .cl-header-btn-disabled { cursor: default !important; opacity: 0.75; }
.clo-v_rapid_008 .cl-arrow-left { border-color: transparent #fff transparent transparent; }
.clo-v_rapid_008 .cl-arrow-right { border-color: transparent transparent transparent #fff; }
.clo-v_rapid_008 .cl-arrow { position: absolute; left: 50%; top: 50%; width: 0; height: 0; border-style: solid; overflow: hidden; }
.clo-v_rapid_008 .cl-tab-block { position: relative; left: 0; top: 0; }
.clo-v_rapid_008 .cl-img-container { position: absolute; overflow: hidden; }
.clo-v_rapid_008 .cl-no-img-table { position: relative; left: 0; top: 0; width: inherit; height: inherit; border-spacing: 0; }
.clo-v_rapid_008 .cl-no-img-table-td { width: inherit; height: inherit; border: dotted 1px #999; padding: 10px; background-color: #fff; vertical-align: middle; text-align: center; font-family: Tahoma, sans-serif; font-size: 11px; color: #999999; }
.clo-v_rapid_008 .cl-img { position: relative; }
.clo-v_rapid_008 .cl-desc { position: absolute; border-style: solid; }
.clo-v_rapid_008 .cl-desc-text { position: relative; left: 0; top: 0; overflow: auto; }
.clo-v_rapid_008 .cl-pointer { position: absolute; left: 0; top: 0; overflow: hidden;  }
.clo-v_rapid_008 .cl-pointer-arrow { position: absolute; width: 0; height: 0; border-style: solid; overflow: hidden; }
.clo-v_rapid_008 .cl-pointer-line { position: absolute; overflow: hidden; }
.clo-v_rapid_008 .cl-pointer-bg-arrow {  position: absolute; width: 0; height: 0; border-style: solid; overflow: hidden;  }
.clo-v_rapid_008 .cl-img-adjust {  position: absolute; width: 0; height: 0; border-style: solid; overflow: hidden; visibility: hidden;  }
/**********/
.clo-v_rapid_010 .cl-container { position: absolute; top: 0; left: 0; }
.clo-v_rapid_010 .cl-bg { position: relative; top: 0; left: 0; border-style: solid; }
.clo-v_rapid_010 .cl-header-part { position: relative; top: 0; left: 0; border-style: none none solid none; border-width: 0 0 1px 0; }
.clo-v_rapid_010 .cl-header-table { border-spacing: 0; }
.clo-v_rapid_010 .cl-header-cell-name { vertical-align: bottom; }
.clo-v_rapid_010 .cl-header-title { position: relative; top: 0; left: 0; white-space: nowrap; text-overflow: ellipsis; }
.clo-v_rapid_010 .cl-header-btn { position: relative; border-style: solid; cursor: pointer; }
.clo-v_rapid_010 .cl-header-btn-disabled { cursor: default !important; opacity: 0.75; }
.clo-v_rapid_010 .cl-arrow-left { border-color: transparent #fff transparent transparent; }
.clo-v_rapid_010 .cl-arrow-right { border-color: transparent transparent transparent #fff; }
.clo-v_rapid_010 .cl-arrow { position: absolute; left: 50%; top: 50%; width: 0; height: 0; border-style: solid; overflow: hidden; }
/**********/
.clo-splash_description .cl-container { position: relative; }
.clo-splash_description .cl-splash-popup { position: relative; left:0; top: 0; border-style: solid; }
.clo-splash_description .cl-splash-popup-header { position: relative; }
.clo-splash_description .cl-splash-popup-table { border-spacing: 0; }
.clo-splash_description .cl-splash-popup-cell-title { padding: 0 20px 0 0; text-overflow: ellipsis; }
.clo-splash_description .cl-splash-popup-cell-close { width: 24px; padding: 0; vertical-align: top; text-align: right; }
.clo-splash_description .cl-splash-popup-close-btn { position: relative; cursor: pointer; line-height: 0.6em; text-align: center; width: 18px; height: 18px; overflow: hidden; font-family: Arial, Tahoma, sans-serif; font-size: 24px; font-weight: bold; -webkit-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -khtml-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; }
.clo-splash_description .cl-splash-popup-close-btn:hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -khtml-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
.clo-splash_description .cl-splash-popup-text { position: relative; overflow: auto; }
/**********/
.clo-media_003_video .cl-no-src-table { border-spacing: 0; }
.clo-media_003_video .cl-no-src-cell { border: dotted 1px #c00; background-color: #333; text-align: center; vertical-align: middle; color: #fff; font-family: Tahoma, Arial, sans-serif; font-size:10px; }
.clo-media_003_video .cl-no-src-cell img { margin-bottom: 10px; }
.clo-media_003_video .cl-html5-table { border-spacing: 0; }
.clo-media_003_video .cl-html5-cell { border: solid 1px #999; background-color: #eee; text-align: center; vertical-align: middle; font-family: Tahoma, Arial, sans-serif; font-size:10px; }
.clo-media_003_video .cl-html5-cell img { margin-bottom: 10px; }
.clo-media_003_video .cl-wmp-table { border-spacing: 0; }
.clo-media_003_video .cl-wmp-cell { border: solid 1px #999; background-color: #eee; text-align: center; vertical-align: middle; font-family: Tahoma, Arial, sans-serif; font-size:10px; }
.clo-media_003_video .cl-wmp-cell img { margin-bottom: 10px; }
.clo-media_003_video .cl-qt-table { border-spacing: 0; }
.clo-media_003_video .cl-qt-cell { border: solid 1px #999; background-color: #eee; text-align: center; vertical-align: middle; font-family: Tahoma, Arial, sans-serif; font-size:10px; }
.clo-media_003_video .cl-qt-cell img { margin-bottom: 10px; }
.clo-media_003_video .cl-flv-table { border-spacing: 0; }
.clo-media_003_video .cl-flv-cell { border: solid 1px #999; background-color: #eee; text-align: center; vertical-align: middle; font-family: Tahoma, Arial, sans-serif; font-size:10px; }
.clo-media_003_video .cl-flv-cell img { margin-bottom: 10px; }
/**********/
.clo-form_001_input .cl-fld { position: relative; left: 0; top: 0; }
/**********/
.clo-form_004_checkbox .cl-fld { position: relative; left: 0; top: 0; background-color: red; border-color: blue;/*border: none;*/ cursor: pointer; }
.clo-form_004_checkbox .cl-checkbox-table { border-spacing: 0; width: inherit; }
.clo-form_004_checkbox .cl-label-cell { width: 100%; vertical-align: middle; }
/**********/
.clo-form_005_radiogroup .cl-box-table { border-spacing: 0; width: inherit; }
.clo-form_005_radiogroup .cl-label-cell { width: 100%; vertical-align: middle; }
.clo-form_005_radiogroup .cl-fld { border: none; }
/**********/
.clo-form_006_select .cl-fld { position: relative; left: 0; top: 0; }
/**********/
.clo-form_010_button .cl-btn { position: relative; left: 0; top: 0; cursor: pointer; }
/**********/
.clo-101_clickarea .cl-container { position: absolute; left: 0; top: 0; }
.clo-101_clickarea .cl-empty { position: absolute; top: 0; left: 0; overflow: hidden; }
.clo-101_clickarea .cl-highlight { display: none; position: absolute; top: 0; left: 0; font-family: monospace; font-size: 1px; overflow: hidden; }
/**********/
.clo-101_clickarea_active .cl-container { position: absolute; left: 0; top: 0; }
.clo-101_clickarea_active .cl-highlight { display: none; position: absolute; top: 0; left: 0; font-family: monospace; font-size: 1px; overflow: hidden; }
/**********/
.clo-102_notifier .cl-container { position: absolute; left: 0; top: 0; }
.clo-102_notifier .cl-notifier { position: absolute; left: 0; top: 0; }
.clo-102_notifier .cl-corner-table { position: relative; border-spacing: 0; }
.clo-102_notifier .cl-corner-table td { font-size: 0; line-height: 0; overflow: hidden; }
.clo-102_notifier .cl-highlight { position: absolute; top: 0; left: 0; font-family: monospace; font-size: 1px; overflow: hidden; }
/**********/
.clo-v_block_005 .cl-container { position: absolute; left: 0; top: 0; }
.clo-v_block_005 .cl-box { position: absolute; left: 0; top: 0; overflow: hidden; }
.clo-v_block_005 .cl-box img { position: absolute; left: 0; top: 0; }
.clo-v_block_005 .cl-noimg-table { position: relative; border-spacing: 0; }
.clo-v_block_005 .cl-noimg-table td { vertical-align: middle; text-align: center; font-family: Tahoma, sans-serif; font-size: 10px; }
.clo-v_block_005 .cl-btn-magnify { position: absolute; right: 10px; bottom: 10px; width: 32px; height: 32px; overflow: hidden; cursor: pointer; }
.clo-v_block_005 .cl-magnify-svg { position: relative; width: 32px; height: 32px; }
/**********/
.clo-v_block_003 .cl-box { position: relative; left: 0; top: 0; font-family: monospace; font-size: 1px; overflow: hidden; border-style: solid; }
/**********/
.clo-006_file .cl-file-table { border-spacing: 0; width: inherit; }
.clo-006_file .cl-link-cell { width: 100%; vertical-align: middle; }
.clo-006_file .cl-link-left { text-align: right; }
.clo-006_file .cl-link-right { text-align: left; }
.clo-006_file .cl-link-bottom { text-align: center; }
.clo-006_file .cl-icon-cell { text-align: center; vertical-align: top; }
/**********/
.clo-basic_button .container { overflow: visible; }
.clo-basic_button .cl-btn-container { position: absolute; overflow: visible; }
.clo-basic_button .cl-btn-svg { position: absolute; left: 0; top: 0; overflow: visible; }
.clo-basic_button .cl-btn-shape { stroke-linejoin: round; }
.clo-basic_button .cl-btn-glow { stroke-linejoin: round; }
.clo-basic_button .cl-btn-text-container { position: absolute; pointer-events: none; overflow: hidden; }
.clo-basic_button .cl-btn-text-table { position: relative; left: 0; top: 0;  border-spacing: 0; }
.clo-basic_button .cl-btn-event-svg { position: absolute; left: 0; top: 0; }
.clo-basic_button .cl-btn-event-shape { fill: #fff;  stroke: #fff; stroke-linejoin: round; opacity: 0; }

.clo-basic_shape .cl-container { overflow: visible; }
.clo-basic_shape .cl-btn-container { position: absolute; overflow: visible; }
.clo-basic_shape .cl-btn-svg { position: absolute; left: 0; top: 0; overflow: visible; }
.clo-basic_shape .cl-btn-shape { stroke-linejoin: round; }
.clo-basic_shape .cl-btn-glow { stroke-linejoin: round; }
.clo-basic_shape .cl-btn-text-container { position: absolute; pointer-events: none; overflow: hidden; }
.clo-basic_shape .cl-btn-text-table { position: relative; left: 0; top: 0;  border-spacing: 0; }
.clo-basic_shape .cl-btn-event-svg { position: absolute; left: 0; top: 0; }
.clo-basic_shape .cl-btn-event-shape { fill: #fff;  stroke: #fff; stroke-linejoin: round; opacity: 0; }

svg { pointer-events: none; }
svg * { pointer-events: all; }
