body,html{height:100%;min-height:100%}

body {font-family:open_sans, 'Helvetica Neue', Helvetica, 'Trebuchet MS', Arial, sans-serif; font-size:12px; }
h1, h2, h3, h4, h5 {font-family:Lato;open_sans, 'Helvetica Neue', Helvetica, 'Trebuchet MS', Arial, sans-serif;  }
h1, h2 {font-size:24px; padding:5px; border-bottom:solid 1px #999; margin-top:0.3em; font-weight:bold;}
h2 span {font-size:16px; font-style:italic; margin-left:1em;}
.flow { -webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;}
.noUserSelect { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
a {cursor:pointer}
td, td {padding:0.3em 0.2em;}

/* bootstrap */


/* common */
.button {display:block; float:left; margin:0 2px; padding:1px 4px; border:solid 1px #999; background-color:#444; text-decoration:none;
             -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size:11px; transition:all ease 0.2s}
    .button:hover { background-color:#428bca; text-decoration:none; }




#cmsTop {background-color:#000;color:white; position:fixed;width:100%; top:0; z-index:10;
         background-image:url(/Core/Cms/Img/bg/dark-concrete.png); background-repeat:repeat;
         border-bottom:1px solid #666; height:37px;
}
#cmsTop .wrap {padding: 9px 5px;line-height: 16px;font-size: 11px;
}
#cmsTop a {color:white;} 

#cmslogo {height:37px; float:left;}

#cmsBody {position:fixed; top:37px; width:100%;}

/* split */
.splitView {margin: 0;width: 100%;clear: both;display: table;}
.splitView .left {width:25%;}
.splitView .splitPanel {display: table-cell; vertical-align:top;}
.splitView .splitter {width:7px; background-color:#000; z-index:50;}
    .splitView .splitter a { width:7px; height:1000px;background-color:#000; color:#fff; display:block;z-index:51;}
        .splitView .splitter a:hover { background-color:#666;}

    .splitView .left { background-image:url(/Core/Cms/Img/bg/default.jpg); background-position:center center; background-size:cover; background-repeat:repeat;background-color: #333;}

#slidingWin {position:fixed; background-color:#fff; height: 100%;right: -5000px;z-index: 11;top:37px; font-size:11px;  overflow:auto; 
    background-image:url(/Core/Cms/Img/bg/left.png); background-repeat:repeat-y;}
    #slidingWin .cms_panel_title { padding:5px;background-color: #428bca;margin-bottom: 15px;}
    #slidingWin .cms_panel_close { margin-top:8px;}

.marginWrap {margin:5px 5px;}
.wrapper { overflow:auto; }
#slidingWin .marginWrap { margin:0; margin-left:5px;}

#overlayWinForSplitter { position:fixed; background-color:transparent; height:0; width:0; display:none; top:0; z-index: 50;}

/* left*/

/* left header */
.leftHdr { background-color: #000;padding: 7px 5px;color:#F9A31A;background: linear-gradient(#333, #111);line-height: 1.3em;border-bottom: 1px solid #ccc;}
.leftHdr .title { font-size: 13px; font-weight:bold}
.leftHdr .attr span{ font-size: 11px;color: #fff;}
.leftHdr .actions {background-color: inherit; padding:2px 0; margin:3px 0 -2px 0;}

/* left menu */
.leftMenu { color:#000; background-color:#fff;}
.leftMenu ul {list-style:none; padding:0; margin:0; padding-left:15px;}
.leftMenu ul.rt {padding-left:0px;}
    .leftMenu section { display:block; width:100%; }
    .leftMenu section.on { }
    .leftMenu .sectionContent { overflow:hidden; font-size:11px;}
    .leftMenu section.off .sectionContent { max-height:0px; }

    .leftMenu h3 {margin:0; background-color: #555;background: linear-gradient(#555, #111);color: white;padding: 4px 5px;line-height: 1.5em;cursor: pointer;font-weight: bold;font-size: 12px;}

.sectionContent {background: linear-gradient(#eee, #fff); }
.sectionContent a {color:#000;}
.sectionContent ul.rt {margin:3px;}
.sectionContent ul {overflow:hidden;}
.sectionContent li {cursor:pointer; line-height:16px; position:relative;}
    .sectionContent li.cl { }
      .sectionContent li.cl ul { max-height:0px;}
  
    .sectionContent li.ex { }
.sectionContent li span.icon {display:block; float:left; width:16px; height:16px;}
.sectionContent li>span.icon {background-image:url(/Core/Cms/Img/arrowdot.png)}
.sectionContent li.cl>span.icon {background-image:url(/Core/Cms/Img/arrowright.png)}
.sectionContent li.ex>span.icon {background-image:url(/Core/Cms/Img/arrowdown.png)}
.sectionContent li a {text-decoration:none;}
.sectionContent li a:hover { text-decoration:none; font-weight:bold;}
.sectionContent li a.selected { font-weight:bold;background-color:gold}
    .sectionContent li a.dirty { background-color: red; color: white; padding:0 5px 0 5px; position:relative; }
        /*.sectionContent li a.dirty:before { position: absolute; content:''; background-position:center; background-size:contain; background-image:url('/core/cms/img/warning.png'); top: 0; left: 5px; width:15px; height:15px; }*/
        .sectionContent li a.dirty:after { content: '>> not saved yet!'; margin-left: 10px; position: absolute; color: red; width: 100px; }
#save-all-html { background-color: #ff4f00; border: solid 1px red; animation: gradientBG 3s ease infinite; display: none; }
@keyframes gradientBG {
    0% { background-color: #ff4f00; }
    50% { background-color: #564342; }
    100% { background-color: #ff4f00; }
}

.outline .sectionContent {background: #ffd;}

#pageContent { display: block; width:100%; }

#pageMenu {font-size:12px;}
#pageUrl {font-size:11px; color:#fff; font-style:italic; margin-left:1em; font-weight:normal}


/* controller */
#itemSubMenu { float:right; font-size:11px; color:gold; background-color:#333; position:absolute; right:0; padding:0 5px;}
#itemSubMenu a { color:gold; }
#itemSubMenu a:hover { font-weight:normal;}

/* history */
.pageHistory { line-height:1.1em; }
.pageHistory h4 {font-size:12px; font-weight:bold; margin:0.7em 0 0.5em 0.3em; padding-bottom:0em; border-bottom:solid 1px #ccc; color:royalblue}
.pageHistory .item {margin-bottom:0.5em; margin-left:0.7em;font-size:10px }
.pageHistory .item .btns{}

.pageHistory .date{ width:10em; }
.pageHistory .ver{ margin-left: 1em;}
.pageHistory .desc{ font-size:10px; font-style:italic; margin-left:2.5em;color:royalblue}

/* action links */
.actions {line-height:1.5em; padding:5px 10px; background-color:black; color:white; font-size:11px;}
.actions a {color:white; cursor:pointer;}

#cmsPage {color:#fff;}
#cmsPageMenu .actions {background-color:#333; color:gold;font-size:11px; line-height:1.2em; padding:2px 5px 2px 25px;}

#cmsPageMenu .actions a {color:gold;}


/*.lst { width:100%; }
.lst th {vertical-align:top; text-align:left; padding:2px 3px; border-bottom:solid #eee 1px; background-color:#333; color:#fff; line-height:1.5em;}
.lst td {vertical-align:top; text-align:left; padding:2px 3px; border-bottom:solid #eee 1px;line-height:1.3em;}*/

/* datatables */
.dataTables_wrapper {margin-top:20px;}
table.dataTable thead {background-color:#333; color:#fff;}
table.dataTable thead th, table.dataTable thead td {padding:5px 8px;}
table.dataTable tbody th, table.dataTable tbody td {padding:3px 8px;}


::-webkit-input-placeholder {color:#666;}
:-moz-placeholder {color:#666;opacity: 1}
::-moz-placeholder {color:#666;opacity: 1}
:-ms-input-placeholder {color:#666;}


/* one page */

.onepage {background-image:url(/Core/Cms/Img/bg/default.jpg); background-repeat:repeat; background-color:#333; background-position:center center; background-size:cover; }
#cmsCentre .login {width:680px; height:460px; position:fixed; top:50%; left:50%; margin-top:-230px; margin-left:-340px;}
#cmsCentre .loginPanel { background-color: #fff; background-image: url(/Core/Cms/Img/cmslogo.png?v=5); background-repeat: no-repeat; padding: 20px 40px; }
#cmsCentre .login .hdr {height:150px;}
    #cmsCentre .login #clientLogo img { width: 100px;  float:right; margin:4px 0 0 0}

#cmsCentre .login input{padding:4px 6px; line-height:1.5em; font-size:20px; width:100%;margin:10px 0; background-color:#f0f0f0;}
    #cmsCentre .login input[type=submit] { width:auto; background-color:#CD2727;-webkit-appearance:none; border:none; padding:6px 15px; color:#fff;}

#cmsCentre .version { text-align:center; margin-top:10px; color:#fff; font-size:12px;  }
#cmsCentre .login .validation-summary-errors { font-size:16px;}

a.icon {line-height: 1.3em;text-decoration: none;}
a.icon_logout { background-image: url(/core/cms/img/iconic/white/user_9x12.png);background-position: left center;background-repeat: no-repeat;padding: 3px 3px 3px 13px;}
a.icon_hidecms { background-image: url(/core/cms/img/iconic/white/arrow_left_12x12.png);background-position: left center;background-repeat: no-repeat;padding: 3px 3px 3px 15px;}
a.icon_close { background-image: url(/core/cms/img/iconic/white/x_11x11.png);background-position: left center;background-repeat: no-repeat;padding: 3px 3px 3px 13px;}
a.icon_root { background-image: url(/core/cms/img/iconic/white/layers_12x11.png);background-position: left center;background-repeat: no-repeat;padding: 3px 3px 3px 15px;}

.validation-summary-errors ul { color: #f00;padding: 0 20px;list-style: none; margin-top:1em;}


/* top */
#logout {float:right;}
#breadcrumb { padding: 0px 5px;color:white; float:left;margin-top:1px; margin-right:3em; font-size:15px;}
#pageStatus {float:right; margin-top:2px; font-size:12px;  color:#fff; font-style:normal; margin-left:0.2em; font-weight:normal; text-transform:uppercase;}
    #pageStatus .Published {  color:#0f0;}
    #pageStatus .Created { color:#f00;}
    #pageStatus .Updated { color:#f33;}
    #pageStatus .Unpublished {color:#eee; }
    #pageStatus .Deleted { color:#eee; }

#pageMode {float:right; padding:0 15px 0 10px; margin-top:-2px;}
#pageMode a {display:block; float:left; margin:0 2px; padding:2px 5px; border:solid 1px #999; background-color:#444; text-decoration:none;
             -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#pageMode a.on {background-color:#428bca}


/* main - right */
#cmsMain .loading {background-image: url(/core/jWorks/img/ui-anim_basic_16x16.gif); background-repeat:no-repeat; padding-left:25px; font-size:13px; margin:20px; color:#333; }
#cmsMain .msg {color:#f33; font-weight:bold}
#cmsMain .bsResult { margin:10px  } /* bootstrap form result */

#cmsMain .container { margin-left:0;}
#cmsMain .refresh {float:right;}
#cmsMain .ed { font-size:14px; margin:10px;}
#cmsMain .ed input[type=text],#cmsMain .ed input[type=password] { width:100%; }
#cmsMain .ed textarea {width:100%;}
.hdrAnchor {margin-bottom:1em;}

#cmsMain .marginWrap > iframe { width:100%; height:100%; }






@font-face {
    font-family: 'open_sans';
    src: url('fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot');
    src: url('fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans_regular_macroman/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/opensans_regular_macroman/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/opensans_regular_macroman/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*@font-face {
    font-family: 'open_sans';
    src: url('fonts/opensans_light_macroman/OpenSans-Light-webfont.eot');
    src: url('fonts/opensans_light_macroman/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans_light_macroman/OpenSans-Light-webfont.woff') format('woff'),
         url('fonts/opensans_light_macroman/OpenSans-Light-webfont.ttf') format('truetype'),
         url('fonts/opensans_light_macroman/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight:lighter;
    font-style: normal;
}*/

@font-face {
    font-family: 'open_sans';
    src: url('fonts/opensans_bold_macroman/OpenSans-Bold-webfont.eot');
    src: url('fonts/opensans_bold_macroman/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans_bold_macroman/OpenSans-Bold-webfont.woff') format('woff'),
         url('fonts/opensans_bold_macroman/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/opensans_bold_macroman/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato/Lato-Bold.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato/Lato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato/Lato-Bold.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato/Lato-Bold.ttf') format('truetype'); 
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato/Lato-Regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato/Lato-Regular.ttf') format('truetype'); 
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}








#cms_hovermenu { position: absolute;z-index: 1000;height: 50px;width: 400px;background-color:orangered;color: #fff;font-size: 11px;}
#cms_hovermenu a { margin-left: 1em;color: #fff;text-decoration: none;}

/*#doc { float: left;width:75%;margin-left: 25%;}
#admin { float: left;width:75%;margin-left: 25%;}*/


/* right control panel */
#cms_main_panel {position: fixed;z-index: 2000;background-color:#cef;background: linear-gradient(#FCECD2, #FCF6EB);display: none;overflow: auto;
                    border-bottom: #F9A31A 1px solid;border-right: #F9A31A 1px solid;box-shadow: 5px 5px 10px 0px #666;
}
#cms_main_panel .cms_panel_title {background-color:royalblue;background: linear-gradient(#F9A31A, #DB8700);color:white;padding: 9px 5px;line-height: 16px;font-size: 15px;font-weight: normal;}
#cms_main_panel .cms_panel_close {background-image: url(/core/cms/img/iconic/white/x_11x11.png);background-position: left center;background-repeat: no-repeat;padding: 0px 3px 0px 13px;margin: 0 5px 0 0;}

#cms_main_panel .cms_panel {font-size: 11px;margin: 5px;font-weight: normal;line-height: 1.3em;font-family: "Trebuchet MS", Helvetica, sans-serif; }

.cms_editing_item:focus {outline: none;}
.cms_editing_item {border: orange dashed 2px;min-height: 15px;min-width: 15px;}
.cms_editing_text:focus {outline: none;}
.cms_editing_text {-webkit-box-shadow: inset 0 0 4px orange;/* border: orange dashed 2px;*/}

.ui-widget{ font-size: 12px;}
.ui-front { z-index: 5000;}
.float-left {float: left;}
.float-right {float: right;}

/* controller panel */

/* controller panel - sections */
.cms_ctrl_top {background-color:royalblue;background: linear-gradient(#4169e1, #2B53CC);color:white;padding: 9px 5px;line-height: 16px;font-size: 11px; }
.cms_ctrl_top a {color:white;line-height: 1.3em;text-decoration: none;}
.cms_ctrl_top a.icon_logout { background-image: url(/core/cms/img/iconic/white/user_9x12.png);background-position: left center;background-repeat: no-repeat;padding: 3px 3px 3px 13px;}
.cms_ctrl_top a.icon_hidecms { background-image: url(/core/cms/img/iconic/white/arrow_left_12x12.png);background-position: left center;background-repeat: no-repeat;padding: 3px 3px 3px 15px;}
.cms_ctrl_top a.icon_close { background-image: url(/core/cms/img/iconic/white/x_11x11.png);background-position: left center;background-repeat: no-repeat;padding: 3px 3px 3px 13px;}

.cms_ctrl_path { background-color: #000;padding: 1px 5px;color:white;line-height: 30px;height: 30px;}
.cms_ctrl_path a {color:white;line-height: 1.3em;text-decoration: none;}
.cms_ctrl_path a.icon_root { background-image: url(/core/cms/img/iconic/white/layers_12x11.png);background-position: left center;background-repeat: no-repeat;padding: 3px 3px 3px 15px;}

.cms_ctrl_section { -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: moz-none;-ms-user-select: none;user-select: none;}
.cms_ctrl_section_hdr {background-color:#555;background: linear-gradient(#555, #111); color:white;padding: 2px 5px;line-height: 1.5em;cursor: pointer;font-weight: bold;font-size: 12px;}
.cms_ctrl_section_hdr a {color:white;line-height: 1.5em;text-decoration: none;}
.cms_ctrl_section_hdr .icon_add {font-size: 11px;font-weight: normal; background-image: url(/core/cms/img/iconic/white/plus_12x12.png);background-position: left center;background-repeat: no-repeat;padding: 3px 3px 3px 13px;}

.cms_ctrl_section_content {background-color:#eee;background: linear-gradient(#eee, #fff);padding: 2px 5px;line-height: 1.5em; font-family:"Trebuchet MS", Helvetica, sans-serif;}
#pageMenu .icons { float: right; }
#pageMenu .icons a { margin: 2px;}
#pageMenu .icon_folder { background-image: url(/core/cms/img/iconic/white/folder_stroke_12x12.png);background-position: left center;background-repeat: no-repeat;padding: 3px 3px 3px 13px;}
#pageMenu .icon_setting { background-image: url(/core/cms/img/iconic/white/cog_12x12.png);background-position: left center;background-repeat: no-repeat;padding: 3px 3px 3px 13px;}
#pageMenu .icon_pageinfo { background-image: url(/core/cms/img/iconic/orange/info_6x12.png);background-position: left center;background-repeat: no-repeat;padding: 3px 3px 3px 7px;}

.cms_ctrl_pageinfo{ background-color: #000;padding: 7px 5px;color:#F9A31A;background: linear-gradient(#333, #111);line-height: 1.3em;border-bottom: 1px solid #ccc;}
.cms_ctrl_pageinfo .title { font-size: 12px;font-style: italic;}
.cms_ctrl_pageinfo .attr span{ font-size: 10px;color: #fff;}

.menu-item { padding: 2px 5px; }
.menu-item a { text-decoration: none;font-weight: bold;}

/* controller panel - items */
.cms_ctrl_items { margin: 0px 0px;}
.cms_ctrl_items .cms_ctrl_item { margin-bottom: 1px;background-color: #efefef;padding-left: 2px;cursor:default;}
.cms_ctrl_items .on { border: dotted 1px #666;}
.cms_ctrl_items .on > .item_name { font-weight: bold;}
.cms_ctrl_items .dp1 { margin-left: 0em;}
.cms_ctrl_items .dp2 { margin-left: 1em;}
.cms_ctrl_items .dp3 { margin-left: 2em;}
.cms_ctrl_items .dp4 { margin-left: 3em;}
.cms_ctrl_items .dp5 { margin-left: 4em;}

.cms_arrow { float: right; }
.cms_arrow span { cursor: pointer; background-position: center center;background-repeat: no-repeat;padding: 2px 6px;}
.cms_arrow span.up { background-image: url(/core/cms/img/iconic/gray_dark/arrow_up_8x8.png); }
.cms_arrow span.down { background-image: url(/core/cms/img/iconic/gray_dark/arrow_down_8x8.png); }

#cms_ctrl_item_menu {margin-bottom: 1em;padding-left: 1em;text-align: right;}
#cms_ctrl_item_menu span, #cms_ctrl_item_menu a { text-decoration: none;color: royalblue; cursor: pointer}

#cms_ctrl_page_menu { margin: 3px 5px;}

#cms_html_editor_elt_editor_result { color: #fff;}

/* page */
.cms_item {}

/* html editor */
/*#cms_html_editor_ctrl { position: absolute;z-index: 1000; padding: 3px;background-color: cornflowerblue; font-family:Tahoma, Trebuchet MS, sans-serif;font-size:11px;line-height: 1.2em;color: #000;}*/
#cms_html_editor_ctrl { position: fixed;z-index: 1000;right: 1px;top: 1px; padding: 3px;background-color: cornflowerblue;min-width: 600px;
                            font-family:Tahoma, Trebuchet MS, sans-serif;font-size:11px;line-height: 1.2em;color: #000;}
.cms_html_editor_toolbar {}
.cms_html_editor_toolbar .tool { float: left; cursor: pointer}
.cms_html_editor_toolbar .tool a {font-family:Tahoma, Trebuchet MS, sans-serif;font-size:11px;line-height: 1.2em;color: #000;margin-right: 10px;}

#cms_html_editor_status { padding: 3px;background-color: #fff; }

#cms_html_editor_source_id { line-height: 1.2em;}


/* disable page hiding */
.hideview { display: block;}

/* control */
.cms_ctrl_in_editor { background-image: url(/core/cms/img/control.png);background-repeat: no-repeat;height: 60px;width: 100%;cursor: pointer;background-color: #eee;}
.cms_ctrl_in_editor_name { float: right;font-size: 11px;background-color: #000;color: #fff;}

/* cms treeview control */
.cmsTreeview { background-color: #fff; border-radius:3px;border:1px solid #c9c9c9;}
.cmsTreeview ul {margin: 0.2em 0.2em 0.2em 1em;padding-left: 1em; list-style-type:square}

/* loading panel */