/* html, body { height: 100% !important; } */

/* Loading layer
-------------------------------------------------------------- */
#jsmart-loading {
    display: none;
    font-family: Verdana; font-size: 11px;
    background: #000; padding: 10px;
    text-align: center;
    border: 1px solid #000;
    color: #FFF;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    opacity: 0.6;
}

/* JSmart Backdrop
-------------------------------------------------------------- */
.jsmart-backdrop {
    z-index: 9000;
    position: fixed;
    top: 0; right: 0; bottom: 0; left: 0;
    background-color: #000000;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

/* JSmart Dialog
-------------------------------------------------------------- */
.jsmart-dialog {
    z-index: 9000;
    background-color: #ffffff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    *border: 1px solid #999;
    /* IE6-7 */

    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    outline: none;

    background: #e1e8ec;
    overflow: hidden;
}

.jsmart-dialog-header { padding: 9px 15px; border-bottom: 1px solid #eee; background: #d2dce0; }
.jsmart-dialog-header .jsmart-dialog-close, .jsmart-dialog-header .jsmart-dialog-resize {
    float: right;
    padding-top: 5px;
    font: 20px arial,sans-serif;
    font-weight: bold; text-decoration: none; color: #000000;
    opacity: 0.2; cursor: pointer;
}
.jsmart-dialog-header .jsmart-dialog-close:hover { opacity: 1; }
.jsmart-dialog-header h3 {
    margin: 0; padding: 0;
    font-size: 22px;
    line-height: 30px;
    font-family: arial; font-weight: normal;
}
.jsmart-dialog-body {
    position: relative;
    overflow-y: auto;
    max-height: 800px;
    padding: 15px;
    font-size: 13px;
}
.jsmart-dialog-body p {
    margin-bottom: 15px;
}
.jsmart-dialog-body p:last-child {
    margin-bottom: 0;
}
.jsmart-dialog-form { margin-bottom: 0; }
.jsmart-dialog-footer {
    border-top: 1px solid #ebf0f2;
    background: url('../images/block-footer-bg.png') repeat-x;
    border-bottom: 1px solid #ced4d8;
    border-radius: 0 0 5px 5px;
    height: 54px;
    line-height: 54px;
    padding: 0 10px;
}
.jsmart-dialog-footer:before,
.jsmart-dialog-footer:after { display: table; content: ""; line-height: 0; }
.jsmart-dialog-footer:after { clear: both; }
.jsmart-dialog-footer .jsmart-btn + .jsmart-btn { margin-left: 5px; margin-bottom: 0; }
.jsmart-dialog-footer .jsmart-btn-group .jsmart-btn + .jsmart-btn { margin-left: -1px; }
.jsmart-dialog-footer .jsmart-btn-block + .jsmart-btn-block { margin-left: 0; }

/* Button */
.jsmart-button {
    background-color: #c5cfcf;
    background-image: -moz-linear-gradient(top, #edf3f0, #c5cfcf);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#edf3f0), to(#c5cfcf));
    background-image: -webkit-linear-gradient(top, #edf3f0, #c5cfcf);
    background-image: -o-linear-gradient(top, #edf3f0, #c5cfcf);
    background-image: linear-gradient(to bottom, #edf3f0, #c5cfcf);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffedf3f0', endColorstr='#ffc5cfcf', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border: 1px solid #a6b4bb;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 255, 255, .5);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 255, 255, .5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 255, 255, .5);
    padding: 5px 23px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #6a7b80;
    font-size: 13px;
    font-weight: bold !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    font-family: Arial, Helvetica, sans-serif;
    display: inline-block;
    text-decoration: none;
    line-height: 16px;
    cursor: pointer;
    vertical-align: middle;
    border-bottom-color: #97a4ab;
    max-width: 350px;
}

a.jsmart-button {
    padding: 6px 23px;
}

.jsmart-button.green {
    background-color: #77a200;
    background-image: -moz-linear-gradient(top, #aacc18, #77a200);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#aacc18), to(#77a200));
    background-image: -webkit-linear-gradient(top, #aacc18, #77a200);
    background-image: -o-linear-gradient(top, #aacc18, #77a200);
    background-image: linear-gradient(to bottom, #aacc18, #77a200);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffaacc18', endColorstr='#ff77a200', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border: 1px solid #79923b;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(75, 99, 24, .5);
}

.jsmart-button.blue {
    background-color: #1e95ce;
    background-image: -moz-linear-gradient(top, #55b9e1, #1e95ce);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#55b9e1), to(#1e95ce));
    background-image: -webkit-linear-gradient(top, #55b9e1, #1e95ce);
    background-image: -o-linear-gradient(top, #55b9e1, #1e95ce);
    background-image: linear-gradient(to bottom, #55b9e1, #1e95ce);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff55b9e1', endColorstr='#ff1e95ce', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border: 1px solid #458ca6;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(43, 98, 123, .5);
}

.jsmart-button.red {
    background-color: #c2372f;
    background-image: -moz-linear-gradient(top, #e95a54, #c2372f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e95a54), to(#c2372f));
    background-image: -webkit-linear-gradient(top, #e95a54, #c2372f);
    background-image: -o-linear-gradient(top, #e95a54, #c2372f);
    background-image: linear-gradient(to bottom, #e95a54, #c2372f);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe95a54', endColorstr='#ffc2372f', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border: 1px solid #a34d4b;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(129, 58, 56, .5);
}

.jsmart-button:hover, .jsmart-button:focus {
    background-position: 0 -10px;
}

.jsmart-button, a.jsmart-button { margin-right: 5px; }
.jsmart-button:last-child, a.jsmart-button:last-child { margin-right: 0; }

/* JSmart Menu
-------------------------------------------------------------- */
.jsmart-menu {
    display: block; list-style: none;
    background: #fff;
    box-shadow: 0 5px 8px -6px #002336;
    border-radius: 5px;
    min-width: 120px;
}
.jsmart-menu li { padding: 5px 12px; cursor: pointer; }
.jsmart-menu li:hover { background: #c5cfd6; }
.jsmart-menu a { display: block; color: #444b56; }
.jsmart-menu a:hover { color: #444b56; text-decoration: none; }
.jsmart-menu li:after {
    bottom: 100%; left: 50%;
    content: '';
    position: absolute; width: 0; height: 0;
    pointer-events: none;
    border: solid transparent; border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 10px;
    margin-left: -10px;
}
.jsmart-menu li:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.jsmart-menu li:last-child {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

/* Content editable
-------------------------------------------------------------- */
[contenteditable] {
    outline: 1px dashed #b40000 !important;
    min-width: 5px;
    min-height: 10px;
}
[contenteditable]:focus {
    outline: 1px solid #b40000 !important;
}

/* Success, notice and error boxes
-------------------------------------------------------------- */
.message { padding: .8em; margin-bottom: 25px; border: 1px solid #ddd; }
.message p { margin: 0 0 5px 0; }
.message p:last-child { margin: 0; }
.message.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.message.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.message.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.message.error a    { color: #8a1f11; }
.message.notice a   { color: #514721; }
.message.success a  { color: #264409; }

/* UI Auto Complete
-------------------------------------------------------------- */
.ui-helper-hidden-accessible { display: none; }
.ui-autocomplete {
    position: absolute;
    top: 0; left: 0;
    list-style: none;
    background: #fff;
    max-height: 170px;
    overflow: auto;
    box-shadow: 0 5px 8px -6px #002336;
    z-index: 10000;
}
.ui-autocomplete li { padding: 5px; }
.ui-autocomplete li:hover { background: #c5cfd6; }
.ui-autocomplete a { color: #444b56; }
.ui-autocomplete a:hover { color: #444b56; text-decoration: none; }