.arionStyleDialog{
    padding: 0 !important;
    border:  1px solid #999999;
    background-color: white;
}


.arionStyleDialog .ui-dialog-titlebar{
    background: url("../images/headerLeftBG.gif") 50% 0 no-repeat !important;
    position: relative;
    padding: 5px 0 0 10px;
    height: 27px;
    color: white;
    font-weight: 700;
    border: 0 !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.arionStyleDialog .ui-widget-header.ui-tabs-nav{
    background: #ececec !important;
    position: relative;
    padding: 0 !important;
    color: white;
    font-weight: 700;
    border: 0 !important;
    margin-bottom: 1px !important;
}

/*.arionStyleDialog .ui-widget-header.ui-tabs-nav li{*/
    /*background: url("../images/tableTitleBGSubLevel2.gif") repeat scroll 0 0 !important;*/
    /*height: 27px !important;*/
    /*border: 1px solid #4F5054 !important;*/
/*}*/

/*.arionStyleDialog .ui-widget-header.ui-tabs-nav li a{*/
    /*color: #5E5D55 !important;*/
/*}*/

/*.arionStyleDialog .ui-widget-header.ui-tabs-nav li.ui-tabs-selected{*/
    /*background: url("../images/tableTitleBG.gif") repeat scroll 0 0 !important;*/
/*}*/

.arionStyleDialog .ui-widget-header.ui-tabs-nav li.ui-tabs-active a{
    color : #5E5D55 !important;
}

.arionStyleDialog .ui-widget-header .ui-dialog-titlebar-close .ui-icon-closethick, .arionStyleDialog .ui-widget-header .ui-dialog-titlebar-close.ui-state-hover .ui-icon-closethick{
    background: url("../images/close.gif") 50% 50% no-repeat !important;
    height: 21px !important;
    width: 21px !important;
    cursor: pointer !important;
    margin: 0 !important;
}

.arionStyleDialog .ui-widget-header .ui-dialog-titlebar-close{
    margin-top: 2px !important;
    top: 0;
    border: 0 !important;
    padding: 0 !important;
}

.arionStyleDialog .ui-dialog-buttonpane{
    border-top: 0 solid #999 !important;
    padding: 5px 10px 10px 0 !important;
    margin: 0 !important;
    position: relative;
}

.arionStyleDialog .ui-button{
    background: url("../images/button100.gif") no-repeat !important;
    text-align: center !important;
    width: 100px !important;
    height: 25px !important;
    color: white !important;
    cursor: pointer !important;
    border: 0 solid black !important;
    padding: 0 !important;
    margin: 0 0 0 10px !important;
}

.dialogWindow .ui-button-text{
    word-wrap: normal;
    white-space: nowrap;
}

.tabOuter{
    display: none;
    width: 100%;
    height: 100%;
}

.dialogWindow .actions{
    width: 100%;
}

.dialogWindow .actions td{
    height : 25px;
    padding: 0 !important;
    width: 50%;
}

.dialogWindow .actions .remove-all, .dialogWindow .actions .add-all{
    float: right;
    cursor: pointer;
}

.dialogWindow .actions .remove-all:hover, .dialogWindow .actions .add-all:hover{
    color: #222222;
}

.dialogWindow .actions span, .dialogWindow .actions a{
    padding: 3px 5px !important;
    color: #5E5D55;
    display: block;
}

.selectedAction, .availableAction{
    padding: 2px 0 0 8px !important;
    background:url("../images/TabBg.gif") 50% 50% repeat-x !important;
    color: #5E5D55;
    border-top: 1px solid #999999;
}

.selectedAction{
    border-left: 1px dotted #808080;
    border-right: 1px dotted #808080;
}

.availableAction{
    border-right: 1px dotted #808080;
}

.filter-selected,
.filter-available{
    border: 1px solid #BBBBBB;
    float: right;
    margin: 3px 2px 0 0;
    padding:  0;
    /*width: 40px; */
}


.dialogWindow .selected{
    width: 50%;
}

.dialogWindow .available{
    width: 50%;

}

.settingsOuterClass{
    width: 100%;
    padding: 10px 10px 0 10px !important;
    overflow: hidden !important;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}


.dialogWindow .sortableOuter, .dialogWindow .sortableOuter table{
    padding: 0 !important;
    width: 100%;
}

.dialogWindow .sortableOuter td{
    padding: 0 !important;
    width: 50%;
}

.selectedList, .availableList{
    list-style-type: none;
    overflow: auto;
    overflow-x: hidden;
}

.selectedList,
.jsSettingsTabBorder .operation .selectedList{
    border-left: 1px dotted #808080;
    border-right: 1px dotted #808080;
    border-bottom: 1px dotted #808080;
    position: relative;
}

.availableList,
.jsSettingsTabBorder .operation .availableList{
    border-right: 1px dotted #808080;
    border-bottom: 1px dotted #808080;
    position: relative;
}

.jsSettingsTabBorder .selectedList{
    border-left: none;
    border-bottom: none;
}

.jsSettingsTabBorder .availableList{
    border-right: none;
    border-bottom: none;
}

.connectedSortable li,
li.ui-sortable-helper{
    border:  1px solid #9C9C9C;
    margin: 5px 5px 0 5px !important;
    padding-left: 20px;
    display: block;
    cursor: pointer;
    font-size: 11px;
    min-height: 20px;
    line-height: 20px;
    border: 1px solid #9C9C9C;
    background: url("../images/listBg.png") 50% 50% repeat-x;
    font-weight: normal;
    color: #5E5D55;
    position: relative;
}

.connectedSortable li:hover{
    color: #222222;
    background: url("../images/listBgHover.png")  50% 50% repeat-x;
}

.connectedSortable li.ui-state-highlight{
    border: 1px solid #9c9c9c !important;
    background: #d2d2d2 !important;
    color: black !important;
    margin: 5px 5px 0 5px !important;
}

.connectedSortable li.no-drag{
    color: #aaaaaa !important;
}

.dialogWindow  .checkboxFormatter{
    cursor: pointer;
    margin-right: 5px;
}

.dialogWindow  .colorFormatter{
    width: 15px;
    cursor: pointer;
    border: 1px solid #9C9C9C;
    line-height: 12px;
    margin: 2px 5px 0 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.dialogWindow  .numberFormatter{
    width: 40px;
    border: 1px solid #BBBBBB;
    padding:  0;
    margin: 2px 2px 0 0;
    float: right;
}

.dialogWindow  .actionFormatter,
.dialogWindow  .paramFormatter{
    text-decoration: none;
    background: none;
    color: #1A8EBD;
    padding: 0 1px;
    word-wrap: normal;
    white-space: nowrap;
    word-break: keep-all;
}

.dialogWindow  .actionFormatter{
    margin-right: 5px;
}

.dialogWindow  .actionFormatter:hover,
.dialogWindow  .paramFormatter:hover{
    text-decoration: none;
    background: none;
    color: #163BC4;
}

.dialogWindow  .actionFormatter.selectedActionLink,
.dialogWindow  .paramFormatter.selectedParamLink{
    text-decoration: none;
    background: #45BBE1;
    color: #ffffff !important;
    padding: 0 1px;
}

.dialogWindow  .actionFormatter.selectedActionLink:hover,
.dialogWindow  .paramFormatter.selectedParamLink:hover{
    text-decoration: none;
    background: #1A8EBD;
    color: #ffffff;
}


.selectOuter{
    margin-bottom: 10px;
}

.selectOuter a{
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

#tabsNav{
    width: 200px;
    float: left;
    overflow-y: auto;
    overflow-x: hidden;
}

#tabsNav li{
    width: 98% !important;
}

#tabsNav li a{
    display: block !important;
    float: none !important;
    white-space: normal !important;
}


#confirmDialog{
    padding-top: 10px;
    line-height: 1.5em;
}

.htmlSettingsTab{
    border: 1px dotted #808080;
    overflow-y: auto;
}

.html-tab-parameter{
    padding: 10px;
}

.html-tab-parameter input:not(.attribute-selector__input) {
    border: 1px solid #999999;
    font-family: Arial, sans-serif;
    font-size: 12px;
    margin-left: 5px;
}

.html-tab-parameter > .NumberInput{
    width: 50px;
}

.html-tab-parameter select{
    border: 1px solid #999999;
    font-family: Arial, sans-serif;
    font-size: 12px;
    margin-left: 5px;
}

.tabsGroupNav{
    width: 200px;
    float: left;
    overflow-y: auto;
    overflow-x: hidden;
}

.selectedTabLink, .selectedTabLink:hover {
    background-color: #45BBE1 !important;
    color: white !important;
    text-decoration: none;
}

.font-style-example{
    margin-left: 10px;
}

.font-style-picker,
.background-style-picker{
    margin-left: 10px;
    color: #1a8ebd;
    cursor: pointer;
}

.font-style-picker:hover,
.background-style-picker:hover{
    margin-left: 10px;
    color: #163BC4;
    cursor: pointer;
}




/* card layouts */


.layout-outer{
    padding: 10px;
}

/*.layout-selector{*/
    /*float: left;*/
/*}*/

.layout-selector a{
    border: 1px solid #bbbbbb;
    display: block;
    float: left;
    margin: 10px 0 10px 1%;
    padding:  0.35em;
    width: auto;
    background: white;
    outline: medium none;
}

.layout-selector a strong{
    background: #fff url('../images/sprite-layouts.png') no-repeat 0 0;
    cursor: pointer;
    display: block;
    float: left;
    height: 37px;
    text-indent: -9999px;
    width: 68px;
}

.layout-selector a.layout-a strong{
    background-position: 0 0;
}

.layout-selector a.layout-aa strong{
    background-position: 0 -41px;
}

.layout-selector a.layout-ab strong{
    background-position: 0 -82px;
}

.layout-selector a.layout-ba strong{
    background-position: 0 -123px;
}

.layout-selector a.layout-aaa strong{
    background-position: 0 -164px;
}

.layout-selector li.layout-selected a{
    border: 1px solid #666666;
    background: #eeeeee;
}


.layout-buffer-buttons{
    padding: 10px 18px 0 0;
    float: right;
}


.layout-buffer-buttons2{
    padding: 3px 18px 0 0;
    float: right;
}

/*.layout{*/
    /*float: left;*/
/*}*/

.layout .column{
    margin: 0 0 0 1%;
    float: left;
    /*overflow-y: auto;*/
}

.layout-tab .column{
    background: #efefef;
}

/* layout-a */
.layout.layout-a .first{
    width: 98%;
}

.layout.layout-a .second{
    display: none;
}

.layout.layout-a .third{
    display: none;
}

/* layout-aa */
.layout.layout-aa .first{
    width: 48.5%;
}

.layout.layout-aa .second{
    width: 48.5%;
    display: block;
}

.layout.layout-aa .third{
    display: none;
}

/* layout-ab */
.layout.layout-ab .first{
    width: 32%;
}

.layout.layout-ab .second{
    width: 65%;
    display: block;
}

.layout.layout-ab .third{
    display: none;
}

/* layout-ba */
.layout.layout-ba .first{
    width: 65%;
}

.layout.layout-ba .second{
    width: 32%;
    display: block;
}

.layout.layout-ba .third{
    display: none;
}

/* layout-aaa */
.layout.layout-aaa .column{
    width: 32%;
    display: block;
}


.smallTabList{
    border-top: 1px dotted #808080;
}

.buttons-in-option{
    position: absolute;
    right: 5px;
    top: 5px;
}

.addGroupOuter{
    height: 32px;
    padding: 5px 0 5px 1%;
}

.addGroupOuter input{
    margin-top: 5px;
}

/*.groupNameOuter{*/
    /*line-height: 16px !important;*/
/*}*/

.groupNameOuter .nameEditor-outer{
    display: inline;
    padding: 0 !important;
}

.groupNameOuter .nameEditor-outer input{
    width: calc(100% - 100px);
}
.group-card-names-col-width{
    margin-left: 19px;
    padding: 0 !important;
    width: 50px;
    border: solid 1px #bbbbbb;
    line-height: 16px !important;
}




/* page layouts */

/*.layout-tab-outer{*/
    /*border: 1px dotted #808080;*/
/*}*/

/*.layout-outer{*/
    /*padding: 10px;*/
/*}*/

/*.layout-selector{*/
    /*float: left;*/
/*}*/

.page-layout-selector{
    padding-left: 190px;
    *padding-left: 0;
}

.page-layout-legend{
    width: 180px;
    margin: 10px 0 0 10px;
    float: left;
}

.page-layout-legend-standart{
    background: url('../images/page-layouts.png') no-repeat -113px 0;
    height: 200px;
}

.page-layout-legend-email{
    background: url('../images/page-layouts-email.png') no-repeat -113px 0;
    height: 140px;
}

.page-layout-selector li{
    *display: inline;
}

.page-layout-selector a{
    border: 1px solid #bbbbbb;
    display: block;
    float: left;
    margin: 10px 0 0 1%;
    padding:  0.35em;
    width: auto;
    background: white;
    outline: medium none;
    *display: inline;
}

.page-layout-selector a strong{
    cursor: pointer;
    display: block;
    float: left;
    height: 62px;
    text-indent: -9999px;
    width: 112px;
    position: relative;
}

.page-layout-selector a strong b{
    cursor: pointer;
    display: block;
    height: 22px;
    text-indent: -9999px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.page-layout-selector-standart a strong{
    background: #fff url('../images/page-layouts.png') no-repeat 0 0;
}

.page-layout-selector-standart a strong b{
    background: url('../images/page-layouts.png') no-repeat -116px -197px;
}

.page-layout-selector-standart a.LAYOUT_PAGE_1 strong{
    background-position: -1px -1px;
}

.page-layout-selector-standart a.LAYOUT_PAGE_2 strong{
    background-position: -1px -64px;
}

.page-layout-selector-standart a.LAYOUT_PAGE_3 strong{
    background-position: -1px -127px;
}

.page-layout-selector-standart a.LAYOUT_PAGE_4 strong{
    background-position: -1px -190px;
}

.page-layout-selector-standart a.LAYOUT_PAGE_5 strong{
    background-position: -1px -253px;
}

.page-layout-selector-standart a.LAYOUT_PAGE_6 strong{
    background-position: -1px -316px;
}

.page-layout-selector-standart a.LAYOUT_PAGE_7 strong{
    background-position: -1px -379px;
}

.page-layout-selector-standart a.LAYOUT_PAGE_8 strong{
    background-position: -1px -442px;
}

.page-layout-selector-standart a.LAYOUT_PAGE_9 strong{
    background-position: -1px -505px;
}

.page-layout-selector-standart a.LAYOUT_PAGE_10 strong{
    background-position: -1px -568px;
}

.page-layout-selector-standart a.LAYOUT_PAGE_11 strong{
    background-position: -1px -631px;
}

.page-layout-selector-standart a.LAYOUT_PAGE_12 strong{
    background-position: -1px -694px;
}

.page-layout-selector-standart a.LAYOUT_PAGE_13 strong{
    background-position: -1px -757px;
}

.page-layout-selector-standart a.LAYOUT_PAGE_14 strong{
    background-position: -1px -64px;
}

.page-layout-selector-standart a.LAYOUT_PAGE_15 strong{
    background-position: -1px -820px;
}

.page-layout-selector-standart a.LAYOUT_PAGE_16 strong{
    background-position: -1px -883px;
}

.page-layout-selector-standart a.LAYOUT_PAGE_17 strong{
    background-position: -1px -946px;
}

.page-layout-selector-standart a.LAYOUT_PAGE_18 strong{
    background-position: -1px -1009px;
}

.page-layout-selector li.layout-selected a{
    border: 1px solid #333333;
    background: #eeeeee;
}


.page-layout-selector-email a strong{
    background: #fff url('../images/page-layouts-email.png') no-repeat 0 0;
}

.page-layout-selector-email a strong b{
    background: url('../images/page-layouts-email.png') no-repeat -116px -197px;
}

.page-layout-selector-email a.LAYOUT_THE_BAT strong{
    background-position: -1px -1px;
}

.page-layout-selector-email a.LAYOUT_OUTLOOK strong{
    background-position: -1px -64px;
}