/* Stylesheet from ThemeRoller */
@import url("jquery-ui.css");

/* CEPI JQueryUI Customizations */
/******       Dialog       ******/
.ui-dialog.ui-widget.ui-widget-content {
    font-family: Arial;
    font-size: 1em; /*0.82em;*/
    font-weight: normal;
    border: gray 3px solid;
    padding: 3px;
    background-color: #fff;
}

.ui-dialog-titlebar {
    font-size: 16px;
    color: #fff;
    line-height: normal;
    background-color: #4167B3;
    background-position: 0px 0px;
    background-image: url(../../images/ShadeDarkBlue.png);
    font-weight: bold;
    padding-left: 24px;
    margin-left: 0px;
    margin-right: 0px;
}

.ui-button {
    font-size: 1em; /*0.82em !important;*/
    background: #CFCFCF url(../../images/buttonBackground.jpg) repeat-x 0px 0px;
    color: #0A0A0B;
    border-style: solid;
    border-width: 1px;
    border-color: #0A0A0B;
    border-radius: 1px;
}

    .ui-button:hover,
    .ui-button:focus {
        border: 1px solid #79b7e7;
        background: #CFCFCF url(../../images/buttonBackground.jpg) repeat-x 0px 0px;
        font-weight: bold;
        color: #0A0A0B;
    }

.alert .ui-widget-header {
    background: orange;
    font-weight: bold;
    font-size: 18px;
}

.error .ui-widget-header {
    background: red;
    font-weight: bold;
    font-size: 18px;
}

/******       Tabs       ******/
.ui-widget {
    font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
    font-size: 1em;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    display: inline-block;
    padding: 2px 4px;
    border: 3px 1px 1px 0 solid transparent;
    text-decoration: none;
}

div.ui-tabs.ui-widget.ui-widget-content.ui-corner-all {
    padding: 0px;
    border: 0px solid white;
}

ul.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all {
    background: transparent;
    background-color: transparent;
    border: 0px solid white;
    border-bottom: 0px solid transparent;
    padding: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

li.ui-state-default.ui-corner-top {
    margin: 1px 1px 0px 1px;
    background: #d8daeb; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fbfbfb, #d8daeb); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fbfbfb, #d8daeb); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fbfbfb, #d8daeb); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fbfbfb, #d8daeb); /* Standard syntax */
    border-bottom: 0 solid transparent;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    display: inline-block;
}

    li.ui-state-default.ui-corner-top > a.ui-tabs-active {
        background: #fff;
        border-color: #f6b136;
        border-top-width: 3px;
        border-bottom: 1px solid #fff;
        margin-bottom: -1px;
    }

    li.ui-state-default.ui-corner-top > a:not(.ui-tabs-active):hover {
        border-color: #f6b136;
        border-top-width: 1px;
        padding-top: 4px;
        background: #e6e7f5; /* For browsers that do not support gradients */
        background: -webkit-linear-gradient(#fbfbfb, #e6e7f5); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#fbfbfb, #e6e7f5); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#fbfbfb, #e6e7f5); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#fbfbfb, #e6e7f5); /* Standard syntax */
    }

    li.ui-state-default.ui-corner-top > a {
        font-weight: normal;
        font-family: verdana,tahoma,helvetica;
        font-size: 11px;
        color: black;
        text-decoration: none;
        height: 14px;
        margin: 0px;
        border-top: 3px solid transparent;
        border-bottom: 0 solid transparent;
        border-left: 1px solid transparent;
        border-right: 1px solid transparent;
    }

table.ui-tabs-panel.ui-widget-content.ui-corner-bottom {
    padding: 0px;
    border: 1px solid #999;
}

div.ui-tabs-panel.ui-widget-content.ui-corner-bottom[role="tabpanel"] {
    border: 1px solid rgb(153, 153, 153);
    margin-left: 1px;
}

ul.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all.single-row-x-wide {
    width: 1073px;
}

ul.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all.single-row-wide {
    width: 797px;
}