.AXButton, .AXButtonLarge, .AXButtonSmall, .axbutton-event-normal,
    .axbutton-style-normal {
    padding: 0 8px;
    box-sizing: content-box;
    display: inline-block;
    margin: 0;
    text-align: center
}

.AXButton, .AXButtonLarge, .AXButtonSmall, .AXEditor .editorHead .me___headPanel .me___selecterBox .me___inputBtn input
    {
    vertical-align: middle
}

button, button:hover {
    font-family: inherit
}

.axbutton-style-normal {
    background: #fdfdfd;
    background-image: -webkit-linear-gradient(#fdfdfd, #e8e8e8);
    background-image: -o-linear-gradient(#fdfdfd, #e8e8e8);
    background-image: -moz-linear-gradient(#fdfdfd, #e8e8e8);
    background-image: linear-gradient(#fdfdfd, #e8e8e8);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#fdfdfd, endColorstr=#e8e8e8);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#fdfdfd, endColorstr=#e8e8e8);
    color: #6e7a85;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .9);
    -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .15);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .15);
    border: 1px solid #b9babc;
    -webkit-border-radius: 4px 5px 5px;
    -moz-border-radius: 4px 5px 5px;
    border-radius: 4px 5px 5px;
    -webkit-appearance: none;
    -moz-appearance: none
}

.axbutton-style-classic {
    background: #c1cdd5;
    background-image: -webkit-linear-gradient(#c1cdd5, #98a4ae);
    background-image: -o-linear-gradient(#c1cdd5, #98a4ae);
    background-image: -moz-linear-gradient(#c1cdd5, #98a4ae);
    background-image: linear-gradient(#c1cdd5, #98a4ae);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#c1cdd5, endColorstr=#98a4ae);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#c1cdd5, endColorstr=#98a4ae);
    color: #5c6b74;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
    -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .15);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .15);
    border: 1px solid #81898e;
    -webkit-border-radius: 4px 5px 5px;
    -moz-border-radius: 4px 5px 5px;
    border-radius: 4px 5px 5px;
    -webkit-appearance: none;
    -moz-appearance: none
}

.axbutton-style-blue, .axbutton-style-green, .axbutton-style-red {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    -webkit-appearance: none;
    -moz-appearance: none
}

.axbutton-style-blue {
    background: #6faee1;
    background-image: -webkit-linear-gradient(#6faee1, #468ec9);
    background-image: -o-linear-gradient(#6faee1, #468ec9);
    background-image: -moz-linear-gradient(#6faee1, #468ec9);
    background-image: linear-gradient(#6faee1, #468ec9);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#6faee1, endColorstr=#468ec9);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#6faee1, endColorstr=#468ec9);
    color: #d0ebfe;
    border: 1px solid #3f80b1
}

.axbutton-style-green {
    background: #98c87b;
    background-image: -webkit-linear-gradient(#98c87b, #79aa5a);
    background-image: -o-linear-gradient(#98c87b, #79aa5a);
    background-image: -moz-linear-gradient(#98c87b, #79aa5a);
    background-image: linear-gradient(#98c87b, #79aa5a);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#98c87b, endColorstr=#79aa5a);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#98c87b, endColorstr=#79aa5a);
    color: #dffebe;
    border: 1px solid #6a9751
}

.axbutton-style-red {
    background: #c65a5b;
    background-image: -webkit-linear-gradient(#c65a5b, #a93b3e);
    background-image: -o-linear-gradient(#c65a5b, #a93b3e);
    background-image: -moz-linear-gradient(#c65a5b, #a93b3e);
    background-image: linear-gradient(#c65a5b, #a93b3e);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#c65a5b, endColorstr=#a93b3e);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#c65a5b, endColorstr=#a93b3e);
    color: #fcccc9;
    border: 1px solid #87302b
}

.axbutton-style-disabled {
    background: #d7d7d7;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .1);
    background-image: -webkit-linear-gradient(#d7d7d7, #d7d7d7);
    background-image: -o-linear-gradient(#d7d7d7, #d7d7d7);
    background-image: -moz-linear-gradient(#d7d7d7, #d7d7d7);
    background-image: linear-gradient(#d7d7d7, #d7d7d7);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#d7d7d7, endColorstr=#d7d7d7);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#d7d7d7, endColorstr=#d7d7d7);
    -webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
    color: #eaeaea;
    border: 1px solid #ccc;
    -webkit-appearance: none;
    -moz-appearance: none
}

.axbutton-event-normal {
    background: #fdfdfd;
    background-image: -webkit-linear-gradient(#fdfdfd, #e8e8e8);
    background-image: -o-linear-gradient(#fdfdfd, #e8e8e8);
    background-image: -moz-linear-gradient(#fdfdfd, #e8e8e8);
    background-image: linear-gradient(#fdfdfd, #e8e8e8);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#fdfdfd, endColorstr=#e8e8e8);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#fdfdfd, endColorstr=#e8e8e8);
    color: #6e7a85;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .9);
    -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .15);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .15);
    border: 1px solid #b9babc;
    -webkit-border-radius: 4px 5px 5px;
    -moz-border-radius: 4px 5px 5px;
    border-radius: 4px 5px 5px;
    -webkit-appearance: none;
    -moz-appearance: none
}

.axbutton-event-normal:focus, .axbutton-event-normal:hover {
    background: #e8e8e8;
    text-decoration: none;
    color: #6e7a85
}

.axbutton-event-normal:active {
    box-shadow: none
}

.axbutton-event-classic {
    background: #c1cdd5;
    background-image: -webkit-linear-gradient(#c1cdd5, #98a4ae);
    background-image: -o-linear-gradient(#c1cdd5, #98a4ae);
    background-image: -moz-linear-gradient(#c1cdd5, #98a4ae);
    background-image: linear-gradient(#c1cdd5, #98a4ae);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#c1cdd5, endColorstr=#98a4ae);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#c1cdd5, endColorstr=#98a4ae);
    color: #5c6b74;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
    -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .15);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .15);
    border: 1px solid #81898e;
    -webkit-border-radius: 4px 5px 5px;
    -moz-border-radius: 4px 5px 5px;
    border-radius: 4px 5px 5px;
    -webkit-appearance: none;
    -moz-appearance: none
}

.axbutton-event-blue, .axbutton-event-green, .axbutton-event-red {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    -webkit-appearance: none;
    -moz-appearance: none
}

.axbutton-event-blue:active, .axbutton-event-classic:active,
    .axbutton-event-green:active, .axbutton-event-red:active {
    box-shadow: none
}

.axbutton-event-classic:focus, .axbutton-event-classic:hover {
    background: #98a4ae;
    text-decoration: none;
    color: #5c6b74
}

.axbutton-event-blue {
    background: #6faee1;
    background-image: -webkit-linear-gradient(#6faee1, #468ec9);
    background-image: -o-linear-gradient(#6faee1, #468ec9);
    background-image: -moz-linear-gradient(#6faee1, #468ec9);
    background-image: linear-gradient(#6faee1, #468ec9);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#6faee1, endColorstr=#468ec9);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#6faee1, endColorstr=#468ec9);
    color: #d0ebfe;
    border: 1px solid #3f80b1
}

.axbutton-event-blue:focus, .axbutton-event-blue:hover {
    background: #468ec9
}

.axbutton-event-green {
    background: #98c87b;
    background-image: -webkit-linear-gradient(#98c87b, #79aa5a);
    background-image: -o-linear-gradient(#98c87b, #79aa5a);
    background-image: -moz-linear-gradient(#98c87b, #79aa5a);
    background-image: linear-gradient(#98c87b, #79aa5a);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#98c87b, endColorstr=#79aa5a);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#98c87b, endColorstr=#79aa5a);
    color: #dffebe;
    border: 1px solid #6a9751
}

.axbutton-event-green:focus, .axbutton-event-green:hover {
    background: #79aa5a
}

.axbutton-event-red {
    background: #c65a5b;
    background-image: -webkit-linear-gradient(#c65a5b, #a93b3e);
    background-image: -o-linear-gradient(#c65a5b, #a93b3e);
    background-image: -moz-linear-gradient(#c65a5b, #a93b3e);
    background-image: linear-gradient(#c65a5b, #a93b3e);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#c65a5b, endColorstr=#a93b3e);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#c65a5b, endColorstr=#a93b3e);
    color: #fcccc9;
    border: 1px solid #87302b
}

.axbutton-event-red:focus, .axbutton-event-red:hover {
    background: #a93b3e
}

.axbutton-event-disabled {
    background: #d7d7d7;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .1);
    background-image: -webkit-linear-gradient(#d7d7d7, #d7d7d7);
    background-image: -o-linear-gradient(#d7d7d7, #d7d7d7);
    background-image: -moz-linear-gradient(#d7d7d7, #d7d7d7);
    background-image: linear-gradient(#d7d7d7, #d7d7d7);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#d7d7d7, endColorstr=#d7d7d7);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#d7d7d7, endColorstr=#d7d7d7);
    -webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
    color: #eaeaea;
    border: 1px solid #ccc;
    -webkit-appearance: none;
    -moz-appearance: none
}

.axbutton-event-disabled:focus, .axbutton-event-disabled:hover {
    background: #d7d7d7
}

.axbutton-event-disabled:active {
    box-shadow: none
}

.AXButton {
    position: relative;
    font-size: 11px;
    height: 26px;
    line-height: 26px;
    cursor: pointer;
    outline: 0;
    background: #fdfdfd;
    background-image: -webkit-linear-gradient(#fdfdfd, #e8e8e8);
    background-image: -o-linear-gradient(#fdfdfd, #e8e8e8);
    background-image: -moz-linear-gradient(#fdfdfd, #e8e8e8);
    background-image: linear-gradient(#fdfdfd, #e8e8e8);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#fdfdfd, endColorstr=#e8e8e8);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#fdfdfd, endColorstr=#e8e8e8);
    color: #6e7a85;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .9);
    -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .15);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .15);
    border: 1px solid #b9babc;
    -webkit-border-radius: 4px 5px 5px;
    -moz-border-radius: 4px 5px 5px;
    border-radius: 4px 5px 5px;
    -webkit-appearance: none;
    -moz-appearance: none
}

.AXButton:focus, .AXButton:hover {
    background: #e8e8e8;
    text-decoration: none;
    color: #6e7a85
}

.AXButton:active {
    box-shadow: none
}

.AXButton.Classic {
    background: #c1cdd5;
    background-image: -webkit-linear-gradient(#c1cdd5, #98a4ae);
    background-image: -o-linear-gradient(#c1cdd5, #98a4ae);
    background-image: -moz-linear-gradient(#c1cdd5, #98a4ae);
    background-image: linear-gradient(#c1cdd5, #98a4ae);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#c1cdd5, endColorstr=#98a4ae);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#c1cdd5, endColorstr=#98a4ae);
    color: #5c6b74;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
    -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .15);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .15);
    border: 1px solid #81898e;
    -webkit-border-radius: 4px 5px 5px;
    -moz-border-radius: 4px 5px 5px;
    border-radius: 4px 5px 5px;
    -webkit-appearance: none;
    -moz-appearance: none
}

.AXButton.Blue, .AXButton.Green, .AXButton.Red {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    -webkit-appearance: none;
    -moz-appearance: none
}

.AXButton.Blue:active, .AXButton.Classic:active, .AXButton.Green:active,
    .AXButton.Red:active {
    box-shadow: none
}

.AXButton.Classic:focus, .AXButton.Classic:hover {
    background: #98a4ae;
    text-decoration: none;
    color: #5c6b74
}

.AXButton.Blue {
    background: #6faee1;
    background-image: -webkit-linear-gradient(#6faee1, #468ec9);
    background-image: -o-linear-gradient(#6faee1, #468ec9);
    background-image: -moz-linear-gradient(#6faee1, #468ec9);
    background-image: linear-gradient(#6faee1, #468ec9);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#6faee1, endColorstr=#468ec9);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#6faee1, endColorstr=#468ec9);
    color: #d0ebfe;
    border: 1px solid #3f80b1
}

.AXButton.Blue:focus, .AXButton.Blue:hover {
    background: #468ec9
}

.AXButton.Green {
    background: #98c87b;
    background-image: -webkit-linear-gradient(#98c87b, #79aa5a);
    background-image: -o-linear-gradient(#98c87b, #79aa5a);
    background-image: -moz-linear-gradient(#98c87b, #79aa5a);
    background-image: linear-gradient(#98c87b, #79aa5a);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#98c87b, endColorstr=#79aa5a);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#98c87b, endColorstr=#79aa5a);
    color: #dffebe;
    border: 1px solid #6a9751
}

.AXButton.Green:focus, .AXButton.Green:hover {
    background: #79aa5a
}

.AXButton.Red {
    background: #c65a5b;
    background-image: -webkit-linear-gradient(#c65a5b, #a93b3e);
    background-image: -o-linear-gradient(#c65a5b, #a93b3e);
    background-image: -moz-linear-gradient(#c65a5b, #a93b3e);
    background-image: linear-gradient(#c65a5b, #a93b3e);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#c65a5b, endColorstr=#a93b3e);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#c65a5b, endColorstr=#a93b3e);
    color: #fcccc9;
    border: 1px solid #87302b
}

.AXButton.Red:focus, .AXButton.Red:hover {
    background: #a93b3e
}

.AXButton[disabled] {
    background: #d7d7d7;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .1);
    background-image: -webkit-linear-gradient(#d7d7d7, #d7d7d7);
    background-image: -o-linear-gradient(#d7d7d7, #d7d7d7);
    background-image: -moz-linear-gradient(#d7d7d7, #d7d7d7);
    background-image: linear-gradient(#d7d7d7, #d7d7d7);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#d7d7d7, endColorstr=#d7d7d7);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#d7d7d7, endColorstr=#d7d7d7);
    -webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
    color: #eaeaea;
    border: 1px solid #ccc;
    -webkit-appearance: none;
    -moz-appearance: none
}

.AXButton[disabled]:focus, .AXButton[disabled]:hover {
    background: #d7d7d7
}

.AXButton[disabled]:active {
    box-shadow: none
}

.AXButtonSmall {
    position: relative;
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    cursor: pointer;
    outline: 0;
    background: #fdfdfd;
    background-image: -webkit-linear-gradient(#fdfdfd, #e8e8e8);
    background-image: -o-linear-gradient(#fdfdfd, #e8e8e8);
    background-image: -moz-linear-gradient(#fdfdfd, #e8e8e8);
    background-image: linear-gradient(#fdfdfd, #e8e8e8);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#fdfdfd, endColorstr=#e8e8e8);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#fdfdfd, endColorstr=#e8e8e8);
    color: #6e7a85;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .9);
    -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .15);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .15);
    border: 1px solid #b9babc;
    -webkit-border-radius: 4px 5px 5px;
    -moz-border-radius: 4px 5px 5px;
    border-radius: 4px 5px 5px;
    -webkit-appearance: none;
    -moz-appearance: none
}

.AXButtonSmall:focus, .AXButtonSmall:hover {
    background: #e8e8e8;
    text-decoration: none;
    color: #6e7a85
}

.AXButtonSmall:active {
    box-shadow: none
}

.AXButtonSmall.Classic {
    background: #c1cdd5;
    background-image: -webkit-linear-gradient(#c1cdd5, #98a4ae);
    background-image: -o-linear-gradient(#c1cdd5, #98a4ae);
    background-image: -moz-linear-gradient(#c1cdd5, #98a4ae);
    background-image: linear-gradient(#c1cdd5, #98a4ae);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#c1cdd5, endColorstr=#98a4ae);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#c1cdd5, endColorstr=#98a4ae);
    color: #5c6b74;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
    -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .15);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .15);
    border: 1px solid #81898e;
    -webkit-border-radius: 4px 5px 5px;
    -moz-border-radius: 4px 5px 5px;
    border-radius: 4px 5px 5px;
    -webkit-appearance: none;
    -moz-appearance: none
}

.AXButtonSmall.Blue, .AXButtonSmall.Green, .AXButtonSmall.Red {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    -webkit-appearance: none;
    -moz-appearance: none
}

.AXButtonSmall.Blue:active, .AXButtonSmall.Classic:active,
    .AXButtonSmall.Green:active, .AXButtonSmall.Red:active {
    box-shadow: none
}

.AXButtonSmall.Classic:focus, .AXButtonSmall.Classic:hover {
    background: #98a4ae;
    text-decoration: none;
    color: #5c6b74
}

.AXButtonSmall.Blue {
    background: #6faee1;
    background-image: -webkit-linear-gradient(#6faee1, #468ec9);
    background-image: -o-linear-gradient(#6faee1, #468ec9);
    background-image: -moz-linear-gradient(#6faee1, #468ec9);
    background-image: linear-gradient(#6faee1, #468ec9);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#6faee1, endColorstr=#468ec9);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#6faee1, endColorstr=#468ec9);
    color: #d0ebfe;
    border: 1px solid #3f80b1
}

.AXButtonSmall.Blue:focus, .AXButtonSmall.Blue:hover {
    background: #468ec9
}

.AXButtonSmall.Green {
    background: #98c87b;
    background-image: -webkit-linear-gradient(#98c87b, #79aa5a);
    background-image: -o-linear-gradient(#98c87b, #79aa5a);
    background-image: -moz-linear-gradient(#98c87b, #79aa5a);
    background-image: linear-gradient(#98c87b, #79aa5a);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#98c87b, endColorstr=#79aa5a);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#98c87b, endColorstr=#79aa5a);
    color: #dffebe;
    border: 1px solid #6a9751
}

.AXButtonSmall.Green:focus, .AXButtonSmall.Green:hover {
    background: #79aa5a
}

.AXButtonSmall.Red {
    background: #c65a5b;
    background-image: -webkit-linear-gradient(#c65a5b, #a93b3e);
    background-image: -o-linear-gradient(#c65a5b, #a93b3e);
    background-image: -moz-linear-gradient(#c65a5b, #a93b3e);
    background-image: linear-gradient(#c65a5b, #a93b3e);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#c65a5b, endColorstr=#a93b3e);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#c65a5b, endColorstr=#a93b3e);
    color: #fcccc9;
    border: 1px solid #87302b
}

.AXButtonSmall.Red:focus, .AXButtonSmall.Red:hover {
    background: #a93b3e
}

.AXButtonSmall[disabled] {
    background: #d7d7d7;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .1);
    background-image: -webkit-linear-gradient(#d7d7d7, #d7d7d7);
    background-image: -o-linear-gradient(#d7d7d7, #d7d7d7);
    background-image: -moz-linear-gradient(#d7d7d7, #d7d7d7);
    background-image: linear-gradient(#d7d7d7, #d7d7d7);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#d7d7d7, endColorstr=#d7d7d7);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#d7d7d7, endColorstr=#d7d7d7);
    -webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
    color: #eaeaea;
    border: 1px solid #ccc;
    -webkit-appearance: none;
    -moz-appearance: none
}

.AXButtonSmall[disabled]:focus, .AXButtonSmall[disabled]:hover {
    background: #d7d7d7
}

.AXButtonSmall[disabled]:active {
    box-shadow: none
}

.AXButtonLarge {
    position: relative;
    font-size: 11px;
    height: 46px;
    line-height: 46px;
    cursor: pointer;
    outline: 0;
    background: #fdfdfd;
    background-image: -webkit-linear-gradient(#fdfdfd, #e8e8e8);
    background-image: -o-linear-gradient(#fdfdfd, #e8e8e8);
    background-image: -moz-linear-gradient(#fdfdfd, #e8e8e8);
    background-image: linear-gradient(#fdfdfd, #e8e8e8);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#fdfdfd, endColorstr=#e8e8e8);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#fdfdfd, endColorstr=#e8e8e8);
    color: #6e7a85;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .9);
    -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .15);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .15);
    border: 1px solid #b9babc;
    -webkit-border-radius: 4px 5px 5px;
    -moz-border-radius: 4px 5px 5px;
    border-radius: 4px 5px 5px;
    -webkit-appearance: none;
    -moz-appearance: none
}

.AXButtonLarge:focus, .AXButtonLarge:hover {
    background: #e8e8e8;
    text-decoration: none;
    color: #6e7a85
}

.AXButtonLarge:active {
    box-shadow: none
}

.AXButtonLarge.Classic {
    background: #c1cdd5;
    background-image: -webkit-linear-gradient(#c1cdd5, #98a4ae);
    background-image: -o-linear-gradient(#c1cdd5, #98a4ae);
    background-image: -moz-linear-gradient(#c1cdd5, #98a4ae);
    background-image: linear-gradient(#c1cdd5, #98a4ae);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#c1cdd5, endColorstr=#98a4ae);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#c1cdd5, endColorstr=#98a4ae);
    color: #5c6b74;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
    -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .15);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .15);
    border: 1px solid #81898e;
    -webkit-border-radius: 4px 5px 5px;
    -moz-border-radius: 4px 5px 5px;
    border-radius: 4px 5px 5px;
    -webkit-appearance: none;
    -moz-appearance: none
}

.AXButtonLarge.Blue, .AXButtonLarge.Green, .AXButtonLarge.Red {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    -webkit-appearance: none;
    -moz-appearance: none
}

.AXButtonLarge.Blue:active, .AXButtonLarge.Classic:active,
    .AXButtonLarge.Green:active, .AXButtonLarge.Red:active {
    box-shadow: none
}

.AXButtonLarge.Classic:focus, .AXButtonLarge.Classic:hover {
    background: #98a4ae;
    text-decoration: none;
    color: #5c6b74
}

.AXButtonLarge.Blue {
    background: #6faee1;
    background-image: -webkit-linear-gradient(#6faee1, #468ec9);
    background-image: -o-linear-gradient(#6faee1, #468ec9);
    background-image: -moz-linear-gradient(#6faee1, #468ec9);
    background-image: linear-gradient(#6faee1, #468ec9);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#6faee1, endColorstr=#468ec9);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#6faee1, endColorstr=#468ec9);
    color: #d0ebfe;
    border: 1px solid #3f80b1
}

.AXButtonLarge.Blue:focus, .AXButtonLarge.Blue:hover {
    background: #468ec9
}

.AXButtonLarge.Green {
    background: #98c87b;
    background-image: -webkit-linear-gradient(#98c87b, #79aa5a);
    background-image: -o-linear-gradient(#98c87b, #79aa5a);
    background-image: -moz-linear-gradient(#98c87b, #79aa5a);
    background-image: linear-gradient(#98c87b, #79aa5a);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#98c87b, endColorstr=#79aa5a);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#98c87b, endColorstr=#79aa5a);
    color: #dffebe;
    border: 1px solid #6a9751
}

.AXButtonLarge.Green:focus, .AXButtonLarge.Green:hover {
    background: #79aa5a
}

.AXButtonLarge.Red {
    background: #c65a5b;
    background-image: -webkit-linear-gradient(#c65a5b, #a93b3e);
    background-image: -o-linear-gradient(#c65a5b, #a93b3e);
    background-image: -moz-linear-gradient(#c65a5b, #a93b3e);
    background-image: linear-gradient(#c65a5b, #a93b3e);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#c65a5b, endColorstr=#a93b3e);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#c65a5b, endColorstr=#a93b3e);
    color: #fcccc9;
    border: 1px solid #87302b
}

.AXButtonLarge.Red:focus, .AXButtonLarge.Red:hover {
    background: #a93b3e
}

.AXButtonLarge[disabled] {
    background: #d7d7d7;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .1);
    background-image: -webkit-linear-gradient(#d7d7d7, #d7d7d7);
    background-image: -o-linear-gradient(#d7d7d7, #d7d7d7);
    background-image: -moz-linear-gradient(#d7d7d7, #d7d7d7);
    background-image: linear-gradient(#d7d7d7, #d7d7d7);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#d7d7d7, endColorstr=#d7d7d7);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#d7d7d7, endColorstr=#d7d7d7);
    -webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
    color: #eaeaea;
    border: 1px solid #ccc;
    -webkit-appearance: none;
    -moz-appearance: none
}

.AXButtonLarge[disabled]:focus, .AXButtonLarge[disabled]:hover {
    background: #d7d7d7
}

.AXButtonLarge[disabled]:active {
    box-shadow: none
}

.AXEditor {
    position: relative;
    padding: 0;
    margin: 0;
    background: #fff;
    overflow: hidden;
    border: 2px solid #bebebe;
    font-family: "Nanum Gothic"
}

.AXEditor .editorHead {
    position: relative;
    height: 30px;
    z-index: 3
}

.AXEditor .editorHead .me___headFileStatus {
    height: 24px;
    background: url(images/dx-editor-file-status.gif) no-repeat;
    border-bottom: 2px solid #bebebe;
    text-indent: 25px;
    font-size: 11px;
    line-height: 24px
}

.AXEditor .editorHead .me___tabContainer {
    height: 33px;
    background: url(images/dx-editor-tmBg.gif) repeat-x
}

.AXEditor .editorHead .me___tabContainer .me___item {
    float: left;
    min-width: 84px;
    position: relative;
    height: 33px;
    border-right: 2px solid #bebebe;
    text-align: center
}

.AXEditor .editorHead .me___tabContainer .me___item a.me____btn {
    display: block;
    height: 21px;
    line-height: 21px;
    padding: 0 25px;
    font-size: 11px;
    color: #5c5c5c;
    text-align: center
}

.AXEditor .editorHead .me___tabContainer .me___item a.me____btn:hover {
    color: #ccc
}

.AXEditor .editorHead .me___tabContainer .me___item a.me____tab {
    display: block;
    height: 11px;
    text-indent: -1000px;
    overflow: hidden;
    background: url(images/dx-editor-arrow.gif) center 1px no-repeat;
    font-size: 1px;
    line-height: 1px;
    text-decoration: none
}

.AXEditor .editorHead .me___tabContainer .me___item a.me____tab:hover {
    background: url(images/dx-editor-arrow-on.gif) center 1px no-repeat
}

.AXEditor .editorHead .me___tabContainer .me___item .me____attchSwf {
    position: absolute;
    left: 0;
    top: 0;
    border: 0;
    height: 1px;
    width: 1px;
    font-size: 1px;
    line-height: 1px
}

.AXEditor .editorHead .me___tabContainer .me___itemOn {
    background: url(images/dx-editor-tm-bg-on.gif) repeat-x
}

.AXEditor .editorHead .me___headPanel {
    position: relative;
    padding: 4px 0 5px;
    height: 22px;
    background: url(images/dx-editor-pa-bg.gif) repeat-x;
    z-index: 100
}

.AXEditor .editorHead .me___headPanel a {
    display: block;
    float: left;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #000;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.AXEditor .editorHead .me___headPanel a:hover {
    color: #0080ff
}

.AXEditor .editorHead .me___headPanel a.me___btnL {
    width: 23px;
    background: url(images/dx-editor-btns.gif) -170px 0 no-repeat
}

.AXEditor .editorHead .me___headPanel a.me___btnL:hover {
    background-position: -170px -30px
}

.AXEditor .editorHead .me___headPanel a.me___btnM {
    width: 22px;
    background: url(images/dx-editor-btns.gif) -193px 0 no-repeat
}

.AXEditor .editorHead .me___headPanel a.me___btnM:hover {
    background-position: -193px -30px
}

.AXEditor .editorHead .me___headPanel a.me___btnR {
    width: 23px;
    background: url(images/dx-editor-btns.gif) -215px 0 no-repeat
}

.AXEditor .editorHead .me___headPanel a.me___btnR:hover {
    background-position: -215px -30px
}

.AXEditor .editorHead .me___headPanel a.me___btnLa {
    width: 23px;
    background: url(images/dx-editor-btns.gif) -270px 0 no-repeat
}

.AXEditor .editorHead .me___headPanel a.me___btnLa:hover {
    background-position: -270px -30px
}

.AXEditor .editorHead .me___headPanel a.me___btnMa {
    width: 22px;
    background: url(images/dx-editor-btns.gif) -293px 0 no-repeat
}

.AXEditor .editorHead .me___headPanel a.me___btnMa:hover {
    background-position: -293px -30px
}

.AXEditor .editorHead .me___headPanel a.me___btnRa {
    width: 23px;
    background: url(images/dx-editor-btns.gif) -315px 0 no-repeat
}

.AXEditor .editorHead .me___headPanel a.me___btnRa:hover {
    background-position: -315px -30px
}

.AXEditor .editorHead .me___headPanel a.me___btnS1 {
    display: inline-block;
    padding: 0 5px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #bebebe;
    -webkit-border-radius: 2px 5px 5px;
    -moz-border-radius: 2px 5px 5px;
    border-radius: 2px 5px 5px;
    margin: 0 0 0 5px;
    font-size: 11px
}

.AXEditor .editorHead .me___headPanel a.me___btnS1:hover {
    background-position: 0 -20px;
    border: 1px solid #a4b5d8;
    -webkit-border-radius: 2px 5px 5px;
    -moz-border-radius: 2px 5px 5px;
    border-radius: 2px 5px 5px
}

.AXEditor .editorHead .me___headPanel a.me___btnSa {
    width: 23px;
    background: url(images/dx-editor-btns.gif) -340px 0 no-repeat
}

.AXEditor .editorHead .me___headPanel a.me___btnSa:hover {
    background-position: -340px -30px
}

.AXEditor .editorHead .me___headPanel div {
    display: block;
    float: left;
    height: 22px;
    text-align: center
}

.AXEditor .editorHead .me___headPanel div.me___vline {
    width: 1px;
    margin: 0 1px
}

.AXEditor .editorHead .me___headPanel div.me___selectW {
    position: relative;
    width: 118px;
    margin: 0 3px
}

.AXEditor .editorHead .me___headPanel div.me___selectW a.me___value {
    position: absolute;
    left: 0;
    top: 0;
    padding-right: 15px;
    width: 103px;
    background: url(images/dx-editor-btns.gif) no-repeat;
    font-size: 11px;
    color: #5c5c5c
}

.AXEditor .editorHead .me___headPanel div.me___selectW a.me___value:hover
    {
    background-position: 0 -30px;
    color: #4b6baf
}

.AXEditor .editorHead .me___headPanel div.me___selectS {
    position: relative;
    width: 48px;
    margin: 0
}

.AXEditor .editorHead .me___headPanel div.me___selectS a.me___value {
    position: absolute;
    left: 0;
    top: 0;
    padding-right: 15px;
    width: 33px;
    background: url(images/dx-editor-btns.gif) -120px 0 no-repeat;
    font-size: 11px;
    color: #5c5c5c
}

.AXEditor .editorHead .me___headPanel div.me___selectS a.me___value:hover
    {
    background-position: -120px -30px;
    color: #4b6baf
}

.AXEditor .editorHead .me___headPanel div.me___selectTL {
    position: relative;
    width: 40px;
    margin: 0
}

.AXEditor .editorHead .me___headPanel div.me___selectTL a.me___value {
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    text-indent: -1000px;
    overflow: hidden;
    background: url(images/dx-editor-btns.gif) -370px 0 no-repeat
}

.AXEditor .editorHead .me___headPanel div.me___selectTL a.me___value:hover
    {
    background-position: -370px -30px
}

.AXEditor .editorHead .me___headPanel div.me___selectTL a.me___arrow {
    position: absolute;
    right: 0;
    top: 0;
    width: 15px;
    text-indent: -1000px;
    overflow: hidden;
    background: url(images/dx-editor-btns.gif) -395px 0 no-repeat
}

.AXEditor .editorHead .me___headPanel div.me___selectTL a.me___arrow:hover
    {
    background-position: -395px -30px
}

.AXEditor .editorHead .me___headPanel div.me___selectTL .me___fontColor_disp
    {
    position: absolute;
    left: 3px;
    top: 0;
    width: 20px
}

.AXEditor .editorHead .me___headPanel div.me___selectTR {
    position: relative;
    width: 39px;
    margin: 0
}

.AXEditor .editorHead .me___headPanel div.me___selectTR a.me___value {
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    text-indent: -1000px;
    overflow: hidden;
    background: url(images/dx-editor-btns.gif) -410px 0 no-repeat
}

.AXEditor .editorHead .me___headPanel div.me___selectTR a.me___value:hover
    {
    background-position: -410px -30px
}

.AXEditor .editorHead .me___headPanel div.me___selectTR a.me___arrow {
    position: absolute;
    right: 0;
    top: 0;
    width: 15px;
    text-indent: -1000px;
    overflow: hidden;
    background: url(images/dx-editor-btns.gif) -434px 0 no-repeat
}

.AXEditor .editorHead .me___headPanel div.me___selectTR a.me___arrow:hover
    {
    background-position: -434px -30px
}

.AXEditor .editorHead .me___headPanel div.me___selectTR .me___fontBgColor_disp
    {
    position: absolute;
    left: 3px;
    top: 0;
    width: 20px
}

.AXEditor .editorHead .me___headPanel span.me_icon {
    display: block;
    width: 22px;
    height: 22px;
    text-indent: -1000px;
    overflow: hidden
}

.AXEditor .editorHead .me___headPanel span.me___span {
    display: block;
    float: left;
    width: 5px;
    background: url(images/dx-editor-btns.gif) -610px 0 no-repeat;
    margin: 0 0 0 5px
}

.AXEditor .editorHead .me___headPanel span.me___bold {
    background: url(images/dx-editor-icons.gif) no-repeat;
    width: 23px
}

.AXEditor .editorHead .me___headPanel span.me___italic {
    background: url(images/dx-editor-icons.gif) -21px 0 no-repeat
}

.AXEditor .editorHead .me___headPanel span.me___underLine {
    background: url(images/dx-editor-icons.gif) -42px 0 no-repeat
}

.AXEditor .editorHead .me___headPanel span.me___strike {
    background: url(images/dx-editor-icons.gif) -63px 0 no-repeat;
    width: 23px
}

.AXEditor .editorHead .me___headPanel span.me___alignLeft {
    background: url(images/dx-editor-icons.gif) -84px 0 no-repeat;
    width: 23px
}

.AXEditor .editorHead .me___headPanel span.me___alignCenter {
    background: url(images/dx-editor-icons.gif) -105px 0 no-repeat
}

.AXEditor .editorHead .me___headPanel span.me___alignRight {
    background: url(images/dx-editor-icons.gif) -126px 0 no-repeat
}

.AXEditor .editorHead .me___headPanel span.me___alignJustify {
    background: url(images/dx-editor-icons.gif) -147px 0 no-repeat;
    width: 23px
}

.AXEditor .editorHead .me___headPanel span.me___li {
    background: url(images/dx-editor-icons.gif) 0 -20px no-repeat;
    width: 23px
}

.AXEditor .editorHead .me___headPanel span.me___ol {
    background: url(images/dx-editor-icons.gif) -21px -20px no-repeat
}

.AXEditor .editorHead .me___headPanel span.me___outdent {
    background: url(images/dx-editor-icons.gif) -42px -20px no-repeat
}

.AXEditor .editorHead .me___headPanel span.me___indent {
    background: url(images/dx-editor-icons.gif) -63px -20px no-repeat
}

.AXEditor .editorHead .me___headPanel span.me___lineHeight {
    background: url(images/dx-editor-icons.gif) -84px -20px no-repeat;
    width: 23px
}

.AXEditor .editorHead .me___headPanel span.me___url {
    background: url(images/dx-editor-icons.gif) -105px -20px no-repeat;
    width: 23px
}

.AXEditor .editorHead .me___headPanel span.me___imoticon {
    background: url(images/dx-editor-icons.gif) -126px -20px no-repeat
}

.AXEditor .editorHead .me___headPanel span.me___quotation {
    background: url(images/dx-editor-icons.gif) -147px -20px no-repeat
}

.AXEditor .editorHead .me___headPanel span.me___pageBreak {
    background: url(images/dx-editor-icons.gif) -168px -20px no-repeat;
    width: 23px
}

.AXEditor .editorHead .me___headPanel span.me___fontColor {
    background: url(images/dx-editor-icons.gif) 0 -40px no-repeat
}

.AXEditor .editorHead .me___headPanel span.me___fontBgColor {
    background: url(images/dx-editor-icons.gif) -21px -40px no-repeat
}

.AXEditor .editorHead .me___headPanel .me___selecterBox {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    border: 2px solid #bebebe;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .5) outset;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .5) outset;
    box-shadow: 0 0 3px rgba(0, 0, 0, .5) outset;
    z-index: 1000
}

.AXEditor .editorHead .me___headPanel .me___selecterBox .me___selecterTitle
    {
    float: none;
    text-align: left;
    padding: 5px 0 0 5px;
    height: 20px;
    line-height: 20px
}

.AXEditor .editorHead .me___headPanel .me___selecterBox .me___selecterTitleTab
    {
    float: none;
    position: relative;
    height: 28px;
    border-bottom: 2px solid #bebebe;
    background: #eaeaea
}

.AXEditor .editorHead .me___headPanel .me___selecterBox .me___selecterTitleTabTray
    {
    position: absolute;
    left: 0;
    top: 7px;
    padding: 0 7px
}

.AXEditor .editorHead .me___headPanel .me___selecterBox .me___selecterTitleTabTray A
    {
    float: none;
    display: inline-block;
    height: 20px;
    border: 1px solid #bebebe;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 2px 0 0;
    padding: 0 10px;
    text-align: center;
    font-size: 11px;
    color: #222 !important;
    text-shadow: 1px 1px 1px #ccc;
    cursor: pointer
}

.AXEditor .editorHead .me___headPanel .me___selecterBox .me___selecterTitleTabTray A.on
    {
    border-bottom: 1px solid #fff;
    background: #fff;
    font-weight: 700
}

.AXEditor .editorHead .me___headPanel .me___selecterBox .me___selecterTray
    {
    float: none;
    overflow: auto;
    position: relative;
    padding: 5px 1px
}

.AXEditor .editorHead .me___headPanel .me___selecterBox .me___selecterBot
    {
    float: none;
    padding: 0 5px;
    font-size: 10px;
    line-height: 15px
}

.AXEditor .editorHead .me___headPanel .me___selecterBox .me___selecterBot a
    {
    color: #888
}

.AXEditor .editorHead .me___headPanel .me___selecterBox .me___selecterArrow
    {
    position: absolute;
    top: 0;
    left: 47px;
    width: 7px;
    height: 4px;
    background: url(images/dx-editor-arrow.gif) no-repeat;
    font-size: 1px;
    line-height: 1px;
    z-index: 10
}

.AXEditor .editorHead .me___headPanel .me___selecterBox .colorItem {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    border: 1px solid #929292;
    text-indent: -1000px;
    overflow: hidden;
    margin-top: 3px;
    margin-left: 3px
}

.AXEditor .editorHead .me___headPanel .me___selecterBox .ffItem {
    display: block;
    float: none;
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #fff;
    border-bottom: 1px dashed #ccc;
    margin: 3px 3px 0;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.AXEditor .editorHead .me___headPanel .me___selecterBox .ffItem:hover {
    border-bottom: 1px solid #ccc
}

.AXEditor .editorHead .me___headPanel .me___selecterBox .me___inputUrl {
    position: absolute;
    top: 30px;
    left: 7px
}

.AXEditor .editorHead .me___headPanel .me___selecterBox .me___inputUrl input
    {
    border: 1px solid #bebebe;
    padding: 2px;
    font-size: 11px;
    line-height: 15px
}

.AXEditor .editorHead .me___headPanel .me___selecterBox .me___inputBtn {
    position: absolute;
    top: 55px;
    left: 7px
}

.AXEditor .editorHead .me___headPanel .me___selecterBox .me___inputBtn .me___inputBtnOK
    {
    position: absolute;
    top: 0;
    left: 245px
}

.AXEditor .editorHead .me___headPanel .me___selecterBox .icoItem {
    display: block;
    margin: 3px 3px 0
}

.AXEditor .editorHead .me___headPanel .me___selecterBox .icoItem img {
    border: 0
}

.AXEditor .editorHead .me___headPanel .me___headDivPanel_attch {
    position: absolute;
    float: none;
    left: 0;
    top: 0;
    height: 140px;
    width: 100%
}

.AXEditor .editorHead .me___headPanel .me___headDivPanel_attch .me___headDivPanel_attch_btns
    {
    float: none;
    background: #fff;
    height: 22px;
    border-bottom: 1px solid #bebebe;
    padding: 4px 0;
    text-align: left
}

.AXEditor .editorHead .me___headPanel .me___headDivPanel_attch .me___headDivPanel_attch_btns .headTitle
    {
    margin: 0 10px;
    line-height: 22px
}

.AXEditor .editorHead .me___headPanel .me___headDivPanel_attch .me___headDivPanel_attch_btns .me____attchSwf
    {
    position: absolute;
    left: 5px;
    top: 4px;
    width: 23px;
    height: 22px
}

.AXEditor .editorHead .me___headPanel .me___headDivPanel_attch .me___headDivPanel_attch_CT
    {
    float: none;
    text-align: left;
    background: #e0e0e0;
    height: 118px;
    border-bottom: 1px solid #777;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap
}

.AXEditor .editorHead .me___headPanel .me___headDivPanel_attch .me___headDivPanel_attch_CT .attchItem
    {
    display: inline-block;
    float: none;
    position: relative;
    width: 86px;
    height: 86px;
    border: 1px solid #a1a1a1;
    -webkit-border-radius: 3px 5px 5px;
    -moz-border-radius: 3px 5px 5px;
    border-radius: 3px 5px 5px;
    margin-top: 5px;
    margin-left: 8px;
    background: #fff;
    cursor: pointer
}

.AXEditor .editorHead .me___headPanel .me___headDivPanel_attch .me___headDivPanel_attch_CT .attchItem .attchItemName
    {
    position: absolute;
    left: 5px;
    top: 5px;
    width: 76px;
    text-align: center;
    font-size: 11px;
    line-height: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.AXEditor .editorHead .me___headPanel .me___headDivPanel_attch .me___headDivPanel_attch_CT .attchItem .attchItemPreviewLoad
    {
    position: absolute;
    left: 13px;
    top: 23px;
    width: 58px;
    height: 58px;
    text-align: center;
    background: url(images/dx-editor-loading.gif) center center no-repeat
}

.AXEditor .editorHead .me___headPanel .me___headDivPanel_attch .me___headDivPanel_attch_CT .attchItem .attchItemPreview
    {
    position: absolute;
    left: 13px;
    top: 23px;
    width: 58px;
    height: 58px;
    text-align: center;
    background: url(images/dx-editor-file-status.gif) center center
        no-repeat
}

.AXEditor .editorHead .me___headPanel .me___headDivPanel_attch .me___headDivPanel_attch_CT .attchItemEnd
    {
    display: inline-block;
    float: none;
    width: 8px;
    height: 58px;
    font-size: 1px;
    line-height: 1px;
    clear: both
}

.AXEditor .editorHead .me___headPanel .me___headDivPanel_attch .me___headDivPanel_attch_CT .attchItemON
    {
    border: 1px solid #0080ff;
    color: #0080ff;
    background: #eee
}

.AXEditor .editorHead .me___headPanel .me___headDivPanel_attch .me___headDivPanel_attch_CT .componentItem
    {
    display: inline-block;
    float: none;
    position: relative;
    width: 86px;
    height: 86px;
    border: 1px solid #a1a1a1;
    -webkit-border-radius: 3px 5px 5px;
    -moz-border-radius: 3px 5px 5px;
    border-radius: 3px 5px 5px;
    margin-top: 5px;
    margin-left: 8px;
    background: #fff;
    cursor: pointer
}

.AXEditor .editorHead .me___headPanel .me___headDivPanel_attch .me___headDivPanel_attch_CT .componentItem .componentItemName
    {
    position: absolute;
    left: 5px;
    top: 5px;
    width: 76px;
    text-align: center;
    font-size: 11px;
    line-height: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.AXEditor .editorHead .me___headPanel .me___headDivPanel_attch .me___headDivPanel_attch_CT .componentItem .componentItemPreview
    {
    position: absolute;
    left: 13px;
    top: 23px;
    width: 58px;
    height: 58px;
    text-align: center
}

.AXEditor .editorHeadExt {
    height: 209px
}

.AXEditor .editorBody {
    position: relative;
    z-index: 1
}

.AXEditor .editorBody .me___AXMask {
    background: #fff;
    -moz-opacity: .3;
    opacity: .3;
    filter: alpha(opacity = 30);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000
}

.AXEditor .editorBody .me__htmlArea {
    border: 0;
    margin: 0;
    padding: 0;
    background: #f3f3f3;
    color: #000;
    font-size: 11px;
    font-family: Consolas;
    line-height: 18px
}

.AXEditor .editorFoot {
    position: relative;
    height: 32px;
    background: url(images/dx-editor-bt-bg.gif) repeat-x;
    z-index: 2
}

.AXEditor .editorFoot .me___handle {
    display: block;
    height: 13px;
    background: url(images/dx-editor-resizer.gif) center center no-repeat;
    text-indent: -1000px;
    overflow: hidden;
    font-size: 1px;
    line-height: 1px;
    cursor: row-resize
}

.AXEditor .editorFoot .me___container {
    position: absolute;
    right: 5px;
    bottom: 0
}

.AXEditor .editorFoot .me___container a.me____tab {
    display: block;
    float: left;
    height: 20px;
    line-height: 20px;
    padding: 0 15px;
    font-size: 11px;
    color: #5c5c5c;
    text-align: center;
    text-decoration: none
}

.AXEditor .editorFoot .me___container a.me____tabOn {
    border-left: 1px solid #bebebe;
    border-right: 1px solid #bebebe;
    background: url(images/dx-editor-bt.gif) repeat-x
}

.AXFrameUpload {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: table;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0
}

.AXFrameUpload.dragover .AXF-upload-preview {
    background: #ccdaee
}

.AXFrameUpload.dragover .AXF-upload-preview::before {
    content: "Drop here"
}

.AXFrameUpload.dragover .AXF-upload-preview .empty-msg, .AXFrameUpload.uploaded .AXF-upload-preview .empty-msg
    {
    display: none
}

.AXFrameUpload .AXF-upload-preview {
    width: 100%;
    height: 100%;
    padding: 0;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    overflow: hidden
}

.AXFrameUpload .AXF-upload-preview .AXF-upload-preview-img {
    position: absolute;
    left: 0;
    top: 0
}

.AXFrameUpload input[type=file] {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity = 0)
}

.AXFrameUpload .AXF-upload-progress {
    position: absolute;
    left: 0;
    top: 0;
    height: 10px;
    background-image: -webkit-linear-gradient(#eee, #fff);
    background-image: -o-linear-gradient(#eee, #fff);
    background-image: -moz-linear-gradient(#eee, #fff);
    background-image: linear-gradient(#eee, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#eeeeee, endColorstr=#ffffff);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#eeeeee, endColorstr=#ffffff);
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden
}

.AXFrameUpload .AXF-upload-progress .AXF-upload-progress-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 10px;
    width: 0;
    background-image: -webkit-linear-gradient(#98c87b, #79aa5a);
    background-image: -o-linear-gradient(#98c87b, #79aa5a);
    background-image: -moz-linear-gradient(#98c87b, #79aa5a);
    background-image: linear-gradient(#98c87b, #79aa5a);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#98c87b, endColorstr=#79aa5a);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#98c87b, endColorstr=#79aa5a);
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

.AXGrid, .AXGrid .tdRelBlock {
    position: relative
}

.AXGrid table tbody tr td, .AXGrid table tbody tr th, .AXGrid table tfoot tr td,
    .AXGrid table tfoot tr th, .AXGrid table thead tr td, .AXGrid table thead tr th
    {
    min-width: auto;
    min-height: auto
}

.AXGrid .AXgridScrollBody {
    position: relative;
    border: 1px solid #b1b1b1;
    overflow: hidden;
    background: #fff
}

.AXGrid .AXgridScrollBody div {
    box-sizing: content-box !important
}

.AXGrid .AXgridScrollBody .AXGridColHead {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background-image: -webkit-linear-gradient(#e2e5e7, #fff);
    background-image: -o-linear-gradient(#e2e5e7, #fff);
    background-image: -moz-linear-gradient(#e2e5e7, #fff);
    background-image: linear-gradient(#e2e5e7, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#e2e5e7, endColorstr=#ffffff);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#e2e5e7, endColorstr=#ffffff);
    border-bottom: 1px solid #b1b1b1
}

.AXGrid .AXgridScrollBody .fixedColHead {
    position: absolute;
    left: 0;
    top: 0;
    width: auto
}

.AXGrid .AXgridScrollBody .AXGridColHead .colHeadTable {
    table-layout: fixed;
    background-image: -webkit-linear-gradient(#e2e5e7, #fff);
    background-image: -o-linear-gradient(#e2e5e7, #fff);
    background-image: -moz-linear-gradient(#e2e5e7, #fff);
    background-image: linear-gradient(#e2e5e7, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#e2e5e7, endColorstr=#ffffff);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#e2e5e7, endColorstr=#ffffff)
}

.AXGrid .AXgridScrollBody .AXGridColHead .colHeadTable tbody tr td {
    padding: 0;
    background: url(images/dx-grid-head-border.png) 100% 0 repeat-y;
    vertical-align: bottom;
    cursor: pointer
}

.AXGrid .AXgridScrollBody .AXGridColHead .colHeadTable tbody tr td .colHeadResizer
    {
    position: absolute;
    right: 0;
    top: 0;
    width: 5px;
    height: 20px;
    cursor: col-resize
}

.AXGrid .AXgridScrollBody .AXGridColHead .colHeadTable tbody tr td .colHeadResizer:active
    {
    background: #fbc
}

.AXGrid .AXgridScrollBody .AXGridColHead .colHeadTable tbody tr td .colHeadTool
    {
    position: absolute;
    right: 1px;
    top: 0;
    display: block;
    width: 20px;
    height: 30px;
    cursor: pointer;
    text-indent: -2000px;
    overflow: hidden
}

.AXGrid .AXgridScrollBody .AXGridColHead .colHeadTable tbody tr td .colHeadTool.readyTool
    {
    background: url(images/dx-grid-head-tool.png) -2px center no-repeat
}

.AXGrid .AXgridScrollBody .AXGridColHead .colHeadTable tbody tr td .colHeadTool.readyTool:hover
    {
    background: url(images/dx-grid-head-tool-on.png) -2px center no-repeat
}

.AXGrid .AXgridScrollBody .AXGridColHead .colHeadTable tbody tr td .colHeadNode
    {
    position: relative;
    padding: 0
}

.AXGrid .AXgridScrollBody .AXGridColHead .colHeadTable tbody tr td .colHeadTdText
    {
    position: relative;
    line-height: 20px;
    padding: 5px 8px;
    color: #5e5e5e;
    text-shadow: 0 1px 0 #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.AXGrid .AXgridScrollBody .AXGridColHead .colHeadTable tbody tr td .colHeadTdCheck
    {
    height: 20px;
    padding: 7px 1px 3px 0;
    color: #5e5e5e
}

.AXGrid .AXgridScrollBody .AXGridColHead .colHeadTable tbody tr td .colHeadTdCheck input
    {
    vertical-align: middle
}

.AXGrid .AXgridScrollBody .AXGridColHead .colHeadTable tbody tr td .colHeadTdHtml
    {
    height: 30px;
    padding: 0 1px 0 0;
    color: #5e5e5e
}

.AXGrid .AXgridScrollBody .AXGridColHead .colHeadTable tbody tr td.colHeadBottomBorder
    {
    border-bottom: 1px solid #b1b1b1
}

.AXGrid .AXgridScrollBody .AXGridColHead .colHeadTable tbody tr td.sortDesc,
    .AXGrid .AXgridScrollBody .AXGridColHead .colHeadTable tbody tr td:hover
    {
    background-color: #e5e6eb
}

.AXGrid .AXgridScrollBody .AXGridColHead .colHeadTable tbody tr td.sortDesc .colHeadNode
    {
    background: url(images/dx-sort-desc.png) center 0 no-repeat
}

.AXGrid .AXgridScrollBody .AXGridColHead .colHeadTable tbody tr td.sortAsc
    {
    background-color: #e5e6eb
}

.AXGrid .AXgridScrollBody .AXGridColHead .colHeadTable tbody tr td.sortAsc .colHeadNode
    {
    background: url(images/dx-sort-asc.png) center 0 no-repeat
}

.AXGrid .AXgridScrollBody .AXGridBody {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    overflow: hidden
}

.AXGrid .AXgridScrollBody .AXGridBody .gridScrollContent {
    overflow: visible;
    position: relative
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedScrollContent {
    overflow: visible;
    position: absolute;
    left: 0;
    top: 0
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable {
    width: 100%;
    table-layout: fixed
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tbody tr td {
    padding: 0;
    background: url(images/dx-grid-body-border.png) 100% 0 repeat-y #ffffec;
    vertical-align: bottom;
    border-bottom: 1px solid #c8c8c8;
    cursor: pointer
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tbody tr.tfpadding td,
    .AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tbody tr.thpadding td
    {
    height: 0;
    background: 0 0;
    border-bottom: none
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tbody tr.noListTr td
    {
    vertical-align: middle;
    height: 100px;
    background: #f7f7f7;
    border-bottom: 1px solid #c8c8c8
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tbody tr.line0 td {
    background-color: #f7f7f7
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tbody tr.line1 td {
    background-color: #fff
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tbody tr.red td {
    background-color: #ffe8e8
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tbody tr.green td {
    background-color: #f7fdea
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tbody tr.blue td {
    background-color: #eaf5fd
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tbody tr.yellow td
    {
    background-color: #fefee9
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tbody tr.white td {
    background-color: #fff
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tbody tr.gray td,
    .AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tbody tr.hover td
    {
    background-color: #f7f7f7
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tbody tr.selected td
    {
    background-color: #d2d9df
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tbody tr td.bodyNullTd
    {
    background-image: none
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tfoot tr td,
    .AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable thead tr td {
    padding: 0;
    background: url(images/dx-grid-body-border.png) 100% 0 repeat-y #ffffec;
    vertical-align: bottom;
    border-bottom: 1px solid #c8c8c8
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tbody tr td .bodyBottomBorder,
    .AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tfoot tr td .bodyBottomBorder,
    .AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable thead tr td .bodyBottomBorder
    {
    border-bottom: 1px solid #c8c8c8
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tbody tr td .bodyNullTd,
    .AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tfoot tr td .bodyNullTd,
    .AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable thead tr td .bodyNullTd
    {
    background-image: none
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tbody tr td .bodyNode,
    .AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tfoot tr td .bodyNode,
    .AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable thead tr td .bodyNode
    {
    position: relative;
    padding: 0
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tbody tr td .bodyTdText,
    .AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tfoot tr td .bodyTdText,
    .AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable thead tr td .bodyTdText
    {
    position: relative;
    line-height: 20px;
    min-height: 20px;
    padding: 5px 8px;
    color: #3b3b3b;
    text-shadow: 0 1px 0 #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tbody tr td .bodyTdHtml,
    .AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tfoot tr td .bodyTdHtml,
    .AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable thead tr td .bodyTdHtml
    {
    padding: 0 1px 0 0
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tbody tr td .bodyTdCheckBox,
    .AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tfoot tr td .bodyTdCheckBox,
    .AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable thead tr td .bodyTdCheckBox
    {
    line-height: 20px;
    height: 20px;
    padding: 5px 1px 5px 0
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tbody tr td .bodyTdCheckBox label,
    .AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tfoot tr td .bodyTdCheckBox label,
    .AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable thead tr td .bodyTdCheckBox label
    {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable {
    table-layout: fixed
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tfoot tr td,
    .AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable thead tr td {
    padding: 0;
    background: url(images/dx-grid-body-border.png) 100% 0 repeat-y #ffffec;
    vertical-align: bottom;
    border-bottom: 1px solid #c8c8c8
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tbody tr td,
    .AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tfoot tr td,
    .AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable thead tr td {
    background-color: #ffffec
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tbody tr td .bodyNode,
    .AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tfoot tr td .bodyNode,
    .AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable thead tr td .bodyNode
    {
    position: relative;
    padding: 0
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tbody tr td .bodyTdText,
    .AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tfoot tr td .bodyTdText,
    .AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable thead tr td .bodyTdText
    {
    position: relative;
    line-height: 20px;
    min-height: 20px;
    padding: 5px 8px;
    color: #3b3b3b;
    text-shadow: 0 1px 0 #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tbody tr td .bodyTdHtml,
    .AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tfoot tr td .bodyTdHtml,
    .AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable thead tr td .bodyTdHtml
    {
    padding: 0 1px 0 0
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tbody tr td .bodyTdCheckBox,
    .AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tfoot tr td .bodyTdCheckBox,
    .AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable thead tr td .bodyTdCheckBox
    {
    line-height: 20px;
    height: 20px;
    padding: 5px 1px 5px 0
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tbody tr td.bodyBottomBorder,
    .AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tfoot tr td.bodyBottomBorder,
    .AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable thead tr td.bodyBottomBorder
    {
    border-bottom: 1px dashed #c8c8c8
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tbody tr td.bodyNullTd,
    .AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tfoot tr td.bodyNullTd,
    .AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable thead tr td.bodyNullTd
    {
    background-image: none
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tbody tr td.fixedLine,
    .AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tfoot tr td.fixedLine,
    .AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable thead tr td.fixedLine
    {
    background-image: url(images/dx-grid-fixed-body-border.png);
    background-repeat: repeat-y;
    background-position: 100% 0
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tbody tr td {
    padding: 0;
    background: url(images/dx-grid-body-border.png) 100% 0 repeat-y #ffffec;
    vertical-align: bottom;
    border-bottom: 1px solid #c8c8c8;
    cursor: pointer
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tbody tr.tfpadding td,
    .AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tbody tr.thpadding td
    {
    height: 0;
    background: 0 0;
    border-bottom: none
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tbody tr.noListTr td
    {
    vertical-align: middle;
    height: 100px;
    background: #f7f7f7;
    border-bottom: 1px solid #c8c8c8
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tbody tr.line0 td
    {
    background-color: #eaedef
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tbody tr.line1 td
    {
    background-color: #f7f8f9
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tbody tr.red td
    {
    background-color: #ffe8e8
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tbody tr.green td
    {
    background-color: #f7fdea
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tbody tr.blue td
    {
    background-color: #eaf5fd
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tbody tr.yellow td
    {
    background-color: #fefee9
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tbody tr.white td
    {
    background-color: #fff
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tbody tr.gray td
    {
    background-color: #f7f7f7
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tbody tr.selected td
    {
    background-color: #d2d9df
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tbody tr.hover td
    {
    background-color: #d7dde3
}

.AXGrid .AXgridScrollBody .AXGridBody tbody tr.selected td.selected {
    background-color: #bcc1c7
}

.AXGrid .AXgridScrollBody .AXGridFoot {
    left: 0;
    bottom: 0;
    position: absolute;
    min-height: 30px;
    display: none;
    background-color: #FFFFEC;
    border-top: 1px solid #b1b1b1;
    border-left: 0 none;
    border-right: 0 none
}

.AXGrid .AXgridScrollBody .AXGridFoot .gridFootContent {
    position: relative;
    left: 0;
    top: 0;
    width: auto
}

.AXGrid .AXgridScrollBody .AXGridFoot .gridFootfixedContent {
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    background-color: #FFFFEC
}

.AXGrid .AXgridScrollBody .AXGridFoot .gridFootTable {
    table-layout: fixed
}

.AXGrid .AXgridScrollBody .AXGridFoot .gridFootTable tbody tr td {
    padding: 0;
    background: url(images/dx-grid-body-border.png) 100% 0 repeat-y;
    vertical-align: top;
    border-bottom: 1px solid #c8c8c8
}

.AXGrid .AXgridScrollBody .AXGridFoot .gridFootTable tbody tr td.fixedLine
    {
    background: url(images/dx-grid-fixed-body-border.png) 100% 0 repeat-y
}

.AXGrid .AXgridScrollBody .AXGridFoot .gridFootTable tbody tr td.selected
    {
    background-color: #D2D9DF;
    box-shadow: inset 0 0 2px #000
}

.AXGrid .AXgridScrollBody .AXGridFoot .gridFootTable tbody tr:last-child td
    {
    border-bottom: none
}

.AXGrid .AXgridScrollBody .AXGridFoot .gridFootTable tbody tr.noListTr td
    {
    vertical-align: middle;
    height: 100px;
    background: #f7f7f7
}

.AXGrid .AXgridScrollBody .AXGridFoot .gridFootTable tbody tr.line0 td {
    background-color: #eaedef
}

.AXGrid .AXgridScrollBody .AXGridFoot .gridFootTable tbody tr.line1 td {
    background-color: #f7f8f9
}

.AXGrid .AXgridScrollBody .AXGridFoot .gridFootTable tbody tr.selected td
    {
    background-color: #bdccd7
}

.AXGrid .AXgridScrollBody .AXGridFoot .gridFootTable tbody tr.hover td {
    background-color: #d7dde3
}

.AXGrid .AXgridScrollBody .AXGridFoot .gridFootTable tbody tr td.bodyNullTd
    {
    background-image: none
}

.AXGrid .AXgridScrollBody .AXGridFoot .gridFootTable tbody tr td .bodyNode
    {
    position: relative;
    padding: 0
}

.AXGrid .AXgridScrollBody .AXGridFoot .gridFootTable tbody tr td .bodyTdText
    {
    position: relative;
    line-height: 20px;
    min-height: 20px;
    padding: 5px 8px;
    color: #3b3b3b;
    text-shadow: 0 1px 0 #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.AXGrid .AXgridScrollBody .AXGridFoot .gridFootTable tbody tr td .bodyTdHtml
    {
    padding: 0 1px 0 0
}

.AXGrid .AXgridScrollBody .AXGridFoot .gridFootTable tbody tr td .bodyTdCheckBox
    {
    line-height: 20px;
    height: 20px;
    padding: 5px 1px 5px 0
}

.AXGrid .AXgridScrollBody .gridBodyDiv .viewIcon {
    float: left;
    position: relative;
    border: 1px solid #ccc;
    margin: 5px 0 0 5px;
    box-shadow: 0 0 3px #ccc;
    border-radius: 5px;
    background: #fff;
    cursor: pointer
}

.AXGrid .AXgridScrollBody .gridBodyDiv .viewIcon .gridViewIconThumbnail
    {
    position: absolute;
    border: 1px solid #eee
}

.AXGrid .AXgridScrollBody .gridBodyDiv .viewIcon .gridViewIconDescription,
    .AXGrid .AXgridScrollBody .gridBodyDiv .viewIcon .gridViewIconLabel {
    position: absolute;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.AXGrid .AXgridScrollBody .gridBodyDiv .viewIcon .gridViewIconbuttons {
    position: absolute;
    padding: 0;
    margin: 0
}

.AXGrid .AXgridScrollBody .gridBodyDiv .viewIcon:hover {
    background-color: #e7f1fa
}

.AXGrid .AXgridScrollBody .gridBodyDiv .viewIcon.selected {
    background-color: #d2d9df
}

.AXGrid .AXgridPageBody {
    position: relative;
    height: 30px;
    background-image: -webkit-linear-gradient(#fff, #f3f3f3);
    background-image: -o-linear-gradient(#fff, #f3f3f3);
    background-image: -moz-linear-gradient(#fff, #f3f3f3);
    background-image: linear-gradient(#fff, #f3f3f3);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#f3f3f3);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#f3f3f3);
    border-bottom: 1px solid #b1b1b1;
    border-left: 1px solid #b1b1b1;
    border-right: 1px solid #b1b1b1
}

.AXGrid .AXgridPageBody .AXgridPagingUnit {
    position: absolute;
    left: 0;
    top: 0;
    height: 29px;
    background-image: -webkit-linear-gradient(#fff, #f3f3f3);
    background-image: -o-linear-gradient(#fff, #f3f3f3);
    background-image: -moz-linear-gradient(#fff, #f3f3f3);
    background-image: linear-gradient(#fff, #f3f3f3);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#f3f3f3);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#f3f3f3);
    z-index: 3
}

.AXGrid .AXgridPageBody .AXgridPagingUnit .AXgridPageNumber {
    box-sizing: content-box;
    display: table-cell;
    float: left;
    padding: 4px 0 0 4px;
    height: 24px;
    font-size: 11px;
    color: #666
}

.AXGrid .AXgridPageBody .AXgridPagingUnit .AXgridPageNo {
    box-sizing: content-box;
    border: 0;
    height: 21px;
    padding: 0 2px;
    margin: 0;
    outline: 0;
    vertical-align: top
}

.AXGrid .AXgridPageBody .AXgridPagingUnit .AXanchorSelect .selectedTextBox
    {
    box-shadow: inset 0 1px 1px #e9eced;
    background: #fff
}

.AXGrid .AXgridPageBody .AXgridPagingUnit .AXgridPageNumberCount {
    box-sizing: content-box;
    display: block;
    float: left;
    padding: 4px 10px 4px 5px;
    height: 22px;
    line-height: 22px;
    font-size: 11px;
    color: #666;
    border-right: 1px solid #b1b1b1
}

.AXGrid .AXgridPageBody .AXgridPagingUnit .AXgridPagingPrev {
    box-sizing: content-box;
    display: block;
    float: left;
    width: 29px;
    height: 30px;
    border-right: 1px solid #b1b1b1;
    background: url(images/dx-left-arrows.png) no-repeat;
    text-indent: -1000px;
    overflow: hidden
}

.AXGrid .AXgridPageBody .AXgridPagingUnit .AXgridPagingPrev:hover {
    background: url(images/dx-left-arrows.png) 0 -30px no-repeat
}

.AXGrid .AXgridPageBody .AXgridPagingUnit .AXgridPagingNext {
    box-sizing: content-box;
    display: block;
    float: left;
    width: 29px;
    height: 30px;
    border-right: 1px solid #b1b1b1;
    background: url(images/dx-right-arrows.png) no-repeat;
    text-indent: -1000px;
    overflow: hidden
}

.AXGrid .AXgridPageBody .AXgridPagingUnit .AXgridPagingNext:hover {
    background: url(images/dx-right-arrows.png) 0 -30px no-repeat
}

.AXGrid .AXgridPageBody .AXgridStatus {
    box-sizing: content-box;
    position: absolute;
    right: 0;
    top: 0;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    font-size: 11px;
    color: #666;
    z-index: 1
}

.AXGrid .AXgridPageBody .AXgridStatus b {
    color: #f47820
}

.AXGrid .AXgridPageBody .AXgridScroller {
    position: absolute;
    right: 0;
    top: 0;
    height: 30px;
    width: 60px;
    z-index: 2
}

.AXGrid .AXgridPageBody .AXgridScroller .AXgridScrollUp {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 29px;
    height: 30px;
    border-left: 1px solid #b1b1b1;
    background: url(img/dx-up-arrows.png) no-repeat;
    text-indent: -1000px;
    overflow: hidden
}

.AXGrid .AXgridPageBody .AXgridScroller .AXgridScrollUp:hover {
    background: url(img/dx-up-arrows.png) 0 -30px no-repeat
}

.AXGrid .AXgridPageBody .AXgridScroller .AXgridScrollDn {
    display: block;
    position: absolute;
    left: 30px;
    top: 0;
    width: 29px;
    height: 30px;
    border-left: border;
    background: url(img/dx-down-arrows.png) no-repeat;
    text-indent: -1000px;
    overflow: hidden
}

.AXGrid .AXgridPageBody .AXgridScroller .AXgridScrollDn:hover {
    background: url(img/dx-down-arrows.png) 0 -30px no-repeat
}

.AXGrid .AXgridEditor {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 60px
}

.AXGrid .AXgridEditor .editorContent {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: #d8e1e7;
    border-top: 1px solid #bdccd7;
    border-bottom: 1px solid #bdccd7
}

.AXGrid .AXgridEditor .fixedEditorContent {
    position: absolute;
    left: 0;
    top: 0;
    background: #d8e1e7;
    border-top: 1px solid #bdccd7;
    border-bottom: 1px solid #bdccd7
}

.AXGrid .AXgridEditor .editorButtons, .AXGrid .AXgridEditor .editorButtons.top
    {
    position: absolute;
    left: 10%;
    background: #d8e1e7;
    border-left: 1px solid #bdccd7;
    border-right: 1px solid #bdccd7
}

.AXGrid .AXgridEditor .editorButtons {
    top: 19px;
    padding: 2px 5px 5px;
    border-top: 1px solid #d8e1e7;
    border-bottom: 1px solid #bdccd7;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.AXGrid .AXgridEditor .editorButtons.top {
    padding: 5px 5px 2px;
    border-bottom: 1px solid #d8e1e7;
    border-top: 1px solid #bdccd7;
    border-radius: 4px 4px 0 0
}

.AXGrid .AXgridEditor .gridBodyTable {
    width: 100%;
    table-layout: fixed
}

.AXGrid .AXgridEditor .gridBodyTable tbody tr td {
    padding: 0;
    background: url(images/dx-grid-body-border.png) 100% 0 repeat-y;
    background-color: #d8e1e7 !important;
    vertical-align: top;
    border-bottom: 0 none
}

.AXGrid .AXgridEditor .gridBodyTable tbody tr td.selected {
    background-color: #bdccd7;
    box-shadow: inset 0 0 2px #000
}

.AXGrid .AXgridEditor .gridBodyTable tbody tr.noListTr td {
    vertical-align: middle;
    height: 100px;
    background: #f7f7f7
}

.AXGrid .AXgridEditor .gridBodyTable tbody tr.line0 td {
    background-color: #f7f7f7
}

.AXGrid .AXgridEditor .gridBodyTable tbody tr.line1 td {
    background-color: #fff
}

.AXGrid .AXgridEditor .gridBodyTable tbody tr.selected td {
    background-color: #bdccd7
}

.AXGrid .AXgridEditor .gridBodyTable tbody tr.hover td {
    background-color: #d7dde3
}

.AXGrid .AXgridEditor .gridBodyTable tbody tr td.bodyNullTd, .AXGrid .AXgridEditor .gridBodyTable tfoot tr td.bodyNullTd,
    .AXGrid .AXgridEditor .gridBodyTable thead tr td.bodyNullTd {
    background-image: none
}

.AXGrid .AXgridEditor .gridBodyTable tbody tr td .bodyNode, .AXGrid .AXgridEditor .gridBodyTable tfoot tr td .bodyNode,
    .AXGrid .AXgridEditor .gridBodyTable thead tr td .bodyNode {
    position: relative;
    padding: 0
}

.AXGrid .AXgridEditor .gridBodyTable tbody tr td .bodyTdText, .AXGrid .AXgridEditor .gridBodyTable tfoot tr td .bodyTdText,
    .AXGrid .AXgridEditor .gridBodyTable thead tr td .bodyTdText {
    position: relative;
    line-height: 20px;
    min-height: 20px;
    padding: 5px 8px;
    color: #3b3b3b;
    text-shadow: 0 1px 0 #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.AXGrid .AXgridEditor .gridBodyTable tbody tr td .bodyTdHtml, .AXGrid .AXgridEditor .gridBodyTable tfoot tr td .bodyTdHtml,
    .AXGrid .AXgridEditor .gridBodyTable thead tr td .bodyTdHtml {
    padding: 0 1px 0 0
}

.AXGrid .AXgridEditor .gridBodyTable tbody tr td .bodyTdCheckBox,
    .AXGrid .AXgridEditor .gridBodyTable tfoot tr td .bodyTdCheckBox,
    .AXGrid .AXgridEditor .gridBodyTable thead tr td .bodyTdCheckBox {
    line-height: 20px;
    height: 20px;
    padding: 5px 1px 5px 0
}

.AXGrid .AXgridEditor .gridFixedBodyTable {
    table-layout: fixed
}

.AXGrid .AXgridEditor .gridFixedBodyTable tbody tr td {
    padding: 0;
    background: url(images/dx-grid-body-border.png) 100% 0 repeat-y;
    vertical-align: top;
    border-bottom: 0 none
}

.AXGrid .AXgridEditor .gridFixedBodyTable tbody tr td.fixedLine {
    background: url(images/dx-grid-fixed-body-border.png) 100% 0 repeat-y
}

.AXGrid .AXgridEditor .gridFixedBodyTable tbody tr td.selected {
    background-color: #D2D9DF;
    box-shadow: inset 0 0 2px #000
}

.AXGrid .AXgridEditor .gridFixedBodyTable tbody tr.noListTr td {
    vertical-align: middle;
    height: 100px;
    background: #f7f7f7
}

.AXGrid .AXgridEditor .gridFixedBodyTable tbody tr.line0 td {
    background-color: #eaedef
}

.AXGrid .AXgridEditor .gridFixedBodyTable tbody tr.line1 td {
    background-color: #f7f8f9
}

.AXGrid .AXgridEditor .gridFixedBodyTable tbody tr.selected td {
    background-color: #bdccd7
}

.AXGrid .AXgridEditor .gridFixedBodyTable tbody tr.hover td {
    background-color: #d7dde3
}

.AXGrid .AXgridEditor .gridFixedBodyTable tbody tr td.bodyNullTd,
    .AXGrid .AXgridEditor .gridFixedBodyTable tfoot tr td.bodyNullTd,
    .AXGrid .AXgridEditor .gridFixedBodyTable thead tr td.bodyNullTd {
    background-image: none
}

.AXGrid .AXgridEditor .gridFixedBodyTable tbody tr td .bodyNode, .AXGrid .AXgridEditor .gridFixedBodyTable tfoot tr td .bodyNode,
    .AXGrid .AXgridEditor .gridFixedBodyTable thead tr td .bodyNode {
    position: relative;
    padding: 0
}

.AXGrid .AXgridEditor .gridFixedBodyTable tbody tr td .bodyTdText,
    .AXGrid .AXgridEditor .gridFixedBodyTable tfoot tr td .bodyTdText,
    .AXGrid .AXgridEditor .gridFixedBodyTable thead tr td .bodyTdText {
    position: relative;
    line-height: 20px;
    min-height: 20px;
    padding: 5px 8px;
    color: #3b3b3b;
    text-shadow: 0 1px 0 #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.AXGrid .AXgridEditor .gridFixedBodyTable tbody tr td .bodyTdHtml,
    .AXGrid .AXgridEditor .gridFixedBodyTable tfoot tr td .bodyTdHtml,
    .AXGrid .AXgridEditor .gridFixedBodyTable thead tr td .bodyTdHtml {
    padding: 0 1px 0 0
}

.AXGrid .AXgridEditor .gridFixedBodyTable tbody tr td .bodyTdCheckBox,
    .AXGrid .AXgridEditor .gridFixedBodyTable tfoot tr td .bodyTdCheckBox,
    .AXGrid .AXgridEditor .gridFixedBodyTable thead tr td .bodyTdCheckBox {
    line-height: 20px;
    height: 20px;
    padding: 5px 1px 5px 0
}

.AXGridColGroupListBox {
    z-index: 4999;
    position: absolute;
    left: 0;
    top: 0;
    width: 146px;
    background: #fff;
    border: 1px solid #b1b1b1;
    border-radius: 5px;
    box-shadow: 0 0 5px #ccc
}

.AXGridColGroupListBox .AXGridColGroupListBoxItem {
    display: block;
    line-height: 15px;
    padding: 5px 5px 5px 25px;
    color: #5e5e5e;
    text-decoration: none;
    border-bottom: 1px solid #e3e3e3;
    font-size: 11px
}

.AXGridColGroupListBox .AXGridColGroupListBoxItem.last {
    border-bottom: 0 none
}

.AXGridColGroupListBox .AXGridColGroupListBoxItem.on {
    color: #7b8590;
    background: url(images/dx-item-check.png) 3px center no-repeat
}

.AXGrid.AXGridMobile .AXgridScrollBody {
    border: 0;
    overflow: visible
}

.AXGrid.AXGridMobile .AXgridScrollBody .AXGridToolGroup {
    display: block;
    position: relative;
    height: 43px;
    background-image: -webkit-linear-gradient(#e2e5e7, #fff);
    background-image: -o-linear-gradient(#e2e5e7, #fff);
    background-image: -moz-linear-gradient(#e2e5e7, #fff);
    background-image: linear-gradient(#e2e5e7, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#e2e5e7, endColorstr=#ffffff);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#e2e5e7, endColorstr=#ffffff);
    border-bottom: 1px solid #b1b1b1
}

.AXGrid.AXGridMobile .AXgridScrollBody .AXGridToolGroup.top {
    border-top: 1px solid #b1b1b1
}

.AXGrid.AXGridMobile .AXgridScrollBody .AXGridToolGroup .displayNone {
    display: none
}

.AXGrid.AXGridMobile .AXgridScrollBody .AXGridToolGroup .tool-config {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 43px;
    height: 43px;
    box-sizing: content-box;
    padding: 0;
    margin: 0;
    background: url(images/mx-grid-icon-config.png) center center no-repeat;
    background-size: 30px 30px
}

.AXGrid.AXGridMobile .AXgridScrollBody .AXGridToolGroup .tool-pageGroup
    {
    position: relative;
    display: block;
    width: 172px;
    height: 43px;
    margin: 0 auto;
    padding: 0;
    box-sizing: content-box
}

.AXGrid.AXGridMobile .AXgridScrollBody .AXGridToolGroup .tool-pageGroup .tool-prevPage
    {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 43px;
    height: 43px;
    box-sizing: content-box;
    padding: 0;
    margin: 0;
    background: url(images/mx-grid-icon-prev.png) center center no-repeat;
    background-size: 30px 30px;
    cursor: pointer
}

.AXGrid.AXGridMobile .AXgridScrollBody .AXGridToolGroup .tool-pageGroup .tool-pageNo
    {
    padding: 0;
    width: 172px;
    height: 43px;
    background: url(images/mx-grid-icon-pageBg.png) center center no-repeat;
    background-size: contain
}

.AXGrid.AXGridMobile .AXgridScrollBody .AXGridToolGroup .tool-pageGroup .tool-pageNo select
    {
    position: absolute;
    left: 43px;
    top: 6px;
    width: 86px;
    height: 30px;
    border: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity = 0)
}

.AXGrid.AXGridMobile .AXgridScrollBody .AXGridToolGroup .tool-pageGroup .tool-pageNo span
    {
    display: block;
    width: 86px;
    box-sizing: content-box;
    padding: 6px 43px;
    text-align: center;
    line-height: 31px;
    font-weight: 700;
    color: #6c6c6c
}

.AXGrid.AXGridMobile .AXgridScrollBody .AXGridToolGroup .tool-pageGroup .tool-nextPage
    {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 43px;
    height: 43px;
    box-sizing: content-box;
    padding: 0;
    margin: 0;
    background: url(images/mx-grid-icon-next.png) center center no-repeat;
    background-size: 30px 30px;
    cursor: pointer
}

.AXGrid.AXGridMobile .AXgridScrollBody .AXGridToolGroup .tool-gotoTop {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 43px;
    height: 43px;
    box-sizing: content-box;
    padding: 0;
    margin: 0;
    background: url(images/mx-grid-icon-down.png) center center no-repeat;
    background-size: 30px 30px
}

.AXGrid.AXGridMobile .AXgridScrollBody .AXGridToolGroup .tool-gotoBottom
    {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 43px;
    height: 43px;
    background: url(images/mx-grid-icon-up.png) center center no-repeat;
    background-size: 30px 30px
}

.AXGrid.AXGridMobile .AXgridScrollBody .AXGridBody {
    position: relative
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile {
    position: relative;
    border-bottom: 1px solid #b1b1b1;
    margin: 0;
    padding: 0 5px 5px;
    cursor: pointer
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile.line0
    {
    background: #f7f7f7
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile.line1
    {
    background: #fff
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile.red
    {
    background-color: #FFE8E8
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile.green
    {
    background-color: #F7FDEA
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile.blue
    {
    background-color: #EAF5FD
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile.yellow
    {
    background-color: #FEFEE9
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile.white
    {
    background-color: #fff
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile.gray
    {
    background-color: #f7f7f7
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile.hover,
    .AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile:hover
    {
    background-color: #d2d9df
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile.selected
    {
    background-color: #f3f3f3
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile .column
    {
    float: left;
    padding: 0;
    margin: 0;
    border-box: content-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile .column.underLine
    {
    border-bottom: 1px dashed #c8c8c8
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile .column.col1
    {
    width: 25%
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile .column.col2
    {
    width: 50%
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile .column.col3
    {
    width: 75%
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile .column.col4
    {
    width: 100%
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile .column.colNone
    {
    border: 1px solid #e3e3e3;
    background: #fff;
    -webkit-border-radius: 4px 5px 5px;
    -moz-border-radius: 4px 5px 5px;
    border-radius: 4px 5px 5px;
    margin: 5px 0 0 5px
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile .column.colNone .label
    {
    margin: 0;
    padding: 5px;
    background: #fff;
    color: #3b3b3b;
    font-size: 11px
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile .column.colNone .content
    {
    margin: 0;
    padding: 8px 10px 8px 0;
    line-height: 11px;
    min-height: 11px;
    color: #5e5e5e
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile .column.colNone .content.solid
    {
    display: inline-block;
    padding: 8px 10px
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile .column .label
    {
    display: inline-block;
    vertical-align: middle;
    margin: 10px 0 10px 5px;
    padding: 0 4px;
    height: 20px;
    line-height: 20px;
    background: #b1b1b1;
    color: #fff;
    font-size: 11px;
    -webkit-border-radius: 4px 5px 5px;
    -moz-border-radius: 4px 5px 5px;
    border-radius: 4px 5px 5px
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile .column .content
    {
    display: inline;
    vertical-align: middle;
    margin: 10px 10px 10px 5px;
    padding: 4px 0;
    line-height: 11px;
    min-height: 11px;
    color: #5e5e5e
}

.AXInput, .AXTextarea {
    color: #333;
    vertical-align: middle
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile .column .content.solid
    {
    display: inline-block;
    padding: 3px
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile .columnClear
    {
    clear: both
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile .buttonGroup
    {
    position: absolute;
    right: 0;
    top: 0
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile .buttonGroup .handle
    {
    cursor: pointer;
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(images/mx-grid-icon-handle.png) center center no-repeat;
    background-size: 30px 30px
}

.AXGrid .inline-editor .inline_editor_input, .AXGrid .inline-editor .inline_editor_select
    {
    width: 100%;
    height: 20px;
    font-family: inherit;
    font-size: inherit;
    box-sizing: border-box
}

.AXGrid .inline-editor {
    position: absolute;
    left: 0;
    top: 0;
    line-height: 20px;
    padding: 5px 8px
}

.AXGrid .inline-editor .inline_editor_input.finder {
    padding-right: 20px
}

.AXGrid .inline-editor .inline_editor_select {
    border: 1px solid
}

.AXGrid .inline-editor .finder-handle {
    position: absolute;
    right: 8px;
    top: 5px;
    font-family: axicon;
    text-align: center;
    width: 20px
}

.AXInput, .AXInputSmall {
    font-family: inherit;
    margin: 0 auto
}

.AXGrid .inline-editor .finder-handle:before {
    content: "\f002"
}

.AXGrid .AXgridScrollBody .gridScrollTrackXY {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 9px;
    height: 9px;
    border: 1px solid #b6b6b6;
    background: url(images/dx-diagonal-bg.png);
    display: none
}

.AXGrid .AXgridScrollBody .gridScrollTrackY {
    position: absolute;
    right: 0;
    top: 0;
    width: 11px;
    height: 9px;
    background: #fff;
    border-left: 1px solid #b1b1b1;
    display: none
}

.AXGrid .AXgridScrollBody .gridScrollTrackY .gridScrollHandle {
    position: absolute;
    left: 1px;
    top: 0;
    width: 9px;
    height: 20px;
    background: #000;
    border: 0;
    -moz-opacity: .2;
    opacity: .2;
    filter: alpha(opacity = 20);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer
}

.AXGrid .AXgridScrollBody .gridScrollTrackY .gridScrollHandle.hover,
    .AXGrid .AXgridScrollBody .gridScrollTrackY .gridScrollHandle:hover {
    -moz-opacity: .5;
    opacity: .5;
    filter: alpha(opacity = 50)
}

.AXGrid .AXgridScrollBody .gridScrollTrackY .gridScroll-tip {
    display: none;
    font-size: 10px;
    position: absolute;
    right: 15px;
    top: 0;
    padding: 5px;
    border: 1px solid #b1b1b1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #fff
}

.AXGrid .AXgridScrollBody .gridScrollTrackX {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 9px;
    height: 11px;
    display: none;
    border-top: 1px solid #b1b1b1
}

.AXGrid .AXgridScrollBody .gridScrollTrackX .gridScrollHandle {
    position: absolute;
    left: 0;
    top: 1px;
    width: 20px;
    height: 9px;
    background: #000;
    border: 0;
    -moz-opacity: .2;
    opacity: .2;
    filter: alpha(opacity = 20);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer
}

.AXGrid .AXgridScrollBody .gridScrollTrackX .gridScrollHandle.hover,
    .AXGrid .AXgridScrollBody .gridScrollTrackX .gridScrollHandle:hover {
    -moz-opacity: .5;
    opacity: .5;
    filter: alpha(opacity = 50)
}

.AXanchor {
    position: relative;
    height: 0;
    left: 0;
    top: 0;
    display: none;
    vertical-align: middle
}

.AXInput {
    border: 1px solid #b6b6b6;
    background: #fff;
    box-shadow: inset 0 1px 2px #ddd;
    -webkit-border-radius: 4px 5px 5px;
    -moz-border-radius: 4px 5px 5px;
    border-radius: 4px 5px 5px;
    font-size: 11px;
    height: 15px;
    padding: 4px
}

.AXInput:focus {
    border: 1px solid #949fa8;
    box-shadow: inset 0 0 3px #949fa8;
    outline: 0;
    color: #222
}

.AXInput[disabled] {
    background: url(images/dx-default-regular.png) 0 -78px repeat-x;
    color: #fff;
    text-shadow: 0 -1px #b7b7b7;
    box-shadow: inset 0 1px 2px #b1b1b1
}

.AXInput[readonly] {
    background: #eee;
    color: #676767;
    text-shadow: 0 1px #fff;
    box-shadow: inset 0 1px 2px #b1b1b1
}

.AXInput::-webkit-input-placeholder {
    color: #bbb
}

.AXInput::-moz-placeholder {
    color: #bbb
}

.AXInput:-ms-input-placeholder {
    color: #bbb
}

.AXInput.Round {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

.AXInputSmall {
    border: 1px solid #b6b6b6;
    background: #fff;
    color: #333;
    box-shadow: inset 0 1px 1px #ddd;
    -webkit-border-radius: 4px 5px 5px;
    -moz-border-radius: 4px 5px 5px;
    border-radius: 4px 5px 5px;
    font-size: 11px;
    line-height: 1em;
    height: 11px;
    padding: 3px;
    vertical-align: middle
}

.AXCheckbox, .AXbindChecked {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 1px 0 0 30px;
    font-weight: 400;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer
}

.AXInputSmall:focus {
    border: 1px solid #949fa8;
    box-shadow: inset 0 0 3px #949fa8;
    outline: 0;
    color: #222
}

.AXInputSmall[disabled] {
    background: url(images/dx-default-small.png) 0 -60px repeat-x;
    color: #fff;
    text-shadow: 0 -1px #b7b7b7;
    box-shadow: inset 0 1px 2px #b1b1b1
}

.AXInputSmall[readonly] {
    background: #eee;
    color: #676767;
    text-shadow: 0 1px #fff;
    box-shadow: inset 0 1px 2px #b1b1b1
}

.AXInputSmall::-webkit-input-placeholder {
    color: #bbb
}

.AXInputSmall::-moz-placeholder {
    color: #bbb
}

.AXInputSmall:-ms-input-placeholder {
    color: #bbb
}

.AXInputSmall.Round {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

.AXCheckbox {
    position: relative;
    margin: 0;
    background: url(images/dx-checkbox.png) left 0 no-repeat
}

.AXCheckbox.checked {
    background-position: left -26px
}

.AXCheckbox input[type=checkbox] {
    position: absolute;
    left: -56px
}

.AXbindChecked {
    position: relative;
    margin: 0;
    background: url(images/dx-checkbox.png) left 0 no-repeat
}

.AXbindChecked.checked {
    background-position: left -26px
}

.AXbindChecked input[type=checkbox] {
    position: absolute;
    left: -56px
}

.AXbindCheckedHandle {
    position: relative;
    box-sizing: border-box;
    border: 1px solid #b6b6b6;
    border-radius: 3px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
    background: #fff
}

.AXbindCheckedHandle a.checked-icon {
    display: none;
    width: 100%;
    height: 100%;
    background: url(images/mx-checked.png) 50% 50% no-repeat;
    background-size: 10px 10px;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mx-checked.png',
        sizingMethod='scale');
    -ms-filter:
        "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/mx-checked.png', sizingMethod='scale')"
}

.AXbindCheckedHandle.checked {
    box-shadow: none;
    background: #717b85;
    border-color: #717b85
}

.AXbindCheckedHandle.checked a.checked-icon {
    display: block
}

.AXbindCheckedHandle_radio {
    position: relative;
    box-sizing: border-box;
    border: 1px solid #b6b6b6;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
    background: #fff;
    border-radius: 50%
}

.AXbindCheckedHandle_radio a.checked-icon {
    display: none;
    width: 100%;
    height: 100%
}

.AXbindCheckedHandle_radio.checked {
    box-shadow: none;
    background: #717b85;
    border-color: #717b85
}

.AXbindCheckedHandle_radio.checked a.checked-icon {
    display: block
}

.AXbindCheckedHandle_radio a.checked-icon {
    background: url(images/mx-checked-radio.png) 50% 50% no-repeat;
    background-size: 10px 10px;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mx-checked-radio.png',
        sizingMethod='scale');
    -ms-filter:
        "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/mx-checked-radio.png', sizingMethod='scale')"
}

.AXInputLabel {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    box-sizing: border-box
}

.AXInputGroup, .AXInputLabel SPAN.block, .AXInputLabel.fullWidth SPAN {
    display: block
}

.AXInputLabel SPAN {
    line-height: 24px;
    font-size: 11px;
    color: #444;
    padding: 0 3px
}

.AXInputLabel.fullWidth {
    display: block;
    padding: 0 10px 0 0
}

.AXInputLabel.fullWidth .AXInput, .AXInputLabel.fullWidth input[type=password],
    .AXInputLabel.fullWidth input[type=text], .AXInputLabel.fullWidth select,
    .AXInputLabel.fullWidth textarea {
    width: 100%
}

.AXInputGroup {
    position: relative;
    border: 1px solid #b6b6b6;
    background: #fff;
    box-shadow: inset 0 1px 2px #ddd;
    -webkit-border-radius: 4px 5px 5px;
    -moz-border-radius: 4px 5px 5px;
    border-radius: 4px 5px 5px;
    padding: 0 0 0 4px
}

.AXInputGroup.inline {
    display: inline-block
}

.AXInputGroup input[type=password], .AXInputGroup input[type=text] {
    border: 0;
    width: 100%;
    padding: 4px 0;
    font-size: 11px;
    line-height: 15px;
    height: 15px;
    background: 0 0
}

.AXanchorPlaceHolder {
    position: absolute;
    display: block;
    width: 18px;
    height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #888;
    text-decoration: none;
    line-height: 100%;
    text-indent: 7px;
    cursor: text
}

.AXanchorNumberContainer .AXanchorDecrease, .AXanchorNumberContainer .AXanchorIncrease,
    .AXanchorSearch, .AXanchorSelectorFinderContainer .AXanchorSelectorFinder,
    .AXanchorSelectorHandleContainer .AXanchorSelectorHandle {
    position: absolute;
    width: 18px;
    height: 18px;
    overflow: hidden;
    text-indent: -2000px
}

.AXanchorSearch {
    display: block;
    background: url(images/dx-delete-value.png) center center no-repeat
}

.AXanchorNumberContainer {
    position: absolute;
    width: 18px;
    height: 18px;
    background: url(images/dx-default-regular.png) repeat-x;
    border: 1px solid #b9babc;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    overflow: hidden
}

.AXanchorNumberContainer .AXanchorIncrease {
    display: block;
    background: url(images/dx-up-arrow.png) center center no-repeat;
    border-bottom: 1px solid #b9babc
}

.AXanchorNumberContainer .AXanchorIncrease:active {
    background-image: url(images/dx-up-arrow-on.png)
}

.AXanchorNumberContainer .AXanchorDecrease {
    display: block;
    background: url(images/dx-down-arrow.png) center center no-repeat;
    border-top: 1px solid #b9babc
}

.AXanchorNumberContainer .AXanchorDecrease:active {
    background-image: url(images/dx-down-arrow-on.png)
}

.AXanchorSelectorHandleContainer {
    position: absolute;
    width: 18px;
    height: 18px;
    background: url(images/dx-default-regular.png) repeat-x;
    border: 1px solid #b9babc;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.AXanchorSelectorHandleContainer .AXanchorSelectorHandle {
    background: url(images/dx-slide-down-arrow.png) center center no-repeat
}

.AXanchorSelectorHandleContainer .AXanchorSelectorHandle.on {
    background: url(images/dx-slide-up-arrow.png) center center no-repeat
}

.AXanchorSelectorFinderContainer {
    position: absolute;
    width: 18px;
    height: 18px;
    background: url(images/dx-default-regular.png) repeat-x;
    border: 1px solid #b9babc
}

.AXanchorSelectorFinderContainer .AXanchorSelectorFinder,
    .AXanchorSelectorFinderContainer .AXanchorSelectorFinder.on {
    background: url(images/dx-selector-search.png) center center no-repeat
}

.AXanchorSelectorExpandBox {
    position: absolute !important;
    left: 0;
    top: 0;
    border: 1px solid #b9babc;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 1px #e9eced;
    overflow: hidden !important
}

.AXanchorSelectorExpandBox .empty, .AXanchorSelectorExpandBox a {
    display: block;
    font-size: 11px;
    line-height: 20px;
    border-bottom: 1px solid #d8d9db
}

.AXanchorSelectorExpandBox .AXanchorSelectorExpandScroll {
    padding: 2px 0
}

.AXanchorSelectorExpandBox a {
    padding: 3px 8px;
    color: #888;
    text-decoration: none;
    background: #fff
}

.AXanchorSelectorExpandBox a.on {
    background: #d7dde3
}

.AXanchorSelectorExpandBox a:hover {
    background: #5ea3db;
    color: #fff
}

.AXanchorSelectorExpandBox a span {
    color: #aaa;
    padding-left: 7px
}

.AXanchorSelectorExpandBox .empty {
    padding: 3px 8px;
    color: #888;
    text-decoration: none;
    background: #fff
}

.AXanchorSliderBox .AXanchorSliderMaxTitle, .AXanchorSliderBox .AXanchorSliderMinTitle
    {
    bottom: 3px;
    color: #acacac;
    line-height: 14px;
    font-family: Arial;
    position: absolute;
    display: block;
    font-size: 11px;
    text-decoration: none
}

.AXanchorSliderBox {
    position: absolute;
    left: 0;
    top: -3px
}

.AXanchorSliderBox .AXanchorSliderMinTitle {
    left: 0;
    text-align: left
}

.AXanchorSliderBox .AXanchorSliderMaxTitle {
    right: 0;
    text-align: right
}

.AXanchorSliderBox .AXanchorSliderBar {
    position: absolute;
    left: 0;
    top: 0;
    background: #e2e3e4;
    height: 4px;
    border-radius: 2px
}

.AXanchorSliderBox .AXanchorSliderBarInside {
    position: absolute;
    left: 0;
    top: 0;
    background: #90979d;
    height: 4px;
    border-radius: 2px
}

.AXanchorSliderBox .AXanchorSliderHandle {
    position: absolute;
    left: 0;
    top: -16px;
    width: 24px;
    height: 30px;
    background: url(images/dx-slide-handle.png) no-repeat;
    text-indent: -1000px;
    overflow: hidden
}

.AXanchorSliderBox .AXanchorSliderHandleMax, .AXanchorSliderBox .AXanchorSliderHandleMin
    {
    position: absolute;
    left: 0;
    top: -8px;
    width: 15px;
    height: 20px;
    text-indent: -1000px;
    overflow: hidden
}

.AXanchorSliderBox .AXanchorSliderHandle:active {
    background: url(images/dx-slide-handle.png) 0 -30px no-repeat
}

.AXanchorSliderBox .AXanchorSliderHandleTitle {
    position: absolute;
    left: 0;
    bottom: -22px;
    display: block;
    text-decoration: none;
    color: #444;
    text-align: center;
    font-size: 11px;
    font-family: "Nanum Gothic"
}

.AXanchorSliderBox .AXanchorSliderHandleMin {
    background: url(images/dx-slider-handle-min.png) no-repeat
}

.AXanchorSliderBox .AXanchorSliderHandleMin:active { -
    -background: url(images/dx-slider-handle-min.png) no-repeat 0px -30px
}

.AXanchorSliderBox .AXanchorSliderHandleMinTitle {
    position: absolute;
    left: 0;
    bottom: -25px;
    display: block;
    text-decoration: none;
    color: #444;
    text-align: right;
    font-size: 11px;
    font-family: Arial
}

.AXanchorSliderBox .AXanchorSliderHandleMax {
    background: url(images/dx-slider-handle-max.png) no-repeat
}

.AXanchorDateExpandBox, .AXanchorSwitchBox {
    position: absolute;
    left: 0;
    top: 0
}

.AXanchorSliderBox .AXanchorSliderHandleMax:active { -
    -background: url(images/dx-slider-handle-max.png) no-repeat 0px -30px
}

.AXanchorSliderBox .AXanchorSliderHandleMaxTitle {
    position: absolute;
    left: 0;
    bottom: -25px;
    display: block;
    text-decoration: none;
    color: #444;
    font-size: 11px;
    font-family: Arial
}

.AXanchorDate {
    position: absolute;
    display: block;
    background: url(images/dx-calendar-handle.png) center center no-repeat;
    width: 21px;
    height: 18px;
    overflow: hidden;
    text-indent: -2000px
}

.AXanchorSwitchBox {
    height: 22px;
    border: 1px solid #b6b6b6;
    background: #fff;
    box-shadow: inset 0 1px 2px #ddd;
    border-radius: 14px;
    padding: 0;
    margin: 0;
    outline: 0
}

.AXanchorSwitchBox .AXanchorSwitchHandle, .AXanchorSwitchBox.on .AXanchorSwitchHandle
    {
    width: 22px;
    height: 21px;
    text-indent: -1000px;
    top: 0;
    position: absolute;
    display: block;
    overflow: hidden
}

.AXanchorSwitchBox .AXanchorSwitchDisplay {
    text-align: center;
    padding-left: 18px;
    font-family: Arial;
    font-size: 11px;
    color: #b6b6b6;
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden
}

.AXanchorSwitchBox .AXanchorSwitchHandle {
    left: 1px;
    background: url(images/dx-switch.png) 0 center no-repeat
}

.AXanchorSwitchBox.on {
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #4f5458;
    background: #a3b0b9;
    box-shadow: inset 0 1px 2px #828282;
    padding: 0;
    margin: 0;
    outline: 0
}

.AXanchorSwitchBox.on .AXanchorSwitchDisplay {
    text-align: center;
    padding-left: 0;
    padding-right: 18px;
    font-size: 11px;
    color: #fff;
    text-shadow: 0 -1px #8b969d;
    white-space: nowrap;
    overflow: hidden
}

.AXanchorSwitchBox.on .AXanchorSwitchHandle {
    left: auto;
    right: 1px;
    background: url(images/dx-switch.png) -60px center no-repeat
}

.AXGridTable thead td, .AXGridTable thead th, .AXanchorSegmentBox .AXanchorSegmentHandle
    {
    background-image: -webkit-linear-gradient(#fff, #e8e8e8);
    background-image: -o-linear-gradient(#fff, #e8e8e8);
    background-image: -moz-linear-gradient(#fff, #e8e8e8);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#e8e8e8)
}

.AXanchorSegmentBox {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0
}

.AXanchorSegmentBox .AXanchorSegmentHandle {
    cursor: pointer;
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    border-top: 1px solid #b9babc;
    border-left: 1px solid #b9babc;
    border-bottom: 1px solid #b9babc;
    font-size: 11px;
    color: #6e7a86;
    text-align: center;
    text-decoration: none;
    background-image: linear-gradient(#fff, #e8e8e8);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#e8e8e8);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.AXanchorSegmentBox .AXanchorSegmentHandle:focus, .AXanchorSegmentBox .AXanchorSegmentHandle:hover
    {
    background-image: -webkit-linear-gradient(#c7cfd4, #e5eff2);
    background-image: -o-linear-gradient(#c7cfd4, #e5eff2);
    background-image: -moz-linear-gradient(#c7cfd4, #e5eff2);
    background-image: linear-gradient(#c7cfd4, #e5eff2);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#c7cfd4, endColorstr=#e5eff2);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#c7cfd4, endColorstr=#e5eff2);
    text-shadow: 0 1px #fff
}

.AXanchorSegmentBox .AXanchorSegmentHandle.segmentLeft {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.AXanchorSegmentBox .AXanchorSegmentHandle.segmentRight {
    border-right: 1px solid #b9babc;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.AXanchorSegmentBox .AXanchorSegmentHandle.on {
    background-image: -webkit-linear-gradient(#7c7e83, #b9babc);
    background-image: -o-linear-gradient(#7c7e83, #b9babc);
    background-image: -moz-linear-gradient(#7c7e83, #b9babc);
    background-image: linear-gradient(#7c7e83, #b9babc);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#7c7e83, endColorstr=#b9babc);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#7c7e83, endColorstr=#b9babc);
    color: #fff;
    text-shadow: 0 1px #4e585f
}

.AXbindDateExpandBox .dateControlBox .monthbutton, .AXbindDateExpandBox .dateControlBox .yearbutton,
    .AXbindTwinDateExpandBox .dateControlBox .monthbutton,
    .AXbindTwinDateExpandBox .dateControlBox .yearbutton {
    color: #fff;
    line-height: 26px;
    font-size: 11px;
    text-shadow: 0 -1px #869198;
    font-family: Arial;
    top: 0;
    text-decoration: none
}

.AXanchorDateHandle {
    position: absolute;
    display: block;
    background: url(images/dx-calendar-handle.png) center center no-repeat;
    width: 21px;
    height: 20px;
    overflow: hidden;
    text-indent: -2000px
}

.AXbindDateExpandBox {
    position: absolute;
    left: 0;
    top: 0;
    padding: 5px;
    background: #cdd2d8;
    border: 1px solid #808d9d;
    border-radius: 5px;
    box-shadow: 0 1px 3px #ccc
}

.AXbindDateExpandBox .dateControlBox {
    position: relative;
    width: 181px;
    height: 26px;
    background-image: -webkit-linear-gradient(#b1bec7, #919ea7);
    background-image: -o-linear-gradient(#b1bec7, #919ea7);
    background-image: -moz-linear-gradient(#b1bec7, #919ea7);
    background-image: linear-gradient(#b1bec7, #919ea7);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#b1bec7, endColorstr=#919ea7);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#b1bec7, endColorstr=#919ea7);
    border: 1px solid #7f8d9c
}

.AXbindDateExpandBox .dateControlBox .prevbutton {
    position: absolute;
    left: 0;
    top: 0;
    width: 26px;
    height: 26px;
    display: block;
    text-indent: -1000px;
    overflow: hidden;
    background: url(images/dx-prev-arrow.png) no-repeat
}

.AXbindDateExpandBox .dateControlBox .prevbutton:hover {
    background: url(images/dx-prev-arrow.png) 0 -26px no-repeat
}

.AXbindDateExpandBox .dateControlBox .nextbutton {
    position: absolute;
    right: 0;
    top: 0;
    width: 26px;
    height: 26px;
    display: block;
    text-indent: -1000px;
    overflow: hidden;
    background: url(images/dx-next-arrow.png) no-repeat
}

.AXbindDateExpandBox .dateControlBox .nextbutton:hover {
    background: url(images/dx-next-arrow.png) 0 -26px no-repeat
}

.AXbindDateExpandBox .dateControlBox .yearbutton {
    position: absolute;
    left: 55px
}

.AXbindDateExpandBox .dateControlBox .monthbutton {
    position: absolute;
    left: 100px
}

.AXbindDateExpandBox .dateDisplayBox {
    background: #fff;
    border: 1px solid #b9babc;
    border-top: 0 none;
    width: 181px
}

.AXbindDateExpandBox .timeDisplayBox {
    padding-top: 10px;
    height: 120px
}

.AXbindTwinDateExpandBox {
    position: absolute;
    left: 0;
    top: 0;
    padding: 5px;
    background: url(images/dx-calendar-box-bg.png);
    border: 1px solid #808d9d;
    border-radius: 5px;
    box-shadow: 0 1px 3px #ccc
}

.AXContextMenu, .AXPopOver, .AXPopOverTooltip {
    box-shadow: 0 0 5px #ccc
}

.AXbindTwinDateExpandBox .dateControlBox {
    position: relative;
    height: 26px;
    background: url(images/dx-calendar-bgs.png) repeat-x;
    border: 1px solid #7f8d9c;
    width: 181px
}

.AXbindTwinDateExpandBox .dateControlBox .prevbutton {
    position: absolute;
    left: 0;
    top: 0;
    width: 26px;
    height: 26px;
    display: block;
    text-indent: -1000px;
    overflow: hidden;
    background: url(images/dx-prev-arrow.png) no-repeat
}

.AXbindTwinDateExpandBox .dateControlBox .prevbutton:hover {
    background: url(images/dx-prev-arrow.png) 0 -26px no-repeat
}

.AXbindTwinDateExpandBox .dateControlBox .nextbutton {
    position: absolute;
    right: 0;
    top: 0;
    width: 26px;
    height: 26px;
    display: block;
    text-indent: -1000px;
    overflow: hidden;
    background: url(images/dx-next-arrow.png) no-repeat
}

.AXbindTwinDateExpandBox .dateControlBox .nextbutton:hover {
    background: url(images/dx-next-arrow.png) 0 -26px no-repeat
}

.AXbindTwinDateExpandBox .dateControlBox .yearbutton {
    position: absolute;
    left: 55px
}

.AXbindTwinDateExpandBox .dateControlBox .monthbutton {
    position: absolute;
    left: 100px
}

.AXbindTwinDateExpandBox .dateDisplayBox {
    background: #fff;
    border: 1px solid #b9babc;
    border-top: 0 none;
    width: 181px
}

.AXbindTwinDateExpandBox .timeDisplayBox {
    padding-top: 10px;
    height: 120px
}

.AXbindTwinDateExpandBox .dateTypeName {
    height: 22px;
    line-height: 21px;
    text-align: center;
    color: #828f9e;
    text-shadow: 0 1px #fff;
    font-family: Arial
}

.AXTag-selector-tagcontainer {
    display: inline-block;
    float: left;
    overflow: auto;
    padding: 4px 0
}

.AXTag-selector-tagcontainer .AXTag-selector-tagitem {
    position: relative;
    display: block;
    float: left;
    margin: 0 0 4px 4px;
    background: #eee;
    border-radius: 3px;
    line-height: 20px;
    padding: 0 15px 0 3px;
    height: 20px;
    box-sizing: border-box
}

.AXTag-selector-tagcontainer .AXTag-selector-tagitem .AXTag-selector-tagitem-remove
    {
    position: absolute;
    right: 0;
    top: 0;
    width: 15px;
    height: 20px;
    text-align: center;
    line-height: inherit;
    font-family: axicon;
    cursor: pointer
}

.AXHspace1, .AXHspace15, .AXHspace2, .AXHspace20, .AXHspace3,
    .AXHspace30, .AXHspace4, .AXHspace40, .AXHspace5, .AXHspace50 {
    font-size: 1px;
    line-height: 1px
}

.AXTag-selector-tagcontainer .AXTag-selector-tagitem .AXTag-selector-tagitem-remove:before
    {
    content: '\f00d'
}

.AXTabs .AXTabsTray .AXTab .AXTabClose:before, .AXTabsLarge .AXTabsTray .AXTab .AXTabClose:before,
    .AXTabsSmall .AXTabsTray .AXTab .AXTabClose:before {
    content: "\f1b4"
}

.AXTag-selector-tagcontainer .AXTag-selector-tagitem .AXTag-selector-tagitem-remove:hover
    {
    color: #ff5d26
}

.clear {
    clear: both
}

.AXHspace1 {
    height: 1px
}

.AXHspace2 {
    height: 2px
}

.AXHspace3 {
    height: 3px
}

.AXHspace4 {
    height: 4px
}

.AXHspace5 {
    height: 5px
}

.AXHspace10 {
    font-size: 1px;
    line-height: 1px;
    height: 10px
}

.AXHspace15 {
    height: 15px
}

.AXHspace20 {
    height: 20px
}

.AXHspace30 {
    height: 30px
}

.AXHspace40 {
    height: 40px
}

.AXHspace50 {
    height: 50px
}

.W10, .W20 {
    width: 20px
}

.W30 {
    width: 30px
}

.W40 {
    width: 40px
}

.W50 {
    width: 50px
}

.W60 {
    width: 60px
}

.W70 {
    width: 70px
}

.W80 {
    width: 80px
}

.W90 {
    width: 90px
}

.W100 {
    width: 100px
}

.W110 {
    width: 110px
}

.W120 {
    width: 120px
}

.W130 {
    width: 130px
}

.W140 {
    width: 140px
}

.W150 {
    width: 150px
}

.W160 {
    width: 160px
}

.W170 {
    width: 170px
}

.W180 {
    width: 180px
}

.W190 {
    width: 190px
}

.W200 {
    width: 200px
}

.W210 {
    width: 210px
}

.W220 {
    width: 220px
}

.W230 {
    width: 230px
}

.W240 {
    width: 240px
}

.W250 {
    width: 250px
}

.W260 {
    width: 260px
}

.W270 {
    width: 270px
}

.W280 {
    width: 280px
}

.W290 {
    width: 290px
}

.W300 {
    width: 300px
}

.AXMask, .AXMobileConsole {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0
}

.AXUserSelectNone {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -o-user-select: none
}

.AXMobileConsole {
    padding: 5px;
    font-size: 11px;
    font-weight: 700;
    z-index: 10000;
    color: #F0F;
    text-shadow: 0 1px 0 #fff
}

.AXMask {
    z-index: 5000;
    height: 100%;
    background: #000;
    -moz-opacity: .2;
    opacity: .2;
    filter: alpha(opacity = 20)
}

.AXLoading {
    min-height: 50px;
    background: url(images/dx-progresss-ani-white-1.gif) center center
        no-repeat
}

.AXLoadingSmall {
    min-height: 25px;
    background: url(images/dx-progresss-ani-white-2.gif) center center
        no-repeat
}

.AXContextMenu {
    z-index: 4999;
    position: absolute;
    left: 0;
    top: 0;
    width: 140px;
    background: #fff;
    border: 1px solid #c6cdd3;
    border-radius: 5px
}

.AXContextMenu .contextMenuItem {
    position: relative;
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    color: #565b61;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-repeat: no-repeat;
    background-position: 0 center
}

.AXContextMenu .contextMenuItem.first {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.AXContextMenu .contextMenuItem.last {
    border-bottom: 0 none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.AXContextMenu .contextMenuItem.doc {
    background-image: url(images/dx-context-icon-doc.png);
    padding: 0 5px 0 30px
}

.AXContextMenu .contextMenuItem.docline {
    background-image: url(images/dx-context-icon-docline.png);
    padding: 0 5px 0 30px
}

.AXContextMenu .contextMenuItem.plus {
    background-image: url(images/dx-context-icon-plus.png);
    padding: 0 5px 0 30px
}

.AXContextMenu .contextMenuItem.minus {
    background-image: url(images/dx-context-icon-minus.png);
    padding: 0 5px 0 30px
}

.AXContextMenu .contextMenuItem.group {
    background-image: url(images/dx-context-icon-group.png);
    padding: 0 5px 0 30px
}

.AXContextMenu .contextMenuItem.edit {
    background-image: url(images/dx-context-icon-edit.png);
    padding: 0 5px 0 30px
}

.AXContextMenu .contextMenuItem.copy {
    background-image: url(images/dx-context-icon-copy.png);
    padding: 0 5px 0 30px
}

.AXContextMenu .contextMenuItem.cut {
    background-image: url(images/dx-context-icon-cut.png);
    padding: 0 5px 0 30px
}

.AXContextMenu .contextMenuItem.paste {
    background-image: url(images/dx-context-icon-paste.png);
    padding: 0 5px 0 30px
}

.AXContextMenu .contextMenuItem.up {
    background-image: url(images/dx-context-icon-up.png);
    padding: 0 5px 0 30px
}

.AXContextMenu .contextMenuItem.down {
    background-image: url(images/dx-context-icon-down.png);
    padding: 0 5px 0 30px
}

.AXContextMenu .contextMenuItem.left {
    background-image: url(images/dx-context-icon-left.png);
    padding: 0 5px 0 30px
}

.AXContextMenu .contextMenuItem.right {
    background-image: url(images/dx-context-icon-right.png);
    padding: 0 5px 0 30px
}

.AXContextMenu .contextMenuItem.link {
    background-image: url(images/dx-context-icon-link.png);
    padding: 0 5px 0 30px
}

.AXContextMenu .contextMenuItem.unlink {
    background-image: url(images/dx-context-icon-unlink.png);
    padding: 0 5px 0 30px
}

.AXContextMenu .contextMenuItem.openall {
    background-image: url(images/dx-context-icon-openall.png);
    padding: 0 5px 0 30px
}

.AXContextMenu .contextMenuItem.closeall {
    background-image: url(images/dx-context-icon-cloaseall.png);
    padding: 0 5px 0 30px
}

.AXContextMenu .contextMenuItem .contextSubMenuIcon {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    background-image: url(images/dx-context-sub-icon.png);
    background-repeat: no-repeat;
    background-position: 0 center
}

.AXContextMenu .contextMenuItem .shot-cut {
    position: absolute;
    right: 5px;
    top: 0;
    font-size: 11px
}

.AXContextMenu .contextMenuItem .tool-checkbox {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    background: url(images/mx-item-check.png) center center no-repeat;
    background-size: 30px 30px
}

.AXContextMenu .contextMenuItem .tool-checkbox.on {
    background: url(images/mx-item-checkOn.png) center center no-repeat;
    background-size: 30px 30px
}

.AXContextMenu .hline {
    display: block;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    background: #c6cdd3
}

.AXContextMenu .contextMenuItem:hover {
    background-color: #e8e8e8
}

.AXPopOver {
    z-index: 4999;
    position: absolute;
    left: 0;
    top: 0;
    width: 140px;
    padding: 6px;
    background: #fff;
    border: 1px solid #c6cdd3;
    border-radius: 5px
}

.AXPopOver .arrowTop {
    position: absolute;
    left: 0;
    top: -8px;
    width: 100%;
    height: 8px;
    background: url(images/dx-popover-arrow.png) center 0 no-repeat
}

.AXPopOver .blockContainer {
    background: #fff;
    border-radius: 3px
}

.AXPopOver .contextMenuBody {
    background: #c6cdd3;
    color: #000
}

.AXPopOver .contextMenuItem {
    position: relative;
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0 5px 0 10px;
    color: #565b61;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 1px solid #c6cdd3
}

.AXPopOver .contextMenuItem.first {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.AXPopOver .contextMenuItem.last {
    border-bottom: 0 none;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.AXPopOver .contextMenuItem.groupName {
    background: #eee;
    color: #000
}

.AXPopOver .contextMenuItem.docline {
    background-image: url(images/dx-context-icon-docline.png)
}

.AXPopOver .contextMenuItem.plus {
    background-image: url(images/dx-context-icon-plus.png)
}

.AXPopOver .contextMenuItem.minus {
    background-image: url(images/dx-context-icon-minus.png)
}

.AXPopOver .contextMenuItem.group {
    background-image: url(images/dx-context-icon-group.png)
}

.AXPopOver .contextMenuItem.edit {
    background-image: url(images/dx-context-icon-edit.png)
}

.AXPopOver .contextMenuItem.copy {
    background-image: url(images/dx-context-icon-copy.png)
}

.AXPopOver .contextMenuItem.cut {
    background-image: url(images/dx-context-icon-cut.png)
}

.AXPopOver .contextMenuItem.paste {
    background-image: url(images/dx-context-icon-paste.png)
}

.AXPopOver .contextMenuItem.up {
    background-image: url(images/dx-context-icon-up.png)
}

.AXPopOver .contextMenuItem.down {
    background-image: url(images/dx-context-icon-down.png)
}

.AXPopOver .contextMenuItem.left {
    background-image: url(images/dx-context-icon-left.png)
}

.AXPopOver .contextMenuItem.right {
    background-image: url(images/dx-context-icon-right.png)
}

.AXPopOver .contextMenuItem.link {
    background-image: url(images/dx-context-icon-link.png)
}

.AXPopOver .contextMenuItem.unlink {
    background-image: url(images/dx-context-icon-unlink.png)
}

.AXPopOver .contextMenuItem.openall {
    background-image: url(images/dx-context-icon-openall.png)
}

.AXPopOver .contextMenuItem.closeall {
    background-image: url(images/dx-context-icon-cloaseall.png)
}

.AXPopOver .hline {
    display: block;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    background: #c6cdd3
}

.AXPopOver .contextMenuItem:hover {
    background-color: #e8e8e8
}

.AXTooltipContent {
    display: none
}

.AXPopOverTooltip {
    z-index: 4999;
    position: absolute;
    left: 0;
    top: 0;
    width: 140px;
    padding: 6px;
    background: ivory;
    border: 1px solid #B55A00;
    border-radius: 5px
}

.AXPopOverTooltip .arrowTop {
    position: absolute;
    left: 0;
    top: -8px;
    width: 100%;
    height: 8px;
    background: url(images/dx-popover-arrow-tooltip.png) 10px 0 no-repeat
}

.AXPopOverTooltip .arrowBottom {
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 100%;
    height: 8px;
    background: url(images/dx-popover-tooltip-bottom.png) 10px 0 no-repeat
}

.AXPopOverTooltip .blockContainer {
    border-radius: 3px
}

.AXPopOverTooltip .contextMenuBody {
    color: #B55A00
}

.AXPopOverTooltip .contextMenuItem {
    position: relative;
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    color: #5e5e5e;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 0 center;
    border-bottom: 1px solid #ccc
}

.AXPopOverTooltip .contextMenuItem:hover {
    background-color: #eee
}

.AXPopOverTooltip .contextMenuItem.first {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.AXPopOverTooltip .contextMenuItem.last {
    border-bottom: 0 none;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.AXPopOverTooltip .contextMenuItem.groupName {
    background: #eee;
    color: #000
}

.AXPopOverTooltip .contextMenuItem.docline {
    background-image: url(images/dx-context-icon-docline.png)
}

.AXPopOverTooltip .contextMenuItem.plus {
    background-image: url(images/dx-context-icon-plus.png)
}

.AXPopOverTooltip .contextMenuItem.minus {
    background-image: url(images/dx-context-icon-minus.png)
}

.AXPopOverTooltip .contextMenuItem.group {
    background-image: url(images/dx-context-icon-group.png)
}

.AXPopOverTooltip .contextMenuItem.edit {
    background-image: url(images/dx-context-icon-edit.png)
}

.AXPopOverTooltip .contextMenuItem.copy {
    background-image: url(images/dx-context-icon-copy.png)
}

.AXPopOverTooltip .contextMenuItem.cut {
    background-image: url(images/dx-context-icon-cut.png)
}

.AXPopOverTooltip .contextMenuItem.paste {
    background-image: url(images/dx-context-icon-paste.png)
}

.AXPopOverTooltip .contextMenuItem.up {
    background-image: url(images/dx-context-icon-up.png)
}

.AXPopOverTooltip .contextMenuItem.down {
    background-image: url(images/dx-context-icon-down.png)
}

.AXPopOverTooltip .contextMenuItem.left {
    background-image: url(images/dx-context-icon-left.png)
}

.AXPopOverTooltip .contextMenuItem.right {
    background-image: url(images/dx-context-icon-right.png)
}

.AXPopOverTooltip .contextMenuItem.link {
    background-image: url(images/dx-context-icon-link.png)
}

.AXPopOverTooltip .contextMenuItem.unlink {
    background-image: url(images/dx-context-icon-unlink.png)
}

.AXPopOverTooltip .contextMenuItem.openall {
    background-image: url(images/dx-context-icon-openall.png)
}

.AXPopOverTooltip .contextMenuItem.closeall {
    background-image: url(images/dx-context-icon-cloaseall.png)
}

.AXPopOverTooltip .hline {
    display: block;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    background: #b1b1b1
}

.AXPopOverTooltip .contextSubMenuIcon {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    background-image: url(images/dx-context-sub-icon.png);
    background-repeat: no-repeat;
    background-position: 0 center
}

.AXNotification {
    width: 300px;
    border: 1px solid #c5c5c5;
    background: #ebebeb;
    padding: 10px;
    margin: 10px 0;
    box-shadow: 0 0 5px #b2b2b2;
    font-size: 11px;
    color: #525252;
    -moz-opacity: .8;
    opacity: .8;
    filter: alpha(opacity = 80);
    -webkit-border-radius: 4px 5px 5px;
    -moz-border-radius: 4px 5px 5px;
    border-radius: 4px 5px 5px
}

.AXNotification.Warning .AXNotificationIcon {
    width: 42px;
    height: 42px;
    background: url(images/dx-noti-warning.png) center center no-repeat
        !important
}

.AXNotification.Warning .AXNotificationBody B {
    color: #bf601b
}

.AXNotification.Caution .AXNotificationIcon {
    width: 42px;
    height: 42px;
    background: url(images/dx-noti-caution.png) center center no-repeat
        !important
}

.AXNotification.Caution .AXNotificationBody B {
    color: #7e302c
}

.AXNotification .AXNotificationHead {
    font-weight: 700;
    color: #717b85;
    text-shadow: 0 1px #fff;
    padding: 5px 15px;
    height: 20px;
    line-height: 20px;
    background: url(images/dx-dialog-title.png) repeat-x #fff;
    text-align: center
}

.AXNotification .AXNotificationTable, .AXNotification .AXNotificationTable td,
    .AXNotification .AXNotificationTable th {
    border: 0 !important;
    background: #ebebeb
}

.AXNotification .AXNotificationTable {
    width: 100%;
    table-layout: fixed
}

.AXNotification .AXNotificationIcon {
    width: 42px;
    height: 42px;
    background: url(images/dx-noti-complete.png) center 5px no-repeat
        !important
}

.AXNotification .AXNotificationBody {
    font-size: 11px;
    color: #525252;
    padding-right: 5px;
    line-height: 1.6em
}

.AXNotification .AXNotificationBody B {
    color: #477e47
}

.AXNotification .AXNotificationButton {
    width: 45px
}

.AXNotification .AXNotificationButtons {
    padding: 10px 0;
    text-align: center;
    background: #ebebeb
}

.AXNotificationTray {
    position: fixed;
    right: 10px;
    top: 0;
    z-index: 5001;
    width: 322px
}

.AXNotificationTrayDialog {
    position: fixed;
    left: 0;
    top: 50px;
    width: 100%;
    z-index: 5001
}

.AXNotificationTrayDialog .AXNotification {
    width: 340px;
    border: 1px solid #444;
    background: #ebebeb;
    padding: 0;
    margin: 0 auto;
    box-shadow: 0 0 3px #888;
    font-size: 11px;
    color: #525252;
    overflow: hidden;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity = 100);
    -webkit-border-radius: 4px 5px 5px;
    -moz-border-radius: 4px 5px 5px;
    border-radius: 4px 5px 5px
}

.AXCalendar table.calendarPage, .AXCalendar table.calendarPageMonth {
    width: 100%;
    table-layout: fixed
}

.AXNotificationTrayDialog .AXNotification .AXNotificationCT {
    padding: 10px
}

.AXCalendar {
    position: relative
}

.AXCalendar table.calendarPage thead td {
    background: #fff;
    font-size: 8px;
    font-family: Arial;
    height: 20px;
    line-height: 20px;
    padding: 0;
    text-align: center;
    border-right: 1px solid #f2f2f3;
    border-bottom: 1px solid #b9babc
}

.AXCalendar table.calendarPage thead td.head_6 {
    border-right: 0 none
}

.AXCalendar table.calendarPage thead td.dayofweek_0 {
    color: #c78b82
}

.AXCalendar table.calendarPage thead td.dayofweek_1, .AXCalendar table.calendarPage thead td.dayofweek_2,
    .AXCalendar table.calendarPage thead td.dayofweek_3, .AXCalendar table.calendarPage thead td.dayofweek_4,
    .AXCalendar table.calendarPage thead td.dayofweek_5 {
    color: #7b7b7b
}

.AXCalendar table.calendarPage thead td.dayofweek_6 {
    color: #627d9b
}

.AXCalendar table.calendarPage tbody td {
    height: 25px;
    line-height: 25px;
    padding: 0;
    text-align: center;
    border-right: 1px solid #b9babc;
    border-bottom: 1px solid #b9babc;
    background-image: -webkit-linear-gradient(#fcfcfc, #edecef);
    background-image: -o-linear-gradient(#fcfcfc, #edecef);
    background-image: -moz-linear-gradient(#fcfcfc, #edecef);
    background-image: linear-gradient(#fcfcfc, #edecef);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#fcfcfc, endColorstr=#edecef);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#fcfcfc, endColorstr=#edecef)
}

.AXCalendar table.calendarPage tbody td.bodyCol_6 {
    border-right: 0 none
}

.AXCalendar table.calendarPage tbody td.bodyRow_5 {
    border-bottom: 0 none
}

.AXCalendar table.calendarPage tbody td.setDate {
    background-image: -webkit-linear-gradient(#faefed, #ebd2cd);
    background-image: -o-linear-gradient(#faefed, #ebd2cd);
    background-image: -moz-linear-gradient(#faefed, #ebd2cd);
    background-image: linear-gradient(#faefed, #ebd2cd);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#faefed, endColorstr=#ebd2cd);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#faefed, endColorstr=#ebd2cd)
}

.AXCalendar table.calendarPage tbody td A.calendarDate {
    display: block;
    height: 25px;
    line-height: 25px;
    text-decoration: none;
    color: #6d6e71;
    font-size: 11px;
    font-family: Arial;
    font-weight: 700
}

.AXCalendar table.calendarPage tbody td A.calendarDate:hover {
    background: #d8e1e7
}

.AXCalendar table.calendarPage tbody td A.calendarDate.selected,
    .AXCalendar table.calendarPage tbody td A.calendarDate:active {
    background: #5ea3db;
    color: #fff;
    box-shadow: inset 0 0 4px #3d84bc
}

.AXCalendar table.calendarPage tbody td A.calendarDate.disabled {
    color: #d0d0d0 !important
}

.AXCalendar table.calendarPage tbody td.bodyCol_0 A.calendarDate {
    color: #c78b82
}

.AXCalendar table.calendarPage tbody td.bodyCol_0 A.calendarDate.notThisMonth,
    .AXCalendar table.calendarPage tbody td.bodyCol_1 A.calendarDate.notThisMonth,
    .AXCalendar table.calendarPage tbody td.bodyCol_2 A.calendarDate.notThisMonth,
    .AXCalendar table.calendarPage tbody td.bodyCol_3 A.calendarDate.notThisMonth,
    .AXCalendar table.calendarPage tbody td.bodyCol_4 A.calendarDate.notThisMonth,
    .AXCalendar table.calendarPage tbody td.bodyCol_5 A.calendarDate.notThisMonth,
    .AXCalendar table.calendarPage tbody td.bodyCol_6 A.calendarDate.notThisMonth
    {
    color: #bfbfc1
}

.AXCalendar .timeBox .hourSlider input, .AXCalendar .timeBox .minuteSlider input
    {
    width: 120px
}

.AXCalendar table.calendarPageMonth tbody td {
    height: 43px;
    line-height: 43px;
    padding: 0;
    text-align: center;
    border-right: 1px solid #b9babc;
    border-bottom: 1px solid #b9babc;
    background-image: -webkit-linear-gradient(#fcfcfc, #edecef);
    background-image: -o-linear-gradient(#fcfcfc, #edecef);
    background-image: -moz-linear-gradient(#fcfcfc, #edecef);
    background-image: linear-gradient(#fcfcfc, #edecef);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#fcfcfc, endColorstr=#edecef);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#fcfcfc, endColorstr=#edecef)
}

.AXCalendar table.calendarPageMonth tbody td.bodyCol_2 {
    border-right: 0 none
}

.AXCalendar table.calendarPageMonth tbody td.bodyCol_3 {
    border-bottom: 0 none;
    padding-bottom: 1px
}

.AXCalendar table.calendarPageMonth tbody td.setDate {
    background: #f3e2df
}

.AXCalendar table.calendarPageMonth tbody td A.calendarMonth {
    display: block;
    height: 43px;
    line-height: 43px;
    text-decoration: none;
    color: #6d6e71;
    font-size: 11px;
    font-family: Arial;
    font-weight: 700
}

.AXCalendar table.calendarPageMonth tbody td A.calendarMonth:hover {
    background: #d8e1e7
}

.AXCalendar table.calendarPageMonth tbody td A.calendarMonth.selected,
    .AXCalendar table.calendarPageMonth tbody td A.calendarMonth:active {
    background: #5ea3db;
    color: #fff;
    box-shadow: inset 0 0 5px #3d84bc
}

.AXCalendar .timeBox .hourTitle, .AXCalendar .timeBox .minuteTitle {
    color: #738089;
    font-size: 11px;
    line-height: 24px;
    text-shadow: 0 1px #fff;
    font-family: Arial
}

.AXCalendar .timeBox {
    position: relative;
    height: 90px
}

.AXCalendar .timeBox .hourTitle {
    position: absolute;
    left: 5px;
    top: 18px
}

.AXCalendar .timeBox .hourSlider {
    position: absolute;
    left: 45px;
    top: 15px
}

.AXCalendar .timeBox .minuteTitle {
    position: absolute;
    left: 5px;
    top: 53px
}

.AXCalendar .timeBox .minuteSlider {
    position: absolute;
    left: 45px;
    top: 50px
}

.AXCalendar .timeBox .timeDisplay {
    position: absolute;
    left: 5px;
    top: 90px;
    border: 1px solid #7f8d9c;
    background: #a3b0b9;
    box-shadow: inset 0 1px 2px #828282;
    border-radius: 5px;
    padding: 0 20px;
    margin: 0;
    font-size: 11px;
    color: #fff;
    font-family: Arial;
    line-height: 22px;
    text-shadow: 0 -1px rgba(0, 0, 0, .25);
    outline: 0;
    white-space: nowrap
}

.AXCalendar .timeBox .AMPM {
    position: absolute;
    right: 10px;
    top: 90px
}

.AXModalBox {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 5001
}

.AXModalBox .windowbox {
    border: 1px solid #a6a6a6;
    background: #fff;
    box-shadow: 0 0 1px #a6a6a6;
    padding: 0;
    margin: 0 0 10px;
    font-size: 11px;
    color: #525252
}

.AXModalBox .windowbox .windowboxFrame {
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity = 00)
}

.AXModalBox .windowbox .windowboxFrame.loaded {
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity = 100)
}

.AXModalBox .windowbox .closeBtn {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 38px;
    height: 38px;
    background: url(images/dx-modal-close.png) no-repeat;
    border: 1px solid #a6a6a6;
    overflow: hidden;
    text-indent: -1000px
}

.AXScroll .scrollBar, .AXScroll .scrollTrack {
    right: 2px;
    top: 2px;
    width: 7px;
    position: absolute
}

.AXScroll {
    position: relative;
    overflow: hidden
}

.AXScroll .scrollTrack {
    z-index: 100;
    height: 100%;
    background: #000;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity = 0);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.AXScroll .scrollBar, .AXScroll .xscrollTrack {
    background: #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

.AXScroll .scrollTrack_hover {
    -moz-opacity: .2;
    opacity: .2;
    filter: alpha(opacity = 20)
}

.AXScroll .scrollBar {
    z-index: 100;
    min-height: 10px;
    -moz-opacity: .1;
    opacity: .1;
    filter: alpha(opacity = 10);
    border-radius: 5px
}

.AXScroll .scrollBar:hover {
    width: 11px;
    right: 0
}

.AXScroll .scrollBar_hover {
    -moz-opacity: .5;
    opacity: .5;
    filter: alpha(opacity = 50)
}

.AXScroll .scrollTarget {
    position: absolute;
    left: 0;
    top: 0
}

.AXScroll .xscrollBar, .AXScroll .xscrollTrack {
    z-index: 100;
    left: 2px;
    bottom: 2px;
    height: 7px;
    position: absolute
}

.AXScroll .xscrollTrack {
    width: 100%;
    -moz-opacity: .1;
    opacity: .1;
    filter: alpha(opacity = 10);
    border-radius: 5px
}

.AXScroll .xscrollBar, .AXScrollSmall .scrollTrack {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #000
}

.AXScroll .xscrollTrack_hover {
    -moz-opacity: .2;
    opacity: .2;
    filter: alpha(opacity = 20)
}

.AXScroll .xscrollBar {
    min-width: 10px;
    -moz-opacity: .1;
    opacity: .1;
    filter: alpha(opacity = 10);
    border-radius: 5px
}

.AXScroll .xscrollBar:hover {
    height: 11px;
    bottom: 0
}

.AXScroll .xscrollBar_hover {
    -moz-opacity: .5;
    opacity: .5;
    filter: alpha(opacity = 50)
}

.AXScroll .xscrollTarget {
    position: absolute;
    left: 0;
    top: 0
}

.AXScrollSmall {
    position: relative;
    overflow: hidden
}

.AXScrollSmall .scrollTrack {
    position: absolute;
    right: 3px;
    top: 2px;
    width: 6px;
    height: 100%;
    -moz-opacity: .1;
    opacity: .1;
    filter: alpha(opacity = 10);
    border-radius: 5px
}

.AXScrollSmall .scrollTrack_hover {
    -moz-opacity: .2;
    opacity: .2;
    filter: alpha(opacity = 20)
}

.AXScrollSmall .scrollBar {
    position: absolute;
    right: 3px;
    top: 2px;
    width: 6px;
    min-height: 10px;
    background: #000;
    -moz-opacity: .3;
    opacity: .3;
    filter: alpha(opacity = 30);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.AXScrollSmall .scrollBar:hover {
    width: 10px;
    right: 1px
}

.AXScrollSmall .scrollBar_hover {
    -moz-opacity: .5;
    opacity: .5;
    filter: alpha(opacity = 50)
}

.AXScrollSmall .scrollTarget {
    position: absolute;
    left: 0;
    top: 0
}

.AXMobileModal .AXMobileModalPanel .mobileModalHead .mobileMenuHome {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 44px;
    height: 44px;
    background: url(images/mx-modal-icon-home.png) center center no-repeat;
    background-size: 50% 50%;
    line-height: 1000px;
    overflow: hidden
}

.AXMobileModal .AXMobileModalPanel .mobileModalHead .mobileMenuPrev {
    display: block;
    position: absolute;
    left: 44px;
    top: 0;
    height: 44px;
    line-height: 44px;
    padding-left: 30px;
    color: #3b3b3b;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    background: url(images/mx-modal-icon-prev.png) 0 center no-repeat;
    background-size: 22px auto;
    cursor: pointer
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXContextMenuContainer .AXContextMenuScroll .contextMenuItem .tool-rightGroup .contextSubMenuIcon
    {
    background: url(images/mx-modal-icon-hasSub.png) center center no-repeat;
    background-size: 15px 15px
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXCalendar table.calendarPage thead td
    {
    font-size: 11px;
    font-family: "Nanum Gothic";
    height: 30px;
    line-height: 30px;
    padding: 0;
    text-align: center
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXCalendar table.calendarPage tbody td
    {
    height: 42px;
    line-height: 42px;
    padding: 0;
    text-align: center
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXCalendar table.calendarPage tbody td a
    {
    font-size: 11px;
    height: 42px;
    line-height: 42px
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXCalendar table.calendarPageMonth
    {
    table-layout: fixed;
    width: 100%
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXCalendar .timeBox .hourSlider input,
    .AXMobileModal .AXMobileModalPanel .mobileModalBody .AXCalendar .timeBox .minuteSlider input
    {
    width: 200px
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXCalendar table.calendarPageMonth tbody td
    {
    height: 71px;
    line-height: 71px;
    padding: 0;
    text-align: center
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXCalendar table.calendarPageMonth tbody td A
    {
    font-size: 14px;
    height: 71px;
    line-height: 71px
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXCalendar .timeBox
    {
    position: relative;
    height: 90px
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXCalendar .timeBox .hourTitle
    {
    position: absolute;
    left: 10px;
    top: 18px;
    font-size: 11px;
    line-height: 24px
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXCalendar .timeBox .hourSlider
    {
    position: absolute;
    left: 60px;
    top: 18px
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXCalendar .timeBox .minuteTitle
    {
    position: absolute;
    left: 10px;
    top: 53px;
    font-size: 11px;
    line-height: 24px
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXCalendar .timeBox .minuteSlider
    {
    position: absolute;
    left: 60px;
    top: 50px
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXCalendar .timeBox .timeDisplay
    {
    position: absolute;
    left: 10px;
    top: 100px;
    font-size: 11px;
    color: #fff;
    line-height: 22px
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXCalendar .timeBox .AMPM
    {
    position: absolute;
    right: 10px;
    top: 100px
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .mobileMenuBody {
    padding: 7px;
    width: 286px;
    height: 286px;
    overflow: hidden;
    position: relative;
    background: #717b85
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .mobileMenuBody .mobileMenuBodyScroll
    {
    position: absolute;
    left: 0;
    top: 7px;
    height: 286px
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .mobileMenuBody .mobileMenuBodyPage
    {
    float: left;
    width: 286px;
    height: 286px;
    margin: 0 0 0 9px
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .mobileMenuBody .mobileMenuItem,
    .AXMobileModal .AXMobileModalPanel .mobileModalBody .mobileMenuBody .mobileMenuItemGhost,
    .AXmobileMenuGhost {
    margin: 1px;
    color: #717b85;
    font-size: 13px;
    line-height: 18px;
    padding: 5px;
    text-decoration: none;
    word-break: break-all
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .mobileMenuBody .mobileMenuItem
    {
    position: relative;
    display: block;
    float: left;
    width: 82px;
    height: 82px;
    background: #f7f7f7;
    border-radius: 4px
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .mobileMenuBody .mobileMenuItem .hasSubMenu
    {
    position: absolute;
    right: 2px;
    bottom: 2px;
    width: 16px;
    height: 16px;
    background-image: url(images/mx-mobilemenu-icon-hassub.png);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: 16px 16px
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .mobileMenuBody .mobileMenuItem.selected,
    .AXMobileModal .AXMobileModalPanel .mobileModalBody .mobileMenuBody .mobileMenuItem:active
    {
    background-color: #d7dde3
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .mobileMenuBody .mobileMenuItemGhost
    {
    width: 82px;
    height: 82px;
    background: #f7f7f7;
    border-radius: 4px;
    border: 1px solid #b9babc
}

.AXMobileModal .AXMobileModalPanel .mobileModalFoot .AXDateButtonBox .AXButton
    {
    height: 38px;
    font-size: 13px
}

.AXMobileModal .AXMobileModalPanel .mobileModalFoot .AXDateButtonBox .AXButtonSmall
    {
    height: 25px;
    font-size: 13px
}

.AXMobileModal .AXMobileModalPanel .mobileModalFoot .mobileMenuFoot {
    text-align: center;
    height: 44px
}

.AXMobileModal .AXMobileModalPanel .mobileModalFoot .mobileMenuFoot .pageNav
    {
    display: inline-block;
    width: 20px;
    height: 44px;
    background: url(images/mx-mobilemenu-icon-pageNav.png) center center
        no-repeat;
    background-size: 10px 10px
}

.AXMobileModal .AXMobileModalPanel .mobileModalFoot .mobileMenuFoot .pageNav.on
    {
    background: url(images/mx-mobilemenu-icon-pageNavOn.png) center center
        no-repeat;
    background-size: 10px 10px
}

.AXmobileMenuGhost {
    display: block;
    position: absolute;
    width: 82px;
    height: 82px;
    background: #f3f3f4;
    border-radius: 4px
}

.AXMultiselectorHelper {
    position: absolute;
    border: 1px dotted #000
}

.AXResizable {
    position: relative
}

.AXResizable .AXResizableHandle {
    position: absolute;
    width: 18px;
    height: 18px;
    right: 1px;
    bottom: 1px;
    cursor: se-resize;
    background: url(images/dx-resizable-handle.png) no-repeat
}

.AXFormTable, .AXGridTable {
    width: 100%;
    font-size: 11px;
    box-shadow: 1px 1px 3px #eee;
    table-layout: fixed;
    border-collapse: collapse
}

.AXResizableHelper {
    position: absolute;
    border: 1px dotted #000;
    cursor: se-resize;
    background: url(images/dx-resizable-handle.png) 100% 100% no-repeat
}

.AXFormTable td .tdRel, .AXFormTable th .tdRel, .AXGridTable td .AXInputLabel,
    .AXGridTable td .tdRel, .AXGridTable th .AXInputLabel, .AXGridTable th .tdRel
    {
    position: relative
}

.AXGridTable {
    border: 1px solid #d4d4d4;
    border-bottom: 0 none
}

.AXGridTable tbody td, .AXGridTable tbody th, .AXGridTable thead td,
    .AXGridTable thead th {
    border-bottom: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
    color: #565b61
}

.AXGridTable td, .AXGridTable th {
    min-height: 30px;
    box-sizing: border-box;
    padding: 5px
}

.AXGridTable thead td, .AXGridTable thead th {
    background-image: linear-gradient(#fff, #e8e8e8);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#e8e8e8)
}

.AXFormTable tbody th, .userSelectBox .readyDrag {
    background-image: -webkit-linear-gradient(#fff, #e8e8e8);
    background-image: -o-linear-gradient(#fff, #e8e8e8);
    background-image: -moz-linear-gradient(#fff, #e8e8e8);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#e8e8e8)
}

.AXGridTable tr.gray td, .AXGridTable tr.gray th {
    background-color: #F5F5F5
}

.AXGridTable tr.red td, .AXGridTable tr.red th {
    background-color: #FFE8E8
}

.AXGridTable tr.green td, .AXGridTable tr.green th {
    background-color: #F7FDEA
}

.AXGridTable tr.blue td, .AXGridTable tr.blue th {
    background-color: #EAF5FD
}

.AXGridTable tr.yellow td, .AXGridTable tr.yellow th {
    background-color: #FEFEE9
}

.AXGridTable tr td.gray {
    background-color: #F5F5F5
}

.AXGridTable tr td.red {
    background-color: #FFE8E8
}

.AXGridTable tr td.green {
    background-color: #F7FDEA
}

.AXGridTable tr td.blue {
    background-color: #EAF5FD
}

.AXGridTable tr td.yellow {
    background-color: #FEFEE9
}

.AXFormTable {
    border: 1px solid #d4d4d4;
    border-bottom: 0 none
}

.AXFormTable td, .AXFormTable th {
    padding: 5px
}

.AXFormTable tbody td, .AXFormTable tbody th {
    min-height: 25px;
    overflow: visible;
    border-bottom: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
    color: #565b61
}

.AXFormTable tbody th {
    color: #444;
    background-image: linear-gradient(#fff, #e8e8e8);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#e8e8e8);
    box-sizing: border-box
}

.AXFormTable tbody tr.gray td, .AXFormTable tbody tr.gray th {
    background-color: #F5F5F5
}

.AXFormTable tbody tr.red td, .AXFormTable tbody tr.red th {
    background-color: #FFE8E8
}

.AXFormTable tbody tr.green td, .AXFormTable tbody tr.green th {
    background-color: #F7FDEA
}

.AXFormTable tbody tr.blue td, .AXFormTable tbody tr.blue th {
    background-color: #EAF5FD
}

.AXFormTable tbody tr.yellow td, .AXFormTable tbody tr.yellow th {
    background-color: #FEFEE9
}

.AXFormTable tbody tr td.gray {
    background-color: #F5F5F5
}

.AXFormTable tbody tr td.red {
    background-color: #FFE8E8
}

.AXFormTable tbody tr td.green {
    background-color: #F7FDEA
}

.AXFormTable tbody tr td.blue {
    background-color: #EAF5FD
}

.AXFormTable tbody tr td.yellow {
    background-color: #FEFEE9
}

.AXWordwrap {
    word-wrap: break-word;
    white-space: -moz-pre-wrap;
    white-space: pre-wrap
}

@media ( max-width :767px) {
    .AXInputLabel {
        position: relative;
        display: inline-block;
        vertical-align: top
    }
    .AXInputLabel SPAN {
        display: block;
        line-height: 24px;
        font-size: 11px;
        color: #444;
        padding: 0 3px
    }
    .AXInputLabel.fullWidth {
        display: block;
        padding-right: 8px
    }
    .AXInputLabel.fullWidth SPAN {
        display: block
    }
    .AXInputLabel.fullWidth input[type=password], .AXInputLabel.fullWidth input[type=text]
        {
        width: 100%;
        box-size: border-box
    }
    .AXNotification {
        width: 280px;
        border: 1px solid #c5c5c5;
        background: #ebebeb;
        padding: 10px;
        margin: 10px 0;
        box-shadow: 0 0 3px #b2b2b2;
        font-size: 11px;
        color: #525252;
        -moz-opacity: .8;
        opacity: .8;
        filter: alpha(opacity = 80);
        -webkit-border-radius: 4px 5px 5px;
        -moz-border-radius: 4px 5px 5px;
        border-radius: 4px 5px 5px
    }
    .AXNotification.Warning .AXNotificationIcon {
        width: 42px;
        height: 42px;
        background: url(images/dx-noti-warning.png) center center no-repeat
            !important
    }
    .AXNotification.Warning .AXNotificationBody B {
        color: #bf601b
    }
    .AXNotification.Caution .AXNotificationIcon {
        width: 42px;
        height: 42px;
        background: url(images/dx-noti-caution.png) center center no-repeat
            !important
    }
    .AXNotification.Caution .AXNotificationBody B {
        color: #7e302c
    }
    .AXNotification .AXNotificationHead {
        font-weight: 700;
        color: #717b85;
        text-shadow: 0 1px #fff;
        padding: 5px 15px;
        height: 20px;
        line-height: 20px;
        background: url(images/dx-dialog-title.png) repeat-x #fff;
        text-align: center
    }
    .AXNotification .AXNotificationTable, .AXNotification .AXNotificationTable td,
        .AXNotification .AXNotificationTable th {
        border: 0 !important;
        background: #ebebeb
    }
    .AXNotification .AXNotificationTable {
        width: 100%
    }
    .AXNotification .AXNotificationIcon {
        width: 42px;
        height: 42px;
        background: url(images/dx-noti-complete.png) center 5px no-repeat
            !important
    }
    .AXNotification .AXNotificationBody {
        font-size: 11px;
        color: #525252;
        padding-right: 5px;
        line-height: 1.6em
    }
    .AXNotification .AXNotificationBody B {
        color: #477e47
    }
    .AXNotification .AXNotificationButton {
        width: 45px
    }
    .AXNotification .AXNotificationButtons {
        padding: 10px 0;
        text-align: center;
        background: #ebebeb
    }
    .AXNotificationTray {
        position: fixed;
        right: 0;
        top: 0;
        z-index: 5001;
        width: 310px
    }
    .AXNotificationTrayDialog {
        position: fixed;
        left: 0;
        top: 50px;
        width: 100%;
        z-index: 5001
    }
    .AXNotificationTrayDialog .AXNotification {
        width: 280px;
        border: 1px solid #444;
        background: #ebebeb;
        padding: 0;
        margin: 0 auto;
        box-shadow: 0 0 3px #888;
        font-size: 11px;
        color: #525252;
        overflow: hidden;
        -moz-opacity: 1;
        opacity: 1;
        filter: alpha(opacity = 100);
        -webkit-border-radius: 4px 5px 5px;
        -moz-border-radius: 4px 5px 5px;
        border-radius: 4px 5px 5px
    }
    .AXNotificationTrayDialog .AXNotification .AXNotificationCT {
        padding: 10px
    }
}

.AXMobileModal {
    z-index: 6000;
    position: fixed;
    left: 0;
    top: 0
}

.AXMobileModal .AXMobileModalPanel {
    position: absolute;
    left: 0;
    top: 0;
    background: #d7dde3;
    border-radius: 4px;
    box-shadow: 0 0 3px #000
}

.AXSelectSmall, .AXTextarea {
    -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .15);
    outline: 0
}

.AXMobileModal .AXMobileModalPanel .mobileModalHead {
    position: relative;
    height: 44px
}

.AXMobileModal .AXMobileModalPanel .mobileModalHead .modalTitle {
    padding: 0 10px;
    line-height: 44px;
    color: #3b3b3b;
    font-size: 15px;
    font-weight: 700
}

.AXMobileModal .AXMobileModalPanel .mobileModalHead .AXDateControlBox .prevbutton
    {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 44px;
    height: 44px;
    background: url(images/mx-modal-icon-prev.png) center center no-repeat;
    background-size: 50% 50%;
    text-indent: -9999;
    overflow: hidden
}

.AXMobileModal .AXMobileModalPanel .mobileModalHead .AXDateControlBox .nextbutton
    {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    height: 44px;
    background: url(images/mx-modal-icon-next.png) center center no-repeat;
    background-size: 50% 50%;
    text-indent: -9999;
    overflow: hidden
}

.AXMobileModal .AXMobileModalPanel .mobileModalHead .AXDateControlBox .yearbutton
    {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
    height: 44px;
    line-height: 44px;
    text-decoration: none;
    color: #3b3b3b;
    font-size: 15px;
    font-weight: 700
}

.AXMobileModal .AXMobileModalPanel .mobileModalHead .AXDateControlBox .monthbutton
    {
    display: block;
    position: absolute;
    left: 160px;
    top: 0;
    height: 44px;
    line-height: 44px;
    text-decoration: none;
    color: #3b3b3b;
    font-size: 15px;
    font-weight: 700
}

.AXMobileModal .AXMobileModalPanel .mobileModalHead .AXContextMenuHome {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 44px;
    height: 44px;
    background: url(images/mx-modal-icon-home.png) center center no-repeat;
    background-size: 50% 50%;
    line-height: 1000px;
    overflow: hidden
}

.AXMobileModal .AXMobileModalPanel .mobileModalHead .AXContextMenuPrev {
    display: block;
    position: absolute;
    left: 44px;
    top: 0;
    height: 44px;
    line-height: 44px;
    padding-left: 30px;
    color: #3b3b3b;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    background: url(images/mx-modal-icon-prev.png) 0 center no-repeat;
    background-size: 22px auto;
    cursor: pointer
}

.AXMobileModal .AXMobileModalPanel .mobileModelClose {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    height: 44px;
    background: url(images/mx-modal-icon-close.png) center center no-repeat;
    background-size: 50% 50%;
    line-height: 1000px;
    overflow: hidden
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXContextMenuContainer
    {
    background: #fff
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXDateDisplayBox {
    background: #fff;
    border-top: 1px solid #b9babc;
    border-bottom: 1px solid #b9babc
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXTimeDisplayBox {
    height: 144px;
    background: #fff
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXContextMenuContainer .AXContextMenuScroll .contextMenuItem
    {
    position: relative;
    display: block;
    padding: 0 10px;
    font-size: 11px;
    line-height: 43px;
    color: #3b3b3b;
    text-decoration: none;
    border-bottom: 1px solid #c8c8c8;
    background: #fff
}

.AXModelControlGrid .colHeadTable td, .AXModelControlGrid .colHeadTable th,
    .AXModelControlGrid .gridBodyTable td {
    border-bottom: 1px solid #c0b5a6;
    border-right: 1px solid #c0b5a6
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXContextMenuContainer .AXContextMenuScroll .contextMenuItem:nth-child(odd)
    {
    background: #f7f7f7
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXContextMenuContainer .AXContextMenuScroll .contextMenuItem.on
    {
    background: #5ea3db
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXContextMenuContainer .AXContextMenuScroll .contextMenuItem .tool-checkbox
    {
    display: inline-block;
    vertical-align: middle;
    width: 43px;
    height: 43px;
    background: url(images/mx-item-check.png) center center no-repeat;
    background-size: 30px 30px
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXContextMenuContainer .AXContextMenuScroll .contextMenuItem .tool-checkbox.on
    {
    background: url(images/mx-item-checkOn.png) center center no-repeat;
    background-size: 30px 30px
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXContextMenuContainer .AXContextMenuScroll .contextMenuItem .label
    {
    display: inline
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXContextMenuContainer .AXContextMenuScroll .contextMenuItem .tool-rightGroup
    {
    position: absolute;
    right: 0;
    top: 0;
    height: 43px
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXContextMenuContainer .AXContextMenuScroll .contextMenuItem .tool-rightGroup .contextSubMenuIcon
    {
    display: inline-block;
    width: 43px;
    height: 43px;
    background-image: url(images/dx-context-sub-icon.png);
    background-repeat: no-repeat;
    background-position: 0 center
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXContextMenuContainer .AXContextMenuScroll .contextMenuItem .tool-rightGroup .tool-sort
    {
    display: inline-block;
    width: 43px;
    height: 43px;
    background: url(images/mx-item-sort.png) center center no-repeat;
    background-size: 30px 30px
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXContextMenuContainer .AXContextMenuScroll .contextMenuItem .tool-rightGroup .tool-sort.asc
    {
    background: url(images/mx-item-sortAsc.png) center center no-repeat;
    background-size: 30px 30px
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXContextMenuContainer .AXContextMenuScroll .contextMenuItem .tool-rightGroup .tool-sort.desc
    {
    background: url(images/mx-item-sortDesc.png) center center no-repeat;
    background-size: 30px 30px
}

.AXMobileModal .AXMobileModalPanel .mobileModalFoot .AXDateButtonBox {
    text-align: center;
    padding: 7px
}

.AXModelControlGrid .colHeadTable td .tdRelBlock, .AXModelControlGrid .gridBodyTable td .tdRelBlock
    {
    position: relative;
    padding: 3px 4px 3px 3px
}

.AXModelControlGrid .AXgridScrollBody {
    border: 1px solid #c0b5a6
}

.AXModelControlGrid .colHeadTable {
    table-layout: fixed;
    border-spacing: 0;
    border-collapse: collapse
}

.AXModelControlGrid .gridBodyTable {
    table-layout: fixed;
    border-spacing: 0;
    border-collapse: collapse
}

.AXModelControlGrid .gridBodyTable td:last-child {
    background: 0 0
}

.AXModelControlGrid .gridBodyTable tfoot td {
    border-bottom: none;
    background: #FCF7E2 !important;
    padding: 3px 0 10px
}

.AXprogressTray {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 5001;
    text-align: -webkit-center
}

.AXlineProgress .AXprogressTitle {
    padding: 5px;
    color: #7f7f7f;
    text-shadow: 0 1px 0 #fff;
    font-size: 11px;
    text-align: center
}

.AXlineProgress .AXprogressCancel {
    display: block;
    position: absolute;
    right: -30px;
    top: 2px;
    width: 24px;
    height: 24px;
    background: url(images/dx-dialog-close.png) center center no-repeat;
    line-height: 10000px;
    overflow: hidden
}

.AXlineProgress .AXprogress {
    position: relative;
    padding: 5px 0
}

.AXlineProgress .AXprogress .AXprogressContainer {
    background: #b3b3b3;
    border-radius: 8px
}

.AXlineProgress .AXprogress .AXprogressContainer .AXprogressBar {
    position: relative;
    height: 14px;
    width: 0;
    border: 1px solid #e9e9e9;
    background: url(images/dx-progress-bar.png) repeat-x !important;
    border-radius: 8px
}

.AXlineProgress .AXprogress .AXprogressLoadedText {
    position: absolute;
    left: 0;
    top: 20px;
    color: #7f7f7f;
    text-shadow: 0 1px 0 #fff;
    font-size: 11px;
    font-family: verdana;
    white-space: nowrap
}

.AXlineProgress .AXprogress .AXprogressLoadedText span {
    padding-left: 5px;
    font-size: 10px
}

.AXCircleProgress .AXprogressTitle {
    padding: 5px;
    color: #7f7f7f;
    text-shadow: 0 1px 0 #fff;
    font-size: 11px;
    text-align: center
}

.AXCircleProgress .AXprogressCancel {
    display: block;
    position: absolute;
    right: -10px;
    bottom: -10px;
    width: 24px;
    height: 24px;
    background: url(images/dx-dialog-close.png) center center no-repeat;
    line-height: 10000px;
    overflow: hidden
}

.AXCircleProgress .AXprogress {
    position: relative;
    padding: 5px 0
}

.AXCircleProgress .AXprogress .AXprogressContainer {
    position: relative;
    height: 66px;
    width: 66px
}

.AXCircleProgress .AXprogress .AXprogressContainer .AXprogressBar {
    position: relative;
    height: 66px;
    width: 66px;
    background: url(images/dx-progress-circle.png) no-repeat
}

.AXCircleProgress .AXprogress .AXprogressContainer .AXprogressBar.percent5
    {
    background-position: 0 -66px
}

.AXCircleProgress .AXprogress .AXprogressContainer .AXprogressBar.percent10
    {
    background-position: 0 -132px
}

.AXCircleProgress .AXprogress .AXprogressContainer .AXprogressBar.percent15
    {
    background-position: 0 -198px
}

.AXCircleProgress .AXprogress .AXprogressContainer .AXprogressBar.percent20
    {
    background-position: 0 -264px
}

.AXCircleProgress .AXprogress .AXprogressContainer .AXprogressBar.percent25
    {
    background-position: 0 -330px
}

.AXCircleProgress .AXprogress .AXprogressContainer .AXprogressBar.percent30
    {
    background-position: 0 -396px
}

.AXCircleProgress .AXprogress .AXprogressContainer .AXprogressBar.percent35
    {
    background-position: 0 -462px
}

.AXCircleProgress .AXprogress .AXprogressContainer .AXprogressBar.percent40
    {
    background-position: 0 -528px
}

.AXCircleProgress .AXprogress .AXprogressContainer .AXprogressBar.percent50
    {
    background-position: 0 -594px
}

.AXCircleProgress .AXprogress .AXprogressContainer .AXprogressBar.percent55
    {
    background-position: 0 -660px
}

.AXCircleProgress .AXprogress .AXprogressContainer .AXprogressBar.percent60
    {
    background-position: 0 -726px
}

.AXCircleProgress .AXprogress .AXprogressContainer .AXprogressBar.percent65
    {
    background-position: 0 -792px
}

.AXCircleProgress .AXprogress .AXprogressContainer .AXprogressBar.percent70
    {
    background-position: 0 -858px
}

.AXCircleProgress .AXprogress .AXprogressContainer .AXprogressBar.percent75
    {
    background-position: 0 -924px
}

.AXCircleProgress .AXprogress .AXprogressContainer .AXprogressBar.percent80
    {
    background-position: 0 -990px
}

.AXCircleProgress .AXprogress .AXprogressContainer .AXprogressBar.percent85
    {
    background-position: 0 -1056px
}

.AXCircleProgress .AXprogress .AXprogressContainer .AXprogressBar.percent90
    {
    background-position: 0 -1122px
}

.AXCircleProgress .AXprogress .AXprogressContainer .AXprogressBar.percent95
    {
    background-position: 0 -1188px
}

.AXCircleProgress .AXprogress .AXprogressContainer .AXprogressBar.percent100
    {
    background-position: 0 -1254px
}

.AXCircleProgress .AXprogress .AXprogressContainer .AXprogressLoadedText
    {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 66px;
    height: 66px;
    text-align: center;
    line-height: 60px;
    color: #7f7f7f;
    text-shadow: 0 1px 0 #fff;
    font-size: 15px;
    font-family: verdana;
    font-weight: 700;
    white-space: nowrap
}

.AXCircleProgress .AXprogress .AXprogressContainer .AXprogressLoadedText span
    {
    display: block;
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 66px;
    line-height: 20px;
    font-size: 10px
}

.AXSearch {
    position: relative;
    border-spacing: 0;
    border-collapse: collapse
}

.AXSearch .expandHandle {
    display: block;
    border-bottom: 1px solid #ccc;
    background: #eee;
    text-align: center;
    color: #888;
    text-decoration: none;
    font-size: 11px;
    line-height: 20px;
    height: 20px
}

.AXSearch .searchGroup {
    position: relative;
    background: #fff;
    min-height: 40px
}

.AXSearch .searchGroup.gray {
    background: #f5f5f5;
    padding: 0;
    min-height: 25px
}

.AXSearch .searchGroup.gray .searchItem.searchLabel {
    background: #eee
}

.AXSearch .searchGroup .searchItem {
    float: left;
    line-height: 20px;
    min-height: 20px;
    padding: 0;
    text-align: center;
    position: relative
}

.AXSearch .searchGroup .searchItem .itemTable {
    position: relative;
    display: table-cell
}

.AXSearch .searchGroup .searchItem .itemTable span.th {
    display: table-cell;
    color: #616161;
    border-right: 1px solid #d8d8d8;
    min-height: 20px;
    line-height: 20px;
    padding: 10px 0;
    box-sizing: content-box
}

.AXSearch .searchGroup .searchItem .itemTable span.th.none {
    border: 0
}

.AXSearch .searchGroup .searchItem .itemTable span.td {
    display: table-cell;
    height: 30px;
    line-height: auto;
    padding: 5px 10px;
    box-sizing: content-box;
    vertical-align: middle
}

.AXSearch .searchGroup .searchItem .itemTable span.td select {
    box-sizing: border-box;
    height: 25px;
    margin: 0
}

.AXSearch .searchGroup .searchItem .itemTable span.td input, .AXSearch .searchGroup .searchItem .itemTable span.td label
    {
    vertical-align: middle
}

.AXSearch .searchGroup .searchItem.secondItem .itemTable span.th {
    border-left: 1px solid #d8d8d8
}

.AXSearch .searchGroup .searchItem.rightPadding0 .itemTable span.td {
    padding-right: 0
}

.AXSearch .searchGroup .searchItem.leftPadding0 .itemTable span.td {
    padding-left: 0
}

.AXSearch .searchGroup .searchItem.padding0 .itemTable span.td {
    padding: 5px 0
}

.AXSearch .searchGroup .searchItem.searchLabel {
    background: #f3f3f3;
    font-weight: 700;
    font-size: 11px;
    color: #444
}

.AXSearch .searchGroup .searchItem.searchLink {
    color: #ccc
}

.AXSearch .searchGroup .searchItem.searchLink .searchLinkItem {
    color: #616161;
    text-decoration: none;
    padding: 0 3px
}

.AXSearch .searchGroup .searchItem.searchLink .searchLinkItem.on {
    color: #616161;
    font-weight: 700;
    text-decoration: underline
}

.AXSearch .searchGroup .groupClear {
    font-size: 1px;
    line-height: 1px;
    height: 1px;
    background: #ccc;
    clear: both
}

.AXSearch.mx .expandHandle {
    display: block;
    border-bottom: 1px solid #ccc;
    background: #eee;
    text-align: center;
    color: #888;
    text-decoration: none;
    font-size: 11px;
    line-height: 30px;
    height: 30px
}

.AXSearch.mx .searchGroup {
    position: relative;
    background: #fff;
    min-height: 40px
}

.AXSearch.mx .searchGroup.gray {
    background: #f5f5f5;
    padding: 0;
    min-height: 25px
}

.AXSearch.mx .searchGroup.gray .searchItem.searchLabel {
    background: #eee
}

.AXSearch.mx .searchGroup .searchItem {
    float: none;
    line-height: auto;
    min-height: auto;
    padding: 0;
    text-align: left;
    position: relative
}

.AXSearch.mx .searchGroup .searchItem .itemTable {
    position: relative;
    display: block;
    float: left
}

.AXSearch.mx .searchGroup .searchItem .itemTable span.th {
    display: block;
    float: none;
    color: #616161;
    border: none;
    padding: 0;
    margin: 10px 10px 10px 15px;
    box-sizing: content-box;
    text-align: left;
    font-weight: 700
}

.AXSearch.mx .searchGroup .searchItem .itemTable span.td {
    display: block;
    float: none;
    height: auto;
    line-height: auto;
    padding: 0;
    margin: 0 10px 10px;
    box-sizing: content-box;
    vertical-align: middle;
    text-align: left
}

.AXSearch.mx .searchGroup .searchItem .itemTable span.td select {
    box-sizing: border-box;
    height: 25px;
    margin: 0
}

.AXSearch.mx .searchGroup .searchItem .itemTable span.td input,
    .AXSearch.mx .searchGroup .searchItem .itemTable span.td label {
    vertical-align: middle
}

.AXSearch.mx .searchGroup .searchItem.secondItem .itemTable span.th {
    border-left: none
}

.AXSearch.mx .searchGroup .searchItem.rightPadding0 .itemTable span.td {
    padding-right: 0
}

.AXSearch.mx .searchGroup .searchItem.leftPadding0 .itemTable span.td {
    padding-left: 0
}

.AXSearch.mx .searchGroup .searchItem.padding0 .itemTable span.td {
    padding: 5px 0
}

.AXSearch.mx .searchGroup .searchItem.searchLabel {
    background: #f3f3f3;
    font-weight: 700;
    font-size: 11px;
    color: #444
}

.AXSearch.mx .searchGroup .searchItem.searchLink {
    color: #ccc
}

.AXSearch.mx .searchGroup .searchItem.searchLink .searchLinkItem {
    color: #616161;
    text-decoration: none;
    padding: 0 2px
}

.AXSearch.mx .searchGroup .searchItem.searchLink .searchLinkItem.on {
    color: #616161;
    font-weight: 700;
    text-decoration: underline
}

.AXSearch.mx .searchGroup .itemClear {
    clear: both
}

.AXSearch.mx .searchGroup .groupClear {
    font-size: 1px;
    line-height: 1px;
    height: 1px;
    background: #ccc;
    clear: both
}

.AXSearchTable {
    border-top: 1px solid #c1c1c1;
    border-bottom: 0 none;
    width: 100%;
    table-layout: fixed;
    font-size: 11px
}

.AXSearchTable tbody td, .AXSearchTable tbody th {
    min-height: 36px;
    height: 36px;
    overflow: visible;
    border-bottom: 1px solid #c1c1c1
}

.AXSearchTable td .tdRel, .AXSearchTable th .tdRel {
    padding: 0 10px
}

.AXSearchTable tbody td {
    color: #666;
    background: url(images/dx-grid-body-border.png) 100% 0 repeat-y
}

.AXSearchTable tbody th {
    color: #444;
    text-align: center;
    background: url(images/dx-grid-body-border.png) 100% 0 repeat-y #fff
}

.AXSelect, .AXSelectSmall {
    border: 1px solid #b6b6b6;
    padding: 0;
    vertical-align: middle
}

.AXSearchTable tbody tr .gray td, .AXSearchTable tbody tr .gray th {
    background-color: #f5f5f5
}

.AXSearchTable tbody tr .red td, .AXSearchTable tbody tr .red th {
    background-color: #ffe8e8
}

.AXSearchTable tbody tr .green td, .AXSearchTable tbody tr .green th {
    background-color: #f7fdea
}

.AXSearchTable tbody tr .blue td, .AXSearchTable tbody tr .blue th {
    background-color: #eaf5fd
}

.AXSearchTable tbody tr .yellow td, .AXSearchTable tbody tr .yellow th {
    background-color: #fefee9
}

.AXSearchTable tbody td.last, .AXSearchTable tbody th.last {
    background: url() 100% 0 repeat-y
}

.AXSelect, .AXSelectSmall, .AXTextarea {
    background: #fff;
    margin: 0 auto;
    box-sizing: content-box
}

.AXSelect {
    -webkit-border-radius: 4px 5px 5px;
    -moz-border-radius: 4px 5px 5px;
    border-radius: 4px 5px 5px;
    font-size: 11px;
    height: 26px;
    line-height: 26px
}

.AXSelectSmall {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .15);
    -webkit-border-radius: 4px 5px 5px;
    -moz-border-radius: 4px 5px 5px;
    border-radius: 4px 5px 5px;
    font-size: 11px;
    height: 20px;
    line-height: 20px
}

.AXTextarea {
    border: 1px solid #b6b6b6;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .15);
    -webkit-border-radius: 4px 5px 5px;
    -moz-border-radius: 4px 5px 5px;
    border-radius: 4px 5px 5px;
    font-size: 11px;
    line-height: 15px;
    padding: 4px
}

.AXanchorSelect {
    position: relative;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;
    vertical-align: middle
}


.AXanchorSelect .selectedTextBox {
    display: block;
    border: 1px solid #b6b6b6;
    background-image: -webkit-linear-gradient(#fdfdfd, #e8e8e8);
    background-image: -o-linear-gradient(#fdfdfd, #e8e8e8);
    background-image: -moz-linear-gradient(#fdfdfd, #e8e8e8);
    background-image: linear-gradient(#fdfdfd, #e8e8e8);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#fdfdfd, endColorstr=#e8e8e8);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#fdfdfd, endColorstr=#e8e8e8);
    -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .15);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .15);
    -webkit-border-radius: 4px 5px 5px;
    -moz-border-radius: 4px 5px 5px;
    border-radius: 4px 5px 5px;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left
}

.AXanchorSelect .selectedTextBox .selectedText {
    color: #717b85;
    text-shadow: 0 -1px rgba(255, 255, 255, .25)
}

.AXanchorSelect .selectedTextBox:focus {
    outline: 0
}

.AXanchorSelect .selectedTextBox:active {
    box-shadow: none
}

.AXanchorSelect .selectedTextBox.focus {
    background: #fff
}

.AXanchorSelect.disable .selectedTextBox {
    display: block;
    border: 1px solid #b6b6b6;
    background: url(images/dx-default-regular.png) 0 -78px repeat-x;
    box-shadow: inset 0 1px 1px #888;
    border-radius: 4px;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.AXanchorSelect .rootSelectBox {
    position: absolute;
    left: 0;
    top: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity = 0)
}

.AXanchorSelect .selectBoxArrow {
    position: relative;
    display: block;
    right: 0;
    top: 0;
    width: 24px;
    height: 18px;
    background: url(images/dx-slide-down-arrow.png) center center no-repeat;
    overflow: hidden;
    text-indent: -2000px
}

.AXSlideViewer, .AXSlideViewer .background, .AXSlideViewer .slideItem {
    height: 100%;
    top: 0;
    left: 0;
    width: 100%
}

.AXanchorSelect .selectBoxArrow.on {
    background: url(images/dx-slide-up-arrow.png) center center no-repeat
}

.AXselectExpandBox {
    z-index: 5002;
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #b9babc;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 1px #e9eced;
    overflow: hidden
}

.AXTabs .AXTabsTray .AXTab.Blue:active, .AXTabs .AXTabsTray .AXTab.Classic:active,
    .AXTabs .AXTabsTray .AXTab.Green:active, .AXTabs .AXTabsTray .AXTab.Red:active,
    .AXTabs .AXTabsTray .AXTab:active, .AXTabs .AXTabsTray .AXTab[disabled],
    .AXTabsLarge .AXTabsTray .AXTab.Blue:active, .AXTabsLarge .AXTabsTray .AXTab.Classic:active,
    .AXTabsLarge .AXTabsTray .AXTab.Green:active, .AXTabsLarge .AXTabsTray .AXTab.Red:active,
    .AXTabsLarge .AXTabsTray .AXTab:active, .AXTabsLarge .AXTabsTray .AXTab[disabled],
    .AXTabsLarge .AXTabsTray .AXTab[disabled]:active, .AXTabsSmall .AXTabsTray .AXTab.Blue:active,
    .AXTabsSmall .AXTabsTray .AXTab.Classic:active, .AXTabsSmall .AXTabsTray .AXTab.Green:active,
    .AXTabsSmall .AXTabsTray .AXTab.Red:active, .AXTabsSmall .AXTabsTray .AXTab:active,
    .AXTabsSmall .AXTabsTray .AXTab[disabled], .AXTabsSmall .AXTabsTray .AXTab[disabled]:active,
    .axtabs-event-blue:active, .axtabs-event-classic:active,
    .axtabs-event-disabled, .axtabs-event-disabled:active,
    .axtabs-event-green:active, .axtabs-event-normal:active,
    .axtabs-event-red:active, .axtabs-style-disabled {
    box-shadow: none
}

.AXselectExpandBox .selectExpandScroll {
    padding: 2px 0
}

.AXselectExpandBox a {
    display: block;
    padding: 3px 8px;
    font-size: 11px;
    line-height: 18px;
    color: #888;
    text-decoration: none;
    border-bottom: 1px solid #d8d9db;
    background: #fff
}

.AXselectExpandBox a.on {
    background: #d7dde3
}

.AXselectExpandBox a:hover {
    background: #5ea3db;
    color: #fff
}

.AXSlideViewer {
    z-index: 6000;
    position: fixed
}

.AXSlideViewer .background {
    position: absolute;
    background: #000
}

.AXSlideViewer .slideItem {
    position: absolute;
    overflow: hidden
}

.AXSlideViewer .slideItem .img {
    position: absolute;
    display: none
}

.AXSlideViewer .controller .hgroup {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 55px;
    background: rgba(0, 0, 0, .3);
    color: #fff
}

.AXSlideViewer .controller .hgroup h1 {
    font-size: 17px;
    line-height: 17px;
    padding: 10px 10px 0;
    margin: 0
}

.AXSlideViewer .controller .hgroup span {
    font-size: 11px;
    padding: 0 10px
}

.AXSlideViewer .controller .navigation {
    position: absolute;
    left: 0;
    top: 60px;
    width: 100%;
    height: 20px;
    color: #fff;
    font-size: 15px;
    line-height: 20px;
    text-align: center
}

.AXSlideViewer .controller .buttonGroup {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0
}

.AXSlideViewer .controller .buttonGroup .ToggleHandle {
    position: absolute;
    left: -25px;
    top: -70px;
    width: 50px;
    height: 50px;
    background: url(images/dx-axviewer-button-extends.png) no-repeat;
    border: 0;
    margin: 0;
    padding: 0;
    text-indent: 99999px;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: all .5s;
    transition: all .5s;
    z-index: 10;
    -moz-opacity: .5;
    opacity: .5;
    filter: alpha(opacity = 50)
}

.AXSlideViewer .controller .buttonGroup .Prev {
    position: absolute;
    left: -22px;
    top: -67px;
    width: 44px;
    height: 44px;
    background: url(images/dx-axviewer-button-prev.png) no-repeat;
    border: 0;
    margin: 0;
    padding: 0;
    text-indent: 99999px;
    overflow: hidden;
    cursor: pointer;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity = 0);
    -webkit-transition: all .5s 50ms;
    transition: all .5s 50ms
}

.AXSlideViewer .controller .buttonGroup .Next, .AXSlideViewer .controller .buttonGroup .ZoomIn
    {
    -moz-opacity: 0;
    top: -67px;
    filter: alpha(opacity = 0);
    position: absolute;
    width: 44px;
    height: 44px;
    padding: 0;
    text-indent: 99999px;
    cursor: pointer;
    overflow: hidden;
    border: 0;
    margin: 0
}

.AXSlideViewer .controller .buttonGroup .Next {
    right: -22px;
    background: url(images/dx-axviewer-button-next.png) no-repeat;
    opacity: 0;
    -webkit-transition: all .5s .15s;
    transition: all .5s .15s
}

.AXSlideViewer .controller .buttonGroup .ZoomIn {
    left: -22px;
    background: url(images/dx-axviewer-button-zoomin.png) no-repeat;
    opacity: 0;
    -webkit-transition: all .5s .1s;
    transition: all .5s .1s
}

.AXSlideViewer .controller .buttonGroup .ZoomOut {
    position: absolute;
    left: -22px;
    top: -67px;
    width: 44px;
    height: 44px;
    background: url(images/dx-axviewer-button-zoomout.png) no-repeat;
    border: 0;
    margin: 0;
    padding: 0;
    text-indent: 99999px;
    overflow: hidden;
    cursor: pointer;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity = 0);
    -webkit-transition: all .5s .2s;
    transition: all .5s .2s
}

.AXSlideViewer .controller .buttonGroup.open .ToggleHandle {
    left: -25px;
    top: -110px;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity = 100)
}

.AXSlideViewer .controller .buttonGroup.open .Prev {
    left: -79px;
    top: -107px;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity = 100);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

.AXSlideViewer .controller .buttonGroup.open .Prev.disabled {
    -moz-opacity: .2;
    opacity: .2;
    filter: alpha(opacity = 20)
}

.AXSlideViewer .controller .buttonGroup.open .Next {
    right: -79px;
    top: -107px;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity = 100);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

.AXSlideViewer .controller .buttonGroup.open .Next.disabled {
    -moz-opacity: .2;
    opacity: .2;
    filter: alpha(opacity = 20)
}

.AXSlideViewer .controller .buttonGroup.open .ZoomIn {
    left: -22px;
    top: -164px;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity = 100);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

.AXSlideViewer .controller .buttonGroup.open .ZoomIn.disabled {
    -moz-opacity: .2;
    opacity: .2;
    filter: alpha(opacity = 20)
}

.AXSlideViewer .controller .buttonGroup.open .ZoomOut {
    left: -22px;
    top: -50px;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity = 100);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

.AXSlideViewer .controller .buttonGroup.open .ZoomOut.disabled {
    -moz-opacity: .2;
    opacity: .2;
    filter: alpha(opacity = 20)
}

.AXSlideViewer .controller .Close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 44px;
    height: 44px;
    background: url(images/dx-axviewer-button-close.png) no-repeat;
    border: 0;
    margin: 0;
    padding: 0;
    text-indent: 99999px;
    overflow: hidden;
    cursor: pointer
}

.AXSplit .AXSplit-col-handle, .AXSplit .AXSplit-cols {
    box-sizing: border-box;
    height: 100%;
    float: left
}

@media all and (max-width:1200px) {
    .AXSlideViewer .controller .buttonGroup {
        width: 0
    }
    .AXSlideViewer .controller .buttonGroup .ToggleHandle {
        background: url(images/mx-axviewer-button-extends.png) no-repeat;
        background-size: 50px auto
    }
    .AXSlideViewer .controller .buttonGroup .Prev {
        background: url(images/mx-axviewer-button-prev.png) no-repeat;
        background-size: 44px auto
    }
    .AXSlideViewer .controller .buttonGroup .Next {
        background: url(images/mx-axviewer-button-next.png) no-repeat;
        background-size: 44px auto
    }
    .AXSlideViewer .controller .buttonGroup .ZoomIn {
        background: url(images/mx-axviewer-button-zoomin.png) no-repeat;
        background-size: 44px auto
    }
    .AXSlideViewer .controller .buttonGroup .ZoomOut {
        background: url(images/mx-axviewer-button-zoomout.png) no-repeat;
        background-size: 44px auto
    }
    .AXSlideViewer .controller .Close {
        background: url(images/mx-axviewer-button-close.png) no-repeat;
        background-size: 44px auto
    }
}

.AXSplit .AXSplit-col-handle {
    cursor: col-resize;
    display: block;
    width: 13px;
    background: url(images/dx-col-resize-handle.png) center center no-repeat
}

.AXSplit .AXSplit-row-handle, .AXSplit .AXSplit-rows {
    box-sizing: border-box;
    width: 100%
}

.AXSplit .AXSplit-col-handle.on, .AXSplit .AXSplit-col-handle:hover {
    background-color: #ddd
}

.AXSplit .AXSplit-row-handle {
    cursor: row-resize;
    display: block;
    height: 13px;
    background: url(images/dx-row-resize-handle.png) center center no-repeat
}

.AXTabs, .AXTabs .AXTabsTray, .AXTabs .AXTabsTray .AXTab, .AXTabs .AXTabsTray .trayScroll,
    .AXTabsLarge .AXTabsTray .AXTab, .AXTabsSmall .AXTabsTray .AXTab,
    .AXUpload5QueueBox .AXUploadItem {
    box-sizing: content-box !important
}

.AXSplit .AXSplit-row-handle.on, .AXSplit .AXSplit-row-handle:hover {
    background-color: #ddd
}

.axtabs-style-normal {
    background-image: -webkit-linear-gradient(#fdfdfd, #e8e8e8);
    background-image: -o-linear-gradient(#fdfdfd, #e8e8e8);
    background-image: -moz-linear-gradient(#fdfdfd, #e8e8e8);
    background-image: linear-gradient(#fdfdfd, #e8e8e8);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#fdfdfd, endColorstr=#e8e8e8);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#fdfdfd, endColorstr=#e8e8e8);
    color: #6e7a85;
    border: 1px solid #b9babc;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.axtabs-style-blue, .axtabs-style-classic, .axtabs-style-green,
    .axtabs-style-red {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.axtabs-style-classic {
    background-image: -webkit-linear-gradient(#c1cdd5, #98a4ae);
    background-image: -o-linear-gradient(#c1cdd5, #98a4ae);
    background-image: -moz-linear-gradient(#c1cdd5, #98a4ae);
    background-image: linear-gradient(#c1cdd5, #98a4ae);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#c1cdd5, endColorstr=#98a4ae);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#c1cdd5, endColorstr=#98a4ae);
    color: #ebf4f7;
    border: 1px solid #81898e;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.axtabs-style-blue {
    background-image: -webkit-linear-gradient(#6faee1, #468ec9);
    background-image: -o-linear-gradient(#6faee1, #468ec9);
    background-image: -moz-linear-gradient(#6faee1, #468ec9);
    background-image: linear-gradient(#6faee1, #468ec9);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#6faee1, endColorstr=#468ec9);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#6faee1, endColorstr=#468ec9);
    color: #d0ebfe;
    border: 1px solid #3f80b1;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.axtabs-style-green {
    background-image: -webkit-linear-gradient(#98c87b, #79aa5a);
    background-image: -o-linear-gradient(#98c87b, #79aa5a);
    background-image: -moz-linear-gradient(#98c87b, #79aa5a);
    background-image: linear-gradient(#98c87b, #79aa5a);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#98c87b, endColorstr=#79aa5a);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#98c87b, endColorstr=#79aa5a);
    color: #dffebe;
    border: 1px solid #6a9751;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.axtabs-style-red {
    background-image: -webkit-linear-gradient(#c65a5b, #a93b3e);
    background-image: -o-linear-gradient(#c65a5b, #a93b3e);
    background-image: -moz-linear-gradient(#c65a5b, #a93b3e);
    background-image: linear-gradient(#c65a5b, #a93b3e);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#c65a5b, endColorstr=#a93b3e);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#c65a5b, endColorstr=#a93b3e);
    color: #fcccc9;
    border: 1px solid #87302b;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.axtabs-style-disabled {
    background-image: -webkit-linear-gradient(#d7d7d7, #d7d7d7);
    background-image: -o-linear-gradient(#d7d7d7, #d7d7d7);
    background-image: -moz-linear-gradient(#d7d7d7, #d7d7d7);
    background-image: linear-gradient(#d7d7d7, #d7d7d7);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#d7d7d7, endColorstr=#d7d7d7);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#d7d7d7, endColorstr=#d7d7d7);
    color: #eaeaea;
    border: 1px solid #ccc;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .1);
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.axtabs-event-normal {
    background-image: -webkit-linear-gradient(#fdfdfd, #e8e8e8);
    background-image: -o-linear-gradient(#fdfdfd, #e8e8e8);
    background-image: -moz-linear-gradient(#fdfdfd, #e8e8e8);
    background-image: linear-gradient(#fdfdfd, #e8e8e8);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#fdfdfd, endColorstr=#e8e8e8);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#fdfdfd, endColorstr=#e8e8e8);
    color: #6e7a85;
    border: 1px solid #b9babc;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.axtabs-event-normal:focus, .axtabs-event-normal:hover {
    background: #e8e8e8
}

.axtabs-event-normal.on {
    text-shadow: none;
    border-bottom: 1px solid #fff;
    background-image: -webkit-linear-gradient(#fff, #fff);
    background-image: -o-linear-gradient(#fff, #fff);
    background-image: -moz-linear-gradient(#fff, #fff);
    background-image: linear-gradient(#fff, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff)
}

.axtabs-event-classic {
    background-image: -webkit-linear-gradient(#c1cdd5, #98a4ae);
    background-image: -o-linear-gradient(#c1cdd5, #98a4ae);
    background-image: -moz-linear-gradient(#c1cdd5, #98a4ae);
    background-image: linear-gradient(#c1cdd5, #98a4ae);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#c1cdd5, endColorstr=#98a4ae);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#c1cdd5, endColorstr=#98a4ae);
    color: #ebf4f7;
    border: 1px solid #81898e;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.axtabs-event-classic:focus, .axtabs-event-classic:hover {
    background: #98a4ae
}

.axtabs-event-classic.on {
    text-shadow: none;
    color: #81898e;
    border-bottom: 1px solid #fff;
    background-image: -webkit-linear-gradient(#fff, #fff);
    background-image: -o-linear-gradient(#fff, #fff);
    background-image: -moz-linear-gradient(#fff, #fff);
    background-image: linear-gradient(#fff, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff)
}

.axtabs-event-blue {
    background-image: -webkit-linear-gradient(#6faee1, #468ec9);
    background-image: -o-linear-gradient(#6faee1, #468ec9);
    background-image: -moz-linear-gradient(#6faee1, #468ec9);
    background-image: linear-gradient(#6faee1, #468ec9);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#6faee1, endColorstr=#468ec9);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#6faee1, endColorstr=#468ec9);
    color: #d0ebfe;
    border: 1px solid #3f80b1;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.axtabs-event-blue:focus, .axtabs-event-blue:hover {
    background: #468ec9
}

.axtabs-event-blue.on {
    text-shadow: none;
    color: #3f80b1;
    border-bottom: 1px solid #fff;
    background-image: -webkit-linear-gradient(#fff, #fff);
    background-image: -o-linear-gradient(#fff, #fff);
    background-image: -moz-linear-gradient(#fff, #fff);
    background-image: linear-gradient(#fff, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff)
}

.axtabs-event-green {
    background-image: -webkit-linear-gradient(#98c87b, #79aa5a);
    background-image: -o-linear-gradient(#98c87b, #79aa5a);
    background-image: -moz-linear-gradient(#98c87b, #79aa5a);
    background-image: linear-gradient(#98c87b, #79aa5a);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#98c87b, endColorstr=#79aa5a);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#98c87b, endColorstr=#79aa5a);
    color: #dffebe;
    border: 1px solid #6a9751;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.axtabs-event-green:focus, .axtabs-event-green:hover {
    background: #79aa5a
}

.axtabs-event-green.on {
    text-shadow: none;
    color: #6a9751;
    border-bottom: 1px solid #fff;
    background-image: -webkit-linear-gradient(#fff, #fff);
    background-image: -o-linear-gradient(#fff, #fff);
    background-image: -moz-linear-gradient(#fff, #fff);
    background-image: linear-gradient(#fff, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff)
}

.axtabs-event-red {
    background-image: -webkit-linear-gradient(#c65a5b, #a93b3e);
    background-image: -o-linear-gradient(#c65a5b, #a93b3e);
    background-image: -moz-linear-gradient(#c65a5b, #a93b3e);
    background-image: linear-gradient(#c65a5b, #a93b3e);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#c65a5b, endColorstr=#a93b3e);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#c65a5b, endColorstr=#a93b3e);
    color: #fcccc9;
    border: 1px solid #87302b;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.axtabs-event-red:focus, .axtabs-event-red:hover {
    background: #a93b3e
}

.axtabs-event-red.on {
    text-shadow: none;
    color: #87302b;
    border-bottom: 1px solid #fff;
    background-image: -webkit-linear-gradient(#fff, #fff);
    background-image: -o-linear-gradient(#fff, #fff);
    background-image: -moz-linear-gradient(#fff, #fff);
    background-image: linear-gradient(#fff, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff)
}

.axtabs-event-disabled {
    background-image: -webkit-linear-gradient(#d7d7d7, #d7d7d7);
    background-image: -o-linear-gradient(#d7d7d7, #d7d7d7);
    background-image: -moz-linear-gradient(#d7d7d7, #d7d7d7);
    background-image: linear-gradient(#d7d7d7, #d7d7d7);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#d7d7d7, endColorstr=#d7d7d7);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#d7d7d7, endColorstr=#d7d7d7);
    color: #eaeaea;
    border: 1px solid #ccc;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .1);
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.axtabs-event-disabled:focus, .axtabs-event-disabled:hover {
    background: #d7d7d7
}

.axtabs-event-disabled.on {
    text-shadow: none;
    color: #ccc;
    border-bottom: 1px solid #fff;
    background-image: -webkit-linear-gradient(#fff, #fff);
    background-image: -o-linear-gradient(#fff, #fff);
    background-image: -moz-linear-gradient(#fff, #fff);
    background-image: linear-gradient(#fff, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff)
}

.AXTabs {
    position: relative;
    min-height: 30px;
    overflow: hidden
}

.AXTabs .AXTabsTray {
    background: url(images/dx-tab-bg.png)
}

.AXTabs .AXTabsTray .trayScroll {
    position: absolute;
    left: 0;
    top: 0;
    height: 30px
}

.AXTabs .AXTabsTray .AXTabSplit {
    display: none
}

.AXTabs .AXTabsTray .AXTab {
    display: block;
    float: left;
    cursor: pointer;
    position: relative;
    height: 26px;
    min-width: 50px;
    padding: 0 10px;
    margin: 2px 0 0 2px;
    font-size: 11px;
    line-height: 26px;
    text-align: center;
    text-decoration: none;
    outline: 0;
    background-image: -webkit-linear-gradient(#fdfdfd, #e8e8e8);
    background-image: -o-linear-gradient(#fdfdfd, #e8e8e8);
    background-image: -moz-linear-gradient(#fdfdfd, #e8e8e8);
    background-image: linear-gradient(#fdfdfd, #e8e8e8);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#fdfdfd, endColorstr=#e8e8e8);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#fdfdfd, endColorstr=#e8e8e8);
    color: #6e7a85;
    border: 1px solid #b9babc;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.AXTabs .AXTabsTray .AXTab:focus, .AXTabs .AXTabsTray .AXTab:hover {
    background: #e8e8e8
}

.AXTabs .AXTabsTray .AXTab.on {
    text-shadow: none;
    border-bottom: 1px solid #fff;
    background-image: -webkit-linear-gradient(#fff, #fff);
    background-image: -o-linear-gradient(#fff, #fff);
    background-image: -moz-linear-gradient(#fff, #fff);
    background-image: linear-gradient(#fff, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff)
}

.AXTabs .AXTabsTray .AXTab:first-child {
    margin-left: 5px
}

.AXTabs .AXTabsTray .AXTab.Classic {
    background-image: -webkit-linear-gradient(#c1cdd5, #98a4ae);
    background-image: -o-linear-gradient(#c1cdd5, #98a4ae);
    background-image: -moz-linear-gradient(#c1cdd5, #98a4ae);
    background-image: linear-gradient(#c1cdd5, #98a4ae);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#c1cdd5, endColorstr=#98a4ae);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#c1cdd5, endColorstr=#98a4ae);
    color: #ebf4f7;
    border: 1px solid #81898e;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.AXTabs .AXTabsTray .AXTab.Classic:focus, .AXTabs .AXTabsTray .AXTab.Classic:hover
    {
    background: #98a4ae
}

.AXTabs .AXTabsTray .AXTab.Classic.on {
    text-shadow: none;
    color: #81898e;
    border-bottom: 1px solid #fff;
    background-image: -webkit-linear-gradient(#fff, #fff);
    background-image: -o-linear-gradient(#fff, #fff);
    background-image: -moz-linear-gradient(#fff, #fff);
    background-image: linear-gradient(#fff, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff)
}

.AXTabs .AXTabsTray .AXTab.Blue {
    background-image: -webkit-linear-gradient(#6faee1, #468ec9);
    background-image: -o-linear-gradient(#6faee1, #468ec9);
    background-image: -moz-linear-gradient(#6faee1, #468ec9);
    background-image: linear-gradient(#6faee1, #468ec9);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#6faee1, endColorstr=#468ec9);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#6faee1, endColorstr=#468ec9);
    color: #d0ebfe;
    border: 1px solid #3f80b1;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.AXTabs .AXTabsTray .AXTab.Blue:focus, .AXTabs .AXTabsTray .AXTab.Blue:hover
    {
    background: #468ec9
}

.AXTabs .AXTabsTray .AXTab.Blue.on {
    text-shadow: none;
    color: #3f80b1;
    border-bottom: 1px solid #fff;
    background-image: -webkit-linear-gradient(#fff, #fff);
    background-image: -o-linear-gradient(#fff, #fff);
    background-image: -moz-linear-gradient(#fff, #fff);
    background-image: linear-gradient(#fff, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff)
}

.AXTabs .AXTabsTray .AXTab.Green {
    background-image: -webkit-linear-gradient(#98c87b, #79aa5a);
    background-image: -o-linear-gradient(#98c87b, #79aa5a);
    background-image: -moz-linear-gradient(#98c87b, #79aa5a);
    background-image: linear-gradient(#98c87b, #79aa5a);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#98c87b, endColorstr=#79aa5a);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#98c87b, endColorstr=#79aa5a);
    color: #dffebe;
    border: 1px solid #6a9751;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.AXTabs .AXTabsTray .AXTab.Green:focus, .AXTabs .AXTabsTray .AXTab.Green:hover
    {
    background: #79aa5a
}

.AXTabs .AXTabsTray .AXTab.Green.on {
    text-shadow: none;
    color: #6a9751;
    border-bottom: 1px solid #fff;
    background-image: -webkit-linear-gradient(#fff, #fff);
    background-image: -o-linear-gradient(#fff, #fff);
    background-image: -moz-linear-gradient(#fff, #fff);
    background-image: linear-gradient(#fff, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff)
}

.AXTabs .AXTabsTray .AXTab.Red {
    background-image: -webkit-linear-gradient(#c65a5b, #a93b3e);
    background-image: -o-linear-gradient(#c65a5b, #a93b3e);
    background-image: -moz-linear-gradient(#c65a5b, #a93b3e);
    background-image: linear-gradient(#c65a5b, #a93b3e);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#c65a5b, endColorstr=#a93b3e);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#c65a5b, endColorstr=#a93b3e);
    color: #fcccc9;
    border: 1px solid #87302b;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.AXTabs .AXTabsTray .AXTab.Red:focus, .AXTabs .AXTabsTray .AXTab.Red:hover
    {
    background: #a93b3e
}

.AXTabs .AXTabsTray .AXTab.Red.on {
    text-shadow: none;
    color: #87302b;
    border-bottom: 1px solid #fff;
    background-image: -webkit-linear-gradient(#fff, #fff);
    background-image: -o-linear-gradient(#fff, #fff);
    background-image: -moz-linear-gradient(#fff, #fff);
    background-image: linear-gradient(#fff, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff)
}

.AXTabs .AXTabsTray .AXTab[disabled] {
    background-image: -webkit-linear-gradient(#d7d7d7, #d7d7d7);
    background-image: -o-linear-gradient(#d7d7d7, #d7d7d7);
    background-image: -moz-linear-gradient(#d7d7d7, #d7d7d7);
    background-image: linear-gradient(#d7d7d7, #d7d7d7);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#d7d7d7, endColorstr=#d7d7d7);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#d7d7d7, endColorstr=#d7d7d7);
    color: #eaeaea;
    border: 1px solid #ccc;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .1);
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.AXTabs .AXTabsTray .AXTab[disabled]:focus, .AXTabs .AXTabsTray .AXTab[disabled]:hover
    {
    background: #d7d7d7
}

.AXTabs .AXTabsTray .AXTab[disabled]:active {
    box-shadow: none
}

.AXTabs .AXTabsTray .AXTab[disabled].on {
    text-shadow: none;
    color: #ccc;
    border-bottom: 1px solid #fff;
    background-image: -webkit-linear-gradient(#fff, #fff);
    background-image: -o-linear-gradient(#fff, #fff);
    background-image: -moz-linear-gradient(#fff, #fff);
    background-image: linear-gradient(#fff, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff)
}

.AXTabs .AXTabsTray .AXTab.closable {
    padding-right: 20px
}

.AXTabs .AXTabsTray .AXTab .AXTabClose {
    position: absolute;
    right: 5px;
    top: 0;
    font-family: axicon
}

.AXTabs .AXTabsTray .leftArrowHandleBox {
    position: absolute;
    left: 0;
    top: 1px;
    width: 29px;
    height: 28px;
    background: url(images/dx-left-arrows-bg.png) repeat-y
}

.AXTabs .AXTabsTray .leftArrowHandleBox .tabArrow {
    display: block;
    width: 29px;
    height: 28px;
    background: url(images/dx-left-arrows-01.png) 50% no-repeat;
    text-indent: -1000px;
    overflow: hidden
}

.AXTabs .AXTabsTray .leftArrowHandleBox .tabArrow:hover {
    background: url(images/dx-left-arrows-01-r.png) 50% no-repeat
}

.AXTabs .AXTabsTray .rightArrowHandleBox {
    position: absolute;
    right: 24px;
    top: 1px;
    width: 29px;
    height: 28px;
    background: url(images/dx-right-arrows-bg.png) 100% 0 repeat-y
}

.AXTabs .AXTabsTray .rightArrowHandleBox .tabArrow {
    display: block;
    width: 29px;
    height: 28px;
    background: url(images/dx-right-arrows-01.png) 50% no-repeat;
    text-indent: -1000px;
    overflow: hidden
}

.AXTabs .AXTabsTray .rightArrowHandleBox .tabArrow:hover {
    background: url(images/dx-right-arrows-01-r.png) 50% no-repeat
}

.AXTabs .AXTabsTray .rightArrowMoreBox {
    position: absolute;
    right: 0;
    top: 1px;
    width: 24px;
    height: 28px;
    background: #fff
}

.AXTabs .AXTabsTray .rightArrowMoreBox .tabArrow {
    display: block;
    width: 24px;
    height: 28px;
    background: url(images/dx-right-arrows-more-01.png) 50% no-repeat;
    text-indent: -1000px;
    overflow: hidden
}

.AXTabs .AXTabsTray .rightArrowMoreBox .tabArrow:hover {
    background: url(images/dx-right-arrows-more-01-r.png) 50% no-repeat
}

.AXTabsLarge {
    position: relative;
    min-height: 46px;
    overflow: hidden
}

.AXTabsLarge .AXTabsTray {
    background: url(images/dx-tab-bg-large.png)
}

.AXTabsLarge .AXTabsTray .trayScroll {
    position: absolute;
    left: 0;
    top: 0;
    height: 46px
}

.AXTabsLarge .AXTabsTray .AXTab {
    display: block;
    float: left;
    cursor: pointer;
    position: relative;
    height: 40px;
    min-width: 100px;
    padding: 0 10px;
    margin: 4px 0 0 4px;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    outline: 0;
    background-image: -webkit-linear-gradient(#fdfdfd, #e8e8e8);
    background-image: -o-linear-gradient(#fdfdfd, #e8e8e8);
    background-image: -moz-linear-gradient(#fdfdfd, #e8e8e8);
    background-image: linear-gradient(#fdfdfd, #e8e8e8);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#fdfdfd, endColorstr=#e8e8e8);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#fdfdfd, endColorstr=#e8e8e8);
    color: #6e7a85;
    border: 1px solid #b9babc;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.AXTabsLarge .AXTabsTray .AXTab:focus, .AXTabsLarge .AXTabsTray .AXTab:hover
    {
    background: #e8e8e8
}

.AXTabsLarge .AXTabsTray .AXTab.on {
    text-shadow: none;
    border-bottom: 1px solid #fff;
    background-image: -webkit-linear-gradient(#fff, #fff);
    background-image: -o-linear-gradient(#fff, #fff);
    background-image: -moz-linear-gradient(#fff, #fff);
    background-image: linear-gradient(#fff, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff)
}

.AXTabsLarge .AXTabsTray .AXTab:first-child {
    margin-left: 5px
}

.AXTabsLarge .AXTabsTray .AXTab.Classic {
    background-image: -webkit-linear-gradient(#c1cdd5, #98a4ae);
    background-image: -o-linear-gradient(#c1cdd5, #98a4ae);
    background-image: -moz-linear-gradient(#c1cdd5, #98a4ae);
    background-image: linear-gradient(#c1cdd5, #98a4ae);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#c1cdd5, endColorstr=#98a4ae);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#c1cdd5, endColorstr=#98a4ae);
    color: #ebf4f7;
    border: 1px solid #81898e;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.AXTabsLarge .AXTabsTray .AXTab.Classic:focus, .AXTabsLarge .AXTabsTray .AXTab.Classic:hover
    {
    background: #98a4ae
}

.AXTabsLarge .AXTabsTray .AXTab.Classic.on {
    text-shadow: none;
    color: #81898e;
    border-bottom: 1px solid #fff;
    background-image: -webkit-linear-gradient(#fff, #fff);
    background-image: -o-linear-gradient(#fff, #fff);
    background-image: -moz-linear-gradient(#fff, #fff);
    background-image: linear-gradient(#fff, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff)
}

.AXTabsLarge .AXTabsTray .AXTab.Blue {
    background-image: -webkit-linear-gradient(#6faee1, #468ec9);
    background-image: -o-linear-gradient(#6faee1, #468ec9);
    background-image: -moz-linear-gradient(#6faee1, #468ec9);
    background-image: linear-gradient(#6faee1, #468ec9);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#6faee1, endColorstr=#468ec9);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#6faee1, endColorstr=#468ec9);
    color: #d0ebfe;
    border: 1px solid #3f80b1;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.AXTabsLarge .AXTabsTray .AXTab.Blue:focus, .AXTabsLarge .AXTabsTray .AXTab.Blue:hover
    {
    background: #468ec9
}

.AXTabsLarge .AXTabsTray .AXTab.Blue.on {
    text-shadow: none;
    color: #3f80b1;
    border-bottom: 1px solid #fff;
    background-image: -webkit-linear-gradient(#fff, #fff);
    background-image: -o-linear-gradient(#fff, #fff);
    background-image: -moz-linear-gradient(#fff, #fff);
    background-image: linear-gradient(#fff, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff)
}

.AXTabsLarge .AXTabsTray .AXTab.Green {
    background-image: -webkit-linear-gradient(#98c87b, #79aa5a);
    background-image: -o-linear-gradient(#98c87b, #79aa5a);
    background-image: -moz-linear-gradient(#98c87b, #79aa5a);
    background-image: linear-gradient(#98c87b, #79aa5a);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#98c87b, endColorstr=#79aa5a);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#98c87b, endColorstr=#79aa5a);
    color: #dffebe;
    border: 1px solid #6a9751;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.AXTabsLarge .AXTabsTray .AXTab.Green:focus, .AXTabsLarge .AXTabsTray .AXTab.Green:hover
    {
    background: #79aa5a
}

.AXTabsLarge .AXTabsTray .AXTab.Green.on {
    text-shadow: none;
    color: #6a9751;
    border-bottom: 1px solid #fff;
    background-image: -webkit-linear-gradient(#fff, #fff);
    background-image: -o-linear-gradient(#fff, #fff);
    background-image: -moz-linear-gradient(#fff, #fff);
    background-image: linear-gradient(#fff, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff)
}

.AXTabsLarge .AXTabsTray .AXTab.Red {
    background-image: -webkit-linear-gradient(#c65a5b, #a93b3e);
    background-image: -o-linear-gradient(#c65a5b, #a93b3e);
    background-image: -moz-linear-gradient(#c65a5b, #a93b3e);
    background-image: linear-gradient(#c65a5b, #a93b3e);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#c65a5b, endColorstr=#a93b3e);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#c65a5b, endColorstr=#a93b3e);
    color: #fcccc9;
    border: 1px solid #87302b;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.AXTabsLarge .AXTabsTray .AXTab.Red:focus, .AXTabsLarge .AXTabsTray .AXTab.Red:hover
    {
    background: #a93b3e
}

.AXTabsLarge .AXTabsTray .AXTab.Red.on {
    text-shadow: none;
    color: #87302b;
    border-bottom: 1px solid #fff;
    background-image: -webkit-linear-gradient(#fff, #fff);
    background-image: -o-linear-gradient(#fff, #fff);
    background-image: -moz-linear-gradient(#fff, #fff);
    background-image: linear-gradient(#fff, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff)
}

.AXTabsLarge .AXTabsTray .AXTab[disabled] {
    background-image: -webkit-linear-gradient(#d7d7d7, #d7d7d7);
    background-image: -o-linear-gradient(#d7d7d7, #d7d7d7);
    background-image: -moz-linear-gradient(#d7d7d7, #d7d7d7);
    background-image: linear-gradient(#d7d7d7, #d7d7d7);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#d7d7d7, endColorstr=#d7d7d7);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#d7d7d7, endColorstr=#d7d7d7);
    color: #eaeaea;
    border: 1px solid #ccc;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .1);
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.AXTabsLarge .AXTabsTray .AXTab[disabled]:focus, .AXTabsLarge .AXTabsTray .AXTab[disabled]:hover
    {
    background: #d7d7d7
}

.AXTabsLarge .AXTabsTray .AXTab[disabled].on {
    text-shadow: none;
    color: #ccc;
    border-bottom: 1px solid #fff;
    background-image: -webkit-linear-gradient(#fff, #fff);
    background-image: -o-linear-gradient(#fff, #fff);
    background-image: -moz-linear-gradient(#fff, #fff);
    background-image: linear-gradient(#fff, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff)
}

.AXTabsLarge .AXTabsTray .AXTab.closable {
    padding-right: 20px
}

.AXTabsLarge .AXTabsTray .AXTab .AXTabClose {
    position: absolute;
    right: 5px;
    top: 0;
    font-family: axicon
}

.AXTabsLarge .AXTabsTray .leftArrowHandleBox {
    position: absolute;
    left: 0;
    top: 1px;
    width: 29px;
    height: 44px;
    background: url(images/dx-left-arrows-bg.png) repeat-y
}

.AXTabsLarge .AXTabsTray .leftArrowHandleBox .tabArrow {
    display: block;
    width: 29px;
    height: 44px;
    background: url(images/dx-left-arrows-01.png) 50% no-repeat;
    text-indent: -1000px;
    overflow: hidden
}

.AXTabsLarge .AXTabsTray .leftArrowHandleBox .tabArrow:hover {
    background: url(images/dx-left-arrows-01-r.png) 50% no-repeat
}

.AXTabsLarge .AXTabsTray .rightArrowHandleBox {
    position: absolute;
    right: 24px;
    top: 1px;
    width: 29px;
    height: 44px;
    background: url(images/dx-right-arrows-bg.png) 100% 0 repeat-y
}

.AXTabsLarge .AXTabsTray .rightArrowHandleBox .tabArrow {
    display: block;
    width: 29px;
    height: 44px;
    background: url(images/dx-right-arrows-01.png) 50% no-repeat;
    text-indent: -1000px;
    overflow: hidden
}

.AXTabsLarge .AXTabsTray .rightArrowHandleBox .tabArrow:hover {
    background: url(images/dx-right-arrows-01-r.png) 50% no-repeat
}

.AXTabsLarge .AXTabsTray .rightArrowMoreBox {
    position: absolute;
    right: 0;
    top: 1px;
    width: 24px;
    height: 44px;
    background: #fff
}

.AXTabsLarge .AXTabsTray .rightArrowMoreBox .tabArrow {
    display: block;
    width: 24px;
    height: 44px;
    background: url(images/dx-right-arrows-more-01.png) 50% no-repeat;
    text-indent: -1000px;
    overflow: hidden
}

.AXTabsLarge .AXTabsTray .rightArrowMoreBox .tabArrow:hover {
    background: url(images/dx-right-arrows-more-01-r.png) 50% no-repeat
}

.AXTabsSmall {
    position: relative;
    min-height: 24px;
    overflow: hidden
}

.AXTabsSmall .AXTabsTray {
    background: url(images/dx-tab-bg-small.png)
}

.AXTabsSmall .AXTabsTray .trayScroll {
    position: absolute;
    left: 0;
    top: 0;
    height: 24px
}

.AXTabsSmall .AXTabsTray .AXTab {
    display: block;
    float: left;
    cursor: pointer;
    position: relative;
    height: 20px;
    min-width: 60px;
    padding: 0 10px;
    margin: 2px 0 0 2px;
    font-size: 11px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    outline: 0;
    background-image: -webkit-linear-gradient(#fdfdfd, #e8e8e8);
    background-image: -o-linear-gradient(#fdfdfd, #e8e8e8);
    background-image: -moz-linear-gradient(#fdfdfd, #e8e8e8);
    background-image: linear-gradient(#fdfdfd, #e8e8e8);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#fdfdfd, endColorstr=#e8e8e8);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#fdfdfd, endColorstr=#e8e8e8);
    color: #6e7a85;
    border: 1px solid #b9babc;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.AXTabsSmall .AXTabsTray .AXTab:focus, .AXTabsSmall .AXTabsTray .AXTab:hover
    {
    background: #e8e8e8
}

.AXTabsSmall .AXTabsTray .AXTab.on {
    text-shadow: none;
    border-bottom: 1px solid #fff;
    background-image: -webkit-linear-gradient(#fff, #fff);
    background-image: -o-linear-gradient(#fff, #fff);
    background-image: -moz-linear-gradient(#fff, #fff);
    background-image: linear-gradient(#fff, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff)
}

.AXTabsSmall .AXTabsTray .AXTab:first-child {
    margin-left: 5px
}

.AXTabsSmall .AXTabsTray .AXTab.Classic {
    background-image: -webkit-linear-gradient(#c1cdd5, #98a4ae);
    background-image: -o-linear-gradient(#c1cdd5, #98a4ae);
    background-image: -moz-linear-gradient(#c1cdd5, #98a4ae);
    background-image: linear-gradient(#c1cdd5, #98a4ae);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#c1cdd5, endColorstr=#98a4ae);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#c1cdd5, endColorstr=#98a4ae);
    color: #ebf4f7;
    border: 1px solid #81898e;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.AXTabsSmall .AXTabsTray .AXTab.Classic:focus, .AXTabsSmall .AXTabsTray .AXTab.Classic:hover
    {
    background: #98a4ae
}

.AXTabsSmall .AXTabsTray .AXTab.Classic.on {
    text-shadow: none;
    color: #81898e;
    border-bottom: 1px solid #fff;
    background-image: -webkit-linear-gradient(#fff, #fff);
    background-image: -o-linear-gradient(#fff, #fff);
    background-image: -moz-linear-gradient(#fff, #fff);
    background-image: linear-gradient(#fff, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff)
}

.AXTabsSmall .AXTabsTray .AXTab.Blue {
    background-image: -webkit-linear-gradient(#6faee1, #468ec9);
    background-image: -o-linear-gradient(#6faee1, #468ec9);
    background-image: -moz-linear-gradient(#6faee1, #468ec9);
    background-image: linear-gradient(#6faee1, #468ec9);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#6faee1, endColorstr=#468ec9);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#6faee1, endColorstr=#468ec9);
    color: #d0ebfe;
    border: 1px solid #3f80b1;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.AXTabsSmall .AXTabsTray .AXTab.Blue:focus, .AXTabsSmall .AXTabsTray .AXTab.Blue:hover
    {
    background: #468ec9
}

.AXTabsSmall .AXTabsTray .AXTab.Blue.on {
    text-shadow: none;
    color: #3f80b1;
    border-bottom: 1px solid #fff;
    background-image: -webkit-linear-gradient(#fff, #fff);
    background-image: -o-linear-gradient(#fff, #fff);
    background-image: -moz-linear-gradient(#fff, #fff);
    background-image: linear-gradient(#fff, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff)
}

.AXTabsSmall .AXTabsTray .AXTab.Green {
    background-image: -webkit-linear-gradient(#98c87b, #79aa5a);
    background-image: -o-linear-gradient(#98c87b, #79aa5a);
    background-image: -moz-linear-gradient(#98c87b, #79aa5a);
    background-image: linear-gradient(#98c87b, #79aa5a);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#98c87b, endColorstr=#79aa5a);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#98c87b, endColorstr=#79aa5a);
    color: #dffebe;
    border: 1px solid #6a9751;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.AXTabsSmall .AXTabsTray .AXTab.Green:focus, .AXTabsSmall .AXTabsTray .AXTab.Green:hover
    {
    background: #79aa5a
}

.AXTabsSmall .AXTabsTray .AXTab.Green.on {
    text-shadow: none;
    color: #6a9751;
    border-bottom: 1px solid #fff;
    background-image: -webkit-linear-gradient(#fff, #fff);
    background-image: -o-linear-gradient(#fff, #fff);
    background-image: -moz-linear-gradient(#fff, #fff);
    background-image: linear-gradient(#fff, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff)
}

.AXTabsSmall .AXTabsTray .AXTab.Red {
    background-image: -webkit-linear-gradient(#c65a5b, #a93b3e);
    background-image: -o-linear-gradient(#c65a5b, #a93b3e);
    background-image: -moz-linear-gradient(#c65a5b, #a93b3e);
    background-image: linear-gradient(#c65a5b, #a93b3e);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#c65a5b, endColorstr=#a93b3e);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#c65a5b, endColorstr=#a93b3e);
    color: #fcccc9;
    border: 1px solid #87302b;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.AXTabsSmall .AXTabsTray .AXTab.Red:focus, .AXTabsSmall .AXTabsTray .AXTab.Red:hover
    {
    background: #a93b3e
}

.AXTabsSmall .AXTabsTray .AXTab.Red.on {
    text-shadow: none;
    color: #87302b;
    border-bottom: 1px solid #fff;
    background-image: -webkit-linear-gradient(#fff, #fff);
    background-image: -o-linear-gradient(#fff, #fff);
    background-image: -moz-linear-gradient(#fff, #fff);
    background-image: linear-gradient(#fff, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff)
}

.AXTabsSmall .AXTabsTray .AXTab[disabled] {
    background-image: -webkit-linear-gradient(#d7d7d7, #d7d7d7);
    background-image: -o-linear-gradient(#d7d7d7, #d7d7d7);
    background-image: -moz-linear-gradient(#d7d7d7, #d7d7d7);
    background-image: linear-gradient(#d7d7d7, #d7d7d7);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#d7d7d7, endColorstr=#d7d7d7);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#d7d7d7, endColorstr=#d7d7d7);
    color: #eaeaea;
    border: 1px solid #ccc;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .1);
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.AXTabsSmall .AXTabsTray .AXTab[disabled]:focus, .AXTabsSmall .AXTabsTray .AXTab[disabled]:hover
    {
    background: #d7d7d7
}

.AXTabsSmall .AXTabsTray .AXTab[disabled].on {
    text-shadow: none;
    color: #ccc;
    border-bottom: 1px solid #fff;
    background-image: -webkit-linear-gradient(#fff, #fff);
    background-image: -o-linear-gradient(#fff, #fff);
    background-image: -moz-linear-gradient(#fff, #fff);
    background-image: linear-gradient(#fff, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#ffffff)
}

.AXTabsSmall .AXTabsTray .AXTab.closable {
    padding-right: 20px
}

.AXTabsSmall .AXTabsTray .AXTab .AXTabClose {
    position: absolute;
    right: 5px;
    top: 0;
    font-family: axicon
}

.AXTabsSmall .AXTabsTray .leftArrowHandleBox {
    position: absolute;
    left: 0;
    top: 1px;
    width: 29px;
    height: 22px;
    background: url(images/dx-left-arrows-bg.png) repeat-y
}

.AXTabsSmall .AXTabsTray .leftArrowHandleBox .tabArrow {
    display: block;
    width: 29px;
    height: 22px;
    background: url(images/dx-left-arrows-01.png) 50% no-repeat;
    text-indent: -1000px;
    overflow: hidden
}

.AXTabsSmall .AXTabsTray .leftArrowHandleBox .tabArrow:hover {
    background: url(images/dx-left-arrows-01-r.png) 50% no-repeat
}

.AXTabsSmall .AXTabsTray .rightArrowHandleBox {
    position: absolute;
    right: 24px;
    top: 1px;
    width: 29px;
    height: 22px;
    background: url(images/dx-right-arrows-bg.png) 100% 0 repeat-y
}

.AXTabsSmall .AXTabsTray .rightArrowHandleBox .tabArrow {
    display: block;
    width: 29px;
    height: 22px;
    background: url(images/dx-right-arrows-01.png) 50% no-repeat;
    text-indent: -1000px;
    overflow: hidden
}

.AXTabsSmall .AXTabsTray .rightArrowHandleBox .tabArrow:hover {
    background: url(images/dx-right-arrows-01-r.png) 50% no-repeat
}

.AXTabsSmall .AXTabsTray .rightArrowMoreBox {
    position: absolute;
    right: 0;
    top: 1px;
    width: 24px;
    height: 22px;
    background: #fff
}

.AXTabsSmall .AXTabsTray .rightArrowMoreBox .tabArrow {
    display: block;
    width: 24px;
    height: 22px;
    background: url(images/dx-right-arrows-more-01.png) 50% no-repeat;
    text-indent: -1000px;
    overflow: hidden
}

.AXTabsSmall .AXTabsTray .rightArrowMoreBox .tabArrow:hover {
    background: url(images/dx-right-arrows-more-01-r.png) 50% no-repeat
}

.AXToolBar .ax-root-menu-item {
    position: relative;
    display: block;
    float: left;
    margin: 5px 1px
}

.AXToolBar .ax-root-menu-item .ax-menu-item {
    display: block;
    height: 28px;
    line-height: 28px;
    padding: 0 30px 0 10px;
    text-decoration: none;
    color: #6e7a85;
    font-weight: 700;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer
}

.AXToolBar .ax-root-menu-item .ax-menu-item i.axi {
    vertical-align: middle;
    line-height: inherit;
    font-size: 1.2em
}

.AXToolBar .ax-root-menu-item .ax-menu-item.noexpand {
    padding: 0 10px
}

.AXToolBar .ax-root-menu-item .ax-menu-handel {
    font-family: axicon;
    position: absolute;
    right: 1px;
    top: 1px;
    display: block;
    width: 20px;
    height: 28px;
    line-height: 28px;
    font-size: 20px;
    overflow: hidden;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.AXToolBar .ax-root-menu-item .ax-menu-handel:before {
    content: "\e92e"
}

.AXToolBar .ax-root-menu-item .ax-menu-handel:hover {
    background: #fdfdfd;
    border-left: 1px solid #c6cdd3;
    color: #6e7a85
}

.AXToolBar .ax-root-menu-item.hover .ax-menu-item, .AXToolBar .ax-root-menu-item:hover .ax-menu-item
    {
    color: #6e7a85;
    border: 1px solid #c6cdd3;
    background-image: -webkit-linear-gradient(#fdfdfd, #e8e8e8);
    background-image: -o-linear-gradient(#fdfdfd, #e8e8e8);
    background-image: -moz-linear-gradient(#fdfdfd, #e8e8e8);
    background-image: linear-gradient(#fdfdfd, #e8e8e8);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#fdfdfd, endColorstr=#e8e8e8);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#fdfdfd, endColorstr=#e8e8e8)
}

.AXTree {
    position: relative
}

.AXTree .AXTreeScrollBody {
    position: relative;
    border: 1px solid #b1b1b1;
    overflow: hidden
}

.AXTree .AXTreeScrollBody .AXTreeColHead {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background-image: -webkit-linear-gradient(#e2e4e6, #fff);
    background-image: -o-linear-gradient(#e2e4e6, #fff);
    background-image: -moz-linear-gradient(#e2e4e6, #fff);
    background-image: linear-gradient(#e2e4e6, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#e2e4e6, endColorstr=#ffffff);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#e2e4e6, endColorstr=#ffffff);
    border-bottom: 1px solid #b1b1b1
}

.AXTree .AXTreeScrollBody .AXTreeColHead .colHeadTable {
    table-layout: fixed;
    background-image: -webkit-linear-gradient(#e2e4e6, #fff);
    background-image: -o-linear-gradient(#e2e4e6, #fff);
    background-image: -moz-linear-gradient(#e2e4e6, #fff);
    background-image: linear-gradient(#e2e4e6, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#e2e4e6, endColorstr=#ffffff);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#e2e4e6, endColorstr=#ffffff)
}

.AXTree .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td {
    padding: 0;
    background: url(images/dx-tree-head-border.png) 100% 0 repeat-y;
    vertical-align: bottom;
    cursor: pointer
}

.AXTree .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td.sortDesc,
    .AXTree .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td:hover
    {
    background-color: #e5e6eb
}

.AXTree .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td.colHeadBottomBorder
    {
    border-bottom: 1px solid #b1b1b1
}

.AXTree .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td.sortDesc .colHeadNode
    {
    background: url(images/dx-sort-desc.png) center 0 no-repeat
}

.AXTree .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td.sortAsc
    {
    background-color: #e5e6eb
}

.AXTree .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td.sortAsc .colHeadNode
    {
    background: url(images/dx-sort-asc.png) center 0 no-repeat
}

.AXTree .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td .colHeadResizer
    {
    position: absolute;
    right: 0;
    top: 0;
    width: 5px;
    height: 20px;
    cursor: col-resize
}

.AXTree .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td .colHeadResizer:active
    {
    background: #e2e4e6
}

.AXTree .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td .colHeadTool
    {
    position: absolute;
    right: 1px;
    top: 0;
    display: block;
    width: 20px;
    height: 30px;
    cursor: pointer;
    text-indent: -2000px;
    overflow: hidden
}

.AXTree .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td .colHeadTool.readyTool
    {
    background: url(images/dx-tree-head-tool.png) -2px center no-repeat
}

.AXTree .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td .colHeadTool.readyTool:hover
    {
    background: url(images/dx-tree-head-tool-on.png) -2px center no-repeat
}

.AXTree .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td .colHeadNode
    {
    position: relative;
    padding: 0
}

.AXTree .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td .colHeadTdText
    {
    position: relative;
    line-height: 20px;
    padding: 5px 8px;
    color: #5e5e5e;
    text-shadow: 0 1px 0 #fff;
    font-family: "Nanum Gothic";
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.AXTree .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td .colHeadTdCheck
    {
    height: 20px;
    padding: 7px 1px 3px 0;
    color: #5e5e5e
}

.AXTree .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td .colHeadTdCheck input
    {
    vertical-align: middle
}

.AXTree .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td .colHeadTdHtml
    {
    height: 30px;
    padding: 0 1px 0 0;
    color: #5e5e5e
}

.AXTree .AXTreeScrollBody .fixedColHead {
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    box-shadow: 0 0 3px #ccc
}

.AXTree .AXTreeScrollBody .AXTreeBody {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    overflow: hidden
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeScrollContent {
    overflow: visible;
    position: relative
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedScrollContent {
    overflow: visible;
    position: absolute;
    left: 0;
    top: 0;
    box-shadow: 0 0 3px #ccc
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeScrollTrackXY {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 9px;
    height: 9px;
    border: 1px solid #B6B6B6;
    background: url(images/dx-diagonal-bg.png);
    display: none
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeScrollTrackY {
    position: absolute;
    right: 0;
    top: 0;
    width: 9px;
    height: 9px;
    display: none
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeScrollTrackY .treeScrollHandle
    {
    position: absolute;
    left: -1px;
    top: 0;
    width: 9px;
    height: 20px;
    background: #000;
    border: 0;
    -moz-opacity: .2;
    opacity: .2;
    filter: alpha(opacity = 20);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeScrollTrackY .treeScrollHandle.hover,
    .AXTree .AXTreeScrollBody .AXTreeBody .treeScrollTrackY .treeScrollHandle:hover
    {
    -moz-opacity: .5;
    opacity: .5;
    filter: alpha(opacity = 50)
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeScrollTrackX {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 9px;
    height: 9px;
    display: none
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeScrollTrackX .treeScrollHandle
    {
    position: absolute;
    left: 0;
    top: -1px;
    width: 20px;
    height: 9px;
    background: #000;
    border: 0;
    -moz-opacity: .2;
    opacity: .2;
    filter: alpha(opacity = 20);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeScrollTrackX .treeScrollHandle.hover,
    .AXTree .AXTreeScrollBody .AXTreeBody .treeScrollTrackX .treeScrollHandle:hover
    {
    -moz-opacity: .5;
    opacity: .5;
    filter: alpha(opacity = 50)
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable {
    width: 100%;
    table-layout: fixed
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr.noListTr td
    {
    vertical-align: middle;
    height: 100px;
    border-bottom: 1px solid #c8c8c8
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr.AXTreeSplit td
    {
    vertical-align: middle;
    height: 1px;
    line-height: 1px;
    background: #eee;
    border-bottom: 0 none
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr.red td {
    background-color: #fbc
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr.green td {
    background-color: #f3f3f3
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr.blue td {
    background-color: #929292
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr.yellow td
    {
    background-color: #d2d9df
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr.hover td {
    background-color: #e7f1fa
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr.selected td
    {
    background-color: #d2d9df
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr.disable td
    {
    background-color: #f5f5f1;
    color: #ccc !important
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr.copied td
    {
    background-color: #ffffbf;
    border-top: 1px dotted;
    border-bottom: 1px dotted
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td {
    padding: 0;
    background: url(images/dx-tree-body-border.png) 100% 0 repeat-y;
    vertical-align: bottom;
    border-bottom: 1px solid #c8c8c8;
    cursor: pointer
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td.selected
    {
    background-color: #d2d9df;
    box-shadow: inset 0 0 2px #000
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td.bodyBottomBorder
    {
    border-bottom: 1px dashed #c8c8c8
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td.bodyNullTd
    {
    background-image: none
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode
    {
    position: relative;
    padding: 0
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .connectionLineContainer
    {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .connectionLineContainer .connectionLine
    {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 30px;
    background: url(images/dx-tree-line.png) center 0 no-repeat
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .connectionLineContainer .connectionLine.isLastChild
    {
    background: url(images/dx-tree-line-last.png) center 0 no-repeat
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .connectionLineContainer .connectionLine.isParentInside
    {
    background: url(images/dx-tree-line-middle.png) center 0 no-repeat
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .connectionLineContainer .connectionLine.isParentOutside
    {
    background: url(images/blank.png) center 0 no-repeat
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIndent
    {
    display: block;
    position: absolute;
    top: 5px;
    width: 20px;
    height: 20px;
    background: url(images/dx-tree-arrows.png) -65px center no-repeat
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIndent.noChild,
    .AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIndent.noChild:hover
    {
    background: url(images/dx-tree-line-no-child.png) center center
        no-repeat
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIndent:hover
    {
    background: url(images/dx-tree-arrows.png) -5px center no-repeat
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIndent.expand
    {
    background: url(images/dx-tree-arrows.png) -95px center no-repeat
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIndent.expand:hover
    {
    background: url(images/dx-tree-arrows.png) -35px center no-repeat
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIndent.expand.loading
    {
    background: url(images/dx-progresss-ani-white-1.gif) 2px center
        no-repeat
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIndent.expand.noChild,
    .AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIndent.expand.noChild:hover
    {
    background: url(images/dx-tree-line-no-child.png) center center
        no-repeat
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon
    {
    display: block;
    position: absolute;
    top: 5px;
    width: 20px;
    height: 20px
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.AXfolder,
    .AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.folder
    {
    background: url(images/dx-tree-icons.png) -5px center no-repeat
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.movie
    {
    background: url(images/dx-tree-icons.png) -65px center no-repeat
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.img
    {
    background: url(images/dx-tree-icons.png) -95px center no-repeat
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.zip
    {
    background: url(images/dx-tree-icons.png) -125px center no-repeat
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.file
    {
    background: url(images/dx-tree-icons.png) -155px center no-repeat
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.fileTxt
    {
    background: url(images/dx-tree-icons.png) -185px center no-repeat
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.fileTag
    {
    background: url(images/dx-tree-icons.png) -215px center no-repeat
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.company
    {
    background: url(images/dx-tree-icons2.png) -5px center no-repeat
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.computer
    {
    background: url(images/dx-tree-icons2.png) -35px center no-repeat
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.desktop
    {
    background: url(images/dx-tree-icons2.png) -65px center no-repeat
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.tree
    {
    background: url(images/dx-tree-icons2.png) -95px center no-repeat
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.userHtml
    {
    background: url(images/dx-tree-icons2.png) -215px center no-repeat
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyTdText
    {
    position: relative;
    line-height: 20px;
    padding: 5px 8px;
    color: #3b3b3b;
    text-shadow: 0 1px 0 #fff;
    font-family: "Nanum Gothic";
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyTdHtml
    {
    padding: 0 1px 0 0
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyTdCheckBox
    {
    line-height: 20px;
    height: 20px;
    padding: 5px 1px 5px 0
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tfoot tr td,
    .AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable thead tr td {
    padding: 0;
    background: url(images/dx-tree-body-border.png) 100% 0 repeat-y #ffffec;
    vertical-align: bottom;
    border-bottom: 1px solid #c8c8c8
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tfoot tr td.bodyBottomBorder,
    .AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable thead tr td.bodyBottomBorder
    {
    border-bottom: 1px dashed #c8c8c8
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tfoot tr td.bodyNullTd,
    .AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable thead tr td.bodyNullTd
    {
    background-image: none
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tfoot tr td .bodyNode,
    .AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable thead tr td .bodyNode
    {
    position: relative;
    padding: 0
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tfoot tr td .bodyTdText,
    .AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable thead tr td .bodyTdText
    {
    position: relative;
    line-height: 20px;
    padding: 5px 8px;
    color: #3b3b3b;
    text-shadow: 0 1px 0 #fff;
    font-family: "Nanum Gothic";
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tfoot tr td .bodyTdHtml,
    .AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable thead tr td .bodyTdHtml
    {
    padding: 0 1px 0 0
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tfoot tr td .bodyTdCheckBox,
    .AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable thead tr td .bodyTdCheckBox
    {
    line-height: 20px;
    height: 20px;
    padding: 5px 1px 5px 0
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable {
    table-layout: fixed
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr.noListTr td
    {
    vertical-align: middle;
    height: 100px
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr.line0 td
    {
    background-color: #eaedef
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr.line1 td
    {
    background-color: #f7f8f9
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr.AXTreeSplit td
    {
    vertical-align: middle;
    height: 1px;
    line-height: 1px;
    background: #eee;
    border-bottom: 0 none
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr.red td
    {
    background-color: #fbc
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr.green td
    {
    background-color: #f3f3f3
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr.blue td
    {
    background-color: #929292
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr.selected td,
    .AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr.yellow td
    {
    background-color: #d2d9df
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr.hover td
    {
    background-color: #d7dde3
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr td {
    padding: 0;
    background: url(images/dx-tree-body-border.png) 100% 0 repeat-y;
    vertical-align: bottom;
    border-bottom: 1px solid #c8c8c8;
    cursor: pointer
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr td.fixedLine
    {
    background: url(images/dx-tree-fixed-body-border.png) 100% 0 repeat-y
        #ffffec
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr td.selected
    {
    background-color: #d2d9df;
    box-shadow: inset 0 0 2px #000
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr td.bodyBottomBorder
    {
    border-bottom: 1px dashed #c8c8c8
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr td.bodyNullTd
    {
    background-image: none
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr td .bodyNode
    {
    position: relative;
    padding: 0
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr td .bodyTdText
    {
    position: relative;
    line-height: 20px;
    padding: 5px 8px;
    color: #3b3b3b;
    text-shadow: 0 1px 0 #fff;
    font-family: "Nanum Gothic";
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr td .bodyTdHtml
    {
    padding: 0 1px 0 0
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr td .bodyTdCheckBox
    {
    line-height: 20px;
    height: 20px;
    padding: 5px 1px 5px 0
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tfoot tr td,
    .AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable thead tr td {
    padding: 0;
    background: url(images/dx-tree-body-border.png) 100% 0 repeat-y #ffffec;
    vertical-align: bottom;
    border-bottom: 1px solid #c8c8c8
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tfoot tr td.fixedLine,
    .AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable thead tr td.fixedLine
    {
    background: url(images/dx-tree-fixed-body-border.png) 100% 0 repeat-y
        #ffffec
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tfoot tr td.bodyBottomBorder,
    .AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable thead tr td.bodyBottomBorder
    {
    border-bottom: 1px dashed #c8c8c8
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tfoot tr td.bodyNullTd,
    .AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable thead tr td.bodyNullTd
    {
    background-image: none
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tfoot tr td .bodyNode,
    .AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable thead tr td .bodyNode
    {
    position: relative;
    padding: 0
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tfoot tr td .bodyTdText,
    .AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable thead tr td .bodyTdText
    {
    position: relative;
    line-height: 20px;
    padding: 5px 8px;
    color: #3b3b3b;
    text-shadow: 0 1px 0 #fff;
    font-family: "Nanum Gothic";
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tfoot tr td .bodyTdHtml,
    .AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable thead tr td .bodyTdHtml
    {
    padding: 0 1px 0 0
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tfoot tr td .bodyTdCheckBox,
    .AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable thead tr td .bodyTdCheckBox
    {
    line-height: 20px;
    height: 20px;
    padding: 5px 1px 5px 0
}

.AXTree .tdRelBlock, .AXTree_none {
    position: relative
}

.AXTree_none .AXTreeScrollBody {
    position: relative;
    border: 1px solid #b1b1b1;
    overflow: hidden
}

.AXTree_none .AXTreeScrollBody .AXTreeColHead {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: url(images/dx-tree-head-bg.png) repeat-x #fff;
    border-bottom: 1px solid #b1b1b1
}

.AXTree_none .AXTreeScrollBody .AXTreeColHead .colHeadTable {
    table-layout: fixed;
    background: url(images/dx-tree-head-bg.png) repeat-x #fff
}

.AXTree_none .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td
    {
    padding: 0;
    background: url(images/dx-tree-head-border.png) 100% 0 repeat-y;
    vertical-align: bottom;
    cursor: pointer
}

.AXTree_none .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td.sortDesc,
    .AXTree_none .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td:hover
    {
    background-color: #e5e6eb
}

.AXTree_none .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td.sortDesc .colHeadNode
    {
    background: url(images/dx-sort-desc.png) center 0 no-repeat
}

.AXTree_none .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td.sortAsc
    {
    background-color: #e5e6eb
}

.AXTree_none .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td.sortAsc .colHeadNode
    {
    background: url(images/dx-sort-asc.png) center 0 no-repeat
}

.AXTree_none .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td.colHeadBottomBorder
    {
    border-bottom: 1px solid #b1b1b1
}

.AXTree_none .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td .colHeadResizer
    {
    position: absolute;
    right: 0;
    top: 0;
    width: 5px;
    height: 20px;
    cursor: col-resize
}

.AXTree_none .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td .colHeadResizer:active
    {
    background: #e2e4e6
}

.AXTree_none .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td .colHeadTool
    {
    position: absolute;
    right: 1px;
    top: 0;
    display: block;
    width: 20px;
    height: 30px;
    cursor: pointer;
    text-indent: -2000px;
    overflow: hidden
}

.AXTree_none .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td .colHeadTool.readyTool
    {
    background: url(images/dx-tree-head-tool.png) -2px center no-repeat
}

.AXTree_none .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td .colHeadTool.readyTool:hover
    {
    background: url(images/dx-tree-head-tool-on.png) -2px center no-repeat
}

.AXTree_none .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td .colHeadNode
    {
    position: relative;
    padding: 0
}

.AXTree_none .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td .colHeadTdText
    {
    position: relative;
    line-height: 20px;
    padding: 5px 0;
    color: #5e5e5e;
    text-shadow: 0 1px 0 #fff;
    font-family: "Nanum Gothic";
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.AXTree_none .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td .colHeadTdCheck
    {
    height: 20px;
    padding: 7px 1px 3px 0;
    color: #5e5e5e
}

.AXTree_none .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td .colHeadTdCheck input
    {
    vertical-align: middle
}

.AXTree_none .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td .colHeadTdHtml
    {
    height: 30px;
    padding: 0 1px 0 0;
    color: #5e5e5e
}

.AXTree_none .AXTreeScrollBody .fixedColHead {
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    box-shadow: 0 0 3px #ccc
}

.AXTree_none .AXTreeScrollBody .AXTreeBody {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    overflow: hidden
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeScrollContent {
    overflow: visible;
    position: relative
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedScrollContent {
    overflow: visible;
    position: absolute;
    left: 0;
    top: 0;
    box-shadow: 0 0 3px #ccc
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeScrollBody .treeScrollTrackY .treeScrollHandle.hover
    {
    background: #929292;
    border: 1px solid #636363
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeScrollTrackXY {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 9px;
    height: 9px;
    border: 1px solid #b6b6b6;
    background: url(images/dx-diagonal-bg.png);
    display: none
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeScrollTrackY {
    position: absolute;
    right: 0;
    top: 0;
    width: 9px;
    height: 9px;
    display: none
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeScrollTrackY .treeScrollHandle
    {
    position: absolute;
    left: -1px;
    top: 0;
    width: 9px;
    height: 20px;
    background: #000;
    border: 0;
    -moz-opacity: .2;
    opacity: .2;
    filter: alpha(opacity = 20);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeScrollTrackY .treeScrollHandle.hover,
    .AXTree_none .AXTreeScrollBody .AXTreeBody .treeScrollTrackY .treeScrollHandle:hover
    {
    -moz-opacity: .5;
    opacity: .5;
    filter: alpha(opacity = 50)
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeScrollTrackX {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 9px;
    height: 9px;
    display: none
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeScrollTrackX .treeScrollHandle
    {
    position: absolute;
    left: 0;
    top: -1px;
    width: 20px;
    height: 9px;
    background: #000;
    border: 0;
    -moz-opacity: .2;
    opacity: .2;
    filter: alpha(opacity = 20);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeScrollTrackX .treeScrollHandle.hover,
    .AXTree_none .AXTreeScrollBody .AXTreeBody .treeScrollTrackX .treeScrollHandle:hover
    {
    -moz-opacity: .5;
    opacity: .5;
    filter: alpha(opacity = 50)
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable {
    width: 100%;
    table-layout: fixed
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr.noListTr td
    {
    vertical-align: middle;
    height: 100px
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr.AXTreeSplit td
    {
    vertical-align: middle;
    height: 1px;
    line-height: 1px;
    background: #ccc;
    border-bottom: 0 none
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr.red td
    {
    background-color: #fbc
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr.green td
    {
    background-color: #f3f3f3
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr.blue td
    {
    background-color: #929292
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr.yellow td
    {
    background-color: #d2d9df
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr.hover td
    {
    background-color: #e7f1fa
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr.selected td
    {
    background-color: #d2d9df
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr.disable td
    {
    background-color: #F5F5F1;
    color: #ccc !important
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr.copied td
    {
    background-color: #ffffbf;
    border-top: 1px dotted;
    border-bottom: 1px dotted
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td {
    padding: 0;
    vertical-align: bottom;
    cursor: pointer
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td.selected
    {
    background-color: #d2d9df;
    box-shadow: inset 0 0 2px #000
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td.bodyBottomBorder
    {
    border-bottom: 1px dashed #c8c8c8
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td.bodyNullTd
    {
    background-image: none
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode
    {
    position: relative;
    padding: 0
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .connectionLineContainer
    {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .connectionLineContainer .connectionLine
    {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 30px;
    background: url(images/dx-tree-line.png) center 0 no-repeat
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .connectionLineContainer .connectionLine.isLastChild
    {
    background: url(images/dx-tree-line-last.png) center 0 no-repeat
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .connectionLineContainer .connectionLine.isParentInside
    {
    background: url(images/dx-tree-line-middle.png) center 0 no-repeat
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .connectionLineContainer .connectionLine.isParentOutside
    {
    background: url(images/blank.png) center 0 no-repeat
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIndent
    {
    display: block;
    position: absolute;
    top: 5px;
    width: 20px;
    height: 20px;
    background: url(images/dx-tree-arrows.png) -65px center no-repeat
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIndent:hover
    {
    background: url(images/dx-tree-arrows.png) -5px center no-repeat
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIndent.noChild,
    .AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIndent.noChild:hover
    {
    background: url(images/dx-tree-line-no-child.png) center center
        no-repeat
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIndent.expand
    {
    background: url(images/dx-tree-arrows.png) -95px center no-repeat
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIndent.expand:hover
    {
    background: url(images/dx-tree-arrows.png) -35px center no-repeat
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIndent.expand.noChild,
    .AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIndent.expand.noChild:hover
    {
    background: url(images/dx-tree-line-no-child.png) center center
        no-repeat
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon
    {
    display: block;
    position: absolute;
    top: 5px;
    width: 20px;
    height: 20px
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.folder
    {
    background: url(images/dx-tree-icons.png) -5px center no-repeat
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.AXfolder
    {
    background: url(images/dx-tree-icons.png) -35px center no-repeat
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.movie
    {
    background: url(images/dx-tree-icons.png) -65px center no-repeat
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.img
    {
    background: url(images/dx-tree-icons.png) -95px center no-repeat
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.zip
    {
    background: url(images/dx-tree-icons.png) -125px center no-repeat
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.file
    {
    background: url(images/dx-tree-icons.png) -155px center no-repeat
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.fileTxt
    {
    background: url(images/dx-tree-icons.png) -185px center no-repeat
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.fileTag
    {
    background: url(images/dx-tree-icons.png) -215px center no-repeat
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.company
    {
    background: url(images/dx-tree-icons2.png) -5px center no-repeat
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.computer
    {
    background: url(images/dx-tree-icons2.png) -35px center no-repeat
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.desktop
    {
    background: url(images/dx-tree-icons2.png) -65px center no-repeat
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.tree
    {
    background: url(images/dx-tree-icons2.png) -95px center no-repeat
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyTdText
    {
    position: relative;
    line-height: 20px;
    padding: 5px 8px;
    color: #3b3b3b;
    text-shadow: 0 1px 0 #fff;
    font-family: "Nanum Gothic";
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyTdHtml
    {
    padding: 0 1px 0 0
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyTdCheckBox
    {
    line-height: 20px;
    height: 20px;
    padding: 5px 1px 5px 0
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tfoot tr td,
    .AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable thead tr td {
    padding: 0;
    background: url(images/dx-tree-body-border.png) 100% 0 repeat-y #ffffec;
    vertical-align: bottom;
    border-bottom: 1px solid #c8c8c8
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tfoot tr td.bodyBottomBorder,
    .AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable thead tr td.bodyBottomBorder
    {
    border-bottom: 1px dashed #c8c8c8
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tfoot tr td.bodyNullTd,
    .AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable thead tr td.bodyNullTd
    {
    background-image: none
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tfoot tr td .bodyNode,
    .AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable thead tr td .bodyNode
    {
    position: relative;
    padding: 0
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tfoot tr td .bodyTdText,
    .AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable thead tr td .bodyTdText
    {
    position: relative;
    line-height: 20px;
    padding: 5px 8px;
    color: #3b3b3b;
    text-shadow: 0 1px 0 #fff;
    font-family: "Nanum Gothic";
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tfoot tr td .bodyTdHtml,
    .AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable thead tr td .bodyTdHtml
    {
    padding: 0 1px 0 0
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tfoot tr td .bodyTdCheckBox,
    .AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable thead tr td .bodyTdCheckBox
    {
    line-height: 20px;
    height: 20px;
    padding: 5px 1px 5px 0
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable {
    table-layout: fixed
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr.noListTr td
    {
    vertical-align: middle;
    height: 100px;
    background: #f7f7f7;
    border-bottom: 1px dashed #c8c8c8
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr.line0 td
    {
    background-color: #eaedef
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr.line1 td
    {
    background-color: #f7f8f9
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr.AXTreeSplit td
    {
    vertical-align: middle;
    height: 1px;
    line-height: 1px;
    background: #eee;
    border-bottom: 0 none
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr.red td
    {
    background-color: #fbc
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr.green td
    {
    background-color: #f3f3f3
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr.blue td
    {
    background-color: #929292
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr.selected td,
    .AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr.yellow td
    {
    background-color: #d2d9df
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr.hover td
    {
    background-color: #d7dde3
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr td
    {
    padding: 0;
    background: url(images/dx-tree-body-border.png) 100% 0 repeat-y;
    vertical-align: bottom;
    border-bottom: 1px solid #c8c8c8;
    cursor: pointer
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr td.fixedLine
    {
    background: url(images/dx-tree-fixed-body-border.png) 100% 0 repeat-y
        #ffffec
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr td.selected
    {
    background-color: #d2d9df;
    box-shadow: inset 0 0 2px #000
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr td.bodyBottomBorder
    {
    border-bottom: 1px dashed #c8c8c8
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr td.bodyNullTd
    {
    background-image: none
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr td .bodyNode
    {
    position: relative;
    padding: 0
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr td .bodyTdText
    {
    position: relative;
    line-height: 20px;
    padding: 5px 8px;
    color: #3b3b3b;
    text-shadow: 0 1px 0 #fff;
    font-family: AppleGothic, 'Malgun Gothic', Gulim;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr td .bodyTdHtml
    {
    padding: 0 1px 0 0
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr td .bodyTdCheckBox
    {
    line-height: 20px;
    height: 20px;
    padding: 5px 1px 5px 0
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tfoot tr td,
    .AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable thead tr td
    {
    padding: 0;
    background: url(images/dx-tree-body-border.png) 100% 0 repeat-y #ffffec;
    vertical-align: bottom;
    border-bottom: 1px solid #c8c8c8
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tfoot tr td.fixedLine,
    .AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable thead tr td.fixedLine
    {
    background: url(images/dx-tree-fixed-body-border.png) 100% 0 repeat-y
        #ffffec
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tfoot tr td.bodyBottomBorder,
    .AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable thead tr td.bodyBottomBorder
    {
    border-bottom: 1px solid #c8c8c8
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tfoot tr td.bodyNullTd,
    .AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable thead tr td.bodyNullTd
    {
    background-image: none
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tfoot tr td .bodyNode,
    .AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable thead tr td .bodyNode
    {
    position: relative;
    padding: 0
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tfoot tr td .bodyTdText,
    .AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable thead tr td .bodyTdText
    {
    position: relative;
    line-height: 20px;
    padding: 5px 8px;
    color: #3b3b3b;
    text-shadow: 0 1px 0 #fff;
    font-family: "Nanum Gothic";
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tfoot tr td .bodyTdHtml,
    .AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable thead tr td .bodyTdHtml
    {
    padding: 0 1px 0 0
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tfoot tr td .bodyTdCheckBox,
    .AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable thead tr td .bodyTdCheckBox
    {
    line-height: 20px;
    height: 20px;
    padding: 5px 1px 5px 0
}

.AXTree_none .AXTreeEditor {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 60px
}

.AXTree_none .AXTreeEditor .editorContent {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: #d8e1e7;
    border-bottom: 1px solid #7f8d9c;
    box-shadow: 1px 1px 3px #ccc
}

.AXTree_none .AXTreeEditor .editorButtons {
    position: absolute;
    left: 50px;
    top: 19px;
    height: 30px;
    padding: 1px 3px;
    background: #d8e1e7;
    border-left: 1px solid #7f8d9c;
    border-right: 1px solid #7f8d9c;
    border-bottom: 1px solid #7f8d9c;
    box-shadow: 1px solid #7f8d9c;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.AXTree_none .AXTreeEditor .editorBodyTable {
    table-layout: fixed;
    width: 100%
}

.AXTree_none .tdRelBlock {
    position: relative
}

.AXTreeColGroupListBox, .AXUpload5 .swfupload {
    position: absolute;
    left: 0;
    top: 0
}

.AXTreeColGroupListBox {
    z-index: 4999;
    width: 146px;
    background: #fff;
    border: 1px solid #b1b1b1;
    border-radius: 5px;
    box-shadow: 0 0 5px #ccc
}

.AXTreeColGroupListBox .AXTreeColGroupListBoxItem {
    display: block;
    line-height: 15px;
    padding: 5px 5px 5px 25px;
    color: #5e5e5e;
    text-decoration: none;
    border-bottom: 1px solid #e3e3e3;
    font-size: 11px
}

.AXTreeColGroupListBox .AXTreeColGroupListBoxItem.last {
    border-bottom: 0 none
}

.AXTreeColGroupListBox .AXTreeColGroupListBoxItem.on {
    color: #7b8590;
    background: url(images/dx-item-check.png) 3px center no-repeat
}

.AXtreeSelector {
    height: 400px;
    background: #fff
}

.AXUpload5 {
    height: 26px
}

.AXUpload5 table, .AXUpload5 table td {
    background: 0 0 !important;
    border: 0 !important;
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0;
    margin: 0;
    text-align: left
}

.AXUpload5 .AXFileSelector {
    padding: 0 5px
}

.AXUpload5 .AXFileDisplay {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #525252
}

.AXUpload5 .AXFileDisplay .AXUploadItem {
    position: relative;
    height: 24px
}

.AXUpload5 .AXFileDisplay .AXUploadItem .AXUploadTit {
    text-indent: 46px;
    font-size: 11px;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.AXUpload5 .AXFileDisplay .AXUploadItem .AXUploadBtns {
    position: absolute;
    left: 0;
    top: 0;
    line-height: 1em
}

.AXUpload5 .AXFileDisplay .AXUploadItem .AXUploadBtns .AXUploadBtnsA {
    display: block;
    width: 24px;
    height: 24px;
    background: url(images/dx-upload5-remove-icon.png) center center
        no-repeat;
    text-indent: -1000px;
    overflow: hidden;
    line-height: 50000px
}

.AXUpload5 .AXFileDisplay .AXUploadItem .AXUploadLabel {
    position: absolute;
    left: 24px;
    top: 4px;
    line-height: 1em
}

.AXUpload5 .AXFileDisplay .AXUploadItem .AXUploadLabel .AXUploadDownload
    {
    display: block;
    width: 16px;
    height: 16px;
    background: url(images/dx-upload5-download-icon.png) no-repeat #fff;
    text-indent: -1000px;
    overflow: hidden;
    line-height: 50000px
}

.AXUpload5 .AXFileDisplay .AXUploadItem .AXUploadLabel .AXUploadDownload:hover
    {
    background-color: #000
}

.AXUpload5 .AXFileDisplay .AXUploadItem .AXUploadLabel .AXUploadMainImage
    {
    display: block;
    width: 16px;
    height: 16px;
    background: url(images/dx-upload5-main-image-icon.png) no-repeat #fff;
    text-indent: -1000px;
    overflow: hidden;
    float: left;
    line-height: 50000px
}

.AXUpload5 .AXFileDisplay .AXUploadProcess {
    position: absolute;
    left: 10px;
    top: 8px;
    height: 8px;
    width: 100px;
    background: #b2b2b2;
    border: 1px solid #b2b2b2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 1px;
    line-height: 1px
}

.AXUpload5 .AXFileDisplay .AXUploadProcess .AXUploadProcessBar {
    background: #fff;
    height: 8px;
    width: 0;
    min-width: 5px;
    border-radius: 4px
}

.AXUpload5QueueBox {
    position: relative;
    border: 1px solid #b1b1b1;
    background: #f7f7f7;
    overflow: auto
}

.AXUpload5QueueBox.allowDrop {
    background-image: url(images/dx-upload5-drop-icon-img.png);
    background-repeat: no-repeat;
    background-position: center center
}

.AXUpload5QueueBox.allowDrop .dropZoneBox {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000
}

.AXUpload5QueueBox .AXUploadItem {
    position: relative;
    float: left;
    padding: 10px;
    margin: 9px 0 0 9px;
    width: 100px;
    height: 148px;
    color: #525252;
    overflow: hidden;
    z-index: 100
}

.AXUpload5QueueBox .AXUploadItem.readyselect {
    cursor: pointer
}

.AXUpload5QueueBox .AXUploadItem.beSelected {
    background: #68adcf;
    color: #fff
}

.AXUpload5QueueBox .AXUploadItem.beSelected .AXUploadBtns .AXUploadBtnsA
    {
    background: url(images/dx-upload5-remove-icon-white.png) center center
        no-repeat
}

.AXUpload5QueueBox .AXUploadItem.AX_selecting {
    background: #68adcf;
    color: #fff
}

.AXUpload5QueueBox .AXUploadItem.AX_selecting .AXUploadBtns .AXUploadBtnsA
    {
    background: url(images/dx-upload5-remove-icon-white.png) center center
        no-repeat
}

.AXUpload5QueueBox .AXUploadItem .AXUploadIcon {
    background-color: #e0e0e0;
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 100px;
    font-size: 14px;
    color: #888;
    font-weight: 700
}

.AXUpload5QueueBox .AXUploadItem .AXUploadIcon img.preview {
    width: 100px;
    height: 100px
}

.AXUpload5QueueBox .AXUploadItem .AXUploadType {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px;
    line-height: 1.3em;
    padding-top: 3px;
    text-align: right
}

.AXUpload5QueueBox .AXUploadItem .AXUploadTit {
    font-size: 11px;
    line-height: 1.3em;
    word-break: break-all;
    height: 32px;
    overflow: hidden
}

.AXUpload5QueueBox .AXUploadItem .AXUploadSize {
    font-size: 11px
}

.AXUpload5QueueBox .AXUploadItem .AXUploadProcess {
    position: absolute;
    left: 20px;
    top: 54px;
    height: 8px;
    width: 78px;
    background: #b2b2b2;
    border: 1px solid #b2b2b2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 1px;
    line-height: 1px
}

.AXUpload5QueueBox .AXUploadItem .AXUploadProcess .AXUploadProcessBar {
    background: #fff;
    height: 8px;
    width: 0;
    min-width: 5px;
    border-radius: 4px
}

.AXUpload5QueueBox .AXUploadItem .AXUploadBtns {
    position: absolute;
    left: 3px;
    top: 110px;
    line-height: 1em
}

.AXUpload5QueueBox .AXUploadItem .AXUploadBtns .AXUploadBtnsA {
    display: block;
    width: 24px;
    height: 24px;
    background: url(images/dx-upload5-remove-icon-black.png) center center
        no-repeat;
    text-indent: -1000px;
    overflow: hidden;
    line-height: 50000px
}

.AXUpload5QueueBox .AXUploadItem .AXUploadLabel {
    position: absolute;
    right: 14px;
    top: 14px;
    line-height: 1em
}

.AXUpload5QueueBox .AXUploadItem .AXUploadLabel .AXUploadMainImage {
    display: none;
    width: 16px;
    height: 16px;
    background: url(images/dx-upload5-main-image-icon.png) no-repeat #fff;
    text-indent: -1000px;
    overflow: hidden;
    float: left;
    line-height: 50000px
}

.AXUpload5QueueBox .AXUploadItem .AXUploadLabel .AXUploadDownload {
    display: block;
    width: 16px;
    height: 16px;
    background: url(images/dx-upload5-download-icon.png) no-repeat #fff;
    text-indent: -1000px;
    overflow: hidden;
    line-height: 50000px
}

.AXUpload5QueueBox .AXUploadItem .AXUploadLabel .AXUploadDownload:hover
    {
    background-color: #000
}

.AXUpload5QueueBox .AXUploadItem .AXUploadPreview {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent
}

.AXUpload5QueueBox_list {
    position: relative;
    border: 1px solid #b1b1b1;
    background: #f7f7f7;
    overflow: auto
}

.AXUpload5QueueBox_list.allowDrop {
    background-image: url(images/dx-upload5-drop-icon-img.png);
    background-repeat: no-repeat;
    background-position: center center
}

.AXUpload5QueueBox_list.allowDrop .dropZoneBox {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000
}

.AXUpload5QueueBox_list .AXUploadItem {
    box-sizing: content-box !important;
    position: relative;
    float: none;
    padding: 0 5px 0 50px;
    margin: 5px;
    width: auto;
    height: auto;
    color: #525252;
    overflow: auto;
    z-index: 100
}

.AXUpload5QueueBox_list .AXUploadItem.view {
    padding: 0 5px 0 20px
}

.AXUpload5QueueBox_list .AXUploadItem.readyselect {
    cursor: pointer
}

.AXUpload5QueueBox_list .AXUploadItem.beSelected {
    background: #68adcf;
    color: #fff
}

.AXUpload5QueueBox_list .AXUploadItem.beSelected .AXUploadBtns .AXUploadBtnsA
    {
    background: url(images/dx-upload5-remove-icon-white.png) center center
        no-repeat
}

.AXUpload5QueueBox_list .AXUploadItem.AX_selecting {
    background: #68adcf;
    color: #fff
}

.AXUpload5QueueBox_list .AXUploadItem.AX_selecting .AXUploadBtns .AXUploadBtnsA
    {
    background: url(images/dx-upload5-remove-icon-white.png) center center
        no-repeat
}

.AXUpload5QueueBox_list .AXUploadItem .AXUploadIcon {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #e0e0e0;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 14px;
    color: #888;
    font-weight: 700
}

.AXUpload5QueueBox_list .AXUploadItem .AXUploadType {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    float: left;
    font-size: 11px;
    text-align: left;
    height: 24px;
    line-height: 24px;
    padding: 0 5px 0 0;
    color: #888
}

.AXUpload5QueueBox_list .AXUploadItem .AXUploadTit {
    display: block;
    float: left;
    font-size: 11px;
    word-break: break-all;
    overflow: hidden;
    line-height: 24px;
    padding: 0;
    height: auto;
    white-space: nowrap
}

.AXUpload5QueueBox_list .AXUploadItem .AXUploadSize {
    font-size: 11px
}

.AXUpload5QueueBox_list .AXUploadItem .AXUploadProcess {
    position: relative;
    left: auto;
    top: auto;
    height: 8px;
    width: 80px;
    background: #b2b2b2;
    float: left;
    margin: 6px 0 0 6px;
    border: 1px solid #b2b2b2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 1px;
    line-height: 1px
}

.AXUpload5QueueBox_list .AXUploadItem .AXUploadProcess .AXUploadProcessBar
    {
    background: #fff;
    height: 8px;
    width: 0;
    min-width: 5px;
    border-radius: 4px
}

.AXUpload5QueueBox_list .AXUploadItem .AXUploadBtns {
    position: absolute;
    left: 0;
    top: 0;
    line-height: 1em
}

.AXUpload5QueueBox_list .AXUploadItem .AXUploadBtns .AXUploadBtnsA {
    display: block;
    width: 24px;
    height: 24px;
    background: url(images/dx-upload5-remove-icon-black.png) center center
        no-repeat;
    text-indent: -1000px;
    overflow: hidden;
    line-height: 50000px
}

.AXUpload5QueueBox_list .AXUploadItem .AXUploadLabel {
    position: absolute;
    left: 24px;
    top: 4px;
    line-height: 1em
}

.AXUpload5QueueBox_list .AXUploadItem .AXUploadLabel.view {
    left: 0
}

.AXUpload5QueueBox_list .AXUploadItem .AXUploadLabel .AXUploadMainImage
    {
    display: none;
    width: 16px;
    height: 16px;
    background: url(images/dx-upload5-main-image-icon.png) center center
        no-repeat #fff;
    text-indent: -1000px;
    overflow: hidden;
    float: left;
    line-height: 50000px
}

.AXUpload5QueueBox_list .AXUploadItem .AXUploadLabel .AXUploadDownload {
    display: block;
    width: 16px;
    height: 16px;
    background: url(images/dx-upload5-download-icon.png) center center
        no-repeat #fff;
    text-indent: -1000px;
    overflow: hidden;
    line-height: 50000px
}

.AXUpload5QueueBox_list .AXUploadItem .AXUploadLabel .AXUploadDownload:hover
    {
    background-color: #000
}

.AXUpload5QueueBox_list .AXUploadItem .AXUploadPreview {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent
}

.AXUpload5Single table tbody tr td {
    border: 0;
    background: 0 0
}

.AXUpload5Single .AXUploadDisplay {
    position: relative;
    padding: 0 0 0 5px
}

.AXUpload5Single .AXUploadDisplay .AXUploadProcess {
    position: relative;
    width: 120px;
    background: #fff;
    border: 1px solid #000;
    border-radius: 7px;
    font-size: 1px;
    line-height: 1px;
    box-shadow: 0 0 3px #ccc;
    overflow: hidden
}

.AXUpload5Single .AXUploadDisplay .AXUploadProcess .AXUploadProcessBar {
    background: url(images/dx-red-small.png) 0 center repeat-x;
    height: 15px;
    width: 0;
    border: 1px solid #fff;
    border-radius: 5px
}

.AXUpload5Single .AXUploadDisplay .AXFileTitleBlock {
    position: relative
}

.AXUpload5Single .AXUploadDisplay .AXFileTitleBlock .AXFileTitle {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding-right: 24px;
    text-decoration: none;
    color: #444;
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.AXUpload5Single .AXUploadDisplay .AXFileTitleBlock .AXFileDelete {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    background: url(images/dx-cross-button.png) 100% center no-repeat;
    height: 24px;
    width: 24px;
    line-height: 2000px;
    overflow: hidden
}

.modsSortGhost {
    float: left;
    width: 1px;
    height: 93px;
    margin: 5px 0 5px 5px
}

.userSelectBox {
    border: 1px solid #aaa;
    padding: 5px;
    border-radius: 4px;
    overflow: auto
}

.userSelectBox .readyDrag {
    border: 1px solid #d4d4d4;
    background-image: linear-gradient(#fff, #e8e8e8);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#e8e8e8);
    color: #444;
    padding: 3px 5px;
    border-radius: 3px;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: auto;
    line-height: auto
}

.userSelectBox .readyDrag div {
    height: 20px !important;
    line-height: 20px !important
}

.userSelectBox .modsSortGhost {
    float: none;
    width: auto;
    height: 1px;
    margin: 5px 0;
    border: 1px solid #d4d4d4;
    background-image: -webkit-linear-gradient(#fff, #e8e8e8);
    background-image: -o-linear-gradient(#fff, #e8e8e8);
    background-image: -moz-linear-gradient(#fff, #e8e8e8);
    background-image: linear-gradient(#fff, #e8e8e8);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#e8e8e8);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr=#ffffff, endColorstr=#e8e8e8)
}

.userSelectBox .bedraged {
    border: 2px solid #f30 !important
}

.userSelectBox .beSelected {
    border: 1px solid #82898f
}

.none {
    display: none
}

.util-border-radius-none {
    -webkit-border-radius: none;
    -moz-border-radius: none;
    border-radius: none
}

.util-text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.util-textHidden {
    text-indent: 99999px;
    overflow: hidden
}

.AXWaterfall {
    position: relative
}

.AXWaterfall .WaterBox, .AXWaterfall .WaterBoxMobile {
    position: absolute;
    left: -200px;
    top: 0
}

.AXWaterfall .WaterBoxMobile {
    width: 300px
}