* {}
div,span,input,select,li,textarea,label {font-family:'Open Sans',Arial,sans-serif;}

:focus-visible{
	outline:solid 1px #2cb100; outline-offset:1px;
}

/*
input type number의 경우 spin 제거
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {-webkit-appearance:none;margin:0;}
*/
::-webkit-calendar-picker-indicator {color:transparent; background:url('../imgs/ui/icons/icon_datepicker.png') no-repeat center;background-size:contain;}

/* element style */
button {font-size:12px;line-height:1.5;opacity:0.8;text-align:center;}
button:hover {opacity:1;}

input {font-size:12px;border:none;outline:none;margin:0px;padding:0px;opacity:0.6;}
input:focus {opacity:1;}
input[type='text'] {appearance:none;-webkit-appearance:none;}
input[type='number'] {appearance:none;-webkit-appearance:none;}
input[type='radio'] {appearance:default;-webkit-appearance:default;}
input[type='checkbox'] {appearance:none;-webkit-appearance:none;opacity:1;}

ul {list-style-type:none;margin:0;padding:0;}

/* flex css */
.flx-container {display:-webkit-flex;display:flex;box-sizing:border-box;}
.flx-center {-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;}
.flx-center select {margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:0px;}
.flx-center input {margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:0px;}
.flex1 {-webkit-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.flex2 {-webkit-flex:2;flex:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:10px;}
.flx-none {-webkit-flex:none;flex:none;}
.flx-wrap {-webkit-flex-wrap:wrap;flex-wrap:wrap;}

.popupOpacityBlockScreen {opacity:0;}

.googleBlockScreen {background-color:#ffffff;opacity:0.5;}

.progressGif {display:none;position:absolute;width:163px;height:162px;font-size:20px;line-height:20px;}
.progressGif.saving {background:url('../imgs/ui/popup/saving.gif') no-repeat center;}
.progressGif.loading {background:url('../imgs/ui/popup/loading_white.gif') no-repeat center;}
.progressGif.publishing {background:url('../imgs/ui/popup/publishing.gif') no-repeat center;}
.progressGif.importing {background:url('../imgs/ui/popup/importing.gif') no-repeat center;}
.progressGif.common {background:url('../imgs/ui/popup/common_loading.gif') no-repeat center;}

.vertical-text {transform: rotate(90deg);transform-origin: left top 0;}
.txtOverflow {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* font list의 경우 select box를 사용하지 않고 만든 select box를 이용한다. */
/*.xSelectBox {display:table-cell;vertical-align:middle;float:left;width:115px;margin-top:4px;padding-left:5px;padding-right:10px;height:20px;border:solid 1px #c5c5c5;border-radius:2px;-webkit-border-radius:2px;line-height:20px;background-image:url('../imgs/ui/widget/aspen_widget_bullet02_nor.png');background-repeat:no-repeat;background-position:right 5px top 50%;}*/
.xSelectBox {float:left;width:115px;margin-top:4px;padding-left:5px;padding-right:13px;height:20px;border:solid 1px #c5c5c5;border-radius:2px;-webkit-border-radius:2px;line-height:20px;background-image:url('../imgs/ui/widget/aspen_widget_bullet02_nor.png');background-repeat:no-repeat;background-position:right 0px top 50%;}
.xSelectBox.relative {position:relative;}
.xSelectBox.noPadding {padding:0px;}

.xSelectBox:hover {background-color:#e9eaed;}
.xSelectBox:active {background-image:url('../imgs/ui/widget/aspen_widget_bullet02_sel.png');}

.xSelectBox[data-type="db_x_select_t1"] {background-image:url('../imgs/ui/icons/search.png');background-repeat:no-repeat;background-position:right 0px top 50%;background-size:contain;}
.xSelectBox[data-type="db_x_select_t1"]:hover {background-color:#ffffff;}
.xSelectBox[data-type="db_x_select_t1"]:active {background-image:url('../imgs/ui/icons/search.png');}
.xSelectBox[data-type="db_x_select_t1"] input::-webkit-input-placeholder {color:#000000;}

input[id^="wndPopupPublishEpub3_"]::-webkit-input-placeholder {color:lightgrey;}

.checkBox {float:left;width:16px;height:100%;background:url('../imgs/ui/buttons/checkbox_off.png') no-repeat center;}
.checkBox.fix {width:16px;height:16px;}
.checkBox:focus {outline:dotted 1px #666666;} 
.checkBox:disabled {opacity:0.5;}
.checkBox:checked {background:url('../imgs/ui/buttons/checkbox_on.png') no-repeat center;}

.transitionR {transition:right 0.3s ease-in-out;-webkit-transition:right 0.3s ease-in-out;}
.transitionR.delay {transition-delay:0.2s;-webkit-transition-delay:0.2s;}

.movingNode {display:none;position:absolute;top:0px;left:0px;width:100%;height:100%; opacity:0.5;background-color:rgb(0, 0, 0);}

.btnOver {background-color:rgb(252,228,220);}
.btnDown {background-color:rgb(252,205,182);}
.btnSelected {background-color:rgb(252,205,182);}
.btnDisabled {opacity:0.5;background-color:transparent;cursor:default;}
/*.btnOver {background-color:#e9eaed;}*/
/*.btnDown {background-color:#f5f4f4;}*/
/*.btnSelected {background-color:#e9eaed;}*/
/*.btnDisabled {background-color:lightgrey;}*/

.beforeAspenLoad {position:absolute;top:0px;left:0px;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-color:black;opacity:0.8;transition:opacity 1s;-webkit-transition:opacity 1s;}

.resizeWndOnTop {position:absolute;top:0px;left:0px;width:100%;height:3px;cursor:row-resize;}


/* wnd resize top, bottom, left, right*/
.resizeWndNode {position:absolute;background-color:transparent;}
.resizeWndNode.v {width:100%;height:5px;left:0px;cursor:n-resize;}
.resizeWndNode.v.top {top:0px;}
.resizeWndNode.v.bottom {bottom:0px;}
.resizeWndNode.h {height:100%;width:5px;top:0px;cursor:e-resize;}
.resizeWndNode.h.left {left:0px;}
.resizeWndNode.h.right {right:0px;}

/* wnd frame class types for UI */
.wndFrameCssRoot {border:solid 1px #dfdfdf;background-repeat:no-repeat;background-position:center;}
.wndFrameCssRoot.hide {background-color:#ffffff;}
/*.wndFrameCssRootVP {opacity:0;transition:opacity 1s;-webkit-transition:opacity 1s;}*/

.wndFrameCssMainHeader {background-color:#ffffff;border-top:solid 3px #2cb100;border-bottom:solid 1px #c5c5c5;overflow:hidden;}
.wndFrameCssMainBody {background-color:#ffffff;border-left:solid 1px #dfdfdf;}
.wndFrameCssMainBottom {background-color:#ffffff;border-left:solid 1px #c5c5c5;border-top:solid 1px #c5c5c5;overflow-x:visible;overflow:visible;}
.wndFrameCssMenu {border:solid 1px #c5c5c5;background-color:white;}
.wndFrameCssLockMenu {min-width:120px;border:solid 1px #c5c5c5;background-color:white;}
.wndFrameCssAlignMenu {border:solid 1px #c5c5c5;background-color:white;}

.wndFrameCssBottomTab {border-top:solid 1px #c5c5c5;overflow:hidden;background-color:#ffffff;transition:width 0.5s;-webkit-transition:width 0.5s;}
.wndFrameCssBottomTab.hide {border-top:solid 1px transparent;}
.wndFrameCssScrHeader {border-bottom:solid 1px #c5c5c5;padding-top:6px;overflow:hidden;}
.wndFrameCssScrBottom {overflow:visible;} 

.wndFrameCssCVLPage {background-color:#ffffff;}
.wndFrameCssCVLWidget {border-left:solid 1px #dfdfdf;background-color:#ffffff;transition:left 0.3s;-webkit-transition:left 0.3s;}

.wndFrameCssProp {overflow:hidden;background-color:#ffffff;transition:left 0.3s, opacity 0.3s;-webkit-transition:left 0.3s, opacity 0.3s;}
.wndFrameCssProp span {display:table-cell;vertical-align:middle;}
.wndFrameCssProp input {display:table-cell;vertical-align:middle;margin-top:4px;padding-left:5px;padding-right:5px;height:20px;border:solid 1px #c5c5c5;border-radius:2px;-webkit-border-radius:2px;opacity:1;}
.wndFrameCssProp select {display:table-cell;vertical-align:middle;margin-top:4px;padding-left:5px;height:21px;border:solid 1px #c5c5c5;border-radius:2px;-webkit-border-radius:2px;opacity:1;}
.wndFrameCssProp input[type='checkbox'] {border:none;}

.wndFrameCssT1 {border-bottom:solid 1px #dfdfdf;}

/* Resoucre manager list wnd */
.wndFrameRscMgr {padding:10px 0px 20px 10px;background-color:#ffffff;overflow-x:auto;border:none;box-sizing:border-box;}

.listWndHeader {padding-left:15px;height:40px;line-height:40px;font-size:13px;color:#666666;border-bottom:solid 1px #c5c5c5;background-color:#f5f4f4;}

.wndFrameCssScriptProp {background-color:#ffffff;}
.wndFrameCssScriptProp [data-op] {cursor:pointer;}

/* POPUP */
.wndFrameCssPopupT1 {padding-left:30px;padding-right:30px;border:none;box-shadow:0px 0px 4px lightblue;background-color:white;color:#000000;}
.wndFrameCssPopupT2 {padding:10px;border:none;}

.wndFrameCssPopupT3 {box-shadow:0px 0px 10px 4px rgba(0,0,0,0.4);background-color:#ffffff;}
.wndFrameCssPopupT3 .listPropGroup {padding-left:18px;padding-right:18px;border-bottom:solid 1px #c5c5c5;}
.wndFrameCssPopupT3 .listPropItem {height:40px;line-height:40px;}
.wndFrameCssPopupT3 .listPropItemIcon {margin-top:4px;width:28px;height:30px;}
.wndFrameCssPopupT3 .listPropItemImgIcon {margin-top:4px;width:28px;height:30px;}
.wndFrameCssPopupT3 .xSelectBox {margin-top:8px;height:24px;line-height:26px;}
.wndFrameCssPopupT3 span {}
.wndFrameCssPopupT3 input {margin-top:8px;padding-left:5px;padding-right:5px;height:24px;border:solid 1px #c5c5c5;border-radius:2px;-webkit-border-radius:2px;opacity:1;}
.wndFrameCssPopupT3 textarea {margin-top:8px;padding-left:5px;padding-right:5px;height:24px;border:solid 1px #c5c5c5;border-radius:2px;-webkit-border-radius:2px;opacity:1;}
.wndFrameCssPopupT3 select {margin-top:8px;padding-left:5px;height:26px;border:solid 1px #c5c5c5;border-radius:2px;-webkit-border-radius:2px;opacity:1;}
.wndFrameCssPopupT3 input[type='checkbox'] {border:none;}

.wndFrameCssPopupT4 {box-shadow:0px 0px 10px 4px rgba(0,0,0,0.8);background-color:#ffffff;}

.wndFrameCssFullScreen {border:none;background-color:rgba(0,0,0,0.9);transition:all 0.3s;-webkit-transition:all 0.3s;}

.popupNew {position:relative;}
.popupNew.header {padding-left:22px;padding-right:0px;height:44px;font-size:18px;line-height:44px;color:rgba(256,256,256,0.8);background-color:#464646;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.popupNew.header.script {padding-left:47px;background-image:url('../imgs/ui/script/script_logo.png');background-position:16px center;background-repeat:no-repeat;}
.popupNew.header.script.viewer {height:25px;line-height:25px;font-size:14px;}
.popupNew.body {height:auto;color:#000000;}
.popupNew.footer {margin-left:auto;margin-right:auto;height:54px;}

/* popup dialog type*/
/* header가 있을 경우 header, 없을 경우 body */
.popupNew.header.info {background-color:#5bc0de;}
.popupNew.header.error {background-color:#d9534f;}
.popupNew.header.warning {background-color:#f0ad4e;}
.popupNew.header.success {background-color:#5cb85c;}
.popupNew.body.info {background-color:#5bc0de;color:#ffffff;}
.popupNew.body.error {background-color:#d9534f;color:#ffffff;}
.popupNew.body.warning {background-color:#f0ad4e;color:#ffffff;}
.popupNew.body.success {background-color:#5cb85c;color:#ffffff;}

.popupNewBtn {width:117px;height:37px;line-height:35px;font-size:13px;color:#464646;font-weight:bold;text-align:center;box-sizing:border-box;border:solid 1px #c5c5c5;border-radius:4px;-webkit-border-rdaius:4px;background:-webkit-linear-gradient(#ffffff, #e7e7e7);background:linear-gradient(#ffffff, #e7e7e7);cursor:pointer;}
.popupNewBtn:hover {background:-webkit-linear-gradient(#f6f6f6, #dddcdc);background:linear-gradient(#f6f6f6, #dddcdc);}
.popupNewBtn:active {border:solid 1px #2cb100;color:#248600;}

.popup_header {position:absolute;bottom:13px;font-size:18px;color:#ffffff;opacity:0.8;left:22px;}
.popup_body {position:absolute;bottom:0px;font-size:14px;}
.popup_btn1 {position:absolute;top:22%;width:80px;text-align:left;}
.popup_btn2 {float:left;margin:10px;padding:10px;width:120px;height:130px;font-size:13px;}
.popup_project_input {width:100%;border:none;border-bottom:solid 1px #bfbfbf;margin-top:5px;text-align:center;}

/* popup close button */
.popupCloseBtn {float:right;margin-top:16px;margin-right:18px;width:17px;height:17px;background-image:url('../imgs/ui/buttons/manager_btn_close_nor.png');cursor:pointer;}
.popupCloseBtn:hover {background-image:url('../imgs/ui/buttons/manager_btn_close_over.png');}
.popupCloseBtn:active {background-image:url('../imgs/ui/buttons/manager_btn_close_sel.png');}
.popupCloseBtn.scriptViewer {margin-top:5px;margin-right:10px;width:14px;height:14px;background-size:contain;}

/* popup opacity button */
.popupOpacityBtnWrapper {position:relative;float:right;margin-top:9px;margin-right:20px;width:66px;height:30px;}
.popupOpacityBtn {float:right;margin-top:16px;margin-right:18px;width:17px;height:17px;cursor:pointer;}
.popupOpacityBtn.on {background-image:url('../imgs/ui/icons/opacity_on_nor.png');}
.popupOpacityBtn.on:hover {background-image:url('../imgs/ui/icons/opacity_on_hover.png');}
.popupOpacityBtn.on:active {background-image:url('../imgs/ui/icons/opacity_on_press.png');}
.popupOpacityBtn.off {background-image:url('../imgs/ui/icons/opacity_off_nor.png');}
.popupOpacityBtn.off:hover {background-image:url('../imgs/ui/icons/opacity_off_hover.png');}
.popupOpacityBtn.off:active {background-image:url('../imgs/ui/icons/opacity_off_press.png');}
/* opcity type 2 use only css*/
.opcaity-wrapper {position:relative;float:right;margin-top:9px;margin-right:17px;width:66px;height:30px;}
.opacity-bar {margin-top:23px;width:100%;height:4px;border-radius:2px;background-color:#cfcfcf;}
.opacity-handle {position:absolute;width:12px;height:12px;border-radius:50%;border:solid 1px #464646;background-color:#ffffff;box-sizing:border-box;cursor:pointer;}
.opacity-handle:hover {}
.opacity-handle:active {background-color:#cfcfcf;}


/* popup search */
.popupSearch {position:relative;float:right;margin-top:9px;margin-right:20px;width:150px;height:24px;}
.popupSearchType {position:relative;float:right;margin-top:9px;margin-right:5px;width:auto;height:24px;}

/* Open in new window*/
.popupOpenInNew {position:absolute;bottom:10px;left:10px;height:20px;font-size:12px;line-height:20px;}
.popupOpenInNew {position:absolute;bottom:10px;left:10px;height:20px;font-size:12px;line-height:20px;}
.popupOpenInNew > input {float:left;margin:0px;padding:0px;margin-right:5px;width:20px;height:20px;}
.popupOpenInNew > label {float:left;}

/* common text button */
.commonBtn {height:26px;padding-left:5px;padding-right:5px;line-height:23px;font-size:12px;text-align:center;color:#666666;border:solid 1px #c5c5c5;background-color:#ffffff;box-sizing:border-box;border-radius:2px;-webkit-border-radius:2px;}
.commonBtn.btnOver {border:solid 1px #a8a8a8;background-color:#f5f4f4;}
.commonBtn.btnDown {border:solid 1px #2cb100;background-color:#ffffff;color:#248600;}
.commonBtn.btnSelected {border:solid 1px #2cb100;background-color:#f5f4f4;color:#248600;}

/* popup common text button */
.popupCommonBtn {height:26px;padding-left:5px;padding-right:5px;line-height:23px;font-size:12px;text-align:center;color:#666666;border:solid 1px #c5c5c5;background-color:#ffffff;box-sizing:border-box;border-radius:2px;-webkit-border-radius:2px;cursor:pointer;}
.popupCommonBtn.btnOver {border:solid 1px #a8a8a8;background-color:#f5f4f4;}
.popupCommonBtn.btnDown {border:solid 1px #2cb100;background-color:#ffffff;color:#248600;}
.popupCommonBtn.btnSelected {border:solid 1px #2cb100;background-color:#f5f4f4;color:#248600;}

.popupCommonCssBtn {height:26px;padding-left:5px;padding-right:5px;line-height:23px;font-size:12px;text-align:center;color:#666666;border:solid 1px #c5c5c5;background-color:#ffffff;box-sizing:border-box;border-radius:2px;-webkit-border-radius:2px;cursor:pointer;}
.popupCommonCssBtn:hover {border:solid 1px #a8a8a8;background-color:#f5f4f4;}
.popupCommonCssBtn:active {border:solid 1px #2cb100;background-color:#ffffff;color:#248600;}

/* common image icon style*/
.commonIconBtn {width:28px;height:28px;background-position:center;background-repeat:no-repeat;border:solid 1px #ffffff;}
.commonIconBtn.btnOver {border:solid 1px #e1e1e1;background-color:#f5f4f4;}
.commonIconBtn.btnDown {background-color:#ffffff;}
.commonIconBtn.btnSelected {background-color:#ffffff;}

/* property vertical button*/
.verticalBtn {padding:none;background-color:#f5f4f4;line-height:23px;font-size:12px;text-align:center;color:#666666;transform: rotate(90deg);transform-origin: left top 0;-webkit-transform: rotate(90deg);-webkit-transform-origin: left top 0;}
.verticalBtn.btnOver {background-color:#e9eaed;}
.verticalBtn.btnDown {color:#248600;}
.verticalBtn.btnSelected {background-color:#f5f4f4;color:#248600;}


/* plus button */
.plusImgBtn {width:20px;height:20px;border:solid 1px #c5c5c5;background-image:url('../imgs/ui/scene/aspen_scene_add_nor.png');background-repeat:no-repeat;background-position:center;background-color:#ffffff;box-sizing:border-box;border-radius:2px;-webkit-border-radius:2px}
.plusImgBtn.btnOver {border:solid 1px #a8a8a8;background-color:#f5f4f4;}
.plusImgBtn.btnDown {border:solid 1px #2cb100;background-image:url('../imgs/ui/scene/aspen_scene_add_sel.png');background-color:#ffffff;color:#248600;}


/* widget style */
.widgetGroup {font-size:13px;line-height:1.8;color:#000000;}
/*.widgetGroup.over {background-color:rgb(252,228,220);}*/
/*.widgetGroup.down {background-color:rgb(252,205,182);}*/
/*.widgetGroup.selected {background-color:rgb(252,205,182);}*/

.widgetWrapper {margin-left:3px;overflow:auto;height:auto;}

/*.widget {margin:5px;margin-right:0px;margin-bottom:0px;background-clip:content-box;box-shadow:0px 0px 1px #000000 inset;-webkit-border-radius:6px;border-radius:6px;}*/
.widget {position:relative;float:left;width:60px;height:60px;line-height:20px;margin:12px;margin-right:0px;margin-top:0px;background-repeat:no-repeat;background-position:center;overflow:hidden;box-sizing:border-box;border:solid 1px #c5c5c5;background-color:#ffffff;}
.widget.btnOver {border:solid 1px #a8a8a8;background-color:#f5f4f4;}
.widget.btnDown {border:solid 1px #2cb100;background-color:#ffffff;}
/*.widget.over {background-color:rgb(252,228,220);}*/
/*.widget.down {background-color:rgb(245,186,157);}*/
/*.widget.selected {background-color:rgb(245,186,157);}*/
/*.widget.disabled {background-color:rgb(245,186,157);}*/

/*.widgetIcon {margin-left:auto;margin-right:auto;margin-top:5px;margin-bottom:5px;background-size:contain;background-position:center;background-repeat:no-repeat;}*/
.widgetText {display:table;position:absolute;width:100%;height:100%;color:transparent;background-color:rgba(102,102,102,0);transition:background 0.5s;-webkit-transition:background 0.5s;}
.widgetText:hover {color:#ffffff;background-color:rgba(102,102,102,0.6);}
.widgetText span {display:table-cell;vertical-align:middle;text-align:center;font-size:11px;line-height:1em;}

.widgetHelp {position:absolute;top:0px;right:0px;width:14px;height:14px;background:url('../imgs/ui/icons/help_icon_nor.png') no-repeat center;}
.widgetHelp.hide {display:none;}
.widgetHelp.show {display:block;}
.widgetHelp:hover {background:url('../imgs/ui/icons/help_icon_hover.png') no-repeat center;}


/* Page list style */
.pageBody {position:relative;width:100%;overflow-x:hidden;overflow-y:auto;}
.pageSetTitle {padding-left:5px;padding-right:5px;font-size:12px;color:rgba(102,102,102,0.5);text-align:left;box-sizing:border-box;border:solid 1px #c5c5c5;border-radius:2px;-webkit-border-radius:2px;}
.pageSetTitle:focus {opacity:1;}
.pageSetTitle:hover {opacity:1;}

.pageHeaderWrapper {position:relative;top:8px;margin-left:auto;margin-right:auto;width:180px;height:26px;}

.pageModeImgBtn {float:right;margin-top:2px;margin-right:2px;width:20px;height:20px;cursor:pointer;background:url('../imgs/ui/icons/page_img_nor.jpg') no-repeat center;}
.pageModeImgBtn:hover {background:url('../imgs/ui/icons/page_img_hover.jpg') no-repeat center;}
.pageModeImgBtn:active {background:url('../imgs/ui/icons/page_img_press.jpg') no-repeat center;}
div[data-mode="text"] .pageModeImgBtn {background:url('../imgs/ui/icons/page_text_nor.jpg') no-repeat center;}
div[data-mode="text"] .pageModeImgBtn:hover {background:url('../imgs/ui/icons/page_text_hover.jpg') no-repeat center;}
div[data-mode="text"] .pageModeImgBtn:active {background:url('../imgs/ui/icons/page_text_press.jpg') no-repeat center;}

.pagePlusImgBtn {float:right;margin-top:2px;width:20px;height:20px;cursor:pointer;}
.pagePlusImgBtn.base {margin-left:3px;margin-right:5px;background:url('../imgs/ui/scene/add_pages_nor.png') no-repeat center;}
.pagePlusImgBtn.base:hover {background:url('../imgs/ui/scene/add_pages_hover.png') no-repeat center;}
.pagePlusImgBtn.base:active {background:url('../imgs/ui/scene/add_pages_press.png') no-repeat center;}
.pagePlusImgBtn.more {background:url('../imgs/ui/scene/add_more_nor.png') no-repeat center;}
.pagePlusImgBtn.more:hover {background:url('../imgs/ui/scene/add_more_hover.png') no-repeat center;}
.pagePlusImgBtn.more:active {background:url('../imgs/ui/scene/add_more_press.png') no-repeat center;}

/*.pagePlusImgBtn.btnOver {border:solid 1px #a8a8a8;background-color:#f5f4f4;}*/
/*.pagePlusImgBtn.btnDown {border:solid 1px #2cb100;background-image:url('../imgs/ui/scene/aspen_scene_add_sel.png');background-color:#ffffff;color:#248600;}*/
/*.pagePlusImgBtn {float:right;margin-top:1px;margin-right:10px;width:20px;height:20px;border:solid 1px #c5c5c5;background-image:url('../imgs/ui/scene/aspen_scene_add_nor.png');background-repeat:no-repeat;background-position:center;background-color:#ffffff;box-sizing:border-box;border-radius:2px;-webkit-border-radius:2px}*/
/*.pagePlusImgBtn.btnOver {border:solid 1px #a8a8a8;background-color:#f5f4f4;}*/
/*.pagePlusImgBtn.btnDown {border:solid 1px #2cb100;background-image:url('../imgs/ui/scene/aspen_scene_add_sel.png');background-color:#ffffff;color:#248600;}*/

.pageThumbnailWrapper {position:relative;margin-top:10px;margin-left:10px;}

/* normal page styles */
.pageThumbnail {position:relative;border:solid 1px #c5c5c5;background-color:#ffffff;background-repeat:no-repeat;background-position:center top;overflow:hidden;border-radius:2px;-webkit-border-radius:2px;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto;}
.pageThumbnail.over {border:solid 1px #a8a8a8;background-color:#f5f4f4;}
.pageThumbnail.down {border:solid 1px #2cb100;}
.pageThumbnail.selected {outline:solid 2px #2cb100;border-radius:0px;-webkit-border-radius:0px;}
.pageThumbnail.selected.over {outline:solid 3px #2cb100;/*border:solid 1px #2cb100;*/}
/* during dragging thumbnail do nothing for select, pointer-event */
.pageBody[data-state="normal"] .pageThumbnail {-webkit-user-select:text;-moz-user-select:text;user-select:text;}
.pageBody[data-state="dragging"] .pageThumbnail {-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;}

.page-wrapper {}

.pageThumbnailTopCmd {position:absolute;margin:0px;padding:0px;top:-22px;width:20px;height:20px;outline:none;cursor:pointer;transition:top 0.2s;-webkit-transition:top 0.2s;}
.pageThumbnailTopDrag {position:absolute;margin:0px;padding:0px;top:2px;width:20px;height:20px;outline:none;opacity:0;cursor:default;}

.pageThumbnailBottom {position:absolute;bottom:0px;left:0px;margin:0px;padding-left:5px;padding-right:5px;width:100%;height:25px;line-height:25px;font-size:12px;text-align:center;color:white;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:none;box-sizing:border-box;transition:background 0.3s;-webkit-transition:background 0.3s;}
.pageThumbnailBottom.show {background-color:rgba(0, 0, 0, 0.6);}
.pageThumbnailBottom.hide {background-color:transparent;}
.pageThumbnailBottom:focus {background-color:rgba(0, 0, 0, 0.6);}

/* overlay page styles */
.overlayPageThumbnail {position:relative;border:solid 1px #c5c5c5;background-color:#ffffff;background-repeat:no-repeat;background-position:center top;overflow:hidden;border-radius:2px;-webkit-border-radius:2px;}
.overlayPageThumbnail.over {border:solid 1px #a8a8a8;background-color:#f5f4f4;}
.overlayPageThumbnail.down {border:solid 1px #003cb1;}
.overlayPageThumbnail.selected {outline:solid 2px #003cb1;border-radius:0px;-webkit-border-radius:0px;}
.overlayPageThumbnail.selected.over {outline:solid 3px #003cb1;}

.overlayPageThumbnailBottom {position:absolute;bottom:0px;left:0px;margin:0px;padding-left:5px;padding-right:5px;width:100%;height:25px;line-height:25px;font-size:12px;text-align:center;color:white;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:none;box-sizing:border-box;transition:background 0.3s;-webkit-transition:background 0.3s;}
.overlayPageThumbnailBottom.show {background-color:rgba(0, 0, 255, 0.6);}
.overlayPageThumbnailBottom.hide {background-color:transparent;}
.overlayPageThumbnailBottom:focus {background-color:rgba(0, 0, 255, 0.6);}

/* popup page styles */
.popupPageThumbnail {position:relative;border:solid 1px #c5c5c5;background-color:#ffffff;background-repeat:no-repeat;background-position:center top;overflow:hidden;border-radius:2px;-webkit-border-radius:2px;}
.popupPageThumbnail.over {border:solid 1px #a8a8a8;background-color:#f5f4f4;}
.popupPageThumbnail.down {border:solid 1px #003cb1;}
.popupPageThumbnail.selected {outline:solid 2px #ff0000;border-radius:0px;-webkit-border-radius:0px;}
.popupPageThumbnail.selected.over {outline:solid 3px #ff0000;}

.popupPageThumbnailBottom {position:absolute;bottom:0px;left:0px;margin:0px;padding-left:5px;padding-right:5px;width:100%;height:25px;line-height:25px;font-size:12px;text-align:center;color:white;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:none;box-sizing:border-box;transition:background 0.3s;-webkit-transition:background 0.3s;}
.popupPageThumbnailBottom.show {background-color:rgba(255, 0, 0, 0.6);}
.popupPageThumbnailBottom.hide {background-color:transparent;}
.popupPageThumbnailBottom:focus {background-color:rgba(255, 0, 0, 0.6);}

.page-wrapper[data-mode="text"] > .pageThumbnail > canvas,
.page-wrapper[data-mode="text"] > .overlayPageThumbnail > canvas,
.page-wrapper[data-mode="text"] > .popupPageThumbnail > canvas {display:none;}

.page-wrapper[data-mode="text"] > .pageThumbnail > input,
.page-wrapper[data-mode="text"] > .overlayPageThumbnail > input,
.page-wrapper[data-mode="text"] > .popupPageThumbnail > input {text-align:left;}
.page-wrapper[data-mode="text"] > .pageThumbnail > input {color:#666666;background-color:#ffffff;opacity:1;}

/* ==== Main Header ==== */

/* main header logo */
.headerLogo {float:left;margin-left:20px;vertical-align:middle;}

/* main header menus */

.headerMenuList {position:absolute;left:0px;width:154px;}
.headerMenuList.VT {top:0px;height:39px;background:url('../imgs/ui/top/aspen_menu_t.png') no-repeat center;}
.headerMenuList.VM {top:39px;background:url('../imgs/ui/top/aspen_menu_m.png') repeat center;}
.headerMenuList.VB {bottom:0px;height:9px;background:url('../imgs/ui/top/aspen_menu_b.png') no-repeat center;}
.headerMenuListText {margin-left:24px;font-weight:bold;font-size:13px;line-height:39px;color:#000000;text-align:left;}

/* menu */
.headerMenuItemSep {position:relative;margin-top:2px;margin-bottom:3px;margin-left:10px;margin-right:10px;height:0px;border-top:dotted 1px rgba(50,50,50,0.3);}
.headerMenuItemWrapper {position:relative;margin-top:39px;margin-bottom:9px;width:100%;height:auto;}
.headerMenuItemSubWrapper {position:relative;padding:7px;padding-top:3px;padding-bottom:0px;width:100%;height:auto;border:solid 1px #808080;background-color:#ffffff;}
.headerMenuItem {position:relative;margin-bottom:3px;padding-left:15px;padding-right:15px;min-width:116px;max-width:400px;height:29px;font-size:13px;line-height:29px;text-align:left;color:#000000;box-sizing:border-box;border-radius:2px;-webkit-border-radius:2px;border:solid 1px transparent;}
.headerMenuItem.over {color:#248600;background-color:#ffffff;border:solid 1px #2cb100;cursor:pointer;}
.headerMenuItem.over > span {cursor:pointer;}
.headerMenuItem.over > div {cursor:pointer;}
.headerMenuItem.down {color:#ffffff;background-color:#2cb100;border:solid 1px #2cb100;}
.headerMenuItem.hide {display:none;}
.headerMenuItem.disable {color:rgba(0,0,0,0.5);cursor:default;}

.headerMenuWrapper {float:left;height:100%;}
.headerMenu {position:relative;float:left;margin-left:20px;margin-top:8px;padding-left:15px;padding-right:15px;height:30px;line-height:30px;font-size:13px;color:#2c2c2c;text-align:left;cursor:pointer;border-radius:4px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;}
.headerMenu:hover {color:#248600;}
.headerMenu:first-child {margin-left:80px;}
.headerMenu.selected {background-color:rgba(0,0,0,0.5);color:#ffffff;}

/* header tabs */
.headerTabWrapper {position:relative;width:318px;float:right;height:100%;}
.headerTab {position:absolute;width:106px;height:100%;}
/* Screen tab */
.headerTab._S_ {background:url('../imgs/ui/top/aspen_top_tab01_off.png') no-repeat center top;}
.headerTab._S_.btnOver {background:url('../imgs/ui/top/aspen_top_tab01_hover.png') no-repeat center top;}
.headerTab._S_.btnDown {background:url('../imgs/ui/top/aspen_top_tab01_on.png') no-repeat center top;}
.headerTab._S_.btnSelected {background:url('../imgs/ui/top/aspen_top_tab01_on.png') no-repeat center top;}
/* Flow tab */
.headerTab._F_ {background:url('../imgs/ui/top/aspen_top_tab02_off.png') no-repeat center top;}
.headerTab._F_.btnOver {background:url('../imgs/ui/top/aspen_top_tab02_hover.png') no-repeat center top;}
.headerTab._F_.btnDown {background:url('../imgs/ui/top/aspen_top_tab02_on.png') no-repeat center top;}
.headerTab._F_.btnSelected {background:url('../imgs/ui/top/aspen_top_tab02_on.png') no-repeat center top;}
/* Run (Preview) tab */
.headerTab._P_ {background:url('../imgs/ui/top/aspen_top_tab03_off.png') no-repeat center top;}
.headerTab._P_.btnOver {background:url('../imgs/ui/top/aspen_top_tab03_hover.png') no-repeat center top;}
.headerTab._P_.btnDown {background:url('../imgs/ui/top/aspen_top_tab03_on.png') no-repeat center top;}
.headerTab._P_.btnSelected {background:url('../imgs/ui/top/aspen_top_tab03_on.png') no-repeat center top;}

/* header tabs */

.txtOverflow {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/* header project title */
.headerPrjTitleImg {float:left;margin-top:10px;height:28px;width:28px;background:url('../imgs/ui/icons/aspen_document_name.png') no-repeat center;}
.headerPrjTitle {float:left;margin-left:-2px;margin-top:13px;height:23px;line-height:23px;text-align:left;color:#248600;font-size:13px;background-color:transparent;border:none;box-sizing:border-box;opacity:0.9;}
.headerPrjTitle.down {border-bottom:solid 1px #919191;}
.headerPrjTitle:focus {text-align:left;opacity:1;}

/* header user */
.headerUser {float:right;margin-top:12px;height:23px;line-height:23px;font-size:13px;color:#666666;}
.headerLogin {float:right;margin-top:12px;margin-right:15px;margin-left:12px;height:23px;line-height:23px;font-size:13px;color:#248600;cursor:pointer;}
.headerLogin:hover {color:#2cb100;}

.headerBarSep {float:left;margin-top:20px;margin-left:10px;margin-right:10px;width:1px;height:13px;background-color:#c5c5c5;}

.bottomTab {position:absolute;top:0px;width:100px;height:34px;box-sizing:border-box;background:#ffffff url('../imgs/ui/bottom/aspen_bottom_tab_nor.png') no-repeat center;transition:background 0.3s;-webkit-transition:background 0.3s;}
.bottomTab.btnOver {background:#ffffff url('../imgs/ui/bottom/aspen_bottom_tab_over.png') no-repeat center;}
.bottomTab.btnDown {background:#ffffff url('../imgs/ui/bottom/aspen_bottom_tab_select.png') no-repeat center;}
.bottomTab.btnSelected {font-weight:bold;background:#ffffff url('../imgs/ui/bottom/aspen_bottom_tab_selected.png') no-repeat center;}

.bottomTabLayerWrapper {position:absolute;left:0px;width:100%;}
.bottomTabContentWrapper {position:relative;float:left;width:100%;height:auto;}

.bottomTabTxt {float:left;padding-left:5px;padding-right:5px;width:80px;color:#666666;font-size:12px;line-height:30px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;}
.bottomTabClose {width:13px;height:13px;background:url('../imgs/ui/bottom/aspen_bottom_close_nor.png') no-repeat center;border-radius:2px;-webkit-border-radius:2px;border:solid 1px transparent;}
.bottomTabClose:hover {border:solid 1px #e1e1e1;background-color:#f5f4f4;}
.bottomTabClose:active {background-color:transparent;background-image:url('../imgs/ui/bottom/aspen_bottom_close_sel.png');}

.bottomTabNaviBefBtn {float:left;margin-top:-1px;width:22px;height:34px;background:url('../imgs/ui/bottom/aspen_before_nor.png') no-repeat center;}
.bottomTabNaviBefBtn.btnOver {background:url('../imgs/ui/bottom/aspen_before_over.png') no-repeat center;}
.bottomTabNaviBefBtn.btnDown {background:url('../imgs/ui/bottom/aspen_before_sel.png') no-repeat center;}

.bottomTabNaviAftBtn {float:left;margin-top:-1px;width:22px;height:34px;background:url('../imgs/ui/bottom/aspen_after_nor.png') no-repeat center;}
.bottomTabNaviAftBtn.btnOver {background:url('../imgs/ui/bottom/aspen_after_over.png') no-repeat center;}
.bottomTabNaviAftBtn.btnDown {background:url('../imgs/ui/bottom/aspen_after_sel.png') no-repeat center;}

.bottomTabAddBtn {float:left;margin-top:2px;margin-bottom:2px;margin-left:3px;box-sizing:border-box;border:solid 1px #c5c5c5;border-radius:4px;-webkit-border-radius:4px;background:url('../imgs/ui/widget/aspen_interaction_add_nor.png') no-repeat center;}
.bottomTabAddBtn.btnOver {border:solid 1px #a8a8a8;background-color:#f5f4f4;}
.bottomTabAddBtn.btnDown {border:solid 1px #2cb100;background-color:#ffffff;background:url('../imgs/ui/widget/aspen_interaction_add_sel.png') no-repeat center;}

.bottomSecneTab {position:relative;float:left;margin-left:3px;padding-left:10px;padding-right:10px;width:95px;height:30px;font-size:12px;color:#666666;line-height:30px;box-sizing:border-box;border:solid 1px #c5c5c5;border-radius:4px;-webkit-border-radius:4px;background-color:#ffffff;}
.bottomSecneTab.btnOver {background-color:#f4f4f4;}
.bottomSecneTab.btnDown {background-color:#e8e8e8;}
.bottomSecneTab.btnSelected {font-weight:bold;color:#248600;border:solid 1px #2cb100;}

.bottomLayerTab {position:relative;float:left;padding:10px;padding-top:0px;margin-top:2px;margin-bottom:2px;margin-left:3px;width:110px;height:128px;font-size:12px;color:#666666;box-sizing:border-box;border:solid 1px #c5c5c5;border-radius:4px;-webkit-border-radius:4px;background-color:#ffffff;}
.bottomLayerTab.btnOver {background-color:#f4f4f4;}
.bottomLayerTab.btnDown {background-color:#e8e8e8;}
.bottomLayerTab.btnSelected {border:solid 1px #2cb100;}

.bottomTabNaviWrapper {position:absolute;left:0px;top:0px;width:18px;color:#666666;border-right:solid 1px #c5c5c5;background-color:#dedede;box-sizing:border-box;}
.bottomTabNaviBtn {width:15px;height:66px;line-height:66px;border:solid 1px #ffffff;text-align:center;}
.bottomTabNaviBtn:first-child {border-bottom:solid 1px #c5c5c5;}
.bottomTabNaviBtn:hover {background-color:#d5d5d5;}
/*.bottomTabLayerNaviBtn:hover {background:-webkit-linear-gradient(#f6f6f6, #dddcdc);background:linear-gradient(#f6f6f6, #dddcdc);}*/
.bottomTabNaviBtn:active {border:solid 1px #2cb100;}

.bottomTabLayerNaviWrapper {position:absolute;left:0px;bottom:0px;width:100%;color:#666666;box-sizing:border-box;font-size:12px;background-color:#e2e2e2;}
.bottomTabLayerNaviContent {position:absolute;left:0px;top:0px;height:100%;overflow-x:hidden;overflow-y:auto;}
.bottomTabLayerNavi {position:relative;float:left;height:30px;margin-right:15px;}
.bottomTabLayerNavi .seperator {float:left;margin-top:4px;margin-bottom:4px;width:0px;height:22px;border-left:solid 1px #c5c5c5;border-right:solid 1px #f2f2f2;}
.bottomTabLayerNavi .img {float:left;margin-left:15px;margin-top:6px;margin-bottom:6px;width:18px;height:18px;background-size:contain;background-repeat:no-repeat;background-position:center;}
.bottomTabLayerNavi .txt {float:left;margin-left:6px;line-height:30px;}
.bottomTabLayerNavi.normal .txt:hover {color:#424242;cursor:pointer;}
.bottomTabLayerNavi.normal .img:hover {opacity:0.8;cursor:pointer;}
.bottomTabLayerNaviBack {float:left;padding-left:15px;padding-right:15px;width:15px;height:100%;}
.bottomTabLayerNaviBack .img {width:15px;height:100%;background:url("../imgs/ui/icons/icon_back_nor.png") center no-repeat;}
.bottomTabLayerNaviBack .img:hover {background:url("../imgs/ui/icons/icon_back_hover.png") center no-repeat;}
.bottomTabLayerNavi:last-child {margin-right:0px;}
/*.bottomTabLayerNavi.normal {background-color:transparent;}*/
/*.bottomTabLayerNavi.selected {background-color: rgba(44,177,0,0.4);}*/
/*.bottomTabLayerNavi.page {background-image:url('../imgs/wgts/widgets/multi_layer_container.png');}*/
/*.bottomTabLayerNavi.layer {background-image:url('../imgs/wgts/widgets/multi_layer_container.png');}*/
/*.bottomTabLayerNavi.normal:hover {color:#248600;background-color:#f5f4f4;}*/
/*.bottomTabLayerNavi.normal:active {background-color:#ffffff;color:#248600;}*/

/* spin 제거 */
.bottomLayerTab input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {-webkit-appearance:none;margin:0;}

.bottomLayerTabDel {position:absolute;top:5px;right:10px;width:20px;height:20px;}
.bottomLayerTabDel.btnOver {}
.bottomLayerTabDel.btnDown {position:absolute;top:5px;right:10px;width:20px;height:20px;}

.bottomLayerTabTxt {float:left;margin-top:6px;width:70px;height:20px;text-align:left;}

.bottomLayerTabTxt:focus {border-bottom:solid 1px #666666;}
.bottomLayerTabThumb {position:relative;margin-top:5px;width:100%;height:88px;outline:solid 1px #c5c5c5;}
.bottomLayerTabThumbDrag {display:none;position:absolute;left:0px;bottom:4px;width:20px;height:20px;outline:none;cursor:default;background:url('../imgs/ui/icons/screen_drag_horizontal.png') no-repeat center;}

.propHeader {color:#000000;font-size:13px;}

.propGroup {position:relative;height:auto;border-bottom:solid 1px #c5c5c5;}

.listWidgetGroupWrapper {width:100%;height:auto;}
.listWidgetGroupWrapper:last-child {border-bottom:solid 1px #c5c5c5;}
.listWidgetGroup {position:relative;clear:both;height:42px;font-size:13px;line-height:42px;color:#666666;background-color:#f5f4f4;background-repeat:no-repeat;box-sizing:border-box;border-top:solid 1px #c5c5c5;cursor:pointer;}
.listWidgetGroup.show {background-color:#ffffff;background-image:url('../imgs/ui/widget/aspen_widget_bullet01_nor.png');margin-bottom:10px;}
.listWidgetGroup.show.btnOver {background-color:#e9eaed;}
.listWidgetGroup.show.btnDown {background-image:url('../imgs/ui/widget/aspen_widget_bullet01_sel.png');}
.listWidgetGroup.hide {background-image:url('../imgs/ui/widget/aspen_widget_bullet02_nor.png');}
.listWidgetGroup.hide.btnOver {background-color:#e9eaed;}
.listWidgetGroup.hide.btnDown {background-image:url('../imgs/ui/widget/aspen_widget_bullet02_sel.png');}

.listGroup {position:relative;clear:both;padding-left:5px;padding-right:5px;font-size:13px;line-height:1.8;color:#000000;background-repeat:no-repeat;}
.listGroup.show {background-color:rgb(252,205,182);background-image:url('../imgs/ui/icons/arrow_down.png');}
.listGroup.hide {background-color:#ffffff;background-image:url('../imgs/ui/icons/arrow_up.png');}
.listGroup.hide.btnOver {background-color:rgb(252,228,220);}
.listGroup.hide.btnDown {background-color:rgb(252,205,182);}

/*.listPropGroup {position:relative;padding-left:15px;}*/
.listPropSize {float:left;margin-left:2px;width:31px;text-align:right;}
.listPropSizeTxt {float:left;margin-left:5px;margin-top:-2px;font-size:10px;font-weight:bold;}
.listPropSizeTxt:first-child {margin-left:0px;}

.listPropGroup {position:relative;padding-left:10px;padding-right:10px;height:auto;}
.listPropGroup.scroll {padding-left:10px;padding-right:0px;}
.listPropItem {display:table;position:relative;height:30px;width:100%;font-size:13px;line-height:30px;;color:#000000;}
.listPropItem.hide {display:none;}
.listPropItemImgIcon {margin-right:5px;width:26px;height:28px;}
.listPropItemIcon {width:26px;height:28px;background-repeat:no-repeat;background-position:center;border-radius:2px;-webkit-border-radius:2px;opacity:1;}
.listPropItemIcon.btnOver {box-shadow:inset 0px 0px 1px 1px #e1e1e1;background-color:#f5f4f4;}
.listPropItemIcon.btnDown {box-shadow:inset 0px 0px 1px 1px #c5c5c5;background-color:#eaeaea;}
.listPropItemIcon.btnSelected {box-shadow:inset 0px 0px 1px 1px #c5c5c5;background-color:#eaeaea;}
.listPropItemIcon.btnDisabled {background-color:transparent;opacity:0.5;}

.listPropItemRowSeperator {position:relative;clear:both;width:100%;height:0px;border-top:dotted 1px #dfdfdf;border-bottom:solid 1px #ffffff;}
.listPropItemColSeperator {float:left;width:0px;height:17px;border-left:solid 1px #dfdfdf;border-right:solid 1px #ffffff;}

.listItrAction {position:absolute;margin:0px;top:0px;left:-230px;width:246px;background:#ffffff;box-sizing:border-box;border:1px solid;border-color:#e5e6e9 #dfe0e4 #d0d1d5;-webkit-border-radius: 3px;font-size:13px;color:#666666;text-align:left;line-height:40px;}
.listItrHeaderGroup {position:relative;height:auto;background-color:#ffffff;}
.listItrHeaderItem {display:table;position:relative;padding-left:20px;padding-right:20px;height:40px;font-size:13px;line-height:40px;;color:#000000;}
.listItrGroup {position:relative;padding-left:8px;padding-right:8px;height:auto;background-color:#ffffff;}
.listItrItem {display:table;position:relative;width:100%;height:30px;font-size:13px;line-height:30px;;color:#000000;}

.listItrAddIcon {float:left;margin-top:2px;width:22px;height:22px;margin-left:8px;border:solid 1px #c5c5c5;border-radius:4px;-webkit-border-radius:4px;}
.listItrAddIcon.itr {background:#ffffff url('../imgs/ui/widget/aspen_interaction_add_nor.png') no-repeat center;}
.listItrAddIcon.itr.btnDown {border:solid 1px #2cb100;background:#ffffff url('../imgs/ui/widget/aspen_interaction_add_sel.png') no-repeat center;}
.listItrAddIcon.js {background:#ffffff url('../imgs/ui/icons/aspen_script_nor.png') no-repeat center;}
.listItrAddIcon.js.btnDown {border:solid 1px #2cb100;background:#ffffff url('../imgs/ui/icons/aspen_script_sel.png') no-repeat center;}
.listItrAddIcon.btnOver {border:solid 1px #a8a8a8;background-color:#f5f4f4;}

.listItrStringGroup {position:relative;margin:2px;height:auto;box-sizing:border-box;border:1px solid #c5c5c5;background-color:#ffffff;overflow:hidden;}
.listItrStringGroup:hover {outline:solid 2px #2cb100;}
.listItrItemCategory {position:absolute;top:0px;left:0px;width:15px;height:100%;background-color:#ffffff;}
.listItrStringItem {position:relative;padding:5px;padding-left:18px;padding-right:18px;font-size:13px;color:#666666;}
.listItrStringItem div {cursor:pointer;}
.listItrStringItem span {display:inline;vertical-align:initial;}

.listWidgetListSearch {margin-left:10px;margin-top:8px;width:140px;height:24px;padding-left:5px;padding-right:5px;font-size:12px;color:rgba(102,102,102,0.5);text-align:left;box-sizing:border-box;border:solid 1px #c5c5c5;border-radius:2px;-webkit-border-radius:2px;}
.listWidgetListHeader {width:100%;height:30px;background-color:rgba(0,0,0,0.2);line-height:30px;padding-left:5px;font-size:14px;color:#ffffff;}
.listWidgetListGroup {position:relative;padding-left:5px;padding-right:5px;height:auto;}
.listWidgetListGroup span {display:inline;vertical-align:initial;}
.listWidgetListItem {display:table;position:relative;height:25px;width:100%;font-size:13px;line-height:20px;;color:rgba(0,0,0,0.6);}
.listWidgetListIcon {position:absolute;top:2px;width:26px;height:26px;cursor:pointer;}
.listWidgetListIcon.script {right:0px;background:url('../imgs/ui/icons/script_exist.png') no-repeat center;cursor:default;}
.listWidgetListIcon.edit {right:52px;background:url('../imgs/ui/icons/widget_list_edit_nor.png') no-repeat center;}
.listWidgetListIcon.edit:hover {background:url('../imgs/ui/icons/widget_list_edit_hover.png') no-repeat center;}
.listWidgetListIcon.edit:active {background:url('../imgs/ui/icons/widget_list_edit_hover.png') no-repeat center;}
.listWidgetListIcon.setup {right:26px;background:url('../imgs/ui/icons/widget_list_setup_nor.png') no-repeat center;}
.listWidgetListIcon.setup:hover {background:url('../imgs/ui/icons/widget_list_setup_hover.png') no-repeat center;}
.listWidgetListIcon.setup:active {background:url('../imgs/ui/icons/widget_list_setup_hover.png') no-repeat center;}
.listWidgetListIcon.show {right:0px;background:url('../imgs/ui/icons/widget_list_unhide_nor.png') no-repeat center;}
.listWidgetListIcon.show:hover {background:url('../imgs/ui/icons/widget_list_unhide_hover.png') no-repeat center;}
.listWidgetListIcon.show:active {background:url('../imgs/ui/icons/widget_list_unhide_hover.png') no-repeat center;}
.listWidgetListIcon.hide {right:0px;background:url('../imgs/ui/icons/widget_list_hide_nor.png') no-repeat center;}
.listWidgetListIcon.hide:hover {background:url('../imgs/ui/icons/widget_list_hide_hover.png') no-repeat center;}
.listWidgetListIcon.hide:active {background:url('../imgs/ui/icons/widget_list_hide_hover.png') no-repeat center;}
.listWidgetListIcon.setupRO {right:26px;background:url('../imgs/ui/icons/widget_list_info_nor.png') no-repeat center;}
.listWidgetListIcon.setupRO:hover {background:url('../imgs/ui/icons/widget_list_info_press.png') no-repeat center;}
.listWidgetListIcon.setupRO:active {background:url('../imgs/ui/icons/widget_list_info_press.png') no-repeat center;}
.listWidgetListIcon.delete {right:52px;background:url('../imgs/ui/icons/icon_delete.png') no-repeat center;}
.listWidgetListIcon.delete:hover {background:url('../imgs/ui/icons/icon_delete.png') no-repeat center;}
.listWidgetListIcon.delete:active {background:url('../imgs/ui/icons/icon_delete.png') no-repeat center;}

/*	%%SCHONG 2019/02 */
.listWidgetListIcon.import {right:52px;background:url('../imgs/ui/icons/table_import_nor.png') no-repeat center;}
.listWidgetListIcon.import:hover {background:url('../imgs/ui/icons/table_import_hover.png') no-repeat center;}
.listWidgetListIcon.import:active {background:url('../imgs/ui/icons/table_import_hover.png') no-repeat center;}
.listWidgetListIcon.export {right:52px;background:url('../imgs/ui/icons/table_export_nor.png') no-repeat center;}
.listWidgetListIcon.export:hover {background:url('../imgs/ui/icons/table_export_hover.png') no-repeat center;}
.listWidgetListIcon.export:active {background:url('../imgs/ui/icons/table_export_hover.png') no-repeat center;}

.dragListItrItem {position:absolute;left:4px;width:6px;height:14px;background:url('../imgs/ui/icons/screen_drag_property.png') no-repeat center;opacity:0;pointer-events:none;}
/*.deleteListItrItem {position:absolute;right:0px;bottom:0px;width:20px;height:20px;background:url('../imgs/ui/icons/icon_delete.png') no-repeat center;transition:opacity 0.3s;-webkit-transition:opacity 0.3s;opacity:0;}*/
.listItrItemAction {position:absolute;bottom:0px;width:20px;height:20px;cursor:pointer;}
.listItrItemAction.delete {right:-25px;background:url('../imgs/ui/icons/icon_delete.png') no-repeat center center;}
.listItrItemAction.duplicate {right:-25px;background:url('../imgs/ui/icons/icon_duplicate.png') no-repeat center center;}
 
/*.deleteListItrItem {position:absolute;bottom:0px;width:62px;height:20px;line-height:20px;font-size:13px;text-align:center;color:#ffffff;background-color:rgba(102,102,102,0.6);transition:right 0.3s;-webkit-transition:right 0.3s;}*/
/*.deleteListItrItem.btnOver {background-color:rgba(102,102,102,0.8);}*/
/*.deleteListItrItem.btnDown {background-color:#2cb100;}*/

.scriptWidgetWrapper {padding-left:10px;padding-right:10px;overflow:hidden;height:auto;}
.scriptWidgetWrapper > table {border-collapse:collapse;width:100%;}
.scriptWidgetWrapper > table > thead > tr {font-size:13px;line-height:25px;color:#000000;border-bottom:dotted 1px #656565;}
.scriptWidgetWrapper > table > thead > tr > td {padding-left:10px;padding-right:5px;text-align:left;background-color:#f2f2f2;border-right:solid 1px #d4cccc;}
.scriptWidgetWrapper > table > thead > tr > td:first-child {width:130px;min-width:130px;max-width:130px;}
.scriptWidgetWrapper > table > thead > tr > td:last-child {padding-left:5px;border-right:none;}
.scriptWidgetWrapper > table > tbody > tr {font-size:13px;line-height:25px;color:#000000;border-bottom:dotted 1px #656565;}
.scriptWidgetWrapper > table > tbody > tr > td {padding-left:10px;padding-right:5px;text-align:left;background-color:#f2f2f2;border-right:solid 1px #d4cccc;}
.scriptWidgetWrapper > table > tbody > tr:last-child {border-bottom:none;}
.scriptWidgetWrapper > table > tbody > tr > td:first-child {width:130px;min-width:130px;max-width:130px;}
.scriptWidgetWrapper > table > tbody > tr > td:last-child {padding-left:5px;border-right:none;background-color:#ffffff;}
.scriptWidgetWrapper.scroll {padding-right:0px;}
#bubble_property_funcs .scriptWidgetWrapper > table > thead > tr > td:first-child {width:40px;min-width:40px;max-width:40px;}
#bubble_property_funcs .scriptWidgetWrapper > table > tbody > tr > td:first-child {width:40px;min-width:40px;max-width:40px;}

.scriptPropGroup {position:relative;height:auto;}
.listScriptPropGroupWrapper {width:100%;height:auto;border-top:solid 1px #656565;}
.listScriptPropGroupWrapper:first-child {border-top:none;}
.listScriptPropGroupWrapper:last-child {border-bottom:solid 1px #656565;}
.listScriptPropGroup {clear:both;position:relative;padding-left:10px;padding-right:10px;height:42px;font-size:13px;line-height:42px;color:#666666;background-color:#f5f4f4;background-repeat:no-repeat;box-sizing:border-box;border-bottom:solid 1px #c5c5c5;cursor:pointer;}
.listScriptPropGroup.normal {background-color:#ffffff;}
.listScriptPropGroup.show {border-bottom:dotted 1px #656565;background-color:#ffffff;background-image:url('../imgs/ui/widget/aspen_widget_bullet01_nor.png');}
.listScriptPropGroup.show:hover {background-color:#e9eaed;}
.listScriptPropGroup.show:active {background-image:url('../imgs/ui/widget/aspen_widget_bullet01_sel.png');}
.listScriptPropGroup.hide {background-image:url('../imgs/ui/widget/aspen_widget_bullet02_nor.png');}
.listScriptPropGroup.hide:hover {background-color:#e9eaed;}
.listScriptPropGroup.hide:active {background-image:url('../imgs/ui/widget/aspen_widget_bullet02_sel.png');}

.listScriptPropItem {display:table;position:relative;height:25px;width:100%;font-size:13px;line-height:25px;color:#000000;border-bottom:dotted 1px #c5c5c5;}
.listScriptPropItem:last-child {border-bottom:none;}
.listScriptPropItem span {display:table-cell;vertical-align:middle;}
.listScriptPropItem div span {display:table-cell;vertical-align:middle;}

.listScriptPropItemT1 {position:relative;height:auto;width:100%;font-size:13px;line-height:25px;color:#000000;border-bottom:dotted 1px #c5c5c5;}
.listScriptPropItemT1:last-child {border-bottom:none;}
.listScriptPropItemT1 span.help {display:block;line-height:1.4em;font-style:italic;color:#666666;}
.listScriptPropItemT1 div span {}

.listScriptPropKey {float:left;padding-left:5px;width:70px;text-align:left;color:#8E8E8E;background-color:#f2f2f2;border-right:solid 1px #d4cccc;}

.relCoordGroup {position:relative;height:auto;border-bottom:solid 1px #c5c5c5;}
.relCoordGroup .btnOver {background-color:rgba(102,102,102,0.8);}
.relCoordGroup .btnDown {background-color:#2cb100;}
.relCoordGroup .btnSelected {border:solid 1px #2cb100;background-color:#f5f4f4;color:#248600;}

.relCoordType {float:left;margin-right:5px;margin-top:8px;width:40px;line-height:24px;text-align:center;border:solid 1px #afafaf;box-sizing:border-box;cursor:pointer;}

.relCoordInput {float:left;width:45px;height:20px;padding-left:5px;border:solid 1px #afafaf;}
.relCoordInputChk {float:left;margin-top:8px;width:24px;height:24px;line-height:24px;text-align:center;border:solid 1px transparent;}
.relCoordInputChk.btnOver {background-color:rgba(102,102,102,0.8);}
.relCoordInputChk.btnDown {background-color:#2cb100;}
.relCoordInputChk.btnSelected {border:solid 1px #2cb100;background-color:#f5f4f4;color:#248600;}
 
.scrHeaderIcon {width:28px;height:28px;background-position:center;background-repeat:no-repeat;border-radius:3px;-webkit-border-radius:3px;border:solid 1px transparent;}
.scrHeaderIcon.btnOver {border:solid 1px #e1e1e1;background-color:#f5f4f4;}
.scrHeaderIcon.btnDown {border:solid 1px #e1e1e1;background-color:#f5f4f4;}
.scrHeaderIcon.btnSelected {border:solid 1px #e1e1e1;background-color:#f5f4f4;}

/*.headerIcon.over {background-color:rgb(252,228,220);}*/
/*.headerIcon.down {background-color:rgb(245,186,157);}*/

/* Zoom */
.toolZoom {width:205px;height:34px;}

.toolZoomBtn {position:absolute;top:8px;width:18px;height:18px;border:solid 1px #c5c5c5;background-position:center;background-repeat:no-repeat;background-color:#ffffff;border-radius:2px;-webkit-border-radius:2px;}
.toolZoomBtn.in {right:0px;background-image:url('../imgs/ui/bottom/aspen_bottom_zoomin_nor.png');}
.toolZoomBtn.in.btnOver {border:solid 1px #a8a8a8;background-color:#f5f4f4;}
.toolZoomBtn.in.btnDown {background-image:url('../imgs/ui/bottom/aspen_bottom_zoomin_sel.png');border:solid 1px #2cb100;background-color:#ffffff;}
.toolZoomBtn.out {right:142px;background-image:url('../imgs/ui/bottom/aspen_bottom_zoomout_nor.png');}
.toolZoomBtn.out.btnOver {border:solid 1px #a8a8a8;background-color:#f5f4f4;}
.toolZoomBtn.out.btnDown {background-image:url('../imgs/ui/bottom/aspen_bottom_zoomout_sel.png');border:solid 1px #2cb100;background-color:#ffffff;}

.toolZoomSlide {position:absolute;right:26px;width:108px;height:34px;}
.toolZoomSlideLine {position:absolute;left:0px;top:16px;width:100%;height:2px;background-color:#787878;border-radius:2px;-webkit-border-radius:2px;}
.toolZoomSlidebar {position:absolute;width:9px;height:34px;background:url('../imgs/ui/bottom/aspen_bottom_scroll.png') no-repeat center;}
.toolZoomSlidebar.btnOver {background:url('../imgs/ui/bottom/aspen_bottom_scroll.png') no-repeat center;}
.toolZoomSlidebar.btnDown {background:url('../imgs/ui/bottom/aspen_bottom_scroll.png') no-repeat center;}

.toolZoomtxt {position:absolute;left:0px;top:0px;width:40px;height:34px;padding-left:4px;padding-right:4px;line-height:34px;font-size:12px;color:#666666;text-align:left;}

/* menu */
.menuImgItem {position:relative;width:auto;font-size:13px;line-height:1.4;color:#000000;border:solid 1px transparent;padding:5px;cursor:pointer;}
.menuImgItem.over {border:solid 1px #248600;}
.menuImgItem.down {border:solid 1px #248600;}
.menuImgItem.selected {border:solid 1px #2cb100;}
.menuImgItem.disable {cursor:default;opacity:0.5;}


.menuItem {position:relative;width:110px;font-size:13px;line-height:1.5;color:#000000;border-bottom:solid 1px #c5c5c5;padding:5px;cursor:pointer;}
.menuItem.over {background-color:#c5c5c5;color:#248600;}
.menuItem.down {background-color:#666666;color:#248600;}
.menuItem.selected {background-color:rgba(44,177,0,0.4);}
.menuItem:last-child {border-bottom:none;}
.menuItem.disable {cursor:default;opacity:0.5;}

/* resource image css */
.rscPreviewContainer {position:relative;float:right;width:344px;height:444px;box-sizing:border-box;border-bottom:solid 1px #c5c5c5;color:#b7b7b7;font-size:18px;}
.rscPreviewContainer.dragOver {border:solid 1px transparent; outline:#c5c5c5 dotted thick;}

.rscPreviewBg {position:relative;float:right;width:100%;height:415px;padding:10px;box-sizing:border-box;background-image:url('../imgs/ui/popup/pallet_bg_pattern.png');background-size:0px;}

.rscPreview {position:absolute;width:324px;height:395px;box-sizing:border-box;text-align:center;color:#b7b7b7;font-size:18px;}
.pdfPreview {width:100%;height:100%;box-sizing:border-box;text-align:center;color:#b7b7b7;font-size:18px;}
.tmpPreview {width:100%;height:100%;box-sizing:border-box;text-align:center;color:#b7b7b7;font-size:18px;}

#wndPopupImgMgr___filename {max-width:60%;text-overflow:ellipsis;overflow:hidden;}
.rscPreviewInfo {position:relative;float:right;width:100%;height:28px;border-top:solid 1px #c5c5c5;box-sizing:border-box;background-color:#ffffff;}
.rscPreviewInfoText {height:29px;color:#666666;font-size:13px;line-height:29px;text-overflow:ellipsis;overflow:hidden;}
.rscPreviewInfoDiv {width:1px;height:11px;margin-top:8px;background-image:url('../imgs/ui/popup/manager_divider.png');}

.rscListWrapper {position:relative;float:left;width:598px;height:444px;border-right:solid 1px #c5c5c5;border-bottom:solid 1px #c5c5c5;box-sizing:border-box;}
.rscListWrapper.dragOver {width:597px; border:solid 1px transparent; outline:#c5c5c5 dotted thick;}

.rscImgBtn {position:relative;float:left;margin-left:10px;margin-top:10px;padding:4px;width:80px;height:80px;color:#666666;text-align:center;border:solid 1px #c5c5c5;background-color:#ffffff;box-sizing:border-box;border-radius:2px;-webkit-border-radius:2px;background-image:url('../imgs/ui/popup/pallet_bg_pattern.png');}
.rscImgBtn.btnOver {border:solid 2px #c5c5c5;background-color:#f0f0f0;}
.rscImgBtn.btnDown {border:solid 2px #2cb100;background-color:#ffffff;color:#248600;}
.rscImgBtn.btnSelected {border:solid 5px #2cb100;background-color:#f5f4f4;color:#248600;padding:2px;}


.rscImgContent {width:70px;height:70px;cursor:pointer;}

.rscImgBtnRefCnt {position:absolute;top:0px;right:0px;width:20px;height:20px;background-color:#484848;color:#ffffff;font-size:13px;line-height:20px;text-align:center;overflow:hidden;}

/* popup resource list css */
.popupRscList {position:relative;width:550px;height:29px;padding-left:3px;padding-right:10px;margin-top:3px;font-size:12px;background-color:#ffffff;color:#666666;border:solid 1px transparent;border-radius:5px;cursor:pointer;line-height:29px;}
.popupRscList.btnOver {border:solid 1px #a8a8a8;background-color:#f5f4f4;}
.popupRscList.btnSelected {background-color:#ffffff;color:#248600;border:solid 1px #248600;}

/* popup template list css */
.popupTemplateList {height:29px;float:left;font-size:12px;color:#666666;line-height:29px;text-align:center;text-overflow:ellipsis;overflow:hidden;padding-left:10px;padding-right:10px;}
.popupTemplateListDeleted {height:29px;float:left;font-size:12px;color:#ff0000;line-height:29px;text-align:center;text-overflow:ellipsis;overflow:hidden;padding-left:10px;padding-right:10px;opacity:0.7;}
.popupTemplateListTitle {width:100%;height:30px;border-bottom:solid 1px #c5c5c5;}
.templateIndicatorArea {position:relative;float:left;width:100%;height:42px;}

.templateKeywordArea {position:absolute;margin-left:12px;height:100%;}
.templateKeywordArea div {padding-top:0px;padding-bottom:0px;margin-top:0px;margin-bottom:0px;}
.templateKeywordArea select {padding-top:0px;padding-bottom:0px;margin-top:0px;margin-bottom:0px;}
.templateKeywordArea input {padding-top:0px;padding-bottom:0px;margin-top:0px;margin-bottom:0px;}
.templateKeywordArea label {margin-left:5px;margin-right:5px;}

.indicatorText {float:left;width:56px;height:20px;color:#666666;font-size:13px;text-align:center;line-height:20px;}

.indicatorPrevBtn {float:left;position:relative;width:18px;height:18px;border:solid 1px #c5c5c5;background-color:#ffffff;border-radius:2px;-webkit-border-radius:2px;background-image:url('../imgs/ui/icons/popup_prev_nor.png');background-repeat:no-repeat;background-position:center;}
.indicatorPrevBtn.btnOver {border:solid 1px #a8a8a8;background-color:#f5f4f4;}
.indicatorPrevBtn.btnDown {border:solid 1px #2cb100;background-color:#ffffff;color:#248600;}
.indicatorPrevBtn.btnSelected {border:solid 1px #2cb100;background-color:#ffffff;background-image:url('../imgs/ui/icons/popup_prev_sel.png');}

.indicatorNextBtn {float:left;position:relative;width:18px;height:18px;border:solid 1px #c5c5c5;background-color:#ffffff;border-radius:2px;-webkit-border-radius:2px;background-image:url('../imgs/ui/icons/popup_next_nor.png');background-repeat:no-repeat;background-position:center;}
.indicatorNextBtn.btnOver {border:solid 1px #a8a8a8;background-color:#f5f4f4;}
.indicatorNextBtn.btnDown {border:solid 1px #2cb100;background-color:#ffffff;color:#248600;}
.indicatorNextBtn.btnSelected {border:solid 1px #2cb100;background-color:#ffffff;background-image:url('../imgs/ui/icons/popup_next_sel.png');}

/* Account List css */
.popupAccountList {position:relative;width:746px;height:29px;margin-top:3px;font-size:12px;background-color:#ffffff;color:#666666;border:solid 1px transparent;border-radius:5px;cursor:pointer;line-height:29px;}
.popupAccountList.btnOver {border:solid 1px #a8a8a8;background-color:#f5f4f4;}
.popupAccountList.btnSelected {background-color:#ffffff;color:#248600;border:solid 1px #248600;}

/* ==== Property ==== */
.propertyLeft {position:absolute;top:0px;left:0px;width:17px;height:100%;box-sizing:border-box;border-left:solid 1px #c5c5c5;border-right:solid 1px #c5c5c5;background-image:url('../imgs/ui/icons/ui_close.png');background-repeat:no-repeat;background-position:center;background-color:#dedede;cursor:pointer;}
.propertyLeft.open {background-image:url('../imgs/ui/icons/ui_open.png');}
.propertyLeft:hover {background-color:#d5d5d5;}

.propertyRight {position:absolute;top:0px;left:17px;height:100%;}
.propertyRight .listWidgetGroup {position:relative;clear:both;height:40px;font-size:13px;line-height:40px;color:#666666;background-color:#f5f4f4;background-repeat:no-repeat;box-sizing:border-box;border-top:solid 1px #c5c5c5;cursor:pointer;}
.propertyRight .listWidgetGroup.show {background-image:url('../imgs/ui/widget/aspen_widget_bullet01_nor.png');margin-bottom:10px;}

/* ==== Preview ==== */
.prvConsoleBtn {position:absolute;padding-left:8px;padding-right:12px;width:70px;height:30px;font-size:12px;color:#666666;line-height:30px;text-align:right;box-sizing:border-box;border:solid 1px #c5c5c5;border-radius:2px;-webkit-border-radius:2px;background-color:#ffffff;background-position:8px center;background-repeat:no-repeat;}
.prvConsoleBtn.on {background-image:url('../imgs/ui/icons/aspen_run_show.png');}
.prvConsoleBtn.off {background-image:url('../imgs/ui/icons/aspen_run_hide.png');}
.prvConsoleBtn.btnOver {border:solid 1px #a8a8a8;background-color:#f5f4f4;}
.prvConsoleBtn.btnDown {border:solid 1px #2cb100;color:#248600;}
.prvConsoleBtn.btnSelected {border:solid 1px #2cb100;color:#248600;}

.prvCfgBtn {position:absolute;width:30px;height:30px;margin-right:10px;background:url('../imgs/ui/icons/setup_nor.png') no-repeat center;cursor:pointer;}
.prvCfgBtn:hover {background:url('../imgs/ui/icons/setup_sel.png') no-repeat center;}
.prvCfgBtn:active {background:url('../imgs/ui/icons/setup_nor.png') no-repeat center;}

.prvFullScreenBtn {position:absolute;width:30px;height:30px;background:url('../imgs/ui/icons/full_screen_nor.png') no-repeat center;cursor:pointer;}
.prvFullScreenBtn:hover {background:url('../imgs/ui/icons/full_screen_press.png') no-repeat center;}
.prvFullScreenBtn:active {background:url('../imgs/ui/icons/full_screen_nor.png') no-repeat center;}

.prvEmulExeSel {position:absolute;width:auto;height:30px;text-align:center;}

.prvRestoreScreenBtn {position:absolute;right:10px;top:10px;width:47px;height:41px;background:url('../imgs/ui/icons/zoom_screen_nor.png') no-repeat center;cursor:pointer;}
.prvRestoreScreenBtn:hover {background:url('../imgs/ui/icons/zoom_screen_press.png') no-repeat center;}
.prvRestoreScreenBtn:active {background:url('../imgs/ui/icons/zoom_screen_nor.png') no-repeat center;}

.prvBtn {position:absolute;width:30px;height:30px;background:url('../imgs/ui/icons/full_screen_nor.png') no-repeat center;}
.prvFullBtn:hover {background:url('../imgs/ui/icons/full_screen_press.png') no-repeat center;}
.prvFullBtn:active {background:url('../imgs/ui/icons/full_screen_nor.png') no-repeat center;}

.prvSplitSelect {color: rgb(102, 102, 102);font-family: 'Segoe UI', Arial, Verdana, Tahoma, sans-serif;font-size:13px;height:28px;line-height:28px;}
.prvSplitSelectTag {color: rgb(102, 102, 102);font-family: 'Segoe UI', Arial, Verdana, Tahoma, sans-serif;font-size:13px;height:28px;line-height:28px;}

/* ==== New Project Dialog ==== */
.newPrjLeft {float:left;width:150px;font-size:14px;}
.newPrjRight {float:left;width:auto;}
.newPrjLeftTemplate {float:left;width:180px;font-size:14px;}

.newIconDisabled {opacity:0.8;}

/* ==== Common Input Text ==== */
.commonInputText {display:table-cell;vertical-align:middle;padding-left:5px;padding-right:5px;height:24px;border:solid 1px #c5c5c5;border-radius:2px;-webkit-border-radius:2px;color:#666666;font-size:12px;}
.commonText {float:left;height:25px;text-align:center;color:#666666;font-size:13px;line-height:25px;}
.commonSelect {display:table-cell;vertical-align:middle;padding-left:5px;padding-right:5px;height:24px;border:solid 1px #c5c5c5;border-radius:2px;-webkit-border-radius:2px;opacity:1;}


/* ==== Object list Floating ==== */
/*.floatingFooter {position:relative;float:right;background:url('../imgs/ui/icons/popup_resize.png') no-repeat center;width:26px;height:26px;cursor:nwse-resize;}*/
.floatingFooter {position:absolute;bottom:0px;right:0px;background:url('../imgs/ui/icons/popup_resize.png') no-repeat center;width:26px;height:26px;cursor:nwse-resize;}
.floatingObjItem {clear:both;position:relative;width:100%;height:25px;line-height:25px;font-size:12px;color:#464646;}
.floatingObjItemSepeartor {clear:both;margin-left:15px;margin-right:0px;width:auto;height:0px;border-bottom:dotted 1px transparent;}

.floatingTreeViewBtn {float:left;margin-top:6px;margin-right:5px;width:13px;height:13px;cursor:pointer;}
.floatingTreeViewBtn.up {background:url('../imgs/ui/widget/aspen_widget_bullet01_nor.png') no-repeat center;}
.floatingTreeViewBtn.up:hover {background:url('../imgs/ui/widget/aspen_widget_bullet01_over.png') no-repeat center;}
.floatingTreeViewBtn.up:active {background:url('../imgs/ui/widget/aspen_widget_bullet01_sel.png') no-repeat center;}
.floatingTreeViewBtn.down {background:url('../imgs/ui/widget/aspen_widget_bullet02_nor.png') no-repeat center;}
.floatingTreeViewBtn.down:hover {background:url('../imgs/ui/widget/aspen_widget_bullet02_over.png') no-repeat center;}
.floatingTreeViewBtn.down:active {background:url('../imgs/ui/widget/aspen_widget_bullet02_sel.png') no-repeat center;}

.floatingObjListTabWrapper {width:100%;height:30px;border-bottom:solid 1px #c5c5c5;box-sizing:border-box;}
.floatingObjListTab {position:absolute;top:5px;width:93px;height:25px;transition:all 0.3s;-webkit-transition:all 0.3s;}
.floatingObjListTab.label {left:5px;background:url('../imgs/ui/popup/tap_labelled_on.png') no-repeat center;}
.floatingObjListTab.label.over {background:url('../imgs/ui/popup/tap_labelled_hover.png') no-repeat center;}
.floatingObjListTab.label.off {background:url('../imgs/ui/popup/tap_labelled_off.png') no-repeat center;}
.floatingObjListTab.all {left:89px;background:url('../imgs/ui/popup/tap_all_on.png') no-repeat center;}
.floatingObjListTab.all.over {background:url('../imgs/ui/popup/tap_all_hover.png') no-repeat center;}
.floatingObjListTab.all.off {background:url('../imgs/ui/popup/tap_all_off.png') no-repeat center;}

.floatingObjListFold {position:absolute;top:5px;right:10px;width:25px;height:25px;background:url('../imgs/ui/icons/fold_nor.png') no-repeat center;}
.floatingObjListFold:hover {background:url('../imgs/ui/icons/fold_hover.png') no-repeat center;}
.floatingObjListFold:active {background:url('../imgs/ui/icons/fold_press.png') no-repeat center;}
.floatingObjListUnfold {position:absolute;top:5px;right:10px;width:25px;height:25px;background:url('../imgs/ui/icons/unfold_nor.png') no-repeat center;}
.floatingObjListUnfold:hover {background:url('../imgs/ui/icons/unfold_hover.png') no-repeat center;}
.floatingObjListUnfold:active {background:url('../imgs/ui/icons/unfold_press.png') no-repeat center;}

.floatingObjListOrder {position:absolute;top:6px;right:35px;width:31px;height:22px;}
.floatingObjListOrder[data-op="normal"] {background:url('../imgs/ui/icons/z_index_off_nor.png') no-repeat center;}
.floatingObjListOrder[data-op="normal"]:hover {background:url('../imgs/ui/icons/z_index_off_hover.png') no-repeat center;}
.floatingObjListOrder[data-op="normal"]:active {background:url('../imgs/ui/icons/z_index_off_press.png') no-repeat center;}
.floatingObjListOrder[data-op="zindex"] {background:url('../imgs/ui/icons/z_index_nor.png') no-repeat center;}
.floatingObjListOrder[data-op="zindex"]:hover {background:url('../imgs/ui/icons/z_index_hover.png') no-repeat center;}
.floatingObjListOrder[data-op="zindex"]:active {background:url('../imgs/ui/icons/z_index_press.png') no-repeat center;}

.floatingObjListSearch {position:absolute;margin-top:0px;top:0px;right:71px;height:25px;}

.floatingObjListBody {padding-left:20px;padding-right:20px;padding-top:10px;padding-bottom:10px;width:auto;overflow-x:hidden;overflow-y:auto;}
.floatingObjListTitle {float:left;width:70%;margin-right:10px;}

.floatingObjListTitle:focus {outline:none;}
.floatingObjListTitle.hover {color:#248600;}
.floatingObjListTitle.selected {color:#248600;font-weight:bold;}
.floatingObjListTitle.disabled {opacity:0.5;}

.helpIframeCloseBtn {position:absolute;top:18px;right:30px;width:17px;height:17px;background:url('../imgs/ui/buttons/btn_close_nor.png') no-repeat center;cursor:pointer;}
.helpIframeCloseBtn:hover {background:url('../imgs/ui/buttons/btn_close_hover.png') no-repeat center;}
.helpIframeCloseBtn:active {background:url('../imgs/ui/buttons/btn_close_press.png') no-repeat center;}

.helpIframeNewWndBtn {position:absolute;top:45px;right:30px;width:17px;height:17px;background:url('../imgs/ui/buttons/btn_newwin_nor.png') no-repeat center;cursor:pointer;}
.helpIframeNewWndBtn:hover {background:url('../imgs/ui/buttons/btn_newwin_hover.png') no-repeat center;}
.helpIframeNewWndBtn:active {background:url('../imgs/ui/buttons/btn_newwin_press.png') no-repeat center;}

.tempSave {float:right;width:14px;height:100%;}
.tempSave.on {background:url('../imgs/ui/icons/temp_save_on.png') no-repeat center;}
.tempSave.off {background:url('../imgs/ui/icons/temp_save_off.png') no-repeat center;}
.tempSave.off_disable {background:url('../imgs/ui/icons/temp_save_off.png') no-repeat center;}
.tempSave.err {background:url('../imgs/ui/icons/temp_save_error.png') no-repeat center;opacity:0.5;}

.helpIcon {width:19px;height:100%;background:url('../imgs/ui/icons/help_icon_nor.png') no-repeat center;}
.helpIcon.itr {display:inline-block;margin-left:4px;width:14px;height:14px;cursor:pointer;}
.helpIcon:hover {background:url('../imgs/ui/icons/help_icon_hover.png') no-repeat center;}
.disable .helpIcon {opacity:0.5;}
.disable .helpIcon:hover {background:url('../imgs/ui/icons/help_icon_nor.png') no-repeat center;}

.googleShareFont {font-size:13px;line-height:1.5em;}
.googleShareFont.bold {font-weight:bold;}
.googleShareLink {width:100%;text-indent:5px;background-color:#ffffff;}
.googleShareToSns {display:inline-block;margin-left:5px;margin-right:5px;width:45px;height:45px;cursor:pointer;}
.googleShareToSns:first-child {margin-left:0px;}
.googleShareToSns.fb {background:url('../docs/help/imgs/icon_fb.png') no-repeat center;}
.googleShareToSns.gp {background:url('../docs/help/imgs/icon_gp.png') no-repeat center;}
.googleShareToSns.tw {background:url('../docs/help/imgs/icon_tw.png') no-repeat center;}
.googleShareToSns.pt {background:url('../docs/help/imgs/icon_pinterest.png') no-repeat center;}
.googleShareToSns.li {background:url('../docs/help/imgs/icon_linkedin.png') no-repeat center;}
.googleShareToSns.rd {background:url('../docs/help/imgs/icon_reddit.png') no-repeat center;}
.googleShareToSns.dg {background:url('../docs/help/imgs/icon_digg.png') no-repeat center;}

.imgrowWrapper {border:0px;margin:0px;height:25px;clear:both;}
.imgrowIcon {padding:5px;border:none;}
.imgrowIcon:hover {background:-webkit-linear-gradient(#f6f6f6, #dddcdc);background:linear-gradient(#f6f6f6, #dddcdc);}
.imgrowIcon:active {outline:solid 1px #2cb100;}

/* ==== Event script editor ==== */
#wndFloatingJSEditor {
	-webkit-user-select:text;  /* Chrome all / Safari all */
	-moz-user-select:text;     /* Firefox all */
	-ms-user-select:text;      /* IE 10+ */
	user-select:text;    
}

.scriptIframeBlock {position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,0.2);}
.editorMenu {display:inline-block;cursor:pointer;}
.editorMenu:hover {color:#248600;}
.editorIframe {position:absolute;border:none;margin:0px;padding:0px;top:0px;left:0px;width:100%;height:100%;}

#editor_font_size {float:right;margin-top:13px;height:20px;text-indent:5px;line-height:20px;}
#editor_theme_select {float:right;margin:13px 4px 0px 0px;opacity:0.6;border:none;}
#use_interpreter {float:right;margin-top:13px;width:20px;height:20px;}

.editorHeaderTxtBtn {float:right;padding-left:25px;margin-top:9px;height:28px;font-size:14px;line-height:28px;color:#a3a3a3;background-position:0px center;background-repeat:no-repeat;}
.editorHeaderTxtBtn.sep {padding-left:0px;margin-left:22px;margin-right:22px;width:2px;background-image:url('../imgs/ui/script/script_divide.png');}

.editorHeaderTxtBtn.save {background-image:url('../imgs/ui/script/script_save_nor.png');color:#ffffff;}
.editorHeaderTxtBtn.save.btnOver {border:none;background-color:transparent;}
.editorHeaderTxtBtn.save.btnDown {color:#2cb100;border:none;background-color:transparent;background-image:url('../imgs/ui/script/script_save_press.png');}

.editorHeaderTxtBtn.code {background-position:0px center;background-repeat:no-repeat;border:none;cursor:pointer;}
.editorHeaderTxtBtn.code:hover {color:#ffffff;}
.editorHeaderTxtBtn.code:active {color:#ffffff;}

.editorHeaderTxtBtn.code.wgt {margin-right:0px;background-image:url('../imgs/ui/script/script_page_nor.png')}
.editorHeaderTxtBtn.code.wgt.btnOver {border:none;background-color:transparent;background-image:url('../imgs/ui/script/script_page_hover.png')}
.editorHeaderTxtBtn.code.wgt.btnDown {border:none;background-color:transparent;background-image:url('../imgs/ui/script/script_page_nor.png');}

.editorHeaderTxtBtn.code.page {margin-right:17px;background-image:url('../imgs/ui/script/script_page_nor.png');}
.editorHeaderTxtBtn.code.page.btnOver {border:none;background-color:transparent;background-image:url('../imgs/ui/script/script_page_hover.png');}
.editorHeaderTxtBtn.code.page.btnDown {border:none;background-color:transparent;background-image:url('../imgs/ui/script/script_page_nor.png');}

.editorHeaderTxtBtn.code.help {margin-right:17px;background-image:url('../imgs/ui/script/script_help_nor.png');}
.editorHeaderTxtBtn.code.help.btnOver {border:none;background-color:transparent;background-image:url('../imgs/ui/script/script_help_hover.png');}
.editorHeaderTxtBtn.code.help.btnDown {border:none;background-color:transparent;background-image:url('../imgs/ui/script/script_help_nor.png');}

.new-list-group {position:relative;height:auto;}
.new-list-item {position:relative;height:40px;width:100%;font-size:13px;line-height:40px;color:#000000;border-bottom:dotted 1px lightgrey;}
.new-list-left {float:left;width:150px;background-color:#f2f2f2;padding-left:15px;}
.new-list-right {float:left;width:auto;padding-left:10px;}

#wndPopup_meta_body .new-list-right {width:60%;}
#wndPopup_meta_body .new-list-right input[type="text"] {width:300px;}
#wndPopup_meta_body .new-list-right input[type="checkbox"] {margin-top:12spx;}
#wndPopup_meta_body .new-list-right select {width:310px;}
#wndPopup_meta_body .new-list-right textarea {width:300px;}
#wndPopup_meta_body .new-list-right .xSelectBox {width:310px;}

.downloadAsset {width:32px;height:32px;position:absolute;right:10px;top:10px;display:none;cursor:pointer;background-image:url('../imgs/ui/icons/down_nor.png');}
.downloadAsset:hover {background-image:url('../imgs/ui/icons/down_hover.png');}
.downloadAsset:active {background-image:url('../imgs/ui/icons/down_press.png');}

.listPublish {position:absolute;width:23px;height:23px;float:right;top:3px;background-image:url('../imgs/ui/icons/publish_normal.png');background-size:contain;cursor:pointer;}
.listPublish:hover {background-image:url('../imgs/ui/icons/publish_hover.png');}
.listPublish:active {background-image:url('../imgs/ui/icons/publish_press.png');}

.listDelete {width:23px;height:23px;float:right;position:absolute;right:5px;top:3px;cursor:pointer;display:none;background-image:url('../imgs/ui/icons/delete_normal.png');background-size:contain;}
.listDelete:hover {background-image:url('../imgs/ui/icons/delete_hover.png');}
.listDelete:active {background-image:url('../imgs/ui/icons/delete_press.png');}

.urlAsset {width:32px;height:32px;position:absolute;right:52px;top:10px;display:none;cursor:pointer;background-image:url('../imgs/ui/icons/url_nor.png');}
.urlAsset:hover {background-image:url('../imgs/ui/icons/url_hover.png');}
.urlAsset:active {background-image:url('../imgs/ui/icons/url_press.png');}

.editorAssetId {width:32px;height:32px;float:left;margin-left:1px;cursor:pointer;background-image:url('../imgs/ui/icons/set_nor.png');}
.editorAssetId:hover {background-image:url('../imgs/ui/icons/set_hover.png');}
.editorAssetId:active {background-image:url('../imgs/ui/icons/set_press.png');}

.saveThumbnail {width:32px;height:32px;position:absolute;right:20px;bottom:20px;display:none;cursor:pointer;background-image:url('../imgs/ui/icons/thumnail_nor.png');}
.saveThumbnail:hover {background-image:url('../imgs/ui/icons/thumnail_hover.png');}
.saveThumbnail:active {background-image:url('../imgs/ui/icons/thumnail_press.png');}

div[data-aspen-rich] *[has-margin="bottom"]  {
  display:inline-block;
  box-shadow: inset -1px -8px 4px -5px rgba(0,0,255,1);
}
div[data-aspen-rich] *[has-margin="top"]  {
  display:inline-block;
  box-shadow: inset -1px 8px 4px -5px rgba(0,0,255,1);
}
div[data-aspen-rich] *[has-margin="both"]  {
  display:inline-block;
  box-shadow:inset -1px -8px 4px -5px rgba(0,0,255,1), inset -1px 8px 4px -5px rgba(0,0,255,1); 
}

.listPropItem[data-h-minus25] {height:25px;line-height:25px;}
.listPropItem[data-h-minus25] input {margin-top:0px;outline:none;}
.listPropItem[data-h-minus25] label {margin-top:0px;}

/* ==== MUST PLACED IN LAST PART OF CSS FILE for Priority ==== */
.display-none {display:none;}
.visibility-hidden {visibility:hidden;}