/* 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: #398ced;
}

/* 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: black;
  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: black transparent transparent transparent;
  top: 2px;
}

.bottom_arrow .ui-resizable-handle.ui-resizable-s::after {
  border-color: black 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 black transparent transparent;
  right: 2px;
}

.left_arrow .ui-resizable-handle.ui-resizable-w::after {
  border-color: transparent black 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;
  padding: 0px;
  color: black;
}

.logo {
  padding-left: 4em;
  padding-top: 0.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: 72px;
}

.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: 0.2% 1% 0.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: 0.2% 1% 0.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: 0.2% 1% 0.7% 0%;
}

.gensetTooSmall span {
  color: #856060;
}

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

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

.warning-message {
  padding: 0.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: #398ced;
}

.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: #398ced;
}

.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: #398ced;
}

.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: #398ced;
}

.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: -0.8%;
}

#GensetDetailsContainer {
  width: 100%;
  display: inline-block;
  margin-top: 0.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: #398ced;
}

.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: 0.5%;
  height: 1%;
  width: 99%;
}

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

.message-error h2 {
  text-transform: none;
  font-size: 12px;
  color: black;
  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: black;
}

.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: black;
  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: black;
}

.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: #398ced;
  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: 0.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: #398ced;
  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 black;
  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 black;
}

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 black;
  padding: 3px;
  text-decoration: underline;
}

.MenuBottom {
  border-bottom: 0px;
}

.MenuImages {
  padding-right: 5px;
}

div.menu ul li a:hover {
  color: black;
  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: #398ced;
}

.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: #398ced;
  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: #398ced;
}

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

.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: black;
  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: black;
  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: 0.2% 1% 0.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: #398ced;
  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;
}