/* DEFAULTS
----------------------------------------------------------*/

.ajax__combobox_itemlist {
    width: 125px !important;
}

#cph1_comboBox1_TextBox {
    width: 125px !important;
}

/* JQUERY DIALOG CSS
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    min-height: 0; /* support: IE7 */
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

/*!
 * jQuery UI Resizable 1.10.1
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}
/* @noflip */
.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}
/* @noflip */
.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}
/* @noflip */
.ui-resizable-se {
    cursor: se-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    bottom: -5px;
}
/* @noflip */
.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}
/* @noflip */
.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}
/* @noflip */
.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

/* WP buttons: see buttons.css. */

.ui-button {
    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    line-height: 26px;
    height: 28px;
    margin: 0;
    padding: 0 1px 1px;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    -webkit-appearance: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #555;
    border-color: #cccccc;
    background: #f7f7f7;
    -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
    box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
    vertical-align: top;
}

    .ui-button:active, .ui-button:focus {
        outline: none;
    }

    /* Remove the dotted border on :focus and the extra padding in Firefox */
    .ui-button::-moz-focus-inner {
        border-width: 1px 0;
        border-style: solid none;
        border-color: transparent;
        padding: 0;
    }

    .ui-button:hover, .ui-button:focus {
        background: #fafafa;
        border-color: #999;
        color: #222;
    }

    .ui-button:focus {
        -webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba( 30, 140, 190, 0.8 );
        box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba( 30, 140, 190, 0.8 );
    }

    .ui-button:active {
        background: #eee;
        border-color: #999;
        color: #333;
        -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
        box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
    }

    .ui-button[disabled], .ui-button:disabled {
        color: #aaa !important;
        border-color: #ddd !important;
        background: #f7f7f7 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: 0 1px 0 #fff !important;
        cursor: default;
    }

@media screen and ( max-width: 782px ) {
    .ui-button {
        padding: 1px 1px;
        line-height: 1;
        font-size: 14px;
        vertical-align: middle;
        height: auto;
        margin-bottom: 4px;
    }
}

.ui-state-active {
    background-color: #FFCD11;
}

/* WP Theme */

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100102;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
    box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
    border: 1px solid black;
}

.ui-dialog-titlebar {
    background: #fcfcfc;
    border-bottom: 1px solid #dfdfdf;
    height: 36px;
    font-size: 18px;
    font-weight: 600;
    line-height: 36px;
    padding: 0 1px 0 16px;
}

.ui-button.ui-dialog-titlebar-close {
    background: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #666;
    cursor: pointer;
    display: none;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    height: 36px;
    text-align: center;
}

.ui-dialog-titlebar-close:before {
    font: normal 20px/1;
    vertical-align: top;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 36px;
    width: 36px;
    height: 36px;
    content: '\f158';
}

.ui-button.ui-dialog-titlebar-close:hover {
    color: #2ea2cc;
}

.ui-dialog-titlebar-close .ui-button-text {
}

.ui-dialog-content {
    padding: 15px;
    overflow: auto;
}

.ui-dialog-buttonpane {
    background: #fcfcfc;
    border-top: 1px solid #dfdfdf;
    padding: 16px;
}

    .ui-dialog-buttonpane .ui-button {
        margin-left: 5px;
    }

    .ui-dialog-buttonpane .ui-dialog-buttonset {
        float: right;
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-height: 360px;
    background: #000;
    opacity: 0.7;
    filter: alpha(opacity=70);
    z-index: 100101;
}

.bottom_arrow .ui-resizable-handle.ui-resizable-s::before, .bottom_arrow .ui-resizable-handle.ui-resizable-s::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 150px;
    border-style: solid;
    border-width: 10px;
}

.bottom_arrow .ui-resizable-handle.ui-resizable-s::before {
    border-color: #000 transparent transparent transparent;
    top: 2px;
}

.bottom_arrow .ui-resizable-handle.ui-resizable-s::after {
    border-color: #000 transparent transparent transparent;
    top: 1px;
}

.left_arrow .ui-resizable-handle.ui-resizable-w::before, .left_arrow .ui-resizable-handle.ui-resizable-w::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 100%;
    top: 45%;
    border-style: solid;
    border-width: 10px;
}

.left_arrow .ui-resizable-handle.ui-resizable-w::before {
    border-color: transparent #000 transparent transparent;
    right: 2px;
}

.left_arrow .ui-resizable-handle.ui-resizable-w::after {
    border-color: transparent #000 transparent transparent;
    right: 1px;
}

/* Layout helpers
----------------------------------*/

#main-body {
    background: #CCC;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-size: 13px;
    margin: 2px;
    padding: 0px;
    color: #000000;
}

.logo {
    padding-left: 4em;
    padding-top: .5em;
    padding-bottom: 1em;
}

.logo2 {
    background-repeat: no-repeat;
    background-image: none !important;
}

.masthead {
    background-color: white;
    background-repeat: no-repeat;
    vertical-align: top;
    height: 75px;
}

    .masthead a {
        font-weight: normal;
        color: black;
    }

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.skip {
    margin-bottom: 0;
    position: absolute;
    left: -999em;
    width: 999em;
}

/* BUTTONS
----------------------------------------------- */
a {
    font-weight: normal;
    text-decoration: underline;
    color: #444;
}

    a:hover {
        text-decoration: underline;
        color: Black;
    }

    a.button {
        white-space: nowrap;
        text-decoration: none;
        line-height: 28px;
        display: block;
        float: left;
        margin-right: 5px;
        padding: 0 9px 0 0;
        font-size: 12px;
        font-weight: normal;
        text-align: center;
        background: transparent url("../App_Themes/Default/Images/button-small.gif") no-repeat right -48px;
    }

        a.button:hover {
            cursor: pointer;
        }

        a.button span {
            display: block;
            height: 28px;
            padding: 0 0 0 9px;
            background: transparent url("../App_Themes/Default/Images/button-small.gif") no-repeat left top;
        }

        a.button.secondary {
            background-position: right -144px;
            color: #444;
        }

            a.button.secondary span {
                background-position: left -96px;
            }

            a.button.secondary:hover {
                color: black;
                cursor: pointer;
            }

        a.button.tertiary {
            background-position: right -332px;
            color: #FFFFFF;
        }

            a.button.tertiary span {
                background-position: left -287px;
            }

        a.button.delete {
            background-position: right -240px;
            color: #d74343;
        }

            a.button.delete span {
                background-position: left -192px;
            }

        a.button.nostyle {
            padding: 0 !important;
            font-weight: normal;
            background: none !important;
            text-decoration: underline;
        }

            a.button.nostyle span, a.button-lg.nostyle span {
                background: none !important;
                padding: 0 !important;
                display: inline;
            }

    a.button-lg {
        color: #444;
        display: block;
        float: left;
        text-decoration: none;
        line-height: 44px;
        padding: 0 16px 0 0;
        font-size: 18px;
        font-weight: normal;
        text-align: center;
        background: transparent url("../App_Themes/Default/Images/button-large.gif") no-repeat right -64px;
    }

        a.button-lg span {
            display: block;
            float: left;
            padding: 0 0 0 16px;
            height: 44px;
            background: transparent url("../App_Themes/Default/Images/button-large.gif") no-repeat left top;
        }

        a.button-lg:hover {
            cursor: pointer;
            color: black;
        }

        a.button-lg.nostyle {
            padding: 0;
            font-weight: normal;
            background: none;
            font-size: 16px;
            text-decoration: underline;
        }

            a.button-lg.nostyle:hover {
                text-decoration: underline;
                color: black;
            }

.submit-right {
    float: right;
    height: 44px;
    font-size: 16px;
    text-align: right;
    margin: 0px 0 40px 0;
}

    .submit-right span.pipe {
        margin: 12px 12px 0 12px;
        color: #8b8b8b;
        float: left;
    }

    .submit-right .goback {
        display: block;
        float: left;
        line-height: 44px;
        margin-right: 16px;
    }

        .submit-right .goback span.pipe {
            margin: 0px 0px 0 12px;
            color: #8b8b8b;
        }

.submit-left {
    float: left;
    height: 44px;
    font-size: 16px;
    text-align: left;
    margin: 0px 0 40px 0;
}

    .submit-left span.pipe {
        margin: 12px 12px 0 12px;
        color: #8b8b8b;
        float: left;
    }

    .submit-left .goback {
        display: block;
        float: right;
        line-height: 44px;
        margin-left: 16px;
    }

        .submit-left .goback span.pipe {
            margin: 0px 12px 0 0px;
            color: #8b8b8b;
        }

.pager {
    padding: 5px;
    margin-left: 5px;
}

td.topGlobal {
    text-align: right;
    vertical-align: top;
    padding-right: 20px;
    padding-top: 6px;
}

    td.topGlobal a {
        margin-left: 10px;
        color: black;
        font-weight: normal;
    }

.labelOveride {
    color: #343434;
}

.helpButton {
    border: none;
}

    .helpButton img {
        position: relative;
        padding-left: 5px;
        border: none;
    }

p {
    margin: 9px 0;
}

    p.buttonrow {
        float: left;
        width: 100%;
        margin: 0 0 20px 0;
    }

        p.buttonrow.wcontent .content {
            float: right;
            text-align: right;
            width: 40%;
        }

table.noborder tr td {
    border: 0px;
}

/*.invalidSelection {padding-left: 3px; border: 1px solid black; background-color: #C60000;  width:85%; height: 20px;}*/
.invalidSelection {
    background: #fff1f1 url("../App_Themes/Default/Images/error-lg.gif") 8px 3px no-repeat;
    border: 1px solid #de979a;
    padding: 2px 15px 5px 40px;
    width: 85%;
}

    .invalidSelection span {
        color: #856060;
    }

    .invalidSelection a {
        color: #856060;
        padding-left: 5px;
    }

/*.validSelection {padding-left: 3px; border: 1px solid black; background-color: Green; width:85%;height: 20px; }*/
.validSelection {
    background: #f1fff1 url("../App_Themes/Default/Images/success-20.gif") 8px 3px no-repeat;
    border: 1px solid #d7f7d5;
    padding: 2px 15px 5px 40px;
    width: 85%;
}

    .validSelection span {
        color: Black;
    }

    .validSelection a {
        color: Black;
        padding-left: 5px;
    }

.gensetTooBig {
    background: #FFFFAD;
    border: 1px solid #FFC10A;
    margin-top: 10px;
    text-align: left;
    padding: .2% 1% .2% 0%;
}

    .gensetTooBig img {
        min-width:20px;
        margin-right:0px;
    }

    .gensetTooBig span {
        color: Black;
        padding-left:15px;
    }

    .gensetTooBig a {
        color: Black;
        padding-left: 5px;
    }

.gensetBestFit {
    background: #f1fff1;
    border: 1px solid #d7f7d5;
    text-align: left;
    padding: .2% 1% .2% 0%;
    margin-top: 10px;
}

    .gensetBestFit span {
        color: Black;
        padding-left:15px;
    }

    .gensetBestFit a {
        color: Black;
        padding-left: 5px;
    }

    .gensetBestFit img {
        min-width:20px;
        margin-right:0px;
    }

.gensetTooSmall {
    background: #fff1f1;
    border: 1px solid #de979a;
    margin-top: 10px;
    text-align: left;
    padding: .2% 1% .7% 0%;
}

    .gensetTooSmall span {
        color: #856060;
    }

    .gensetTooSmall a {
        color: #856060;
        padding-left: 5px;
    }

.warning-image {
    float: left;
    padding: .5%;
    margin-right: 5px;
}

.warning-message {
    padding: .5%;
}

/* WIZARD CONTROL STEPS
----------------------------------------------- */

.steps {
    background: #f3f3f3;
    padding: 10px;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: -1px;
    margin: 0 0 15px 0;
}

    .steps ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .steps ul li {
            background: url("../App_Themes/Default/Images/steps-arrow.gif") right 4px no-repeat;
            display: inline;
            margin-right: 10px;
            padding-right: 16px;
        }

            .steps ul li, .steps ul li a, .steps ul li a:hover {
                text-decoration: none;
                color: #acacac;
                font-weight: bold;
            }

                .steps ul li.selected, .steps ul li a.selected, .steps ul li a:hover {
                    color: #343434;
                }

                .steps ul li.last {
                    background: none;
                    padding-right: 0;
                }

.column-sidenav {
    width: 20%;
}

*{padding:0;}

.sidenav-trans{
    list-style: none;
}

.sidenav-trans ul{
	display:none;           /*HIDE ALL INNER UL*/
    z-index: 1000;
    position:relative;
    margin-right: -195px;
    float: right;
    margin-top: -31px
}

.sidenav-trans li:hover > ul{
	display:block;         /* SHOW INNER UL ON LI PARENT HOVER */
    list-style: none;
}

#transdatarow td {
    padding: 5px;
}

.sidesubnav ul > li {
    background-color: white !important;
}

.sidenav li.selectedsub > a {
    color: #343434;
    font-weight: bold;
    background: #C9DEFF url("../App_Themes/Default/Images/subnav-chevron.gif") right 50% no-repeat;
    width:200px;
}

li.sidesubnav1 {
    width:200px;
}

.column-main2 {
    width: 78%;
}

/*OPTIMIZE PERCENTAGE
----------------------------------------------- */
.thresholds td {
    padding: 5px;
    width: 60px;
    text-align: center;
}

    .thresholds td.empty {
        background: #ADADAD;
    }

.thresholds .text {
    width: 15px;
}

.thresholdsheader {
    width: 100%;
    margin-top: 20px;
}

    .thresholdsheader td {
        border: 1px solid #ADADAD;
        padding: 2px;
        text-align: center;
        width: 16px;
        background-color: #E4E4E4;
        margin-right: 5px;
    }

.thresholds {
    min-width: 990px;
}

/* LAYOUT
----------------------------------------------- */
#wrapper {
    min-width: 940px;
    max-width: 1500px;
    width: 100%;
    margin: 0 auto;
    text-align: left;
    background-color: #CCC;
}

#wide-wrapper {
    min-width: 2000px;
    max-width: 2000px;
    width: 100%;
    margin: 0 auto;
    text-align: left;
    background-color: #CCC;
}

#header, #globalnav, #content-outer, #bottom-outer {
    clear: both;
    padding: 0 0 0 25px;
}

#header-inner, #globalnav-inner, #bottom {
    padding: 0 25px 0 0;
}

.left {
    float: left;
}

.right {
    float: right;
}

#content-outer {
    background-color: #FFF;
    margin: 0 25px 0 25px;
    padding: 20px;
    min-height: 600px;
    margin: 0px !important;
    margin-top: 10px
}

#content-inner {
    position: relative;
    padding: 20px 20px 10px 20px;
}

/* LOAD SCENARIO
----------------------------------------------- */

.droppable {
}

.stepList {
    margin-top: -13px;
}

    .stepList ul {
        padding: 0 0 0 0;
    }

    .stepList li {
        list-style-type: none;
    }

.stepRow {
    width: 100%;
}

    .stepRow tr:hover {
        background-color: #FFCD11;
    }

    .stepRow .selected {
        background-color: #C9DEFF;
    }

    .stepHeader .value, .stepRow .value {
        width: 7%;
        text-align: right;
    }

    .stepHeader .actions, .stepRow .actions {
        width: 3%;
        text-align: right;
        vertical-align: middle;
    }

.stepRowRow {
    border: 1px solid #ADADAD;
}

.stepHeader .bold {
    font-weight: bold;
    border: 1px solid #ADADAD;
}

.stepHeader .stepNameHeader {
    font-weight: bold;
}

.stepHeader {
    width: 100%;
    border: 1px solid #ADADAD;
    background-color: #E4E4E4;
    border-bottom: none;
    margin-top: 10px;
}

    .stepHeader .columnHeader {
        text-align: center;
        font-weight: bold;
    }

    .stepRow td, .stepHeader td {
        border: 1px solid #ADADAD;
        padding: 2px;
    }

.reorderTemplate {
    width: 100%;
    border: 1px dashed #E4E4E4;
}

.loadList {
    margin-top: -13px;
}

    .loadList ul {
        padding: 0 0 0 0;
    }

    .loadList li {
        list-style-type: none;
    }

.loadRow {
    border: 1px solid #ADADAD;
    margin-top: -2px;
}

    .loadHeader .value, .loadRow .value {
        width: 7%;
        text-align: right;
    }

    .loadHeader .actions, .loadRow .actions {
        width: 35px;
        text-align: right;
        vertical-align: middle;
        border-right: 2px solid #ADADAD;
    }

.loadHeader .bold {
    font-weight: bold;
}

.loadRow .hiddenCell {
    background-color: White;
    border-left: none;
    width: 3%;
}

.loadRow .disabledCell {
    background-color: #E4E4E4;
}

.fullLoadRow:hover {
    background-color: #FFCD11;
}

.fullLoadRow {
    border: 0px;
    padding: 0px;
    margin: -1px;
}

.loadNameHeader {
}

.loadName {
    border-left: 2px solid #ADADAD !important;
}

.loadLosses {
    margin-left: 30px;
    width: 20%;
}

.loadHeader {
    border: 1px solid #ADADAD;
    background-color: #E4E4E4;
    border-bottom: none;
    margin-top: 10px;
}

    .loadHeader .columnHeader {
        text-align: center;
        font-weight: bold;
    }

    .loadRow td, .loadHeader td {
        border: 1px solid #ADADAD;
        padding: 2px;
    }

    .loadHeader .OptimizedcolumnHeader {
        text-align: center;
        font-weight: bold;
        width: 7%;
    }

.dragHandle {
    background-image: url("../App_Themes/Default/Images/drag_handle.jpg");
    width: 20px;
    height: 20px;
    cursor: move;
}

.dragPlaceholder {
    width: 20px;
}

.reorderTemplate {
    width: 100%;
    border: 1px dashed #E4E4E4;
}

/* LOAD ANALYSIS SUMMARY
----------------------------------------------------------*/
.loadSummaryText {
    width: 95%;
    text-align: right;
}

.loadAnalysisSummaryTable {
    width: 80%;
}

    .loadAnalysisSummaryTable tr td {
        text-align: right;
    }

    .loadAnalysisSummaryTable td.tableHeader {
        text-align: center;
        border-bottom: 1px solid black;
    }

/* PROJECT HEADER
----------------------------------------------------------*/
.projectName {
    font-size: xx-large;
    float: left;
    padding-right: 25px;
}

.headerButton {
    white-space: nowrap;
    text-decoration: none;
    line-height: 28px;
    display: block;
    float: right;
    margin-right: 5px;
    padding: 0 9px 0 0;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    background: transparent url("../App_Themes/Default/Images/button-small.gif") no-repeat right -48px;
}

.projectHeader {
    padding: 0 10px 10px 10px;
    vertical-align: middle;
}

    .projectHeader a {
        margin-top: 10px;
    }

/* STARTING AND SELECTION ANALYSIS
----------------------------------------------------------*/
.analysisTable tr th.value {
    width: 110px;
    text-align: center;
    border-color: #ADADAD;
    border-style: solid;
    border-width: 1px;
}

.analysisTable tr th.edgeTop {
    border-top-width: 2px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
}

.analysisTable tr th.edgeLeft {
    border-top-width: 1px;
    border-left-width: 2px;
    border-right-width: 1px;
    border-bottom-width: 1px;
}

.analysisTable tr th.edgeRight {
    border-top-width: 1px;
    border-left-width: 1px;
    border-right-width: 2px;
    border-bottom-width: 1px;
}

.analysisTable tr th.edgeTopLeft {
    border-top-width: 2px;
    border-left-width: 2px;
    border-right-width: 1px;
    border-bottom-width: 1px;
}

.analysisTable tr th.edgeTopRight {
    border-top-width: 2px;
    border-left-width: 1px;
    border-right-width: 2px;
    border-bottom-width: 1px;
}

.analysisTable tr th.edgeBottomLeft {
    border-top-width: 1px;
    border-left-width: 2px;
    border-right-width: 1px;
    border-bottom-width: 2px;
}

.analysisTable tr th.edgeBottomRight {
    border-top-width: 1px;
    border-left-width: 1px;
    border-right-width: 2px;
    border-bottom-width: 2px;
}

.analysisTable tr th.edgeNone {
    border-top-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
}

.analysisTable {
    width: 100%;
    margin-top: 10px;
    border-bottom: 1px solid #ADADAD;
}

    .analysisTable tr td {
        border: 1px solid #ADADAD;
    }

    .analysisTable .bold {
        font-weight: bold;
    }

    .analysisTable tr th {
        background-color: #E4E4E4;
        text-align: center;
        font-weight: bold;
        padding: 2px;
        border-color: #adadad;
        border-width: 1px;
        border-style: solid;
        width: 110px;
    }

.analysisTable {
    background-color: White;
}

    .analysisTable .value {
        width: 110px;
        text-align: center;
    }

    .analysisTable .selected {
        background-color: #C9DEFF;
    }

.loadButtons {
    margin-bottom: 20px;
    clear: both;
    height: 25px;
}

    .loadButtons .dropdown {
        border: none;
        padding: 4px 0 2px 4px;
        margin-top: 7px;
        height: 3px;
        width: 5px;
    }

#loadList {
    border: 1px solid black;
    padding: 5px;
    margin: -10px 0 0 70px;
    width: 200px;
    position: absolute;
    z-index: 999;
    display: none;
    top: 260px;
    background-color: White;
}

.loadItem {
    height: 14px;
    border: none;
}

.loadIcon {
    float: left;
}

.loadLink {
    float: left;
    padding-left: 10px;
}

.analysisContainerLeft {
    float: left;
    width: 45%;
}

.analysisContainerRight {
    float: right;
    width: 55%;
}

.hideForm {
    display: none;
}

/* Transient Data Utility
----------------------------------------------------------*/

.trandatasetRow tr:hover {
    background-color: #FFCD11;
}

.trandatasetRow td {
    height: 5px;
}

.transratingcreation td {
    text-align: left;
}
.transratingcreationTable {
    text-align: center !important;
}

/*table.transientKeyPopupTable {
    border: thin;
    border-color: black;
    width: 100%;
}*/

/* Standard Rating Management
----------------------------------------------------------*/

.stdratingrowsmall {
    width: 40px;
}

/* Genset Selection
----------------------------------------------------------*/
.gensetRow tr:hover {
    background-color: #FFCD11;
}

.idealRating {
    background-color: #D7F7D5;
}

.selectedRating {
    background-color: #C9DEFF;
}

.gensetRow td {
    height: 5px;
}

.gensetRow .ideal {
    background-color: #D7F7D5;
}

.gensetRow .selected {
    background-color: #C9DEFF;
}

.gensetRow .idealsecond {
    background-color: #B8B8B8;
}

.gensetSelectionMenuLeft {
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

.gensetSelectionMenuRight {
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
}

.gensetSelectionMenuBottom {
    margin: 10px 10px 0px 10px;
}

/* Genset Details
-----------------------------------------------------------*/

.gensetDetails th {
    text-align: left;
}

.gensetDetailsCell {
    text-align: left;
}

.GensetDetailsPadding {
    padding-left: 10px;
}

.gensetDetails {
    border-style: solid;
    border-width: 1px;
    margin-top: 1%;
    width: 100%;
    margin-bottom: 15px;
    margin-left: 2px;
}

.gensetDetailsWrapper {
    float: right;
    width: 85%;
    margin-top: -.8%;
}

#GensetDetailsContainer {
    width: 100%;
    display: inline-block;
    margin-top: .4%;
}

#numberGensets {
    display: inline-block;
    width: 15%;
}

.backToGensets {
    font-size: 12pt;
}

.selectedVoltage {
    font-weight: bold;
}

. /* Genset Compare ----------------------------------------------------------*/ .compareTable {
    width: 100%;
}

.compareMain {
    border: none;
    margin-top: 15px;
}

    .compareTable tr td, .compareMain tr td {
        border: 1px solid #ADADAD;
    }

.compareTable tr {
    height: 40px;
    text-align: center;
    width: 100%;
}

.compareTable label {
    width: 100%;
}

.compareTable td.selected, .compareTable th.selected {
    background-color: #C9DEFF;
}

.compareHeader tr td {
    border: none;
}

.compareHeader .message-success {
    margin-bottom: 4px;
    width: 100%;
}

.compareHeader .message-selected {
    clear: both;
    width: 100%;
    background: #E5E9FF url("../App_Themes/Default/Images/selected-lg.gif") 8px 9px no-repeat;
    border: 1px solid #9DADC6;
    margin: 0 0 4px 0;
    padding: 9px 15px 12px 40px;
}

.compareHeader .message-userselected {
    clear: both;
    width: 100%;
    background-color: #C9DEFF;
    border: 1px solid #9DADC6;
    margin: 0 0 4px 0;
    padding: 9px 15px 12px 40px;
}

/* Alternator Frame Options*/
.frameOptionsRow:hover {
    background-color: #FFCD11;
}

.frameOptionsRow {
    border-color: #ADADAD;
    border-width: 2px;
    border-style: Solid;
    text-align: center;
}

/* FORMS
----------------------------------------------------------*/
form {
    padding: 9px 0;
    padding: 0;
}

    form label {
        margin: 0 0 3px 0;
        padding: 0;
    }

    form .formrowset {
        margin: 12px 0;
    }

    form .formrow {
        clear: both;
        margin: 5px 0;
        float: left;
        width: 100%;
        height: 25px;
        white-space: normal;
    }
    form .formrowTrans {
        clear: both;
        margin: 10px 0;
        float: left;
        width: 100%;
        height: 25px;
        white-space: normal;
    }

    form .split {
        width: 50%;
    }

    form .formrow .label {
        float: left;
        width: 38%;
        text-align: right;
        padding-right: 9px;
    }
    form .formrow .labelTrans {
        float: left;
        width: 25%;
        text-align: right;
        /*padding-right: 9px;*/
    }
    form .formrowTrans .labelTrans {
        float: left;
        width: 25%;
        text-align: right;
        /*padding-right: 9px;*/
    }

    form .formrow .input .inputField {
        width: 250px;
    }

    form .formrow .inputTrans input {
        width: 200px;
    }
    form .formrowTrans .inputTrans input {
        width: 200px;
    }

    form .formrow .input .inputFieldSmall {
        width: 125px;
    }

    form .containerLeft {
        float: left;
        width: 48%;
        padding: 1%;
    }

    form .containerRight {
        float: right;
        width: 48%;
        padding: 1%;
    }

    form .containerColumn1{
        float: left;
        width: 33%;
    }
    form .containerColumn2{
        float: left;
        width: 33%;
    }
    form .containerColumn3{
        float: left;
        width: 33%;
    }

    form .containerLeftParameters {
        float: left;
        width: 50%;
    }

    form .containerRightParameters {
        float: right;
        width: 50%;
    }

    form .threeColumnContainerLeft {
        float: left;
        width: 59%;
        padding: 0;
    }

    form .threeColumnContainerCenter {
        float: left;
        width: 31%;
        margin-top: 180px;
    }

    form .threeColumnContainerRight {
        float: left;
        width: 100%;
        padding: 0;
    }

    form .threePhaseFormCheckBoxGroup {
        margin-top: 35px;
        padding-left: 15px;
    }

    form .divider {
        float: left;
        background-color: #f3f3f3;
        height: 10px;
        margin: 10px 0;
        width: 100%;
    }

    form .formrow.submit {
        padding-bottom: 9px;
    }

    form label {
        color: #343434;
    }

    form .formrow .input {
        margin-left: 41%;
    }
    form .formrow .inputTrans {
        margin-left: 25%;
    }

    form .formrowTrans .inputTrans {
        margin-left: 25%;
    }

    form input.text, form textarea {
        width: 300px;
    }

        form input.text.mid {
            width: 150px;
        }

        form input.text.sm {
            width: 20px;
        }

    form span.required {
        color: #ce7b5e;
    }

    form .formrow.submit {
        line-height: 28px;
    }

        form .formrow.submit span.pipe {
            display: block;
            float: left;
            color: #8b8b8b;
            padding-right: 5px;
        }

        form .formrow.submit.lg {
            font-size: 16px;
        }

            form .formrow.submit.lg span.pipe {
                line-height: 42px;
                padding-left: 10px;
                padding-right: 10px;
            }

        form .formrow.submit a {
            float: left;
        }

    form a.forget {
        font-size: 11px;
        margin-left: 12px;
    }

.fourColumnContainer .label1 {
    float: left;
    width: 21%;
    text-align: right;
    padding-right: 9px;
}

.fourColumnContainer .input1 {
    float: left;
    width: 29%;
}

.fourColumnContainer .label2 {
    text-align: right;
    padding-right: 9px;
    width: 15%;
    float: left;
    position: inherit;
}

.fourColumnContainer .input2 {
    float: left;
}

.fourColumnContainer .checkboxField {
    float: left;
    margin-left: 55px;
}

.fourColumnContainer .inputField {
    width: 250px;
}

.fourColumnContainer .inputFieldSmall {
    width: 125px;
}

.message-error {
    clear: both;
    background: #fff1f1;
    border: 1px solid #de979a;
    margin: 0 0 15px 0;
    padding: .5%;
    height: 1%;
    width: 99%;
}

.smallmargins {
    margin: 10px 0 0 0;
}

.message-error h2 {
    text-transform: none;
    font-size: 12px;
    color: #000;
    margin-bottom: 6px;
}

.message-error ol {
    margin-bottom: 0;
}

.message-error li {
    color: #856060;
    margin-bottom: 0;
}

    .message-error li a {
        color: #d40c0c;
        font-weight: bold;
    }

        .message-error li a:hover {
            color: #000;
        }

.message-error p {
    margin: 0;
}

.message-success {
    clear: both;
    background: #f1fff1 url("../App_Themes/Default/Images/success-20.gif") 8px 9px no-repeat;
    border: 1px solid #d7f7d5;
    margin: 0 0 15px 0;
    padding: 9px 15px 12px 40px;
}

.message-userselected {
    clear: both;
    background: #C9DEFF;
    border: 1px solid #7dafff;
    padding: 10px 10px 10px 10px;
}

.message-success p {
    margin: 0;
}

.site-message {
    background: #FFFFAD url("../App_Themes/Default/Images/warning-lg.gif") 8px 8px no-repeat;
    border: 1px solid #FFC10A;
    padding: 8px 15px 10px 40px;
    width: 95%;
    margin-top: -5px;
    margin-bottom: 10px;
}

    .site-message h2 {
        text-transform: none;
        font-size: 12px;
        color: #000;
        margin-bottom: 6px;
    }

    .site-message ol {
        margin-bottom: 0;
    }

    .site-message li {
        color: #856060;
        margin-bottom: 0;
    }

        .site-message li a {
            color: #d40c0c;
            font-weight: bold;
        }

            .site-message li a:hover {
                color: #000;
            }

    .site-message p {
        margin: 0;
    }
/*Prevent Site Voltage From Wrapping*/
.siteVoltage {
    white-space: nowrap;
}

/* VALIDATION
----------------------------------------------- */
.errors {
    padding: 9px 15px 12px 40px !important;
    border: 1px solid #DE979A;
    color: Black;
    font-weight: bold;
    background: #FFF1F1 url("../App_Themes/Default/Images/error-lg.gif") 8px 9px no-repeat;
    margin: 0px 0px 20px 0px !important;
}

    .errors ul {
        padding-left: 35px;
        list-style: decimal;
        color: #856060;
        font-weight: normal;
    }

    .errors li {
        color: #604646;
    }

        .errors li .field {
            font-weight: bold;
            color: #D40C0C;
        }

.error-textbox {
    /* border-color: red; */
    /* border-width: 1px; */
    background-color: yellow;
}

.error-label {
    color: red;
}

/* HEADER
----------------------------------------------- */
#header {
    height: 60px;
    margin: 0 auto 6px auto;
    position: relative;
}

    #header ul {
        float: right;
        text-align: right;
        width: 400px;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #header li {
        display: inline;
        margin: 0 0 0 12px;
    }

        #header li a, #globalnav li a, #footer a {
            color: black;
            font-weight: bold;
        }

            #header li a:hover, #globalnav li a:hover, #footer a:hover {
                color: #fffd94;
            }

#mnLinks a.popout {
    color: black;
    font-weight: normal;
    text-decoration: underline;
    background-image: url("../App_Themes/Default/Images/sortdown.gif") !important;
    padding-right: 10px !important;
}

    #mnLinks a.popout:hover {
        color: black;
        font-weight: normal;
        text-decoration: underline;
    }

#header ul {
    float: left;
}

    #header ul li {
        text-align: left;
    }

#header li a {
    color: Black;
    font-weight: normal;
    text-decoration: underline;
    padding-right: 5px;
}

    #header li a:hover {
        color: Black;
        font-weight: normal;
        text-decoration: underline;
    }

#header ul.level2 {
    background-color: White;
}

/* Library
----------------------------------------------- */
table.filemanager {
    width: 100%;
}

    table.filemanager tr.folder td.name {
        font-weight: bold;
    }

    table.filemanager td.icon {
        width: 5%;
    }

    table.filemanager div.icon {
        width: 5%;
        float: right;
    }

    table.filemanager td.name {
        padding-right: 16px;
    }

    table.filemanager td.shared {
        width: 14%;
    }

    table.filemanager td.LoadType {
        width: 25%;
    }

    table.filemanager td.sharedwith {
        width: 80%;
        padding-right: 16px;
    }

    table.filemanager td.sizings {
        width: 20%;
    }

    table.filemanager td.modified {
        width: 15%;
    }

    table.filemanager td.region {
        width: 22%;
    }

    table.filemanager td.actions {
        white-space: nowrap;
        width: 10%;
        text-align: right;
    }

    table.filemanager tr td, table.filemanager tr th {
        border-top: 1px solid #e4e4e4;
        padding: 4px 8px;
        vertical-align: top;
    }

    table.filemanager tr.headerRow th {
        border-top: none;
        text-align: left;
    }

table tr th a.sortup {
    background: url("../App_Themes/Default/Images/sortup.gif") 100% 6px no-repeat;
    padding-right: 12px;
}

table tr th a.sortdown {
    background: url("../App_Themes/Default/Images/sortdown.gif") 100% 6px no-repeat;
    padding-right: 12px;
}

.box-filter {
    background: #f3f3f3;
    margin: 0 0 20px 0;
    padding: 10px;
}

.breadcrumbsearch {
    margin: 9px 0;
}

    .breadcrumbsearch .bread {
        float: left;
        text-align: left;
        width: 54%;
    }

    .breadcrumbsearch .search {
        float: right;
        text-align: right;
        width: 44%;
        margin: 5px 0;
    }

        .breadcrumbsearch .search input.text {
            width: 150px;
        }

.modalBackground {
    background-color: #C1C1C1;
    opacity: 0.7;
}

/* BOX STYLES
----------------------------------------------- */

.box {
    clear: both;
    border: 5px solid #f3f3f3;
    margin: 0 0 20px 0;
}

.box-inner {
    border: 1px solid #c0ccc4;
}

.box .box-title {
    position: relative;
    background: #FFCD11;
    border-bottom: 1px solid #c0ccc4;
    padding: 8px;
    z-index: 0;
}

    .box .box-title span {
        font-size: 11px;
        position: absolute;
        z-index: 0;
        right: 12px;
        top: 10px;
    }

        .box .box-title span a {
            text-decoration: none;
        }

    .box .box-title h2 {
        line-height: 1em;
        white-space: nowrap;
        margin: 0;
    }

/*.box .box-content {
    padding: 3px 12px;
}*/

.box .box-content {
    padding-right: 1%;
    padding-left: 1%;
    padding-top: .5%;
}

.box-alert {
    background: #fffecf;
    border: 1px solid #e4dccf;
    margin: 0 0 20px 0;
    padding: 12px 12px 0px 12px;
}

    .box-alert h2 {
        font-size: 12px;
        margin: 0 0 6px 0;
        color: #b58333;
    }

.summaryCalculations {
    width: 100%;
}

    .summaryCalculations td {
        width: 25%;
    }

.clearboth {
    clear: both;
}

.clearnone {
    clear: none;
}

/* NAVIGATION
----------------------------------------------- */
#globalnav {
    height: 30px;
}

#globalnav-inner {
    height: 30px;
}

#globalnav ul {
    background: url("../App_Themes/Default/Images/navigationbar.gif") top left repeat-x;
    margin: 0;
    padding: 0;
    height: 30px;
    list-style: none;
    float: left;
    width: 100%;
    border-top: 1px solid #DBDBDB;
    border-bottom: 1px solid #DBDBDB;
}

    #globalnav ul li {
        position: relative;
        z-index: 1000;
        float: left;
        height: 30px;
        margin: 0;
        padding-right: 2px;
    }

        #globalnav ul li a {
            font-size: 12px;
            font-family: Arial;
            outline: none;
            display: block;
            float: left;
            height: 30px;
            padding: 0 15px;
            line-height: 30px;
            text-decoration: none;
        }

            #globalnav ul li a:hover {
                background-color: #FFCD11;
                color: Black;
            }

            #globalnav ul li.selected a, #globalnav ul li a:active {
                background: url("../App_Themes/Default/Images/navigationbar.gif") 0 -78px repeat-x;
            }

        #globalnav ul li.dropdown a {
            padding-right: 16px;
        }

            #globalnav ul li.dropdown a span {
                background-image: url("../App_Themes/Default/Images/dropdown.gif");
                background-position: right 8px;
                background-repeat: no-repeat;
                padding-right: 10px;
            }

            #globalnav ul li.dropdown a:hover span {
                background-position: right -17px;
            }

        #globalnav ul li ul {
            background: #045bae;
            border-left: 1px solid #75abdd;
            border-right: 1px solid #75abdd;
            border-top: 1px solid #75abdd;
            z-index: 100;
            position: absolute;
            width: 191px;
            display: none;
            margin: 0;
            padding: 0;
            list-style: none;
        }

        #globalnav ul li:hover ul, #globalnav ul li.over ul {
            height: auto;
            position: absolute;
            z-index: 100;
            left: 0px;
            top: 39px;
            display: block;
        }

        #globalnav ul li.dropdown ul li {
            border-bottom: 1px solid #75abdd;
            height: auto;
            background: none;
            padding: 0;
        }

            #globalnav ul li.dropdown ul li a {
                background: none;
                font-size: 12px;
                height: auto;
                float: left;
                display: block;
                line-height: 14px;
                padding: 8px;
                width: 175px;
            }

                #globalnav ul li.dropdown ul li a:hover {
                    background: #077dc6;
                    cursor: pointer;
                }

.sidenav {
    list-style: none;
    margin: 0 0 9px 0;
    padding: 0;
    border-bottom: 1px solid #c0ccc4;
}

    .sidenav li {
        border-top: 1px solid #e4e4e4;
        line-height: 16px;
        margin: 0;
    }

        .sidenav li.first {
            border-top: 1px solid #c0ccc4;
        }

        .sidenav li a {
            background: url("../App_Themes/Default/Images/bg-subnav.gif") top right repeat-y;
            display: block;
            width: 86%;
            padding: 7px 11% 7px 3%;
            text-decoration: none;
        }

            .sidenav li a:hover {
                text-decoration: underline;
            }

        .sidenav li.selected > a {
            color: #343434;
            font-weight: bold;
            background: #C9DEFF url("../App_Themes/Default/Images/subnav-chevron.gif") right 50% no-repeat;
        }

        .sidesubnav {
            background: url("../App_Themes/Default/Images/bg-subnav.gif") top right repeat-y;
            font-weight: normal ;
            color: #d7f7d5;
        }

/* HEADINGS
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #333333;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

    h1.icon {
        margin-bottom: 16px;
        padding-left: 30px;
        background-position: top left;
        background-repeat: no-repeat;
        line-height: 30px;
    }

    h1 span.titlesub {
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 0px;
        color: #da9000;
        white-space: nowrap;
        padding-left: 5px;
    }

h1 {
    color: #121212;
    margin: 0 0 4px 0;
    padding: 0;
    font-size: 24px;
    margin: 0 0 20px 0;
    font-variant: normal;
    font-weight: bold;
}

h2 {
    font-size: 1.5em;
    font-weight: 600;
}

h3 {
    font-size: 1.2em;
    font-variant: normal;
    font-weight: bold;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
    margin-top: 0px;
}

/* PRIMARY LAYOUT ELEMENTS
----------------------------------------------------------*/

.page {
    width: 960px;
    background-color: #fff;
    margin: 20px auto 0px auto;
    border: 1px solid #496077;
}

.header {
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #4b6c9e;
    width: 100%;
}

    .header h1 {
        font-weight: 700;
        margin: 0px;
        padding: 0px 0px 0px 20px;
        color: #f9f9f9;
        border: none;
        line-height: 2em;
        font-size: 2em;
    }

.main {
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
}

.leftCol {
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer {
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}

/* TAB MENU
----------------------------------------------------------*/

img[alt='Skip Navigation Links'] {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

div.menu ul {
    padding: 5px;
    background: #ffffff;
    margin-top: 0px;
}

    div.menu ul:first-child {
        font-size: 12px;
        margin-right: 5px;
    }

        div.menu ul:first-child span {
            display: block;
            height: 15px;
            padding: 7px;
            padding-left: 10px;
            background: transparent url("../App_Themes/Default/Images/button-small.gif") no-repeat left top;
            border-right: #4C4C4C 1px solid;
        }

div.menusecondary ul {
    padding: 5px;
    background: #ffffff;
    margin-top: 0px;
    width: 220px;
    text-decoration: none;
}

    div.menusecondary ul:first-child a {
        text-decoration: none;
        color: #444444;
    }

    div.menusecondary ul:first-child li.static {
        border-right: #4C4C4C 1px solid;
    }

    div.menusecondary ul:first-child a:hover {
        color: #444444;
    }

    div.menusecondary ul:first-child {
        font-size: 12px;
        background: transparent url("../App_Themes/Default/Images/button-small.gif")no-repeat right -48px;
    }

        div.menusecondary ul:first-child span {
            display: block;
            height: 15px;
            padding: 7px;
            padding-left: 10px;
            background: transparent url("../App_Themes/Default/Images/button-small.gif") no-repeat left top;
            background-position: left -96px;
        }

.menuLink {
    border: 1px solid #000000;
    text-decoration: underline;
    margin-bottom: 5px;
    width: auto;
}

div.menu ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 200;
}

div.menu {
    margin-right: 5px;
}

div.menusecondary ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

    div.menusecondary ul li li {
        padding: 3px;
        border-bottom: 1px solid #000000;
    }

        div.menusecondary ul li li a {
            padding-top: 2px;
            padding-left: 6px;
        }

div.menusecondary {
    margin-right: 5px;
}

.addloadbutton {
    white-space: nowrap;
    text-decoration: none;
    line-height: 28px;
    display: block;
    float: left;
    margin-right: 5px;
    padding: 0 9px 0 0;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    background: transparent url("../App_Themes/Default/Images/button-small.gif") no-repeat right -48px;
}

.MenuLinks {
    background: #ffffff;
    border-bottom: 1px solid #000000;
    padding: 3px;
    text-decoration: underline;
}

.MenuBottom {
    border-bottom: 0px;
}

.MenuImages {
    padding-right: 5px;
}

div.menu ul li a:hover {
    color: #000000;
    text-decoration: none;
}

div.menu ul li a:active {
}

/* FORM ELEMENTS
----------------------------------------------------------*/

fieldset {
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

    fieldset p {
        margin: 2px 12px 10px 10px;
    }

    fieldset.login label, fieldset.register label, fieldset.changePassword label {
        display: block;
    }

    fieldset label.inline {
        display: inline;
    }

legend {
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry {
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry {
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo {
    width: 42%;
}

/* MISC
----------------------------------------------------------*/

.title {
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

    .loginDisplay a:link {
        color: white;
    }

    .loginDisplay a:visited {
        color: white;
    }

    .loginDisplay a:hover {
        color: white;
    }

.failureNotification {
    font-size: 1.2em;
    color: Red;
}

.bold {
    font-weight: bold;
}

.submitButton {
    text-align: right;
    padding-right: 10px;
}

.sharedText {
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-size: 1em;
}

.emptyList {
    margin: 12px 0 12px 0px;
    border: 1px solid #ADADAD;
    padding: 3px;
    margin-top: 0;
}

.isNotBestFit {
    font-weight: bold;
    background-color: #D10E0E;
    color: #ffffff;
}

    .isNotBestFit a {
        color: #ffffff;
    }

.isBestFit {
    font-weight: bold;
    background-color: #1F8A2C;
    color: #ffffff;
}

.exceedsBestFit {
    font-weight: bold;
    background-color: #FFCD11;
}

.keyIsNotBestFit {
    display: inline-block;
    width: 50px;
    height: 20px;
    background-color: #D10E0E !important;
    margin-top: 6px;
}

.keyIsBestFit {
    display: inline-block;
    width: 50px;
    height: 20px;
    background-color: #1F8A2C;
    margin-top: 6px;
}

.keyExceedsBestFit {
    display: inline-block;
    width: 50px;
    height: 20px;
    background-color: #FFCD11;
    margin-top: 6px;
}

.hide {
    display: none;
}

.greyText {
    color: #ADADAD;
}

.AutoComplete {
    text-align: left;
    visibility: hidden;
    margin-top: -3px;
    cursor: default;
    list-style: none outside none;
    padding: 0px;
    border: 1px solid buttonshadow;
    background-color: window;
    color: windowtext;
    position: absolute;
    width: 136px;
    left: 845px;
    top: 100px;
    z-index: 1000;
}

/* GUIDE SPEC
----------------------------------------------------------*/
table.guideSpec {
    width: 100%;
}

    table.guideSpec td.name {
        padding-right: 16px;
    }

    table.guideSpec td.bookmark {
        width: 25%;
    }

    table.guideSpec td.available {
        width: 15%;
    }

    table.guideSpec td.isDefault {
        width: 10%;
    }

    table.guideSpec td.edit {
        width: 10%;
    }

    table.guideSpec td.delete {
        width: 10%;
    }

    table.guideSpec tr td {
        border-top: 1px solid #e4e4e4;
        padding: 4px 8px;
        vertical-align: top;
    }

    table.guideSpec th.name {
        padding-right: 16px;
    }

    table.guideSpec th.bookmark {
        width: 25%;
    }

    table.guideSpec th.available {
        width: 15%;
    }

    table.guideSpec th.isDefault {
        width: 10%;
    }

    table.guideSpec th.edit {
        width: 10%;
    }

    table.guideSpec th.delete {
        width: 10%;
    }

    table.guideSpec tr.headerRow th {
        border-top: none;
        text-align: left;
    }

.LinkMenu {
    background-position: right -144px;
    color: #8D8D8D;
}

.yellowHighlight {
    padding: 2px 3px 2px 3px;
    padding-left: 0px;
    background: #FFCD11;
}

.yellowHighlightright {
    padding: 2px 3px 2px 3px;
    padding-right: 0px;
    background: #FFCD11;
}

.dataPager {
    text-align: center;
    font-size: 1.1em;
}

    .dataPager a {
        font-size: 1.1em;
        padding-left: 2px;
        padding-right: 2px;
    }

/*Project Parameters New CSS ----------------------------------------------------------*/

.Site-Conditions-Right {
    padding: 10px;
}

    .Site-Conditions-Right ul {
        list-style-type: none;
        text-align: right;
    }

.Site-Conditions-ddl {
    padding: 5px;
}

.inputField {
    width: 250px;
}

#Site-Conditions-Genset-Product {
    margin-right: 5%;
}

.RestrictionDipLabel {
}

.RestrictionDipInput {
}

/*Transformer Load ----------------------------------------------------------*/
.Transformer-Container {
    background-color: #000;
    padding: 10px;
}

/* UI Widget*/
.ui-widget-content {
    background: #ffffff;
}

.ui-helper-hidden-accessible {
    position: absolute;
    left: -9999px;
}

.ui-autocomplete {
    border: 1px solid #abadb3;
    border-top: none;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}

* html .ui-autocomplete {
    width: 1px;
}
/* without this, the menu expands to 100% in IE6 */
.ui-menu-item {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    .ui-menu-item a {
        display: block;
        padding: 6px;
    }

    .ui-menu-item:last-child {
        border-bottom: none;
    }

    .ui-menu-item strong {
        color: #003b63;
    }

.ui-state-focus {
    background-color: #aad9fb;
    color: #000;
    display: block;
}

/*Load Scenario Sprites*/
.loadMenuIcons-Preload, .loadMenuIcons-3PhaseMotor, .loadMenuIcons-SinglePhaseMotor, .loadMenuIcons-3PhaseAirConditioning, .loadMenuIcons-SinglePhaseAirConditioning, .loadMenuIcons-CentrifugalPump, .loadMenuIcons-Chiller, .loadMenuIcons-FirePump, .loadMenuIcons-Transformer, .loadMenuIcons-Lighting, .loadMenuIcons-Resistive, .loadMenuIcons-OfficeEquipment, .loadMenuIcons-UPS, .loadMenuIcons-BatteryCharger, .loadMenuIcons-Medical, .loadMenuIcons-Elevator, .loadMenuIcons-InductionFurnace, .loadMenuIcons-Welder, .loadMenuIcons-Miscellaneous, .loadMenuIcons-Load-Shed {
    background-image: url("../App_Themes/Default/Images/Icons/LoadSprites.gif");
    Background-repeat: no-repeat;
}

.loadMenuIcons {
    float: right;
    width: 64%;
    margin-left: 500px;
    margin-top: -45px;
    text-align: right;
}

.loadMenuIcons-pointer:hover {
    cursor: pointer;
}

.loadMenuIcons-Preload {
    display: inline-block;
    height: 32px;
    width: 32px;
    background-position: 0px 0;
}

.loadMenuIcons-3PhaseMotor {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-position: -34px 0;
}

.loadMenuIcons-SinglePhaseMotor {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-position: -69px 0;
}

.loadMenuIcons-3PhaseAirConditioning {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-position: -102px 0;
}

.loadMenuIcons-SinglePhaseAirConditioning {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-position: -137px 0;
}

.loadMenuIcons-CentrifugalPump {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-position: -169px 0;
}

.loadMenuIcons-Chiller {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-position: -203px 0;
}

.loadMenuIcons-FirePump {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-position: -236px 0;
}

.loadMenuIcons-Transformer {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-position: -271px 0;
}

.loadMenuIcons-Lighting {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-position: -304px 0;
}

.loadMenuIcons-Resistive {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-position: -338px 0;
}

.loadMenuIcons-OfficeEquipment {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-position: -370px 0;
}

.loadMenuIcons-UPS {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-position: -402px 0;
}

.loadMenuIcons-BatteryCharger {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-position: -436px 0;
}

.loadMenuIcons-Medical {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-position: -471px 0;
}

.loadMenuIcons-Elevator {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-position: -504px 0;
}

.loadMenuIcons-InductionFurnace {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-position: -538px 0;
}

.loadMenuIcons-Welder {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-position: -571px 0;
}

.loadMenuIcons-Load-Shed {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-position: -638px 0;
}

.loadMenuIcons-Miscellaneous {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-position: -605px 0;
}

.marginClass {
    padding: .2% 1% .2% 0%;
    display: inline-flex;
    width: 100%;
}

/*Project Parameters Site Conditions*/

#cph1_upDuty {
    display: inline-flex;
}

#cph1_upSizingMethod {
    display: inline-flex;
}

.bestFitRowLight {
    background-color: #C9DEFF;
}

.bestFitNotSelected {
    background-color: #d7f7d5;
}

.noTitleStuff .ui-dialog-titlebar {display:none}

/*Load Scenario Parallel To Grid Modal*/

.modalPopup{
    background-color: #FFFFFF;
    border-width: 3px;
    border-style: solid;
    border-color: black;
    width: 300px;
    height: 140px;
}

.modalPopup .header
{
    background-color: #FFCD11;
    padding-top: 3px;
    text-align:center;
    padding-bottom: 3px;
}
.modalPopup .body
{
    text-align: center;
    margin-bottom: 5px;
}

.modalPopup #cph1_GensetPower
{
    font-weight: bold;
}

/* Dropdown Button */
.dropbtn {
    text-decoration:underline;
    border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 300px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 999999999999;
    text-align: left;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 5px 5px;
    text-decoration: underline;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
    background-color: #c1c1c1;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}