/* auto-utf +ěščřžýáíé= */
/**
 * FoxFrame CMS Admin CSS main stylesheet
 *
 * @author janrenn <renner@cyberfox.cz>
 * @author pavekrej
 * @date 22.07.2014 12:49:06
 * @version 1.8
 *
 * form fields width: w-10, w-20, w-30, w-40, w-60, w-80, w-100, w-120, w-160, w-200, w-300, w-400, w-500, w-600
 */

body {
    color: #555;
}
.hide, .js .hide-if-js, .no-js .hide-if-no-js {
    display: none;
}
html {
    overflow-y: scroll;
}
tbody tr:nth-child(2n) td, tbody tr.even td {
    background: #F3F3F3;
}
ul.checkboxlist, ul.checkboxlist li {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.checkboxlist {
    margin: 1em 0 1.5em 1em;
}
/**
 * ------------------
 * @section Layout
 * ------------------------------
 */
body, html, .main-wrapper, .inner-wrapper, .middle {
    height: 100%;
    min-height: 100%;
    *text-align: left;
    *zoom: 1;
}
body {
    min-height: 100px;
    background: #EDEEF1;
    margin: 0;
    padding: 0;
}
.inner-wrapper {
    min-width: 990px;
}
.header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999;
    height: 90px;
}
body.mce-fullscreen .header {
    z-index: 0;
}
.js .header.flipped {
    top: -38px;
}
.js .header.flipped .logo {
    opacity: .5;
    filter: alpha(opacity=50);
}
.middle {
    margin: 0;
    padding: 0;
}
.middle .aside {
    width: 260px;
    float: left;
    *zoom:1;
}
.middle .aside > .inner {
    margin-top: 73px;
    padding-top: 18px;
}
.middle .main-content {
    margin-left: 270px;
    *zoom:1;
}
.js .middle .main-content {
    margin-left: 271px;
}
.middle .main-content > .inner {
    margin-top: 91px;
    margin-right: 18px;
}
.header.flipped + * + .middle .aside > .inner, .header.flipped + * + .middle .main-content > .inner {
    margin-top: 53px;
}
.js .header.flipped + .middle .aside > .inner,
.js .header.flipped + .middle .main-content > .inner {
    margin-top: 49px;
}
.footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}
.container {
    margin: 0;
    width: auto;
}
.bf, hr {
    display: none;
}
a {
    color: #0090EE;
}
a:hover, a:focus {
    color: #09F;
    text-decoration: none;
}
a:focus {
    outline: none;
}

.text-left, .t-l {
    text-align: left;
}

.text-right, .t-r {
    text-align: right;
}
.text-left-force, .t-l-force {
    text-align: left !important;
}

.text-right-force, .t-r-force {
    text-align: right !important;
}

.no-margin {
    margin: 0px;
}

/**
 * @subsection Header
 * ------------------------------
 */
.header > .inner {
    height: 70px;
    background-color: #373B3D;
    background-image: -moz-linear-gradient(#494D4F, #121617);
    background-image: -ms-linear-gradient(#494D4F, #121617);
    background-image: -webkit-linear-gradient(#494D4F, #121617);
    background-image: -o-linear-gradient(#494D4F, #121617);
    background-image: linear-gradient(#494D4F, #121617);
    background-position: left top;
    background-repeat: repeat-x;
    border-bottom: 3px solid #ef3a25;
    box-shadow: 0 2px 12px rgba(0,0,0,.33);
}
.ie9 .header > .inner {
    background-image: url('../images/header.svg');
}
.header > .inner .texture {
    background: transparent url('../images/header_texture.png') 0 0 repeat-x;
}
.header > .inner .cogs {
    height: 70px;
    background: transparent url('../images/cogs_.png') 49px 0 no-repeat;
}
.header .logo {
    margin: 0;
    padding: 4px 0 0 29px;
    width: 200px;
}
.header .logo a, .header .logo img {
    display: block;
    margin: 0;
    padding: 0;
    color: #DDD;
}
.header div.error, .header div.notice {
    margin: 0;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    text-align: center;
    padding-top: 11px;
}
.header div.notice {
    color: #653;
}


/**
 * @subsection Header-Controls
 * ------------------------------
 */
.header .controls {
    position: absolute;
    bottom: 20px;
    right: 0;
    border-top: 1px solid rgba(0,0,0,.4);
    box-shadow: -11px -9px 11px rgba(0,0,0,.04);
    border-bottom: 1px solid #232425;
}
.header .controls > .inner {
    background: #2F3132;
}
.header .controls ul, .header .controls li, .header .controls a {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    text-decoration: none;
    color: #D3D5D6;
    white-space: nowrap;
}
.header .controls > .inner > ul > li {
    float: left;
}
.header .controls .current-web .down {
    display: none;
}
.header .controls a, .header .controls .web-selector .down {
    display: block;
    background-color: #2B3031;
    background-image: -o-linear-gradient(#3C4043, #172121);
    background-image: -webkit-linear-gradient(#3C4043, #172121);
    background-image: -ms-linear-gradient(#3C4043, #172121);
    background-image: -moz-linear-gradient(#3C4043, #172121);
    background-image: linear-gradient(#3C4043, #172121);
    border-right: 1px solid #121314;
    border-left: 1px solid #5A5D5D;
    border-top: 1px solid #515253;
}
.header .controls > .inner > ul > li:first-child a:first-child {
    border-left-color: #505253;
}
.header .controls a:hover, .header .controls a:focus, .header .controls a.active,
.header .controls .web-selector .down:hover {
    background-color: #616768;
    background-image: -o-linear-gradient(#6C7073, #475151);
    background-image: -webkit-linear-gradient(#6C7073, #475151);
    background-image: -ms-linear-gradient(#6C7073, #475151);
    background-image: -moz-linear-gradient(#6C7073, #475151);
    background-image: linear-gradient(#6C7073, #475151);
    border-right: 1px solid #353637;
    border-left: 1px solid #898C8C;
    border-top: 1px solid #7F8080;
}
.header .controls a:hover, .header .controls a:focus {
    text-shadow: 0 0 16px #FFF;
    color: #E5E7E8 !important;
}
.header .controls > .inner > ul > li:first-child a:first-child:hover,
.header .controls > .inner > ul > li:first-child a:first-child:focus {
    border-left-color: #808283;
}
.header .controls > .inner > ul > li a .c-label {
    display: block;
    padding: 7px 14px 6px 22px;
    font-size: 12px;
    line-height: 18px;
    min-height: 18px;
    background: transparent url('../images/navi_ico_.png') 10px 7px no-repeat;
}
.header .controls > .inner > ul > li.current-web .c-label {
    background-image: url('../images/navi_ico_hp.png') !important;
    padding: 0 14px 0 22px;
}
.header .controls > .inner > ul > li.stats a .c-label {
    background-image: url('../images/navi_ico_stat.png');
}
.header .controls > .inner > ul > li.settings a .c-label {
    background-image: url('../images/navi_ico_set.png');
}
.header .controls > .inner > ul > li.help a .c-label {
    background-image: url('../images/navi_ico_help.png');
}
.header .controls > .inner > ul > li.question a .c-label {
    background-image: url('../images/navi_ico_que.png');
}
.header .controls > .inner > ul > li.user a .c-label {
    background-image: none;
    padding: 7px 39px 6px 15px;
}
.header .controls > .inner > ul > li a .c-label .title,
.header .controls > .inner > ul > li a .c-label .web {
    padding-left: 11px;
}
.header .controls > .inner > ul > li.user a .c-label .title {
    padding-left: 0;
}
.header .controls > .inner > ul > li.user-settings a .c-label .title {
    padding-left: 15px;
}
.header .controls .current-web .web {
    font-size: 14px;
    line-height: 16px;
    text-shadow: -1px -1px 1px rgba(0,0,0,.5);
    padding: 7px 0 6px;
    height: 18px;
    display: block;
}
.header .controls .web-selector .web {
    padding-right: 26px;
}
.header .controls a:hover .web, .header .controls a:focus .web {
    text-shadow: none;
    color: #E2E4E5 !important;
}
.header .controls a .web:hover {
    text-shadow: 0 0 16px rgba(255,255,255,.7);
}
.header .controls .web-selector .down {
    color: #919293;
    display: block;
    padding: 7px 7px 6px;
    position: absolute;
    top: -1px;
    right: -1px;
    text-shadow: none;
    border-left-color: #4F5051;
}
.header .controls .web-selector .down:hover, .header .controls .web-selector .down:focus {
    color: #F2F3F4;
    text-shadow: 0 0 12px rgba(255,255,255,.9);
    background-color: #909697;
    background-image: -o-linear-gradient(#8C9093, #677171);
    background-image: -webkit-linear-gradient(#8C9093, #677171);
    background-image: -ms-linear-gradient(#8C9093, #677171);
    background-image: -moz-linear-gradient(#8C9093, #677171);
    background-image: linear-gradient(#8C9093, #677171);
    border-top-color: #9E9F9F;
    border-left-color: #989B9B;
}
.header .controls .web-selector .down:active, .header .controls .web-selector .down.mousedown {
    background-image: -o-linear-gradient(#677171, #8C9093);
    background-image: -webkit-linear-gradient(#677171, #8C9093);
    background-image: -ms-linear-gradient(#677171, #8C9093);
    background-image: -moz-linear-gradient(#677171, #8C9093);
    background-image: linear-gradient(#677171, #8C9093);
    border-left-color: #555657;
    border-top-color: #515253;
}
.header .controls .user, .header .controls .user a {
    background: #E7E7E7;
    color: #353637;
    border-top-color: #CCCDCE;
}
.header .controls > .inner > ul > li.user a {
    background-image: -ms-linear-gradient(#F0F0F0, #C1C2C2);
    background-image: -webkit-linear-gradient(#F0F0F0, #C1C2C2);
    background-image: -moz-linear-gradient(#F0F0F0, #C1C2C2);
    background-image: -o-linear-gradient(#F0F0F0, #C1C2C2);
    background-image: linear-gradient(#F0F0F0, #C1C2C2);
    border-left: 1px solid #BABBBC;
    border-right: none;
    border-top-color: #B9BABB;
}
.header .controls .user b {
    font-size: 12px;
    line-height: 18px;
    text-shadow: 1px 1px 1px rgba(255,255,255,.4);
}
.header .controls > .inner > ul > li.user:not(.open) > a:hover,
.header .controls > .inner > ul > li.user:not(.open) > a:focus {
    background-image: -ms-linear-gradient(#EEE, #CCCDCD) !important;
    background-image: -webkit-linear-gradient(#EEE, #CCCDCD) !important;
    background-image: -moz-linear-gradient(#EEE, #CCCDCD) !important;
    background-image: -o-linear-gradient(#EEE, #CCCDCD) !important;
    background-image: linear-gradient(#EEE, #CCCDCD) !important;
}
.header .controls > .inner > ul > li.user a:hover *,
.header .controls > .inner > ul > li.user a:focus * {
    text-shadow: 0 0 16px #FFF;
    color: #353637 !important;
}
.header .controls .user .down {
    color: #818283;
    display: block;
    padding: 7px 7px 6px 6px;
    position: absolute;
    top: 0;
    right: 0;
    border-left: 1px solid #ACADAE;
}
.header .controls .user a:hover .down, .header .controls .user a:focus .down {
    color: #303132;
}
.header .controls .user a:active .down, .header .controls .user a.mousedown .down {
    background-image: -ms-linear-gradient(#DDD, #EEE);
    background-image: -webkit-linear-gradient(#DDD, #EEE);
    background-image: -moz-linear-gradient(#DDD, #EEE);
    background-image: -o-linear-gradient(#DDD, #EEE);
    background-image: linear-gradient(#DDD, #EEE);
    top: -1px;
    border-top: 1px solid #717273;
    border-left-color: #939495;
}
.js .header .controls > .inner > ul > li a .c-label .title {
    display: none;
}
.js .header .controls.showtitles > .inner > ul > li a .c-label .title {
    display: inline;
}

/**
 * 2nd level
 * ----------------------------------
 */
.header .controls > .inner > ul > li > ul {
    position: absolute;
    right: 0;
    top: 32px;
    background: #2A2E2F;
    min-width: 100%;
    text-align: right;
    box-shadow: 1px 2px 3px rgba(0,0,0,.4);
    border-bottom: 1px solid #121314;
    display: none;
}
.header .controls > .inner > ul > li > ul > li:first-child {
    padding-top: 4px;
}
.header .controls > .inner > ul > li > ul > li:last-child {
    padding-bottom: 8px;
}
.header .controls > .inner > ul > li > ul > li.last-child {
    padding-bottom: 8px;
}
.header .controls > .inner > ul > li.open > ul,
.no-js .header .controls > .inner > ul > li:hover > ul,
.no-js .header .controls > .inner > ul > li > a:focus + ul {
    display: block;
    z-index: 999;
}
.header .controls > .inner > ul > li.open > ul li,
.no-js .header .controls > .inner > ul > li:hover > ul li {
    border-left: 1px solid #808283;
    border-right: 1px solid #121314;
}
.header .controls .web-selector.open a, .header .controls .web-selector.open .down {
    background: #2A2E2F !important;
    border-top-color: #7F8080;
    color: #D3D5D6;
    text-shadow: none !important;
}
.header .controls .web-selector.open a .web, .header .controls .web-selector.open .down {
    text-shadow: none !important;
    color: #CACBCC !important;
}
.header .controls .web-selector.open .down {
    color: #919293 !important;
    border-left-color: #3F4041 !important;
    border-right-color: #121314 !important;
}
.header .controls .web-selector.open a {
    border-left-color: #808283 !important;
}
.header .controls .web-selector.open > ul a,
.no-js .header .controls .web-selector > ul a {
    background: #2A2E2F url('../images/navi_ico_chan.png') right 7px no-repeat !important;
    border: none !important;
    padding: 5px 31px 5px 16px;
    margin-right: 10px;
}
.header .controls .web-selector.open > ul a:hover,
.no-js .header .controls .web-selector > ul a:hover {
    background-image: url('../images/navi_ico_chan1.png') !important;
}
.header .controls .web-selector.open > ul a:hover, .header .controls .web-selector.open > ul a:focus {
    color: #F5F6F7 !important;
    text-shadow: 0 0 16px rgba(255,255,255,.5) !important;
}

/**
 * 2nd level, User
 * ----------------------------------
 */
.header .controls > .inner > ul > li.user > ul > li:first-child {
    padding-top: 7px;
}
.header .controls > .inner > ul > li.user > ul > li:last-child {
    padding-bottom: 5px;
}
.header .controls > .inner > ul > li.user > ul > li.last-child {
    padding-bottom: 5px;
}
.header .controls > .inner > ul > li.user.open a .c-label {
    margin-bottom: -1px;
    border-bottom: 1px solid #F4F5F5;
}
.header .controls .user.open a, .header .controls .user.open .down {
    background: #F3F3F4 !important;
    border-top-color: #7F8080;
    color: #06C !important;
    color: #717273 !important;
    color: #696A6B !important;
    text-shadow: 1px 1px 0 white !important;
}
.header .controls .user.open a {
    color: #4A4B4B !important;
}
.header .controls > .inner > ul > li.user.open .down {
    color: #979899 !important;
    border-left-color: #D3D4D6 !important;
}
.header .controls > .inner > ul > li.user.open b {
    color: #353637 !important;
}
.header .controls .user.open a {
    border-left-color: #AAABAC !important;
}
.header .controls .user > ul a:hover, .header .controls .user > ul a:focus {
    color: #212222 !important;
    text-shadow: 1px 1px 1px rgba(0,4,8,.12) !important;
}
.header .controls > .inner > ul > li.user > ul {
    top: 33px;
    background: #F3F3F4;
    min-width: 100%;
    text-align: left;
    box-shadow: -1px 2px 3px rgba(0,0,0,.16);
    border-bottom-color: #f3f3f4;
}
.header .controls > .inner > ul > li.user.open > ul li {
    border-left: 1px solid #f3f3f4;
    border-right: none;
}
.header .controls > .inner > ul > li.user a .menu-arrow {
    color: #616263 !important;
    padding-left: 8px;
    position: relative;
    top: -1px;
}
.header .controls .user.open > ul a,
.no-js .header .controls .user > ul a {
    background: #F3F3F4 !important;
    border: none !important;
    padding: 4px 32px;
    margin: 0 6px;
}
.header .controls > .inner > ul > li.user li.ends-group > a {
    border-bottom: 1px solid #C1C2C2 !important;
    padding-bottom: 8px;
}
.header .controls > .inner > ul > li.user li.ends-group {
    padding-bottom: 4px;
}
.header .controls .user > ul li.logout a:hover, .header .controls .user > ul li.logout a:focus {
    color: #CF2000 !important;
}
.header .controls .user > ul .logout a {
    background-image: url('../images/navi_ico_logout.png') !important;
    background-position: 7px 4px !important;
    background-repeat: no-repeat !important;
}
.header .controls .user > ul .logout a:hover, .header .controls .user > ul .logout a:focus {
    background-image: url('../images/navi_ico_logout1.png') !important;
}
.header .controls.showtitles .user.open > ul .show-titles a {
    background-image: url('../images/navi_ico_check.png') !important;
    background-position: 7px 4px !important;
    background-repeat: no-repeat !important;
}

/**
 * 3rd level
 * ----------------------------------
 */
.header .controls .user > ul > li {
    position: relative;
}
.header .controls .user > ul > li > ul {
    position: absolute;
    right: 100%;
    top: -6px;
    background: #F3F4F5;
    border: 1px solid #AEAEAE;
    box-shadow: 0 1px 3px rgba(0,0,0,.16);
    padding: 6px 0 7px;
    display: none;
}
.header .controls .user.open > ul > li.open > ul,
.no-js .header .controls .user > ul > li:hover > ul {
    display: block;
    z-index: 99;
    margin-right: -2px;
}
.header .controls .user > ul > li > ul > li {
    border: none !important;
}
.header .controls .user > ul > li > ul > li a {
    margin: 0;
}
.header .controls .user > ul > li > ul > li.active a {
    background-image: url('../images/navi_ico_check.png') !important;
    background-position: 8px 4px !important;
    background-repeat: no-repeat !important;
}


/**
 * @subsection Breadcrumbs
 * ------------------------------
 */
.breadcrumbs .button {
    margin: 0 0 0 40px;
    float: right;
}
.breadcrumbs ul, .breadcrumbs li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}
.js .breadcrumbs li {
    white-space: nowrap;
}
.js .breadcrumbs li span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding-right: .25em;
}
.breadcrumbs ul {
    border: 1px solid #C2C3C4;
    margin-bottom: 18px;
    margin-right: 98px;
    box-shadow: 1px 1px 2px rgba(0,0,0,.05);
    overflow: hidden;
}
.breadcrumbs ul a, .breadcrumbs b {
    display: block;
    background: #FFF;
    padding: 4px 10px 4px;
    text-decoration: none !important;
    margin: 0;
    color: #555657;
    background-image: -ms-linear-gradient(#FFF, #F0F0F0);
    background-image: -webkit-linear-gradient(#FFF, #F0F0F0);
    background-image: -moz-linear-gradient(#FFF, #F0F0F0);
    background-image: -o-linear-gradient(#FFF, #F0F0F0);
    background-image: linear-gradient(#FFF, #F0F0F0);
    position: relative;
}
.breadcrumbs ul a {
    padding-right: 18px;
}
.breadcrumbs ul a:before, .breadcrumbs b:before {
    content: '\0000a0';
    position: absolute;
    left: -14px;
    top: 0;
    width: 17px;
    height: 26px;
    background: transparent url('../images/bread_bg1.png') center center no-repeat;
}
.breadcrumbs ul li:first-child a:before, .breadcrumbs ul li:first-child b:before {
    content: '';
    display: none;
}
.breadcrumbs b:before {
    background-image: url('../images/bread_bg2.png');
}
.breadcrumbs ul a:hover, .breadcrumbs ul a:focus {
    color: #09F;
}
.breadcrumbs b {
    color: #454647;
    background: #EFEFEF;
}
div.breadcrumbs {
    font-size: 1em;
    padding: 0;
    position: relative;
}
.breadcrumbs .button.back {
    position: absolute;
    right: 0;
    top: 0;
}
div.breadcrumbs {
    *height: 48px;
}


/**
 * @subsection Tabs
 * ------------------------------
 */
.tabs {
    position: relative;
    z-index: 99;
    top: 2px;
}
.tabs ul, .tabs li, .tabs li a {
    display: block;
    margin: 0;
    padding: 0;
    outline: none;
    list-style: none;
}
.tabs li {
    float: left;
}
.tabs li a {
    background: #EFEFEF;
    background-image: -ms-linear-gradient(#E7E7E7, #FEFEFE);
    background-image: -webkit-linear-gradient(#E7E7E7, #FEFEFE);
    background-image: -moz-linear-gradient(#E7E7E7, #FEFEFE);
    background-image: -o-linear-gradient(#E7E7E7, #FEFEFE);
    background-image: linear-gradient(#E7E7E7, #FEFEFE);
    border: 1px solid #C0C1C2;
    border-width: 1px 1px 0 0;
    margin-bottom: 1px;
    padding: 8px 15px 7px;
    text-align: center;
    min-width: 32px;
    text-transform: none;
    text-decoration: none !important;
    font-weight: bold;
    font-size: 12px;
    color: #707172;
    text-shadow: 1px 1px 1px #FFF;
}
.ie9 .header .navi li a {
    background-image: url('../images/lang.svg');
}
.tabs li a:hover, .tabs li a:focus, .tabs li a.active {
    background: #FFF;
    border-top-width: 2px;
    border-top-color: #949495;
    margin-bottom: 0;
    padding: 8px 15px 9px;
    margin-top: -1px;
    border-left-width: 1px;
    margin-left: -1px;
    background-image: -ms-linear-gradient(#FFF 30%, #FBFBFB);
    background-image: -webkit-linear-gradient(#FFF 30%, #FBFBFB);
    background-image: -moz-linear-gradient(#FFF 30%, #FBFBFB);
    background-image: -o-linear-gradient(#FFF 30%, #FBFBFB);
    background-image: linear-gradient(#FFF 30%, #FBFBFB);
    color: #505152;
    box-shadow: 2px -2px 5px -2px rgba(0,0,0,.16);
    position: relative;
    top: -1px;
    z-index: 99;
}
.tabs li a.active {
    border-color: #A0A0A1;
}
.tabs li:first-child a.active {
    border-left-color: #C0C0C1;
}
.ie9 .tabs li a:hover, .ie9 .tabs li a:focus, .ie9 .tabs li a.active {
    background-image: url('../images/lang_hover.svg');
}
.tabs li:first-child a {
    border-left-width: 1px;
    margin-left: 0 !important;
}
.tabs li a.active {
    border-top-color: #ef3a25;
}


/**
 * @subsection Footer
 * ------------------------------
 */
table.login {
    height: 80%;
    margin: 0;
}
.login .holder {
    width: 480px;
    margin: 110px auto 0;
}
.login .inner {
    padding: 15px 16px 14px;
    background: #FCFCFC;
    background-image: -ms-linear-gradient(#FFF, #F0F0F0);
    background-image: -webkit-linear-gradient(#FFF, #F0F0F0);
    background-image: -moz-linear-gradient(#FFF, #F0F0F0);
    background-image: -o-linear-gradient(#FFF, #F0F0F0);
    background-image: linear-gradient(#FFF, #F0F0F0);
    border: 1px solid #D0D0D1;
    box-shadow: 2px 2px 2px rgba(0,0,0,.06);
    margin-bottom: 5px;
}
.login form table {
    margin-bottom: 0;
    table-layout: auto;
}
.login form table td {
    width: auto;
}
.login form table td .error ul li div.errorMessage {
    display: inline;
}
/*languages*/
.login ul.admin-languages, .login ul.admin-languages li {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 11px;
}
.login ul.admin-languages {
    padding-left: 5px;
}
.login ul.admin-languages li {
    float: left;
}
.login ul.admin-languages li:before {
    content: '|';
    padding: 0 5px;
    color: #777;
}
.login ul.admin-languages li:first-child:before,
.login ul.admin-languages li:first-child + li:before {
    content: '';
    display: none;
}
.login ul.admin-languages li:first-child {
    padding-right: 9px;
}
.login ul.admin-languages li.active a {
    color: #555 !important;
    text-decoration: none !important;
    font-weight: bold;
}


/**
 * @subsection Footer
 * ------------------------------
 */
 .footer > .inner {
    height: 9px;
    background: #000;
    opacity: 0.1;
    filter: alpha(opacity=10);
}


/**
 * @subsection Credits
 * ------------------------------
 */
.container .credits {
    position: relative;
    height: 90px;
    margin-top: 18px;
}
.container .credits p {
    margin: 0;
}
.container .credits .cf-logo, .container .credits .disclaimer {
    position: absolute;
}
.container .credits .cf-logo  {
    width: 134px;
    bottom: 32px;
    right: 10px;
}

.container .credits .cf-logo img:hover {
    opacity: 0.80;
}

.container .credits .disclaimer {
    bottom: 29px;
    width: 60%;
    *max-width: 700px;
    min-width: 500px;
    text-align: right;
    font-size: 11px;
    color: #6B7F9D;
    text-shadow: 1px 1px 1px #FFF;
    right: 157px;
}
.container .credits .disclaimer a {
    color: #6B7F9D;
}
.container .credits .disclaimer a:hover, .container .credits .disclaimer a:focus {
    color: #6B7F9D;
    text-decoration: none;
}
.container .credits .disclaimer p + p {
    padding-top: 11px;
}
.container .credits .disclaimer:not(#IEonly9) {
    max-width: 700px;
}
.credits .cf-logo a, .credits .cf-logo a img {
    display: block;
    margin: 0;
    padding: 0;
}


/**
 * @subsection Aside (Menu)
 * ---------------------------
 */
.js #resizer, .js .scroller-wrapper {
    position: fixed;
    width: 260px;
    left: 0;
    top: 0;
    z-index: 999;
    float: none;
}
body.mce-fullscreen.js #resizer,
body.mce-fullscreen.js .scroller-wrapper {
    z-index: 0;
}
.scroller-wrapper {
    position: relative;
    background: #edeef1;
}
#resizer .ui-resizable-e {
    width: 4px;
    background: #727579;
    min-height: 100%;
    position: absolute;
    right: -1px;
    top: 0;
    bottom: 0;
    z-index: 999;
    cursor: e-resize;
    border: 1px solid #EDEEF1;
    border-width: 0 1px;
    opacity: .2;
    filter: alpha(opacity=20);
}
#resizer .ui-resizable-e:hover {
    opacity: .4;
    filter: alpha(opacity=40);
}
.beeingDragged #resizer .ui-resizable-e {
    opacity: 1;
    filter: alpha(opacity=100);
}


/**
 * @subsection Support request popup window
 * ------------------------------------------
 */
#divSupportMessageForm {
    position: fixed;
    _position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: auto;
    background: #404040;
    background: rgba(0,0,0,0.7);
    border-bottom: 4px solid #303030;
    border-bottom-color: rgba(0,0,0,0.4);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
}
#supportmessage-wrapper {
    width: 900px;
    margin: 0 auto;
    padding: 20px 20px 0;
    color: #eee;
}
#supportmessage-wrapper .form-s > table {
    width: 900px;
    table-layout: fixed;
}
#supportmessage-wrapper .form-s > table td {
    width: 240px;
    padding-right: 9px;
}
#supportmessage-wrapper .form-s > table td + td {
    width: 660px;
    padding-right: 0;
}
#supportmessage-wrapper .form-s input.text,
#supportmessage-wrapper .form-s textarea {
    border-color: #eee;
    margin-bottom: 4px;
    margin-top: 7px;
    max-height: 360px;
}
#supportmessage-wrapper .form-s input.text:focus,
#supportmessage-wrapper .form-s textarea:focus {
    border-color: #fff;
}
#supportmessage-wrapper .form-s table tr td div.errorMessage {
    color: #e00;
    margin: 0;
    padding: 1px 0 4px;
}
#supportmessage-wrapper .form-s table tr.error, form table tr.error > td > label.error {
    color: #e00;
}
#supportmessage-wrapper .form-s tr.error input.text,
#supportmessage-wrapper .form-s tr.error textarea {
    border-color: #d00 !important;
}
#supportmessage-wrapper img.loading-2 {
    display: none;
    position: relative;
    left: 9px;
    top: -6px;
    margin: 0 0 -10px;
}
#supportmessage-wrapper p.success {
    margin-bottom: 1.5em;
}
#supportmessage-wrapper .captcha div {
    position: relative;
}
#supportmessage-wrapper .captcha img {
    position: absolute;
    width: 120px;
    height: 50px;
    left: 124px;
    top: 6px;
}
#supportmessage-wrapper input.for-captcha {
    padding: 9px;
    font-size: 24px;
    color: #2040A0;
}


/**
 * ------------------
 * @section Tree
 * ------------------------------
 */
.navi {
    position: relative;
    z-index: 999;
    margin-right: 11px;
    left: 0;
    top: 0;
    padding-bottom: 24px;
}
.navi-block-title {
    margin: 0;
    padding: 3px 20px 2px 30px;
    font-weight: bold;
    color: #6B7F9D;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    line-height: 18px;
    text-shadow: 1px 1px 1px rgba(255,255,255,.6);
}
.navi .tree .contextMenu {
    margin-top: -77px;
    margin-left: -20px;
    border-color: #c1c2c3 #b7b8b9 #babbbc #c1c2c3;
    box-shadow: 1px 1px 7px rgba(0,0,0,.2);
}
.navi .tree .contextMenu li.separator {
    border-color: #C7C8C9;
}
.navi .tree .contextMenu li a {
    background-color: #f9f9f9;
    color: #464647;
    text-shadow: -1px -1px 0 #FFF;
}
.navi .tree .contextMenu li a:hover {
    background-color: #39F;
    color: #FFF;
    text-shadow: 1px 1px 12px #FFF;
}
.navi .tree .contextMenu li.disabled a {
    text-shadow: 1px 1px 0 #FFF;
    color: #C5C5C6;
    background: #f9f9f9;
}

/**
 * @subsection Scroller
 * ---------------------------
 */
#scrollBar {
    position: absolute;
    right: 6px;
    top: -17px;
    z-index: 999;
    width: 12px;
    height: 300px;
    background: #666667;
    display: none;
}
.beeingDragged #scrollBar {
    display: none !important;
}
/* native scroller */
.navi .tree {
    overflow: hidden;
    overflow-y: scroll;
    border-top: 1px solid #D9D9D9;
    border-bottom: 1px solid #F9F9F9;
}
.navi .tree:hover {
    overflow-y: scroll;
}


/**
 * @subsection Languages
 * ---------------------------
 */
.navi .lang ul, .navi .lang li, .navi .lang li a {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    float: left;
}
.navi .lang {
    overflow: visible;
    position: relative;
    border-bottom: 1px solid #FFF;
    *zoom: 1;
    *height: 1%;
}

.navi .lang {
    *height: 26px;
}

.navi .lang ul {
    float: right;
    *zoom: 1;
    *height: 1%;
}
.navi .lang li a {
    background: #EFEFEF;
    background-image: -ms-linear-gradient(#E7E7E7, #FEFEFE);
    background-image: -webkit-linear-gradient(#E7E7E7, #FEFEFE);
    background-image: -moz-linear-gradient(#E7E7E7, #FEFEFE);
    background-image: -o-linear-gradient(#E7E7E7, #FEFEFE);
    background-image: linear-gradient(#E7E7E7, #FEFEFE);
    border: 1px solid #C3C4C5;
    border-width: 1px 1px 0 0;
    margin-bottom: 1px;
    padding: 3px 4px 3px;
    text-align: center;
    min-width: 32px;
    text-transform: none;
    text-decoration: none !important;
    font-weight: bold;
    font-size: 12px;
    color: #707172;
    text-shadow: 1px 1px 1px #FFF;
    /*min-width:  0 !important;*/
}
.ie9 .navi .lang li a {
    background-image: url('../images/lang.svg');
}
.navi .lang li a:hover, .navi .lang li a:focus, .navi .lang li a.active {
    background: #FFF;
    border-color: #9A9B9C;
    border-top-width: 2px;
    border-top-color: #909193;
    margin-bottom: 0;
    padding: 3px 4px 4px;
    margin-top: -1px;
    border-left-width: 1px;
    margin-left: -1px;
    background-image: -ms-linear-gradient(#FFF 30%, #EEE);
    background-image: -webkit-linear-gradient(#FFF 30%, #EEE);
    background-image: -moz-linear-gradient(#FFF 30%, #EEE);
    background-image: -o-linear-gradient(#FFF 30%, #EEE);
    background-image: linear-gradient(#FFF 30%, #EEE);
    color: #505152;
    box-shadow: 1px 0 3px rgba(0,0,0,.16);
    position: relative;
    z-index: 99;
}
.ie9 .navi .lang li a:hover, .ie9 .navi .lang li a:focus, .ie9 .navi .lang li a.active {
    background-image: url('../images/lang_hover.svg');
}
.navi .lang li:first-child a {
    border-left-width: 1px;
    border-radius: 4px 0 0 0;
    border-radius: 0 0 0 0;
    margin-left: 0 !important;
}
.navi .lang li:last-child a {
    border-radius: 0 4px 0 0;
    border-radius: 0 0 0 0;
}
.navi .lang li a.active {
    border-top-color: #ef3a25;
}

/**
 * @subsection 1st level
 * ---------------------------
 */
.tree ul.dynatree-container, .tree ul.dynatree-container > li {
    margin: 0;
    padding: 0;
    border: none;
    list-style: none;
    outline: none;
    font-family: Arial, sans-serif;
    background: transparent;
}
.tree ul.dynatree-container {
    box-shadow: 2px 1px 21px rgba(0,0,0,.4);
}
.tree ul.dynatree-container > li > .dynatree-node,
.tree ul.dynatree-container > li > .dynatree-node a.dynatree-title {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-style: normal;
    font-size: 12px;
    line-height: 18px;
}
.tree ul.dynatree-container > li > .dynatree-node .dynatree-connector,
.tree ul.dynatree-container > li > .dynatree-node .dynatree-icon {
    display: none;
}
.tree ul.dynatree-container > li > .dynatree-node .dynatree-expander {
    display: block;
    position: absolute;
    z-index: 99;
    right: 1px;
    top: 0;
    border-left: 1px solid #616162;
    height: 26px;
    width: 18px;
    margin-top: 3px;
    background: transparent url('../images/expanders.png') 0 0 no-repeat;
}
.tree ul.dynatree-container > li > .dynatree-node.dynatree-expanded .dynatree-expander {
    background-position: 0 -150px;
}
.tree ul.dynatree-container > li > .dynatree-node:hover .dynatree-expander,
.tree ul.dynatree-container > li > .dynatree-node:focus .dynatree-expander,
.tree ul.dynatree-container > li > .dynatree-node.dynatree-active .dynatree-expander,
.tree ul.dynatree-container > li > .dynatree-node.node-active .dynatree-expander {
    border-left-color: #919192;
    background-position: 0 -50px;
}
.tree ul.dynatree-container > li > .dynatree-node.dynatree-expanded:hover .dynatree-expander,
.tree ul.dynatree-container > li > .dynatree-node.dynatree-expanded:focus .dynatree-expander,
.tree ul.dynatree-container > li > .dynatree-node.dynatree-expanded.dynatree-active .dynatree-expander,
.tree ul.dynatree-container > li > .dynatree-node.dynatree-expanded.node-active .dynatree-expander {
    background-position: 0 -200px;
}
.tree ul.dynatree-container > li > .dynatree-node .dynatree-expander:hover {
    border-left-color: #D0D2D3 !important;
    background-position: 0 -100px;
    background-color: #74787B;
}
.tree ul.dynatree-container > li > .dynatree-node.dynatree-expanded .dynatree-expander:hover {
    background-position: 0 -250px;
}
.tree ul.dynatree-container > li > .dynatree-node {
    background: #393D40;
    background-image: -o-linear-gradient(#3E4245, #35393C);
    background-image: -webkit-linear-gradient(#3E4245, #35393C);
    background-image: -ms-linear-gradient(#3E4245, #35393C);
    background-image: -moz-linear-gradient(#3E4245, #35393C);
    background-image: linear-gradient(#3E4245, #35393C);
    border-top: 1px solid #64686B;
    border-bottom: 1px solid #303437;
    min-height: 30px;
    position: relative;
}
.ie9 .tree ul.dynatree-container > li > .dynatree-node {
    background-image: url('../images/navi.svg');
}
.tree ul.dynatree-container > li > .dynatree-node a.dynatree-title {
    color: #EDEEEF;
    text-decoration: none !important;
    background: transparent !important;
    border: none !important;
    width: auto;
    padding: 7px 20px 6px 30px;
    font-size: 12px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    cursor: pointer;
    background: transparent url('../images/navi_ico_sts.png') 6px 7px no-repeat !important;
}
.tree ul.dynatree-container > li > .dynatree-node:hover,
.tree ul.dynatree-container > li > .dynatree-node:focus,
.tree ul.dynatree-container > li > .dynatree-node.dynatree-active,
.tree ul.dynatree-container > li > .dynatree-node.node-active,
.tree ul.dynatree-container > li > .dynatree-node.contextmenu-active {
    background: #686C6F;
    background-image: -webkit-linear-gradient(#767A7D, #626669);
    background-image: -moz-linear-gradient(#767A7D, #626669);
    background-image: -ms-linear-gradient(#767A7D, #626669);
    background-image: -o-linear-gradient(#767A7D, #626669);
    background-image: linear-gradient(#767A7D, #626669);
    border-top-color: #909497;
    border-bottom-color: #3D4345;
}
.ie9 .tree ul.dynatree-container > li > .dynatree-node:hover,
.ie9 .tree ul.dynatree-container > li > .dynatree-node:focus,
.ie9 .tree ul.dynatree-container > li > .dynatree-node.dynatree-active,
.ie9 .tree ul.dynatree-container > li > .dynatree-node.node-active,
.ie9 .tree ul.dynatree-container > li > .dynatree-node.contextmenu-active {
    background-image: url('../images/navi_hover.svg');
}
.tree ul.dynatree-container > li > .dynatree-node:hover a.dynatree-title,
.tree ul.dynatree-container > li > .dynatree-node:focus a.dynatree-title,
.tree ul.dynatree-container > li > .dynatree-node.dynatree-active a.dynatree-title,
.tree ul.dynatree-container > li > .dynatree-node.node-active a.dynatree-title {
    color: #FBFCFD !important;
}
.tree ul.dynatree-container > li > .dynatree-node:hover a.dynatree-title,
.tree ul.dynatree-container > li > .dynatree-node.contextmenu-active a.dynatree-title {
    text-shadow: 0 0 16px #FFF;
    color: #FBFCFD !important;
}
.tree ul.dynatree-container > li:hover + li > .dynatree-node:not(.dynatree-active):not(.node-active) {
    border-top-color: #5E6266;
}

/* icons -------------------------------------------------------------- */
.tree ul.dynatree-container > li:first-child > .dynatree-node a.dynatree-title {
    background-image: url('../images/navi_ico_hp.png') !important;
}
.tree ul.dynatree-container > li > .node-article a.dynatree-title {
    background-image: url('../images/navi_ico_art.png') !important;
}
.tree ul.dynatree-container > li > .node-container a.dynatree-title {
    background-image: url('../images/navi_ico_con.png') !important;
}
.tree ul.dynatree-container > li > .node-event a.dynatree-title {
    background-image: url('../images/navi_ico_kal.png') !important;
}
.tree ul.dynatree-container > li > .node-filelist a.dynatree-title {
    background-image: url('../images/navi_ico_lst.png') !important;
}
.tree ul.dynatree-container > li > .node-forwarder a.dynatree-title {
    background-image: url('../images/navi_ico_for.png') !important;
}
.tree ul.dynatree-container > li > .node-link a.dynatree-title {
    background-image: url('../images/navi_ico_lnk.png') !important;
}
.tree ul.dynatree-container > li > .node-linklist a.dynatree-title {
    background-image: url('../images/navi_ico_lst.png') !important;
}
.tree ul.dynatree-container > li > .node-news a.dynatree-title {
    background-image: url('../images/navi_ico_new.png') !important;
}
.tree ul.dynatree-container > li > .node-pagelist a.dynatree-title {
    background-image: url('../images/navi_ico_lst.png') !important;
}
.tree ul.dynatree-container > li > .node-periodical a.dynatree-title {
    background-image: url('../images/navi_ico_per.png') !important;
}
.tree ul.dynatree-container > li > .node-photogallery a.dynatree-title {
    background-image: url('../images/navi_ico_gallery.png') !important;
}
.tree ul.dynatree-container > li > .node-rawhtml a.dynatree-title {
}
.tree ul.dynatree-container > li > .node-staticcontent a.dynatree-title {
    background-image: url('../images/navi_ico_sta.png') !important;
}
.tree ul.dynatree-container > li > .node-videolist a.dynatree-title {
    background-image: url('../images/navi_ico_vid.png') !important;
}
/* by type */
.tree ul.dynatree-container > li > .type-header a.dynatree-title {
    background-image: url('../images/navi_ico_hea.png') !important;
}
.tree ul.dynatree-container > li > .type-no-content a.dynatree-title {
    background-image: url('../images/navi_ico_noc.png') !important;
}


/**
 * @subsection 2nd level
 * ---------------------------
 */
.tree ul.dynatree-container > li > ul {
    background: #EEE;
    box-shadow: inset 1px 1px 3px rgba(0,0,0,.4);
    padding: 5px 2px 7px 10px;
    padding: 5px 2px 7px 4px;
}
.tree ul.dynatree-container > li > ul {

}
.tree ul.dynatree-container > li > .dynatree-node.dynatree-active + ul,
.tree ul.dynatree-container > li > .dynatree-node.node-active + ul {
    background: #FDF8DF;
}
.tree ul.dynatree-container > li > ul li {
    background-image: url('../images/tree/vline.png');
}
.tree ul.dynatree-container > li > ul li,
.tree ul.dynatree-container > li > ul .dynatree-node a.dynatree-title {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    border: none;
}
.tree ul.dynatree-container > li > ul .dynatree-node {
    display: block;
    padding: 1px 0 1px;
    max-width: 100%;
    overflow: hidden;
}
.tree ul.dynatree-container > li > ul .dynatree-node span.dynatree-connector {
    height: 17px;
}
.tree ul.dynatree-container > li > ul li.dynatree-lastsib {
    background-image: url('../images/tree/vline-half.png');
    background-repeat: no-repeat;
}
.tree ul.dynatree-container > li > ul .dynatree-node a.dynatree-title {
    padding-left: 2px;
    margin-left: 2px;
    color: #383939 !important;
    background: transparent !important;
    max-width: 84%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tree ul.dynatree-container > li > ul .dynatree-node a.dynatree-title:hover {
    text-shadow: 1px 1px 1px rgba(0,4,8,.14);
    color: #282929 !important;
}
.tree ul.dynatree-container > li > ul .dynatree-node.contextmenu-active a.dynatree-title {
    text-shadow: 1px 1px 2px rgba(100,100,100,.4);
    color: #282929 !important;
    font-weight: bold;
    opacity: 1;
}
.tree ul.dynatree-container > li > ul .dynatree-node.dynatree-active a.dynatree-title {
    text-shadow: 1px 1px 2px rgba(0,153,255,.4);
    color: #282929 !important;
    font-weight: bold;
}
.ie8 .tree ul.dynatree-container > li > ul .dynatree-node.dynatree-active a.dynatree-title,
.ie8 .tree ul.dynatree-container > li > ul .dynatree-node.contextmenu-active a.dynatree-title,
.ie9 .tree ul.dynatree-container > li > ul .dynatree-node.dynatree-active a.dynatree-title,
.ie9 .tree ul.dynatree-container > li > ul .dynatree-node.contextmenu-active a.dynatree-title,
.ie10 .tree ul.dynatree-container > li > ul .dynatree-node.dynatree-active a.dynatree-title,
.ie10 .tree ul.dynatree-container > li > ul .dynatree-node.contextmenu-active a.dynatree-title {
    zoom: 1;
    filter: progid:dximagetransform.microsoft.blur(pixelradius=2) !important;
    color: #99cde6 !important;
    position: relative;
    left: -1px;
    top: -1px;
}

.tree ul.dynatree-container > li > ul .dynatree-node.dynatree-active a.dynatree-title,
.tree ul.dynatree-container > li > ul .dynatree-node.contextmenu-active a.dynatree-title {
    *color: #28294e;
}

.ie .tree ul.dynatree-container > li > ul .dynatree-node.dynatree-active a.dynatree-title:before,
.ie .tree ul.dynatree-container > li > ul .dynatree-node.contextmenu-active a.dynatree-title:before {
    content: attr(title);
    color: #282929 !important;
    display: block;
    position: absolute;
    left: 3px;
    top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tree ul.dynatree-container > li > ul .dynatree-node span.dynatree-empty,
.tree ul.dynatree-container > li > ul .dynatree-node span.dynatree-vline,
.tree ul.dynatree-container > li > ul .dynatree-node span.dynatree-connector,
.tree ul.dynatree-container > li > ul .dynatree-node span.dynatree-expander,
.tree ul.dynatree-container > li > ul .dynatree-node span.dynatree-icon,
.tree ul.dynatree-container > li > ul .dynatree-node span.dynatree-checkbox,
.tree ul.dynatree-container > li > ul .dynatree-node span.dynatree-radio,
.tree ul.dynatree-container > li > ul span.dynatree-drag-helper-img,
.tree ul.dynatree-container > li > ul #dynatree-drop-marker {
	background-image: url('../images/tree/icons.png');
}
.tree ul.dynatree-container > li > ul .dynatree-node span.dynatree-icon {
	margin-left: 2px;
}
.tree ul.dynatree-container > li > ul .dynatree-node span.dynatree-connector {
	margin-left: 6px;
}
.tree ul.dynatree-container > li > ul .dynatree-node span.dynatree-expander {
	height: 17px;
	border-left: 6px solid #EEE;
}
.tree ul.dynatree-container > li > .dynatree-node.dynatree-active + ul span.dynatree-expander,
.tree ul.dynatree-container > li > .dynatree-node.node-active + ul span.dynatree-expander {
	border-left-color: #FDF8DF;
}
.tree ul.dynatree-container > li > ul .dynatree-loading span.dynatree-expander {
	background-image: url('../images/tree/loading.gif');
}
.tree ul.dynatree-container > li > ul .node-active.dynatree-loading span.dynatree-expander,
.tree ul.dynatree-container > li > ul .dynatree-active.dynatree-loading span.dynatree-expander {
	background-image: url('../images/tree/loading_a.gif');
}
/* loading */
.tree ul.dynatree-container > li > ul .dynatree-node span.dynatree-icon.dynatree-loading {
	background: transparent url('../images/tree/loading_a.gif') 0 0 no-repeat !important;
}
/* icons -------------------------------------------------------------- */
.tree ul.dynatree-container > li > ul .dynatree-node.type-page span.dynatree-icon {
	background-position: 0 0;
}
.tree ul.dynatree-container > li > ul .dynatree-node.type-widget span.dynatree-icon {
	background-position: -112px 0;
}
/* by module */
.tree ul.dynatree-container > li > ul .type-page.node-article span.dynatree-icon {
	background-position: 0 -160px;
}
.tree ul.dynatree-container > li > ul .type-widget.node-article span.dynatree-icon {
	background-position: -112px -160px;
}
.tree ul.dynatree-container > li > ul .type-page.node-container span.dynatree-icon {
	background-position: 0 -176px;
}
.tree ul.dynatree-container > li > ul .type-widget.node-container span.dynatree-icon {
	background-position: -112px -176px;
}
.tree ul.dynatree-container > li > ul .type-page.node-event span.dynatree-icon {
	background-position: 0 -192px;
}
.tree ul.dynatree-container > li > ul .type-widget.node-event span.dynatree-icon {
	background-position: -112px -192px;
}
.tree ul.dynatree-container > li > ul .type-page.node-filelist span.dynatree-icon {
	background-position: 0 -208px;
}
.tree ul.dynatree-container > li > ul .type-widget.node-filelist span.dynatree-icon {
	background-position: -112px -208px;
}
.tree ul.dynatree-container > li > ul .type-page.node-forwarder span.dynatree-icon {
	background-position: 0 -224px;
}
.tree ul.dynatree-container > li > ul .type-widget.node-forwarder span.dynatree-icon {
	background-position: -112px -224px;
}
.tree ul.dynatree-container > li > ul .type-page.node-link span.dynatree-icon {
	background-position: 0 -240px;
}
.tree ul.dynatree-container > li > ul .type-widget.node-link span.dynatree-icon {
	background-position: -112px -240px;
}
.tree ul.dynatree-container > li > ul .type-page.node-linklist span.dynatree-icon {
	background-position: 0 -208px;
}
.tree ul.dynatree-container > li > ul .type-widget.node-linklist span.dynatree-icon {
	background-position: -112px -208px;
}
.tree ul.dynatree-container > li > ul .type-page.node-news span.dynatree-icon {
	background-position: 0 -256px;
}
.tree ul.dynatree-container > li > ul .type-widget.node-news span.dynatree-icon {
	background-position: -112px -256px;
}
.tree ul.dynatree-container > li > ul .type-page.node-pagelist span.dynatree-icon {
	background-position: 0 -208px;
}
.tree ul.dynatree-container > li > ul .type-widget.node-pagelist span.dynatree-icon {
	background-position: -112px -208px;
}
.tree ul.dynatree-container > li > ul .type-page.node-periodical span.dynatree-icon {
	background-position: 0 -272px;
}
.tree ul.dynatree-container > li > ul .type-widget.node-periodical span.dynatree-icon {
	background-position: -112px -272px;
}
.tree ul.dynatree-container > li > ul .type-page.node-photogallery span.dynatree-icon {
	background-position: 0 -288px;
}
.tree ul.dynatree-container > li > ul .type-widget.node-photogallery span.dynatree-icon {
	background-position: -112px -288px;
}
.tree ul.dynatree-container > li > ul .type-page.node-rawhtml span.dynatree-icon {
}
.tree ul.dynatree-container > li > ul .type-widget.node-rawhtml span.dynatree-icon {
}
.tree ul.dynatree-container > li > ul .type-page.node-staticcontent span.dynatree-icon {
	background-position: 0 -304px;
}
.tree ul.dynatree-container > li > ul .type-widget.node-staticcontent span.dynatree-icon {
	background-position: -112px -304px;
}
.tree ul.dynatree-container > li > ul .type-page.node-videolist span.dynatree-icon {
	background-position: 0 -320px;
}
.tree ul.dynatree-container > li > ul .type-widget.node-videolist span.dynatree-icon {
	background-position: -112px -320px;
}
/* by type */
.tree ul.dynatree-container > li > ul .dynatree-node.type-header span.dynatree-icon {
	background-position: 0 -336px;
}
.tree ul.dynatree-container > li > ul .dynatree-node.type-no-content span.dynatree-icon {
	background-position: 0 -352px;
}


/**
 * @subsection 3rd+ levels
 * ---------------------------
 */
ul.dynatree-container ul {
    padding: 0 0 0 19px;
}


/* temporary */
            b.counter {
                display: block;
                position: absolute;
                right: 10px;
                top: 8px;
                margin: 0;
                padding: 0;
                z-index: 99;
                background: #A02211;
                font-weight: normal;
                text-align: center;
                color: #FFF;
                padding: 3px 6px;
                line-height: 1;
                border-radius: 20px;
                font-size: 10px;
                box-shadow: -1px -1px 0 rgba(0,0,0,.25);
                cursor: pointer;
            }
            .navi .tree a:hover b.counter, .navi .tree a:focus b.counter {
                text-shadow: 0 0 9px #FFF;
            }
            b.counter.red {
                background: #A32211;
                color: #F7F3F0;
                box-shadow: -1px -1px 0 rgba(0,0,0,.27);
            }
            b.counter.blue {
                background: #475F83;
                color: #F0F1F3;
            }
            b.counter.green {
                background: #88A200;
            }
            b.counter.grey {
                background: #697079;
                color: #F0F1F3;
            }
            b.counter.yellow {
                background: #B99000;
                color: #FFF;
                box-shadow: -1px -1px 0 rgba(0,0,0,.34);
            }
/**/
            .x {
                background: #FFF;
                height: 200px;
                display: none;
                box-shadow: inset 1px 1px 3px rgba(0,0,0,.4);
            }



/**
 * ------------------
 * @section Buttons
 * ------------------------------
 */
/**
 * @subsection Default
 * ------------------------
 */
.button, a.button {
    display:inline-block;
    *display: inline;
    *overflow: hidden;
    *zoom: 1;
    margin: .5em 0;
    outline: none;
    background: #F7F7F7;
    background-image: -ms-linear-gradient(#FFF, #E0E0E0);
    background-image: -webkit-linear-gradient(#FFF, #E0E0E0);
    background-image: -moz-linear-gradient(#FFF, #E0E0E0);
    background-image: -o-linear-gradient(#FFF, #E0E0E0);
    background-image: linear-gradient(#FFF, #E0E0E0);
    border: 1px solid #C3C3C3;
    border-bottom-color: #A9A9A9;
    border-right-color: #A4A4A4;
    border-width: .085em;
    border-radius: 4px;
    border-radius: 0;
    box-shadow: 1px 1px 3px rgba(0,0,0,.16);
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.5;
    text-shadow: -1px -1px 1px rgba(255,255,255,.9);
    white-space: nowrap;
    cursor: pointer;
    padding: 0.5em 1.5em !important;
    color: #656667 !important;
    text-decoration: none !important;
}
.button.half {
    padding: 0.125em 1.5em 0.113em !important;
}
.mozilla .button.half {
    padding: 0.1em 1.5em 0.085em !important;
}
.ie .button.half {
    line-height: 15px;
}
input.button {
    padding: 0.5833em 1.5em 0.6667em !important;
}
.webkit input.button {
    padding: 0.5em 1.5em 0.5416em !important;
}
.mozilla input.button {
    padding: 0.5833em 1.25em 0.5em !important;
}
.mozilla button.button {
    padding: 0.4167em 1.25em !important;
}
.ie8 .button, .ie9 .button {
    padding: 0.5em 1.4167em !important;
}
input.button.half {
    padding: 0.26em 1.5em 0.33em !important;
}
.webkit input.button.half {
    padding: 0.25em 1.5em 0.27em !important;
}
.mozilla input.button.half {
    padding: 0.29em 1.25em 0.25em !important;
}
.mozilla button.button.half {
    padding: 0.2em 1.25em !important;
}
.ie8 .button.half, .ie9 .button.half {
    padding: 0.25em 1.4167em !important;
}
.ie8 .button {
    padding: 0.5em 1.5em !important;
}
.ie7 input.button, .ie7 button.button {
    padding: 0.3333em 0.1667em 0.4167em !important;
}
.ie7 input.submit.button {
    margin-top: -3px;
}
.button:hover, a.button:hover {
    text-shadow: 0 0 7px white;
    box-shadow: 1px 1px 6px rgba(0,0,0,.26);
    background: #FCFCFC;
    background-image: -ms-linear-gradient(#FFF, #E0E0E0);
    background-image: -webkit-linear-gradient(#FFF, #E0E0E0);
    background-image: -moz-linear-gradient(#FFF, #E0E0E0);
    background-image: -o-linear-gradient(#FFF, #E3E3E3);
    background-image: linear-gradient(#FFF, #E0E0E0);
    color: #707172 !important;
}
div.clearfix.tinymcediv {
    width: 97%;
    max-width: 712px;
    background: #f1f1f2;
    padding: 10px 20px;
    margin: 18px -20px 0;
}
div.clearfix.tinymcediv.info {
    background: #d9eaf9;
}
.tinymcewidth {
    width: 98%;
    max-width: 712px;
    white-space: nowrap;
}
.previewbutton {
    padding: 10px;
    position: relative;
    top: -3px;
}

/**
 * @subsection Green
 * ------------------------
 */
.button.green, a.button.green {
    background: #90B800;
    background-image: -ms-linear-gradient(#B3D500, #719D00);
    background-image: -webkit-linear-gradient(#B3D500, #719D00);
    background-image: -moz-linear-gradient(#B3D500, #719D00);
    background-image: -o-linear-gradient(#B3D500, #719D00);
    background-image: linear-gradient(#B3D500, #719D00);
    border: 1px solid #84AD00;
    border-bottom-color: #5C8300;
    border-right-color: #78A300;
    box-shadow: 1px 1px 3px rgba(0,0,0,.3);
    text-shadow: 1px 1px 1px rgba(0,0,0,.2);
    color: #FFF !important;
}
.button.green:hover, a.button.green:hover {
    background-color: #96BE00;
    background-image: -ms-linear-gradient(#B6D900, #729F00);
    background-image: -webkit-linear-gradient(#B6D900, #729F00);
    background-image: -moz-linear-gradient(#B6D900, #729F00);
    background-image: -o-linear-gradient(#B6D900, #729F00);
    background-image: linear-gradient(#B6D900, #729F00);
    box-shadow: 1px 1px 6px rgba(0,0,0,.4);
    text-shadow: 1px 1px 13px rgba(255,255,255,1);
    color: #FFF !important;
}

/**
 * @subsection Blue
 * ------------------------
 */
.button.blue, a.button.blue {
    background: #56A7F7;
    background-image: -ms-linear-gradient(#78BAFD, #3B99F5);
    background-image: -webkit-linear-gradient(#78BAFD, #3B99F5);
    background-image: -moz-linear-gradient(#78BAFD, #3B99F5);
    background-image: -o-linear-gradient(#78BAFD, #3B99F5);
    background-image: linear-gradient(#78BAFD, #3B99F5);
    border: 1px solid #2E90F2;
    border-bottom-color: #2E90F2;
    border-right-color: #2E90F2;
    box-shadow: 1px 1px 3px rgba(0,0,0,.3);
    text-shadow: 1px 1px 1px rgba(0,0,0,.2);
    color: #FFF !important;
}
.button.blue:hover, a.button.blue:hover {
    background-color: #56A7F7;
    background-image: -ms-linear-gradient(#78BAFD, #3B99F5);
    background-image: -webkit-linear-gradient(#78BAFD, #3B99F5);
    background-image: -moz-linear-gradient(#78BAFD, #3B99F5);
    background-image: -o-linear-gradient(#78BAFD, #3B99F5);
    background-image: linear-gradient(#78BAFD, #3B99F5);
    box-shadow: 1px 1px 6px rgba(0,0,0,.4);
    text-shadow: 1px 1px 13px rgba(255,255,255,1);
    color: #FFF !important;
}

/**
 * @subsection Red
 * ------------------------
 */
.button.red, a.button.red {
    background: #DB2F2F;
    background-image: -ms-linear-gradient(#F85949, #C10000);
    background-image: -webkit-linear-gradient(#F85949, #C10000);
    background-image: -moz-linear-gradient(#F85949, #C10000);
    background-image: -o-linear-gradient(#F85949, #C10000);
    background-image: linear-gradient(#F85949, #C10000);
    border: 1px solid #C10000;
    border-bottom-color: #C10000;
    border-right-color: #C10000;
    box-shadow: 1px 1px 3px rgba(0,0,0,.3);
    text-shadow: 1px 1px 1px rgba(0,0,0,.2);
    color: #FFF !important;
}
.button.red:hover, a.button.red:hover {
    background-color: #DB2F2F;
    background-image: -ms-linear-gradient(#F85949, #C10000);
    background-image: -webkit-linear-gradient(#F85949, #C10000);
    background-image: -moz-linear-gradient(#F85949, #C10000);
    background-image: -o-linear-gradient(#F85949, #C10000);
    background-image: linear-gradient(#F85949, #C10000);
    box-shadow: 1px 1px 6px rgba(0,0,0,.4);
    text-shadow: 1px 1px 13px rgba(255,255,255,1);
    color: #FFF !important;
}

/**
 * @subsection Back
 * ------------------------
 */
.button.back, a.button.back {
    background: #475F83;
    background-image: -ms-linear-gradient(#778FB9, #374F73);
    background-image: -webkit-linear-gradient(#778FB9, #374F73);
    background-image: -moz-linear-gradient(#778FB9, #374F73);
    background-image: -o-linear-gradient(#778FB9, #374F73);
    background-image: linear-gradient(#778FB9, #374F73);
    border: 1px solid #41547D;
    border-bottom-color: #21345D;
    border-right-color: #31446D;
    box-shadow: 1px 1px 3px rgba(0,0,0,.3);
    text-shadow: 1px 1px 1px rgba(0,0,0,.2);
    color: #FFF !important;
}
.button.back:hover, a.button.back:hover {
    background-color: #4C6488;
    background-image: -ms-linear-gradient(#8093C2, #374F73);
    background-image: -webkit-linear-gradient(#8093C2, #374F73);
    background-image: -moz-linear-gradient(#8093C2, #374F73);
    background-image: -o-linear-gradient(#8093C2, #374F73);
    background-image: linear-gradient(#8093C2, #374F73);
    box-shadow: 1px 1px 6px rgba(0,0,0,.4);
    text-shadow: 1px 1px 13px rgba(255,255,255,1);
    color: #FFF !important;
}
a.button.back .back-icon {
    padding: 0 0 0 16px;
    background: transparent url('../images/back.png') 0 center no-repeat;
}





/**
 * @subsection Sizing
 * ------------------------
 */


/**
 * @subsection Rewrite all
 * ------------------------
 */
.button:focus:not(:active):not(:hover),
.ie8 .button:focus {
    border-color: #575859;
}
.button:active {
    box-shadow: 1px 1px 3px rgba(0,0,0,.1) !important;
}
body.no-js .button[disabled],
body.js .button[disabled],
body.no-js .button.disabled,
body.js .button.disabled,
body.js.has-tinymce div.module-content input[type="submit"]:not(.enabled-by-tinymce) {
    background: #DDD !important;
    border-color: #BBB !important;
    box-shadow: 1px 1px 2px rgba(0,0,0,.1) !important;
    text-shadow: 1px 1px 0 rgba(255,255,255,.7) !important;
    cursor: default !important;
    color: #999 !important;
}

body ul.page-lang li input.button {
    height: 20px;
    margin: 3px 10px 0 0;
    padding: 0em 1.25em !important;
    float: right;
}

/**
 * @subsection Add-ons
 * ------------------------
 */
.button .plus {
    font-size: 2em;
    line-height: 0;
    position: relative;
    top: .1667em;
    left: -0.1667em;
}
.ie .button .plus {
    top: .125em;
}
.ie9 .button .plus {
    top: .2083em;
}
.webkit .button .plus {
    top: .125em;
}
.opera .button .plus {
    top: .125em;
}

.button .minus {
    font-size: 2em;
    line-height: 0;
    position: relative;
    top: .1em;
    left: -0.1667em;
}


/**
 * ------------------
 * @section Forms
 * ------------------------------
 */
/*table*/
form table {
    table-layout: auto;
}
form > table {
    table-layout: fixed;
}
form > table > tbody > tr > td {
    width: 16%;
    vertical-align: middle;
}
form > table > tbody > tr > td label {
    line-height: 1.25;
    display: inline-block;
    padding: 4px 0;
}
form > table > tbody > tr > td:first-child label {
    position: relative;
    top: 0;
}
form > table > tbody > tr.title > td:first-child label {
    top: 0;
}
form > table > tbody > tr > td label:after {
    content: ':';
}
form > table > tbody > tr > td + td label:after {
    content: '';
}
form > table > tbody > tr > td + td {
    width: 83%;
}
form table label {
    cursor: pointer;
}
form table input[type="checkbox"] {
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0 5px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    *overflow: hidden;
}
.opera form table input[type="checkbox"] {
    top: 0;
}
form table input[type="radio"] {
    margin-left: 5px;
}
form table input[type="radio"] ~ input[type="radio"] {
    margin-left: 8px;
}
form table input[type="radio"] ~ br + input[type="radio"] {
    margin-left: 5px;
}
form table input[type="radio"] + label {
    padding: 2px;
    margin-left: -6px;
    padding-left: 6px;
}
form table label.disabled {
    cursor: default;
    color: #999;
}
form table label span.required, form table span.required,
form table label i.required, form table i.required,
form table label em.required, form table em.required,
form table label b.required, form table b.required,
form table label strong.required, form table strong.required,
form table label span.mandatory, form table span.mandatory,
form table label em.mandatory, form table em.mandatory,
form table label i.mandatory, form table i.mandatory,
form table label strong.mandatory, form table strong.mandatory,
form table label b.mandatory, form table b.mandatory {
    font-size: 19px;
    line-height: 0;
    color: #d94000;
    font-weight: 400;
    font-style: normal;
}
form table tr td {
    background: transparent !important;
    padding: 0 4px;
    vertical-align: middle;
}
form table tbody > tr > td {
    text-align: right;
    font-weight: 700;
}
form table tbody > tr > td .info,
form table tbody > tr > td .alert,
form table tbody > tr > td .error,
form table tbody > tr > td .success {
    text-align: left;
    font-weight: 400;
}
form table tbody > tr > td + td,
form table tbody > tr > td[colspan="2"] {
    text-align: left;
}
form table tr.error, form table tr.error > td > label.error {
    border: none;
    margin: 0;
    padding: 0;
    background: transparent;
    font-weight: 700;
}
form table tr.error * {
    color: #C00;
    border-color: #C00;
}
form table tr td div.errorMessage {
    font-weight: 400;
    margin: -4px 0;
    padding: 0 0 4px;
    background: transparent;
    /*font-size: 11px;*/
    line-height: 17px;
    border: none;
    color: #C00;
}
form table tr td div.error div.errorMessage {
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 18px;
}
form input.text, form input[type="text"], form input.password, form textarea,
.form input.text, .form input[type="text"], .form input.password, .form textarea,
.grid-view input.text, .grid-view input[type="text"], .grid-view input.password, .grid-view textarea {
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #333;
    box-shadow: inset 2px 2px 1px rgba(0,0,0,.07);
    background: #FFF;
    padding: 4px 3px 3px;
}
form tr.title input.text, form tr.title input[type="text"],
.form tr.title input.text, .form tr.title input[type="text"],
.grid-view tr.title input.text, .grid-view tr.title input[type="text"] {
    font-size: 20px;
    width: 390px;
}
/*form elements*/
form textarea,
.form textarea,
.grid-view textarea {
    height: 120px;
    resize: vertical;
    min-height: 40px;
    max-height: 400px;
}
form select,
.form select,
.grid-view select {
    padding: 3px;
    border: 1px solid #BBB;
    background: #FFF;
    color: #333;
    max-width: 100%;
}
form select {
    margin: 0.6em 0;
}
form input.text:focus, form input.password:focus, form textarea:focus, form select:focus,
.form input.text:focus, .form input.password:focus, .form textarea:focus, .form select:focus,
.grid-view input[type="text"]:focus, .grid-view input.password:focus, .grid-view textarea:focus, .grid-view select:focus {
    background: #FEFBE1;
}
form input[disabled], form textarea[disabled], form select[disabled],
.form input[disabled], .form textarea[disabled], .form select[disabled],
.grid-view input.disabled, .grid-view textarea.disabled, .grid-view select.disabled,
form input.disabled, form textarea.disabled, form select.disabled,
.form input.disabled, .form textarea.disabled, .form select.disabled,
.grid-view input.disabled, .grid-view textarea.disabled, .grid-view select.disabled {
    background: #EEE !important;
    border-color: #CCC !important;
    box-shadow: none !important;
    color: #999 !important;
    text-shadow: 1px 1px 0 #FFF !important;
}
/*grid update button*/
.grid-view td.button-column {
    vertical-align: middle;
    padding-top: 1px !important;
    padding-bottom: 0 !important;
}
.grid-view td.button-column a.delete {
    display:inline-block;
    *display: inline;
    *overflow: hidden;
    *zoom: 1;
    margin: 0 10px 0 20px;
    position: relative;
    top: 3px;
}
.grid-view td.button-column a.update,
.grid-view td.button-column-filter-cell a.reset {
    text-decoration: none;
}
.grid-view td.button-column a.update img,
.grid-view td.button-column-filter-cell a.reset img {
    display: none;
    *display: inline;
}

.grid-view td.button-column a.add-item:after,
.grid-view td.button-column a.section:after,
.grid-view td.button-column a.update:after,
.grid-view td.button-column-filter-cell a.reset:after {
    content: attr(title);
    display:inline-block;
    *display: inline;
    *overflow: hidden;
    *zoom: 1;
    margin: .5em 0;
    outline: none;
    background: #56A7F7;
    background-image: -ms-linear-gradient(#78BAFD, #3B99F5);
    background-image: -webkit-linear-gradient(#78BAFD, #3B99F5);
    background-image: -moz-linear-gradient(#78BAFD, #3B99F5);
    background-image: -o-linear-gradient(#78BAFD, #3B99F5);
    background-image: linear-gradient(#78BAFD, #3B99F5);
    border: 1px solid #2E90F2;
    border-bottom-color: #2E90F2;
    border-right-color: #2E90F2;
    border-width: .0833em;
    border-radius: 4px;
    border-radius: 0;
    box-shadow: 1px 1px 3px rgba(0,0,0,.3);
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.5;
    text-shadow: 1px 1px 1px rgba(0,0,0,.2);
    white-space: nowrap;
    cursor: pointer;
    padding: 0.25em 1.5em !important;
    color: #FFF !important;
    text-decoration: none !important;
    margin: 10px 3px 0 0;
    position: relative;
    top: -4px;
}

.grid-view td.button-column a.section:after {
    background: #3886d6;
    background-image: -ms-linear-gradient(#3886d6, #2e5c8a);
    background-image: -webkit-linear-gradient(#3886d6, #2e5c8a);
    background-image: -moz-linear-gradient(#3886d6, #2e5c8a);
    background-image: -o-linear-gradient(#3886d6, #2e5c8a);
    background-image: linear-gradient(#3886d6, #2e5c8a);
    border-color: #3363ab;
}
.ie7 .grid-view th.button-column,
.ie7 .grid-view td.button-column {
    width: 80px !important;
}
.ie8 .grid-view td.button-column a.update:after, .ie9 .grid-view td.button-column a.update:after,
.ie8 .grid-view td.button-column-filter-cell a.reset:after, .ie9 .grid-view td.button-column-filter-cell a.reset:after {
    padding: 0.25em 1.4167em !important;
}
.ie8 .grid-view td.button-column a.update:after,
.ie8 .grid-view td.button-column-filter-cell a.reset:after {
    padding: 0.25em 1.5em !important;
}
.grid-view td.button-column a.update:hover:after {
    background-color: #56A7F7;
    background-image: -ms-linear-gradient(#78BAFD, #3B99F5);
    background-image: -webkit-linear-gradient(#78BAFD, #3B99F5);
    background-image: -moz-linear-gradient(#78BAFD, #3B99F5);
    background-image: -o-linear-gradient(#78BAFD, #3B99F5);
    background-image: linear-gradient(#78BAFD, #3B99F5);
    box-shadow: 1px 1px 6px rgba(0,0,0,.4);
    text-shadow: 1px 1px 13px rgba(255,255,255,1);
    color: #FFF !important;
}

.grid-view td.button-column a.section:hover:after,
.grid-view td.button-column a.add-item:hover:after {
    box-shadow: 1px 1px 6px rgba(0,0,0,.4);
    text-shadow: 1px 1px 13px rgba(255,255,255,1);
    color: #FFF !important;
}

.grid-view td.button-column-filter-cell a.reset:after {
    background: #DB2F2F;
    background-image: -ms-linear-gradient(#F85949, #C10000);
    background-image: -webkit-linear-gradient(#F85949, #C10000);
    background-image: -moz-linear-gradient(#F85949, #C10000);
    background-image: -o-linear-gradient(#F85949, #C10000);
    background-image: linear-gradient(#F85949, #C10000);
    border: 1px solid #C10000;
    border-bottom-color: #C10000;
    border-right-color: #C10000;
    box-shadow: 1px 1px 3px rgba(0,0,0,.3);
    text-shadow: 1px 1px 1px rgba(0,0,0,.2);
    color: #FFF !important;
}
.grid-view td.button-column-filter-cell a.reset:hover:after {
    background-color: #DB2F2F;
    background-image: -ms-linear-gradient(#F85949, #C10000);
    background-image: -webkit-linear-gradient(#F85949, #C10000);
    background-image: -moz-linear-gradient(#F85949, #C10000);
    background-image: -o-linear-gradient(#F85949, #C10000);
    background-image: linear-gradient(#F85949, #C10000);
    box-shadow: 1px 1px 6px rgba(0,0,0,.4);
    text-shadow: 1px 1px 13px rgba(255,255,255,1);
    color: #FFF !important;
}
.grid-view td.button-column-filter-cell a.reset.disabled:after {
    background: #e3e3e3 !important;
    border-color: #BBB !important;
    box-shadow: 1px 1px 2px rgba(0,0,0,.1) !important;
    text-shadow: 1px 1px 0 rgba(255,255,255,.7) !important;
    cursor: default !important;
    color: #999 !important;
}
.grid-view td.button-column-filter-cell a.reset:after {
    display: inline-block;
    min-width: 50%;
    margin-bottom: 4px;
}
.grid-view thead .filters input.filter-in-use,
.grid-view thead .filters select.filter-in-use {
    background: #fef555;
}

/*grid - extension*/
.grid-view td.button-column a.update.icons:after {
    content: '';
    margin-top: 16px;
    height: 18px;
}
.grid-view td.button-column a.update.icons.icon-cancel:after {
    background: #DB2F2F;
    background-image: -ms-linear-gradient(#F85949, #C10000);
    background-image: -webkit-linear-gradient(#F85949, #C10000);
    background-image: -moz-linear-gradient(#F85949, #C10000);
    background-image: -o-linear-gradient(#F85949, #C10000);
    background-image: linear-gradient(#F85949, #C10000);
    border: 1px solid #C10000;
    border-bottom-color: #C10000;
    border-right-color: #C10000;
    box-shadow: 1px 1px 3px rgba(0,0,0,.3);
    text-shadow: 1px 1px 1px rgba(0,0,0,.2);
    color: #FFF !important;
}
.grid-view td.button-column a.update.icons.icon-update:after,
.grid-view td.button-column a.add-item:after {
    background: #90B800;
    background-image: -ms-linear-gradient(#B3D500, #719D00);
    background-image: -webkit-linear-gradient(#B3D500, #719D00);
    background-image: -moz-linear-gradient(#B3D500, #719D00);
    background-image: -o-linear-gradient(#B3D500, #719D00);
    background-image: linear-gradient(#B3D500, #719D00);
    border: 1px solid #84AD00;
    border-bottom-color: #5C8300;
    border-right-color: #78A300;
    box-shadow: 1px 1px 3px rgba(0,0,0,.3);
    text-shadow: 1px 1px 1px rgba(0,0,0,.2);
    color: #FFF !important;
}
.grid-view td.button-column a.update.icon-edit:after {
    background: #EFEFEF;
    background-image: -ms-linear-gradient(#E7E7E7, #FEFEFE);
    background-image: -webkit-linear-gradient(#E7E7E7, #FEFEFE);
    background-image: -moz-linear-gradient(#E7E7E7, #FEFEFE);
    background-image: -o-linear-gradient(#E7E7E7, #FEFEFE);
    background-image: linear-gradient(#E7E7E7, #FEFEFE);
    border: 1px solid #C3C4C5;
    color: #707172 !important;
    text-shadow: 1px 1px 1px #FFF;
}
.grid-view td.button-column a.update.icon-disabled:after {
    background: #dddddd;
    border: 1px solid #bbbbbb;
    color: #a3a0a0 !important;
    text-shadow: 1px 1px 1px #FFF;
    cursor: default !important;
}
.icon-update,
.icon-cancel,
.photo-grid {
    display: none;
}
input.photo-grid {
    max-width: 506px !important;
}
.photo-text {
    cursor: pointer;
}
.inlineEditableGridCol {
    height: 106px;
    padding: 0px 20px 10px;
    line-height: 30px;
}
.inlineEditableGridCol .information.size label {
    display: inline-block;
    margin: 6px 0px 0 0;
    width: auto !important;
}
.inlineEditableGridCol .information.size .block {
    margin-right: 15px;
}
.inlineEditableGridCol input {
    margin-top: 0px;
    margin-bottom: 0px;
}
.inlineEditableGridCol .information label {
    margin-top: 6px;
    display: inline-block;
    width: 44px;
}
.inlineEditableGridCol .information,
.inlineEditableGridCol .values {
    width: 100%;
    display: block;
    height: 34px;
}
.inlineEditableGridCol .values label {
    margin-top: 6px;
    display: inline-block;
    margin-right: 2px;
}
.inlineEditableGridCol .values div {
    margin-right: 8px;
}

/*nested tables*/
form table table {
    margin: 0;
}
form table td > table > tbody > tr > td {
    padding: 0 !important;
}
form td > table {
    width: 92%;
    min-width: 412px;
    max-width: 712px;
}
form td > table td fieldset {
    margin: 2px 0 10px 12px;
    border-color: #C6CEDD;
}
form td > table td fieldset legend {
    color: #7088AA;
    font-size: 12px;
    padding: 0 6px;
}
form td > table td:first-child fieldset {
    margin-left: 0;
}
form fieldset > table {
    margin: -0.4em -1em -0.4em;
}
/*editor*/
form table span.mceEditor {
    display: block;
    margin: 8px 0;
}
/*sizing*/
.form-s input.text, .form-s tr.title input.text, .form-s input.password, .form-s textarea {
    width: 90%;
    min-width: 330px;
    max-width: 700px;
}
@media screen and (max-width: 1260px) {
    .form-s input.text, .form-s tr.title input.text, .form-s input.password, .form-s textarea {
        width: 80%;
    }
}
@media screen and (max-width: 1100px) {
    .form-s input.text, .form-s tr.title input.text, .form-s input.password, .form-s textarea {
        width: 67%;
    }
}
.form-s input.text-alias {
    min-width: 400px;
    max-width: 540px;
    margin-right: 5px;
}
.form-s input.w-10,
.form-s textarea.w-10 {
    min-width: 0;
    width: 10px;
}
.form-s input.w-20,
.form-s textarea.w-20 {
    min-width: 0;
    width: 20px;
}
.form-s input.w-30,
.form-s textarea.w-30 {
    min-width: 0;
    width: 30px;
}
.form-s input.w-40,
.form-s textarea.w-40 {
    min-width: 0;
    width: 40px;
}
.form-s input.w-60,
.form-s textarea.w-60 {
    min-width: 0;
    width: 60px;
}
.form-s input.w-80,
.form-s textarea.w-80 {
    min-width: 0 !important;
    width: 80px !important;
}
.form-s input.w-100,
.form-s textarea.w-100 {
    min-width: 0 !important;
    width: 100px !important;
}
.form-s input.w-120,
.form-s textarea.w-120 {
    min-width: 0 !important;
    width: 120px !important;
}
.form-s input.w-160,
.form-s textarea.w-160 {
    min-width: 0 !important;
    width: 160px !important;
}
.form-s input.w-200,
.form-s textarea.w-200 {
    min-width: 0 !important;
    width: 200px !important;
}
.form-s input.w-300,
.form-s textarea.w-300 {
    min-width: 0 !important;
    width: 300px !important;
}
.form-s input.w-400,
.form-s textarea.w-400 {
    width: 400px !important;
}
.form-s input.w-500,
.form-s textarea.w-500 {
    width: 500px !important;
}
.form-s input.w-600,
.form-s textarea.w-600 {
    width: 600px !important;
}
.form-s input.low {
    padding: 3px;
    margin: 3px 0;
}
.form-s textarea.text {
    height: 56px;
}



/**
 * ------------------
 * @section Content
 * ------------------------------
 */
.module-content {
    background: #FCFCFC;
    border: 1px solid #D0D0D1;
    padding: 18px 18px 60px;
    margin-bottom: 18px;
    box-shadow: 2px 2px 2px rgba(0,0,0,.06);
    overflow: hidden;
    position: relative;
}
.module-content h1, .module-content h2 {
    font-size: 18px;
    padding: 2px 12px;
    background: #F2F2F3;
    border-top: 1px solid #E2E2E3;
    color: #202021;
    line-height: 23px;
}
.module-content h2 {
    border-top: 0;
    line-height: 22px;
}
.module-content .page-lang {
    list-style: none;
    background: #e3e4e4;
    border-top: 1px solid #c2c3c4;
    margin: 0 0 18px;
    padding: 2px 2px 3px 2px;
}
.module-content .item-draft {
    background: url('../images/bg-icon-draft.png') no-repeat 0px 7px;
    font-weight: 700;
    padding: 5px 0 0 18px;
}
.module-content .page-lang-info {
    position: absolute;
    left: 30px;
    top: 8px;
    z-index: 0;
    font-weight: bold;
    color: #202021;
    cursor: pointer;
}
.module-content .page-lang li {
    margin: 0;
    float: right;
}
.module-content .page-lang li a {
    display: block;
    padding: 2px 7px 0;
    background: #FFF;
    margin: 2px 1px 3px;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #E2E2E3;
    color: #475F83;
}
.module-content .page-lang .langSec_arrow {
    color: #888;
    position: absolute;
    left: 5px;
    top: 2px;
    z-index: 2;
    width: 83%;
    padding: 5px;
    cursor: pointer;
}
.module-content .page-lang:hover .langSec_arrow {
    color: #444;
}
.module-content .page-lang li a:hover,
.module-content .page-lang li a:focus,
.module-content .page-lang li a.active {
    background: #576F93;
    color: #EEE;
}

/**
 * @subsection File control/Image control
 * ----------------------------------------
 */
.file-control {
    padding: .75em 5px 3px 15px;
    position: relative;
    background: #f6f6f6;
    border-bottom: 1px solid #e5e5e5;
    margin-left: 0px;
    margin-bottom: .33em;
}
.file-control:hover {
    background: #f3f3f3;
    border-bottom: 1px solid #e3e3e3;
}
.file-control.tinymcediv {
    max-width: 692px;
    min-width: 428px;
}
.file-control.filled {
    padding-top: 12px;
}
.file-control .item {
    padding-right: .25em;
}
.file-control .fcRemovalInfo b {
    color: #D00;
    font-weight: 400 !important;
}
.file-control b {
    font-weight: 700 !important;
}
.file-control .fcLabel,
.file-control .fcDownloadLink,
.file-control .fcNameForMenu,
.file-control .fcChangeAttached,
.file-control .fcDeleteAttached,
.file-control .fcRemovalInfo,
.file-control .fcCancelRemoval,
.file-control.filled .fcAttachNew {
    display: none;
}
.file-control.filled .fcLabel,
.file-control.filled .fcDownloadLink,
.file-control.filled .fcNameForMenu,
.file-control.filled .fcChangeAttached,
.file-control.filled .fcDeleteAttached {
    display: inline;
}
.file-control .fcRemovalInfo {
    white-space: nowrap;
}
.file-control .fcNameForMenu input {
    padding: 3px;
}
.file-control .button {
    margin-top: 0;
}
.image-control.filled {
    min-height: 98px;
}

.file-control.has-thumbnail .fcLabel,
.file-control.has-thumbnail .fcNameForMenu,
.file-control.has-thumbnail .fcDeleteAttached input,
.file-control.has-thumbnail .fcCancelRemoval input {
    margin-left: 113px !important;
}

.file-control .fcAttachNew {
    margin-left: 0px;
}

.image-control .fcImagePreview {
    position: absolute;
    left: 15px;
    top: 15px;
    display: none;
}
.image-control.has-thumbnail .fcImagePreview {
    display: inline;
}
.image-control .fcImagePreview img {
    max-height: 80px;
    max-width: 90px;
    width: auto;
    height: auto;
    padding: 4px;
    border: 1px solid #ccc;
}
.image-control.to-be-deleted .fcImagePreview img {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

/**
 * ------------------
 * @section Messages
 * ------------------------------
 */
.flash-message {
    padding-right: 2.5em;
    position: relative;
}
.flash-message img.closer {
    padding: 4px;
    position: absolute;
    right: 6px;
    top: 7px;
    cursor: pointer;
    opacity: .7;
    filter: alpha(opacity=70);
}
.flash-message img.closer:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
.ie9 .flash-message img.closer,
.ie9 .flash-message img.closer:hover {
    filter: none;
}



/**
 * ------------------
 * @section Miscellaneous
 * ------------------------------
 */
.noselect, .no-select, .button {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}
code {
    padding: 2px;
    background: #FFFDC0;
}
/*testing*/
.test .button {
    margin-left:36px !important;
}
*:not(.counter) {
    /*border-radius: 0 !important;*/
}
.nowrap {
    white-space: nowrap;
}

/**
 * @subsection IE9
 * ------------------------
 */
.ie9 *:not(th,td) {
    filter: none !important;
}

/**
 * @header menu - settings
 * ------------------------
 */
.header .controls > .inner > ul > li.user-settings .c-label {
    background-image: url('../images/navi_ico_set.png') !important;
    padding: 0 11px 0 14px;
}

.header .controls > .inner > ul > li.user-settings a .c-label {
    background-image: none;
    padding: 7px 22px 6px 16px;
}

.header .controls .user-settings, .header .controls .user-settings a {
    color: #353637;
    border-top-color: #CCCDCE;
}
.header .controls > .inner > ul,  li.user-settings a {
    background-image: -ms-linear-gradient(#F0F0F0, #C1C2C2) !important;
    background-image: -webkit-linear-gradient(#F0F0F0, #C1C2C2) !important;
    background-image: -moz-linear-gradient(#F0F0F0, #C1C2C2) !important;
    background-image: -o-linear-gradient(#F0F0F0, #C1C2C2) !important;
    background-image: linear-gradient(#F0F0F0, #C1C2C2) !important;
    border-right: none;
    border-top-color: #B9BABB;
}


/**
 * @subsection Management Roles
 * ------------------------------
 */
table.finalize .roles {
    background: #f6f6f6;
    max-width: 712px;
    min-width: 440px;
    border-bottom: 1px solid #e5e5e5;
    padding: 7px 12px;
    width: 97%;
    margin-left: -20px;
}
table.finalize td {
    padding: 0 4px;
}

table.finalize .roles span {
    margin-right: 7px;
}

table.finalize .roles span a  {
    padding-top: 3px !important;
}

/* TinyMce */
table.mceLayout {
    width: 100% !important;
    max-width: 712px !important;
}

/**
 * @subsection Statistics
 * ----------------------------
 */
div.statistics-header {
    margin: 0 0 15px 0;
}

div.statistics-header > div.text {
    margin: 21px 0 0 10px;
}

table.statistics {
}

table.statistics thead > tr > th {
    background: #515253;
    padding: 10px 0;
    color: #ffffff;
    text-align: center;
    border: 1px solid #fff;
}

table.statistics thead > tr > th:first-child {
    background: #818283;
    text-align: left;
    padding: 10px;
}

table.statistics tbody > tr > td {
    text-align: center;
    padding: 10px;
    border: 1px solid #fff;
}

table.statistics tbody > tr > td:first-child {
    text-align: left;
}

/**
 * @subsection ACL Management
 * ----------------------------
 */
/* common, tables ------------------------------------------- */
.acl-edit-module-wrapper {
    min-width: 800px;
}
.acl-table-wrapper {
    max-width: 1440px;
    min-width: 0;
    position: relative;
}
table.acl-table {
    table-layout: fixed;
    border-collapse: separate;
    max-width: 1440px;
    min-width: 0;
}
table.acl-table > thead th {
    background: #515253;
    color: #fff;
    border: 1px solid #fff;
    text-align: left;
    line-height: 1.25;
    padding: 5px;
    overflow: hidden;
    font-weight: 400;
    font-size: 12px;
    width: 5%;
}
table.acl-table > thead th ~ th {
    text-align: center;
}
table.acl-table thead th.col-tree {
    width: 25%;
}
table.acl-table thead th.col-tree a.button {
    margin: 0 -2px 0 5px;
    border: 0 !important;
    box-shadow: 1px 1px 6px rgba(255,255,255,0.2);
}
table.acl-table thead th.col-tree a.button span {
    font-weight: 400;
    color: #000;
}
table.acl-table thead th.col-tree a:hover {
    box-shadow: 1px 1px 7px rgba(255,255,255,0.8);
}
table.acl-table thead th.col-tree a:active {
    box-shadow: 1px 1px 5px rgba(255,255,255,0.4) !important;
}
table.acl-table thead th.col-modspec {
    width: 23%;
}
table.acl-table thead th.colsec-generic,
table.acl-table thead th.colsec-settings {
    background: #818283;
}
table.acl-table thead th + th + th + th.colsec-generic {
    background: #515253;
}
table.acl-table-globals thead th.colsec-generic {
    background: #515253 !important;
    padding: 5px 10px;
}
table.acl-table-globals thead th.col-tree {
    background: #818283 !important;
    text-align: center;
}
table.acl-table > tbody td {
    border: 1px solid #fff;
    text-align: center;
    vertical-align: middle;
    padding: 5px;
    font-weight: 400;
}
table.acl-table > tbody tr td {
    background: #e7e8e9 !important;
}
table.acl-table > tbody tr:nth-child(even) td {
    background: #f1f2f3 !important;
}
table.acl-table > tbody tr td.col-modspec {
    background: #f6f7f8 !important;
}
table.acl-table > tbody tr:nth-child(even) td.col-modspec {
    background: #f8f9fa !important;
}
/* table hovers ------------------------------------------------*/
table.acl-table > tbody tr:hover td, table.acl-table > tbody tr.superhover td,
table.acl-table > tbody tr:hover td.col-empty, table.acl-table > tbody tr.superhover td.col-empty,
table.acl-table > tbody tr:hover td.col-modspec, table.acl-table > tbody tr.superhover td.col-modspec,
table.acl-table > tbody tr td.hover, table.acl-table > tbody tr td.superhover,
table.acl-table > tbody tr td.col-empty.hover, table.acl-table > tbody tr td.col-empty.superhover,
table.acl-table > tbody tr td.col-modspec.hover, table.acl-table > tbody tr td.col-modspec.superhover {
    background: #fcfae0 !important;
}
table.acl-table > tbody tr:hover td.hover,
table.acl-table > tbody tr.superhover td.superhover {
    background: #fdf5ac url('../images/acl_icons.png') right bottom no-repeat !important;
    cursor: pointer;
}
/* empty cells ---------------------------------------*/
table.acl-table > tbody tr td.col-empty,
table.acl-table > tbody tr:hover td.col-empty, table.acl-table > tbody tr.superhover td.col-empty,
table.acl-table > tbody tr td.hover.col-empty, table.acl-table > tbody tr td.superhover.col-empty {
    background: #fcfcfc !important;
    cursor: default !important;
}
/* state icons -------------------------------------------------- */
table.acl-table tbody td .acl-icon {
    display: block;
    width: 18px;
    height: 18px;
    background: transparent url('../images/acl_icons.png') -1px -41px no-repeat;
    margin: 0 auto;
    z-index: 99;
}
table.acl-table tbody td.acl-state-denied .acl-icon {
    background-position: -1px -21px;
}
table.acl-table tbody td.acl-state-inherited-denied .acl-icon {
    background-position: -1px -41px;
}
table.acl-table tbody td.acl-state-allowed .acl-icon {
    background-position: -1px -61px;
}
table.acl-table tbody td.acl-state-inherited-allowed .acl-icon {
    background-position: -1px -81px;
}
table.acl-table tbody td.col-empty .acl-icon {
    opacity: .55;
    filter: alpha(opacity=55);
}
/* select ----------------------------------------------------------- */
ul.acl-select {
    display: block;
    position: absolute;
    z-index: 999;
    min-width: 50px;
    background: #f7f8f9;
    border: 1px solid #b1b2b3;
    box-shadow: 1px 2px 9px rgba(0,0,0,0.3);
}
ul.acl-select.overflowed {
    left: auto !important;
    right: -16px;
}
ul.acl-select,  ul.acl-select li {
    list-style: none;
    margin: 0 6px;
    padding: 0;
    color: #D3D5D6;
}
ul.acl-select li:first-child {
    padding-top: 7px;
}
ul.acl-select li:last-child {
    padding-bottom: 5px;
}
ul.acl-select a {
    color: #353637;
    display: block;
    margin: 0 2px;
    padding: 4px 24px 2px 32px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
    background: transparent url('../images/acl_icons.png') 0 0 no-repeat !important;
}
ul.acl-select .acl-select-inherit a {
    background-position: 0 2px !important;
}
ul.acl-select .acl-select-deny a {
    background-position: 0 -18px !important;
}
ul.acl-select .acl-select-allow a {
    background-position: 0 -58px !important;
}
ul.acl-select .acl-select-inherit-children a {
    background-position: 0 -98px !important;
}
ul.acl-select .acl-select-deny-children a {
    background-position: 0 -118px !important;
}
ul.acl-select .acl-select-allow-children a {
    background-position: 0 -138px !important;
}
ul.acl-select .acl-select-cancel a {
    background-position: -200px 0 !important;
}
ul.acl-select a:hover, ul.acl-select a:focus {
    color: #212222 !important;
    text-shadow: 1px 1px 1px rgba(0,4,8,.12) !important;
}
ul.acl-select li.starts-group {
    border-top: 1px solid #C1C2C2 !important;
    padding-top: 7px;
    margin-top: 6px;
}
/* tree ---------------------------------------------------------- */
table.acl-table > tbody td.col-tree {
    text-align: left;
    color: #383939;
    padding: 0;
}
table.acl-table > tbody td.col-tree span {
    display: block;
    position: relative;
    padding: 3px 2px 1px;
}
table.acl-table > tbody td.col-tree span.acl-node-wrapper {
    margin-left: 160px;
}
table.acl-table > tbody .acl-node-level-0 td.col-tree span.acl-node-wrapper {
    margin-left: 0;
}
table.acl-table > tbody .acl-node-level-1 td.col-tree span.acl-node-wrapper {
    margin-left: 16px;
}
table.acl-table > tbody .acl-node-level-2 td.col-tree span.acl-node-wrapper {
    margin-left: 32px;
}
table.acl-table > tbody .acl-node-level-3 td.col-tree span.acl-node-wrapper {
    margin-left: 48px;
}
table.acl-table > tbody .acl-node-level-4 td.col-tree span.acl-node-wrapper {
    margin-left: 64px;
}
table.acl-table > tbody .acl-node-level-5 td.col-tree span.acl-node-wrapper {
    margin-left: 80px;
}
table.acl-table > tbody .acl-node-level-6 td.col-tree span.acl-node-wrapper {
    margin-left: 96px;
}
table.acl-table > tbody .acl-node-level-7 td.col-tree span.acl-node-wrapper {
    margin-left: 112px;
}
table.acl-table > tbody .acl-node-level-8 td.col-tree span.acl-node-wrapper {
    margin-left: 128px;
}
table.acl-table > tbody .acl-node-level-9 td.col-tree span.acl-node-wrapper {
    margin-left: 144px;
}
/* labels ---------------------------- */
table.acl-table > tbody td.col-tree span.acl-node-label {
    padding: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 22px;
    padding-left: 22px;
}
/* icons ----------------------------- */
table.acl-table > tbody td.col-tree span.acl-node-icon,
table.acl-table > tbody td.col-tree span.acl-node-button {
    position: absolute;
    left: 26px;
    top: 6px;
    z-index: 99;
    padding: 0;
    width: 16px;
    height: 16px;
    background: transparent url('../images/tree/icons.png') 0 0 no-repeat;
}
table.acl-table > tbody .acl-node-type-widget td.col-tree span.acl-node-icon {
    background-position: -112px 0;
}
/* buttons (expanders) --------------------- */
table.acl-table > tbody td.col-tree span.acl-node-button {
    left: 8px;
    background-position: -16px -64px;
}
table.acl-table > tbody .acl-node-haschildren td.col-tree span.acl-node-button {
    cursor: pointer;
    background-position: -32px -96px;
}
table.acl-table > tbody .acl-node-haschildren.closed td.col-tree span.acl-node-button {
    background-position: 0 -96px;
}
/* module specific ---------------------------------------------------- */
table.acl-table > tbody td.col-modspec {
    padding: 0;
}
table.acl-table > tbody td.col-modspec .button-wrapper {
    height: 25px;
    padding: 2px 0 1px;
}
table.acl-table > tbody td.col-modspec a.button {
    margin: 0;
    width: 78%;
    min-width: 140px;
}
table.acl-table > tbody td.col-modspec .acl-modspec-wrapper {
    padding: 2px 2px 3px;
}
table.acl-table > tbody td.col-modspec table.acl-modspec {
    table-layout: fixed;
    border-collapse: collapse;
    margin: 0;
}
table.acl-table > tbody td.col-modspec table.acl-modspec td {
    border-width: 0 2px 2px 0;
    white-space: nowrap;
    background: #818283 !important;
    text-align: left;
    padding-left: 8px;
    color: #fff;
}
table.acl-table > tbody td.col-modspec table.acl-modspec td + td {
    border-width: 0 0 2px 0;
    width: 20%;
    background: #e7e8e9 !important;
    text-align: center;
    padding-left: 5px;
    color: #555;
}
table.acl-table > tbody td.col-modspec table.acl-modspec tr:first-child td {
    border-top-width: 2px;
}
table.acl-table > tbody td.col-modspec table.acl-modspec tr:nth-child(even) td + td {
    background: #f1f2f3 !important;
}
/* module specific table hovers ------------------------------*/
table.acl-table > tbody td.col-modspec table.acl-modspec tr:hover td + td,
table.acl-table > tbody td.col-modspec table.acl-modspec tr.superhover td + td {
    background: #fcfae0 !important;
}
table.acl-table > tbody td.col-modspec table.acl-modspec tr:hover td + td:hover,
table.acl-table > tbody td.col-modspec table.acl-modspec tr.superhover td + td.superhover {
    background: #fdf5ac url('../images/acl_icons.png') right bottom no-repeat !important;
    cursor: pointer;
}



/**
 * ---------------------------------
 * @section fixes and extensions
 * ------------------------
 */
table tbody tr td.users {
    width: 50%;
}

.floatfix {
    clear: both;
}


/**
 * @subsection main menu tree - states
 * -------------------------------------
 */
/* visibility icons ----------------------------- */
li > span.dynatree-node {
    position: relative;
}
li > span.dynatree-node.node-visibility-visible:after {
    background: url('../images/bg-icon-submenu-1.png') no-repeat right 50%;
}
li > span.dynatree-node.node-visibility-hidden:after {
    background: url('../images/bg-icon-submenu-2.png') no-repeat right 50%;
}
li > span.dynatree-node.node-hidden-from-menus:after {
    background: url('../images/bg-icon-submenu-3.png') no-repeat right 50%;
}
li > span.dynatree-node.node-visibility-visible:after,
li > span.dynatree-node.node-visibility-hidden:after,
li > span.dynatree-node.node-hidden-from-menus:after {
    content: '\00a0';
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #eee;
}
.dynatree-active + ul li > span.dynatree-node:after, .node-active + ul li > span.dynatree-node:after {
    background-color: #fdf8df !important;
}
/* 1st level */
ul.dynatree-container > li > span.dynatree-node:after {
    background: transparent url('../images/bg-icon-submenu-1l-1.png') right center no-repeat !important;
    height: 32px;
    right: 5px;
}
ul.dynatree-container > li > .dynatree-has-children a.dynatree-title {
    padding-right: 38px !important;
}
ul.dynatree-container > li > span.dynatree-has-children:after {
    right: 25px;
}
ul.dynatree-container > li > span.dynatree-node.node-visibility-hidden:after {
    background-image: url('../images/bg-icon-submenu-1l-2.png') !important;
}
ul.dynatree-container > li > span.dynatree-node.node-hidden-from-menus:after {
    background-image: url('../images/bg-icon-submenu-1l-3.png') !important;
}
ul.dynatree-container span.dynatree-node.node-visibility-hidden a,
ul.dynatree-container span.dynatree-node.node-visibility-hidden .dynatree-icon,
ul.dynatree-container span.dynatree-node.node-visibility-hidden + ul .dynatree-node .dynatree-icon,
ul.dynatree-container span.dynatree-node.node-visibility-hidden + ul .dynatree-node a,
ul.dynatree-container span.dynatree-node.node-visibility-hidden + ul .dynatree-node:after {
    opacity: .5;
}
ul.dynatree-container span.dynatree-node.node-visibility-hidden:hover a,
ul.dynatree-container span.dynatree-node.node-visibility-hidden:hover .dynatree-icon,
ul.dynatree-container span.dynatree-node.node-visibility-hidden.contextmenu-active .dynatree-icon,
ul.dynatree-container span.dynatree-node.node-visibility-hidden + ul .dynatree-node:hover .dynatree-icon,
ul.dynatree-container span.dynatree-node.node-visibility-hidden + ul .dynatree-node.contextmenu-active .dynatree-icon,
ul.dynatree-container span.dynatree-node.node-visibility-hidden + ul .dynatree-node:hover a {
    opacity: 1 !important;
}

/* photogallery - preview of images */
.module-content .interface {
    height: 32px;
    width: auto;
    margin-right: 6px;
}

.module-content .interface ul {
    height: 32px;
    width: auto;
    padding: 0px;
    margin: 0px;
}

.module-content .interface ul li:first-child {
    background: none;
    padding: 8px 10px 0px 0px;
    margin-left: 0px;
    height: 24px;
    color: #979798;
    font-size: 12px;
}
.module-content .interface ul li:first-child:hover {
    background: none;
}

.module-content .interface ul li {
    background: #f0f0f0;
    list-style: none;
    float: left;
    margin-left: 1px;
    height: 32px;
}

.module-content .interface ul li.active {
    background: #dfdfe0;
}

.module-content .interface ul li:hover {
    background: #dfdfe0;
}

.module-content .interface ul li a {
    padding: 7px 18px 7px 35px;
    display: block;
    font-size: 12px;
    color: #515253;
    text-decoration: none;
    text-shadow: 1px 0px 0px #ffffff;
}

.module-content .interface ul li a.preview {
    background: url('../images/interface_preview.png') no-repeat 14px 11px;
}

.module-content .interface ul li a.icons {
    background: url('../images/interface_icons.png') no-repeat 18px 12px;
}

.module-content .interface ul li a.list {
    background: url('../images/interface_list.png') no-repeat 17px 13px;
}

table.items thead tr th#admin-cfmphotogallerymodule-list-grid_c1 {
    width: 128px;
}

.text-photo {
    background: #f0f0ee;
    width: 564px;
    display: none;
    margin-top: 12px;
}

/* Top button */
a.top {
    background: #f0f0f1;
    height: 18px;
    width: auto;
    position: absolute;
    font-size: 11px;
    color: #707070;
    text-decoration: none;
    padding: 9px 29px 5px 25px;
    right: 18px;
    bottom: 0px;
    text-shadow: 1px 1px 0 rgba(255,255,255,1);
    border: 1px solid #ddd;
    border-bottom: 0;
}
a.top:before {
    content: '\25b2';
    padding-right: 3px;
    color: #999;
}
a.top:hover {
    background: #eee;
    border-color: #ccc;
    box-shadow: inset 0 2px 6px rgba(0,0,0,.1);
}
.iframe a.top {
    display: none;
}

/* Iframe */
.module-content.iframe {
    padding-bottom: 18px;
}

/* Photogallery */
table.items > tbody > tr > td.button-column:first-child + td {
    /*text-align: center;*/
}

li span.dynatree-node {
    margin-right: 3px;
}

/* Tags */
table.tags ul.allowSpacesTags {
    max-width: 700px;
    min-width: 330px;
    margin-bottom: 0px;
}

table.tags ul.allowSpacesTags.add {
    width: 100%;
    border-radius: 0px;
}

table.tags ul.allowSpacesTags.add input {
    padding: 0;
    position: relative;
    top: 2px;
    font-size: 11px;
    color: #bbbbbb;
}

table.tags ul.allowSpacesTags.add input:focus {
    color: #555555;
}

div.add-new-tag {
    font-size: 16px;
    height: 17px;
    margin: 0;
    padding: 4px 0 8px 0 !important;
    width: 7%;
    float: right;
}

div.tag-pool {
    max-width: 708px;
    min-width: 330px;
}

table.tags ul.allowSpacesTags.pool {
    height: 321px;
    overflow: auto;
    margin-top: 15px;
    border-radius: 0px;
}

table.tags ul.allowSpacesTags.pool a {
    display: none;
}

table.tags ul.allowSpacesTags.pool.tagit li.tagit-choice {
    padding-right: 0.5em;
}

table.tags ul.allowSpacesTags input {
    box-shadow: 0px 0px 0px 0px;
}

ul.ui-autocomplete.ui-menu.ui-widget {
    width: 200px !important;
    padding: 4px;
    margin: 0px;
}

ul.ui-autocomplete.ui-menu.ui-widget li {
    list-style: none;
    margin: 4px 6px;
    height: 20px;
    padding: 0px;
}

ul.ui-autocomplete.ui-menu.ui-widget a {
    text-decoration: none;
    cursor: pointer;
    display: block
}

ul.ui-autocomplete.ui-menu.ui-widget a:hover {
    margin: 0px;
    padding: 0px;
}

ul.tagit {
    padding: 1px 3px;
    overflow: auto;
    margin-left: inherit; /* usually we don't want the regular ul margins. */
    margin-right: inherit;
}
ul.tagit li {
    display: block;
    float: left;
    margin: 2px 5px 2px 0;
}
ul.tagit li.tagit-choice {
    padding: .2em 18px .2em .5em;
    position: relative;
    line-height: inherit;
}
ul.tagit li.tagit-new {
    padding: .25em 4px .25em 0;
}

ul.tagit li.tagit-choice a.tagit-label {
    cursor: pointer;
    text-decoration: none;
}
ul.tagit li.tagit-choice .tagit-close {
    cursor: pointer;
    position: absolute;
    right: .1em;
    top: 50%;
    margin-top: -8px;
}

/* used for some custom themes that don't need image icons */
ul.tagit li.tagit-choice .tagit-close .text-icon {
    display: none;
}

ul.tagit li.tagit-choice input {
    display: block;
    float: left;
    margin: 2px 5px 2px 0;
}
ul.tagit input[type="text"] {
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:         border-box;
    border: none;
    margin: 0;
    padding: 0;
    width: inherit;
    background-color: inherit;
    outline: none;
}

ul.tagit {
    border-style: solid;
    border-width: 1px;
    border-color: #bbbbbb;
    background: inherit;
    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.07) inset;
}
ul.tagit li.tagit-choice {
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    border: 1px solid #c6c6c6;
    background-color: #e3e4e4;
    color: #555;
    font-weight: normal;
}
ul.tagit li.tagit-choice a.tagit-close {
    text-decoration: none;
}
ul.tagit li.tagit-choice .tagit-close {
    right: .4em;
}
ul.tagit li.tagit-choice .ui-icon {
    display: none;
}
ul.tagit li.tagit-choice .tagit-close .text-icon {
    display: inline;
    font-family: arial, sans-serif;
    font-size: 16px;
    line-height: 16px;
    color: #777;
}
ul.tagit li.tagit-choice:hover,
ul.tagit li.tagit-choice.remove {
    border-color: #c6c6c6;
}
ul.tagit li.tagit-choice a.tagLabel:hover,
ul.tagit li.tagit-choice a.tagit-close .text-icon:hover {
    color: #222;
}
ul.tagit input[type="text"] {
    color: #333333;
    background: none;
}

table.tags tr.second-pool td ul li {
    cursor: pointer;
}

tr.info-message div a {
    text-decoration: none;
    color: #555555;
    font-weight: 400;
    font-size: 10px;
}

tr.info-message div {
    display: block;
    margin-top: 8px;
}

tr.info-message span {
    font-size: 11px;
    font-weight: 400;
}

tr.info-message span.success-message {
    color: #227011;
}

tr.info-message span.error-message {
    color: #CC0000;
}

/* module config */
.use-default-value {
    display: none;
}

/* Files */
table.items-nogrid {
    margin: 0px 0 20px 0;
}

table.items-nogrid th {
    background: #515253;
    color: #ffffff;
    font-weight: 700;
    border-left: 2px solid #ffffff;
    text-align: center;
}

table.items-nogrid th:first-child {
    border-left: 0px;
}

table.items-nogrid td a,
table.connected-files td a {
    color: #555555;
}

table.items-nogrid td {
    line-height: 25px;
    padding: 6px 10px;
}

table.items-nogrid td.button-column {
    text-align: center;
}

table.items-nogrid tr:hover {
    background: #fdf9dd !important;
}

table.items-nogrid td.download a,
table.connected-files td a.download {
    background: url('../images/download.png') no-repeat 0px 4px;
    padding-left: 10px;
}

/* multi select extension - overrides */
.ms-container {
    background-position: 246px 103px;
    margin-top: 10px;
    margin-bottom: 5px;
}
.ms-list li {
    border-bottom: 1px solid #eeeeee;
    padding: 3px 9px 2px 9px;
    font-size: 13px;
}

.ms-container .ms-list {
    border-radius: 0px !important;
}

.ms-container .ms-list.ms-focus {
    box-shadow: 0px 0px 0px !important;
    border-color: #cccccc !important;
}

.ms-container li.ms-elem-selectable:not(.disabled).ms-hover,
.ms-container .ms-selection li:not(.disabled).ms-hover{
    background-color: #b8b8b8 !important;
}

.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selected {
    font-size: 13px;
}

.ms-container ul.ms-list {
    background: #ffffff;
    width: 235px;
    height: 155px;
}

.ms-container .ms-selectable,
.ms-container .ms-selection {
    background: none;
}

.ms-selection {
    margin-top: 40px;
}

.ms-selectable > input {
    width: 229px;
}

.multiselect-row {
    border-bottom: 1px solid #DDDDDD;
    padding: 9px 0;
    width: 708px;
    margin: 0px !important;
}

.multiselect-heading {
    text-align: left;
}

.multiselect-heading span:first-child {
    width: 274px;
    display: inline-block;
}

/* multi select extension - admin styles */
.wrapper-multi {
    margin: 10px 0 0;
    padding: 0px 0 5px 6px;
    width: 540px;
}

.multiselect-row {
    margin: 9px 0;
}

/* connected files */
table.connected-files {
    background: none;
    padding: 20px 0;
}

table.connected-files thead th {
    background: #e8e8e8;
    border-right: 2px solid #FFFFFF;
    padding: 5px 9px;
}

table.connected-files tbody#document_list_body tr {
    background: none;
}

table.connected-files tbody#document_list_body tr:first-child td {
    border-top: 0px;
}

table.connected-files tbody#document_list_body tr td {
    border-top: 1px solid #DDDDDD;
    font-weight: 400;
    padding: 6px 8px !important;
    text-align: left;
}

table span#selectedDocumentName {
    font-weight: 400;
}

/* document - tree */
.files-connected span.dynatree-active a,
.files-connected span.dynatree-active a:hover {
    background: none #ffffff;
    border: 0px;
    padding-right: 0px;
}

div.files-connected {
    margin-top: 10px;
}

div.files-connected #adminDocumentFolderTree .dynatree-ico-ef span.dynatree-icon {
    background: url('../images/folder.png') no-repeat 0px -17px;
}

div.files-connected #adminDocumentFolderTree .dynatree-ico-cf span.dynatree-icon {
    background: url('../images/folder.png') no-repeat 0px 1px;
}

div.files-connected #adminDocumentFolderTree span.dynatree-active a, span.dynatree-active a,
div.files-connected #adminDocumentFolderTree span.dynatree-active a, span.dynatree-active a:hover {
    background: #A8A8A8 !important;
    font-style: normal;
    padding: 1px 5px;
}

div.files-connected ul.dynatree-container > li > .dynatree-has-children a.dynatree-title {
    padding-right: 0px !important;
}

span.dynatree-has-children a {
    font-style: normal !important;
}

ul.dynatree-container a:hover {
    background: #f6f6f6 !important;
}


h2.structure-heading {
    margin-bottom: 0.37em;
}

/* photo album - upload photos */
input.button.photo-upload {
    padding-top: 0.58em !important;
    margin-left: 4px;
}

/* dialog */
.ui-dialog,
.ui-dialog div,
.ui-dialog button {
    border-radius: 0px;
}

/* datetime picker */
.ui-datepicker {
    border-radius: 0px;
    font-size: 11px;
    border-color: #dddddd;
}

.ui-datepicker thead th {
    background-color: #ffffff;
}

.ui-datepicker-next,
.ui-datepicker-prev {
    cursor: pointer;
}

div.ie_rgba_fix
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66C6DEA2,endColorstr=#66C6DEA2)";
}

/**
 * ------------------
 * @section Pager
 * ------------------------------
 */
/* Show first and last buttons by default. */
ul.yiiPager .first,
ul.yiiPager .last
{
    display:inline;
}

/**
 * ------------------
 * @section fm-create-folder
 * ------------------------------
 */
body.fm-create-folder > .extranet {
    padding: 16px;
}
table.fm-create-folder-table {
    table-layout: auto;
}
table.fm-create-folder-table input[type="text"] {
    min-width: 330px;
}
table.fm-create-folder-table .submit-button {
    padding-top: 11px;
}
table.fm-create-folder-table h3 {
    margin-bottom: 0.5em;
}


/* end of file */