@import url(widgets/messageBox.css?ver11.30.2020);

/* Quick Fix Classes
------------------------------------------------ */
.autoWidth { width: auto !important; }
.marginAll0 { margin:0px !important;}
.marginAll3 { margin:3px;}
.marginRightLeft2 { margin-right: 2px; margin-left: 2px;}
.marginRight5 { margin-right: 5px; }
.marginRight2 { margin-right: 2px; }
.marginRight20 {margin-right:20px;}
.marginLeft2 { margin-left: 2px;}
.marginLeft3 { margin-left: 3px;}
.marginLeft5 { margin-left: 5px; }
.marginLeft6 { margin-left: 6px; }
.marginLeft9 { margin-left: 9px; }
.marginRight10 { margin-right: 10px; }
.marginLeft10 { margin-left: 10px; }
.marginLeft30 { margin-left: 30px; }
.marginLeft112 { margin-left: 112px; }
.marginLeft105 { margin-left: 105px; }
.marginTop16 { margin-top: 16px; }
.marginTop15 { margin-top:15px;}
.marginBottom15 { margin-bottom:15px;}
.marginTop9 { margin-top: 9px; }
.marginBottom9 { margin-bottom: 9px; }
.marginBottom10 {  margin-bottom: 10px !important; }
.paddingTop2 { padding-top: 2px; }
.paddingTop3 { padding-top: 3px; }
.paddingTop5 { padding-top: 5px; }
.paddingTop8 { padding-top: 8px; }
.paddingTop10 { padding-top: 5px; }
.paddingTop15 { padding-top: 15px; }
.paddingTop25 { padding-top: 25px; }
.paddingTop65 { padding-top: 65px; }
.paddingBottom10{padding-bottom: 10px;}
.paddingLeft1 { padding-left: 1px; }
.paddingLeft3 { padding-left:3px;}
.paddingLeft5 { padding-left: 5px; }
.paddingLeft10 { padding-left: 10px; }
.paddingLeft15 { padding-left: 15px; }
.paddingLeft25 { padding-left: 25px; }
.paddingLeft20 { padding-left: 20px !important; }
.paddingLeft70 { padding-left: 70px !important; }
.paddingRight10 { padding-right: 10px; }
.paddingRight5 { padding-right: 5px; }
.paddingRightLeft4 { padding-right: 4px; padding-left: 4px;}
.paddingAll15 {padding: 15px; }
.paddingAll10 {padding: 10px; }
.paddingBottom2 { padding-bottom: 2px; }
.marginTopNeg2 { margin-top: -2px; }
.overflowHidden{overflow:hidden;}
.width70{width:70%;}
.width5{width:5%;}
.height65{height:65px;}
.height55{height:55px;}
.clearLeft { clear: left !important; }

/* Visibility
------------------------------------------------ */
.hidden { display: none; }
.invisible { visibility: hidden; }

/* Column and Form Layout 
  a grid system, used to create columns for the laying out of content
  
  3 pieces to the grid system.
  1.  Grid type - default grids, 1, 2, 3 columns or a custom grid
  2.  Columns - if using a default grid will have a default widths, if using custom these widths need to be set using the width classes
  3.  UL form lists - form lists that are contained within the column div or can be used separately.  They contain Labels and Data/Form Inputs
      By default Labels have a default width.  Custom widths can be set here on the labels and divs or inputs using the width classes at the UL level.  
*/

/* Part 1 and 2 Grid and Columns */

.column {
  float: left;
  padding: 13px 0px 10px 0px; /* Change to percentages for fluid layout */
}

.columnNoPadding {
  float: left;
  padding: 0px; /* Change to percentages for fluid layout */
}

/* standard 1 column */
.grid-1 div.column { width: 50%; }
.grid-1 { padding-left: 10px;}


/* standard 50/50 2 column layout  */
.grid-2 div.column { width: 50%; }
.grid-2 { padding-left: 10px;}

/* standard 30/30/30 3 column layout */
.grid-3 { padding-left: 10px;}
.grid-3 div.column { width: 31%; }

.grid-any{ padding-left: 25px;}

/* custom widths */
.column-width-100 { width: 100% !important; }
.column-width-99 { width: 99% !important; }
.column-width-95 { width: 95% !important; }
.column-width-90 { width: 90% !important; }
.column-width-85 { width: 85% !important; }
.column-width-75 { width: 75% !important; }
.column-width-70 { width: 70% !important; }
.column-width-67 { width: 67% !important; }
.column-width-60 { width: 60% !important; }
.column-width-54 { width: 54% !important; }
.column-width-52 { width: 51.9% !important; }
.column-width-55 { width: 54.9% !important; }
.column-width-50 { width: 49.9% !important; }
.column-width-45{ width: 44.9% !important;}
.column-width-43 { width: 43% !important;}
.column-width-40 { width: 40% !important; }
.column-width-38 { width: 38% !important; }
.column-width-34 { width: 34% !important; }
.column-width-32 { width: 32% !important; }
.column-width-31 { width: 31% !important; }
.column-width-30 { width: 30% !important; }
.column-width-29 { width: 29% !important; }
.column-width-28 { width: 28% !important; }
.column-width-25 { width: 25% !important; }
.column-width-24 { width: 24% !important; }
.column-width-23 { width: 23% !important; }
.column-width-20 { width: 20% !important; }
.column-width-18 { width: 18% !important; }
.column-width-16 { width: 16% !important; }
.column-width-15 { width: 15% !important; }
.column-width-14 { width: 14% !important; }
.column-width-13 { width: 13% !important; }
.column-width-11 { width: 11% !important; }
.column-width-10 { width: 10% !important; }
.column-width-9 { width: 9% !important; }
.column-width-8 { width: 8% !important; }
.column-width-7 { width: 7% !important; }
.column-width-5 { width: 5% !important; }
.column-width-3 { width: 3% !important; }
.column-width-1 { width: 1% !important; }

/* Form layout - this is used to layout the labels and data or form inputs within the column layout settings above
------------------------------------------------ */

/* form input sizing */
.tiny { width: 30px !important; }
.xsmall{ width: 60px !important; }
.small { width: 100px !important; }
.medium { width: 155px !important; }
.large { width: 210px !important; }
.xlarge { width: 350px !important; }
.xxlarge { width: 450px !important; }
.xxxlarge { width: 550px !important; }
.xxxxlarge { width: 750px !important; }
input.calendar_picker::-ms-clear { display: none; }

select.tiny { width: 40px !important; }
select.xsmall{ width: 70px !important; }
select.small { width: 110px !important; }
select.medium { width: 165px !important; }
select.large { width: 220px !important; }
select.xlarge { width: 360px !important; }
select.xxlarge { width: 460px !important; }
select.xxxlarge { width: 560px !important; }
select.xxxxlarge { width: 760px !important; }

input[type='text'],input[type='password'], select, input[type='textarea'], input[type='date'] {
  padding-left: 5px;
  font-size:  12px;
  height: 30px;
  font-family:  Arial, Helvetica, sans-serif; 
  color: #000000;
  border: 1px solid #BABABA;
  background-color: #FFFFFF;
}

select {
  height: 34px;
}
input[type='text']:focus,input[type='password']:focus, select:focus, input[type='textarea']:focus{
  border: 2px solid #012169;
  box-shadow: 0 0px 3px #Cfcfcf;
}
/* IE hack to get a disabling coloring to work, checkboxes still need some help they don't reset to default when enabled */
input[disabled]{
  background: #F0F0F0;
}
input[readonly]{
  background: #F0F0F0;
}
input[type='checkbox'][disabled]{
  background: #FFF;
  background-color: #FFF;
}
select{
  padding-left: 1px !important;
}

optgroup {
  margin-bottom: 10px;
}

select.collapsableOptGroupSelect option.collapsableOptGroup{
  font-weight: bold;
  background-image:url("../../../themes/default/images/details_minus_icon.png");
  background-repeat:no-repeat;
  background-position:5px center, 2px center;
  padding-bottom: 1px;
  padding-left: 20px;
  padding-top: 1px;
}

select.collapsableOptGroupSelect option.collapsableOptGroupOption{
  margin-left:20px;
}

input.medium { width: 155px !important; }
input.mediumLarge { width: 185px !important; }

label {
  float: left;
  line-height: 18px;
  padding-right: 15px;
  color: #000000;
}

/* form list - used by most forms and read only data on the site to layout the date in this form - label: data/form input */

ul.formWrapList li {
  white-space:normal !important;
}

ul.formList {
  list-style: none outside none;
  overflow: hidden;
  width: auto;
}

ul.formList li {
  float: left;
  clear: left;
  width: 100%;
  white-space:nowrap\0/;
}

ul.formList li.indent { 
  width: auto;
  padding-left: 150px;
}

ul.formList li label {
  float: left;
  width: 135px;
  text-align: right;
  line-height: 18px !important;
  margin-top: 6px;
  margin-bottom: 6px;
}
ul.formList li label.labelNotBold {
  font-weight: normal;
}

ul.formList li input,
ul.formList li select,
ul.formList li span,
ul.formList li a { 
  float: left; 
}

ul.formList li span { 
  padding-top: 8px;
}

/* input data info text */
ul.formList li input[type="text"] + span,ul.formList li select + span, ul.formList li input[type="password"] + span { 
  padding-left: 5px;
}

ul.formList li input[type='text'], ul.formList li input[type='password'], ul.formList li select, ul.formList li textarea, ul.formList li input[type='textarea'], ul.formList li input[type='date'] {
  margin-bottom: 10px;
}

ul.formList li label.labelCheckbox{
  text-align: left;
}

/* special cases
--------------------------------------------*/


ul.formList li input.labelCheckbox { 
  float: none; 
  height: 14px; 
  margin: 0 5px 0 0; 
  padding: 0; 
  vertical-align: bottom; 
}
ul.formList li.noGap { margin-bottom: 0px; }
ul.formList li.gap-3 { margin-bottom: 3px; }
ul.formList li.gap-5 { margin-bottom: 5px; }
ul.formList li.gap-7 { margin-bottom: 7px; }
ul.formList li.gap-10 { margin-bottom: 10px; }
ul.formList li.gap-15 { margin-bottom: 15px; }

/* list of checkboxes or a form list of items that don't have a label/field combo */
ul.spanList li span { padding-left: 10px; }
ul.spanList li span.subItem { padding-left: 38px; }

.narrowLabel { width: 135px !important; }

/* grid_960 styles - DEPRECATING - DO NOT USE THESE */
.grid_6 ul.formList { width: 315px; }
.grid_6 ul.formList li label { width: 100px; }
.grid_6 ul.formList li.indent { padding-left: 100px; width: 210px; }
.grid_6 ul.formList li select { max-width: 185px; }

.grid_8 ul.formList {
  width: 440px;
}
.grid_8 ul.formList li.indent {padding-left: 147px; width: 305px;}

.grid_10 ul.formList { width: 440px; }
.grid_10 ul.formList li.indent { padding-left: 135px; width: 305px; }

/*  Part 3 of grid system - Main form list class used for the majority of the forms on the site  */
.grid-1 ul li label { width: 150px; }
.grid-1 ul li.indent { padding-left: 155px; }

.grid-2 ul.formList li label { width: 150px; } 
.grid-2 ul.formList li.indent { padding-left: 155px; width: 305px; }

.grid-3 ul.formList li.indent { padding-left: 140px; width: 303px; }

/* These are optionally set if the default label width is too short or not long enough, try and keep things proportional */

/* sets the width of the data label */
ul.label-width-1 li label { width: 1% !important; }
ul.label-width-2 li label { width: 2% !important; }
ul.label-width-4 li label { width: 4% !important; }
ul.label-width-8 li label { width: 8% !important; }
ul.label-width-10 li label { width: 10% !important; }
ul.label-width-15 li label { width: 15% !important; }
ul.label-width-15 li label { width: 15% !important; }
ul.label-width-18 li label { width: 18% !important; }
ul.label-width-20 li label { width: 20% !important; }
ul.label-width-22 li label { width: 22% !important; }
ul.label-width-23 li label { width: 23% !important; }
ul.label-width-25 li label { width: 25% !important; }
ul.label-width-28 li label { width: 28% !important; }
ul.label-width-29 li label { width: 29% !important; }
ul.label-width-30 li label:not(.resubmitAcctLabel) { width: 30% !important; }
ul.label-width-35 li label { width: 35% !important; }
ul.label-width-37 li label { width: 37% !important; }
ul.label-width-38 li label { width: 38% !important; }
ul.label-width-39 li label { width: 39% !important; }
ul.label-width-40 li label { width: 40% !important; }
ul.label-width-44 li label { width: 44% !important; }
ul.label-width-43 li label { width: 43% !important; }
ul.label-width-45 li label { width: 45% !important; }
ul.label-width-46 li label { width: 46% !important; }
ul.label-width-50 li label { width: 50% !important; }
ul.label-width-57 li label { width: 57% !important; }
ul.label-width-60 li label { width: 60% !important; }
ul.label-width-70 li label { width: 70% !important; }
ul.label-width-75 li label { width: 75% !important; }
ul.label-width-100 li label { width: 100% !important; }


/* sets the width of the data */
ul.div-width-10 li div { width: 10% !important; }
ul.div-width-15 li div { width: 15% !important; }
ul.div-width-20 li div { width: 20% !important; }
ul.div-width-30 li div { width: 30% !important; }
ul.div-width-40 li div { width: 40% !important; }
ul.div-width-45 li div { width: 45% !important; }
ul.div-width-50 li div { width: 50% !important; }
ul.div-width-60 li div { width: 60% !important; }
ul.div-width-70 li div { width: 70% !important; }


/* word wraps the labels and divs within a form list, you MUST set a width on the div or label to use this correctly (see widths above) */
ul.formList li div.wordwrap,
ul.formList li label.wordwrap {
  word-wrap: break-word; /* IE 5.5+ */
  display: inline-block;
  zoom:1;                /* ie 7 - turns hasLayout on for this element*/
  *display: inline;      /* ie 7 */
  _height: 25;           /* ie 7 */
  white-space: normal !important;  /* ie 7 */
}


ul.formList li.checkbox input + label {
  width: auto;
  max-width: 90%;
  text-align: left;
  font-weight: normal;
}
ul.formList li.checkbox input + span {
    line-height: 18px;
    padding-top: 6px;
}

ul.formList.indented li label {
  width: auto;
  font-weight: normal;
}
ul.formList li label.titleLabel {
  font-weight: bold;
  text-align: center;
}
ul.formList li span.paddingRight{
  padding-right: 6px;
}

/* .inline used when you need your labels to layout on the same line without columns  */
ul.formList.inline li {
  float: left;
  width: auto;
  clear: none;
  margin: 0 5px 5px 0;
  line-height: 16px !important;
}

ul.formList.inline li label {
  float: left;
  width: auto;
  margin-right: 5px;
  line-height: 16px !important;
}


/*  .labelOnTop used to create the layout which has the label on top of the form field  */
ul.labelOnTop li {
  float: left;
  width: auto;
  display: inline-block;
  clear: none;
  margin-right: 5px;
}

ul.labelOnTop li a {
  float: left;
  padding-top: 16px;
}

ul.labelOnTop li label {
  float: left;
  width: auto !important;
  text-align: left;
  font-weight: bold;
}

ul.labelOnTop li input,
ul.labelOnTop li select {
  float: left;
  clear: left;
}

ul.labelOnTop li textarea {
  float: left;
  clear: left;
}

ul.alternatingRows li:nth-child(odd){
  background: #F1F8FF;
}
  
ul.alternatingRows li:nth-child(even){
  background: #FFF;
}
   
ul.alternatingRows li{
  padding-top:5px; padding-left:5px; padding-bottom:5px;
}
   
ul.alternatingRows li .firstLine{
  font-weight:bold;
  padding-bottom:5px;
}
  
.labelTextWrap {
  white-space: pre-wrap;
}

.acctRequestRadioLabel {
  text-align: left !important;
}

.acctRequestRadio {
	margin-top: 8px !important;
}

.resubmitAcctLabel {
	text-align: left !important;
	width: 40% !important;
}
  
.commentText{
  display:table-cell;
  white-space: normal;
}
  
.commentBody{
  padding-top:10px;
  padding-bottom:10px;
}
  
.inlineAlert{
  vertical-align:top; 
  padding-left:10px; 
  padding-right:5px
}

.titledSection {
  width:100%;
  float:left
}

.titledSection h3 {
  background-color:#B9B9B9;
  line-height:24px;
  padding-left:10px;
  margin-bottom:0px
}

/* Update Passwd formatting */

.updatePassword input {
  width: 235px;
}

.updatePassword select {
  width: 245px;
}

.updatePassword input.submitButton {
  width: auto;
}

/* Form input formatting */

label.radio,
li.radio span label,
li.springRadio label {
  font-weight: normal !important;;
  width: auto !important;
}

.checkbox input,
.radio input,
.radio span input {
  float: left;
  font-weight: normal;
  margin-left: 0px;
  margin-top: 8px;
  margin-right: 5px;
}

.checkbox input[type="text"],
.radio input[type="date"] {
    margin-top: 0px;
}

ul.formList li.radio:last-child, ul.formList li.checkbox:last-child{
  margin-bottom: 20px;
}
.checkboxLabel {
  line-height: 16px;
  padding: 0px;
}

.error-input {
  clear: right !important;
  border: 1px solid #b72222 !important;
}

.checkbox input.error-input {
  float: left !important;
  outline-color: #b72222;
  outline-style: solid;
  outline-width: 1px;
}

form input.hidden {
  display: none;
}

input.secret{
  background-color: transparent;
  border: medium none;
  box-shadow: none;
  font-size: 11px;
}

ul#searchby {
  margin: 10px;
}

ul#searchby li {
  display: inline;
  float: left;
  height: 1em;
  width: auto;
}

ul#searchby label {
  display: inline;
  position: relative;
  top: 2px;
  margin-right: 5px;
  margin-bottom: 0px
}

.radiobuttons input {
  float: left;
  min-width: 0;
}

.checkbox input { min-width: 0; }

textarea { resize: none; margin-top: 5px;}

/*   form element separator lines, vertical and horizontal */
ul.formList li.horizontal-separator{
  width:100%;
  float:left;
  display: block;
  margin-bottom: 5px;
  
}
ul.formList li.horizontal-separator hr{
  background-color: #cfcfcf;
  color: #cfcfcf;
  margin: 5px auto 5px auto;
  width: 92%;
}

div.horizontal-radio-separator hr{
  background-color: #cfcfcf;
  color: #cfcfcf;
  margin: 8px 0 5px 2px;
  width: 82%
}
.horizontal-title-separator h2{
  margin-left: 20px;
  margin-bottom: 3px;
}
.horizontal-title-separator hr{
  margin: 0px 15px 5px 20px;
  background-color: #cfcfcf;
    width: 97%;
  display: block;
  float: left;
}

.horizontal-fullwidth-separator hr{
  background-color: #cfcfcf;
  width: 100%;
  display: block;
  float: left;
}

.vertical-column-separator{
  border-right: 1px solid #ccc;
}

.vertical-column-separator-left{
  border-left: 1px solid #ccc;
}

/* Spring supplied info/error boxes
------------------------------------------------ */

.normal-text { font-weight: normal !important; }

.error-text {
  float: none;
  display: block;
  color: #000000;
}
ul li label.error-text{
  width: 100% !important;
}
div.errorTextContainer {
  background: #F3D0D6 url(../images/icons/icon_message_alert_red.svg) no-repeat 16px 23px;
  min-height: 70px;
  margin: 8px 8px 8px 8px;
  padding: 0 5px 0 50px;
  border-bottom: 2px solid #E31837;
}

div.warningText {
  background: #FAF3D8 url(../images/icons/icon_message_alert_orange.svg) no-repeat 16px 23px;
  min-height: 70px;
  margin: 8px 8px 8px 8px;
  padding: 0 5px 0 50px;
  border-bottom: 2px solid #EA7600;
}

ul.errorText, div.errorText {
  margin: 10px 0 10px 0;
  padding-top: 23px;
  font-weight: bold;
}

div.errorText span { display: block; }

.messageField {
  background-color: #FAF6AF !important;
}

/* Buttons
------------------------------------------------ */

/* Used with startHidden="true" to hide a buttonList.
   Removed by Works.js.  Using .hidden would risk
   showing buttons hidden for other reasons. */
.buttonListStartHidden { display: none; }

ul.button {
  margin: 10px 0px 0 10px;
}

ul.button.bottomMargin { margin-bottom: 10px; }

li.indent ul.button,
ul.formList ul.button { margin: 0; }

ul.button li.button {
  float: left;
  display: inline;
  margin-right: 5px;
  margin-bottom: 0px;
  width: auto;
  clear: none;
}

ul.button li.link a{
  background: none;
  display: block;
  line-height: 16px;
  padding-top: 5px;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  margin: 1px;
  color: black;
  text-decoration: default;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 2px;
}

ul.button li.link{
  clear: none;
  color: black;
  display: inline;
  float: left;
  width: auto;
}

ul.button li.button a:hover,
ul.button li.button a:active,
ul.button li.button a:focus {
  text-decoration: none;
  background-color: #CCEBF8;
  border: 1px solid #0052C2;
  color: #0052C2;
  outline: none;
}

ul.button li.button input, ul.button li.button a {
  background-color: #0052C2;
  border: 1px solid #0052C2;
  border-radius: 0px;
  color: #FFFFFF;
  cursor: pointer;
  float: left;
  font: 12px Arial, Helvetica, sans-serif; /* 16 x .70 = 11.2px */
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  width: auto;
}

ul.button li.button a {
  padding: 6px 18px;
}
/* mozilla specific css */
@-moz-document url-prefix() {
  ul.button li.button a {
   padding: 6px 18px 7px 18px;
  }
}

ul.button li.button input{
  line-height: 14px;
  padding: 6px 15px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  /* webkit specific CSS */
}

ul.button li.button a.inactive,
ul.button li.button a.inactive:hover,
ul.button li.button input.inactive,
ul.button li.button input.inactive:hover { 
  background: none repeat scroll 0 0 #F5F5F5;
  border: 1px solid #D5D5D5;
  color: #3C3C3C;
  cursor: not-allowed;
  opacity: 1;
  outline-offset: 0;
  outline: none;
}

ul.button li.button input[disabled][type='button'],
ul.button li.button input[disabled][type='submit'],
ul.button li.button input[disabled][type='button']:hover,
ul.button li.button a[disabled],
ul.button li.button a[disabled]:hover {
  background-color: #F5F5F5;
  border: 1px solid #D5D5D5;
  color: #3C3C3C;
  cursor: not-allowed;
  opacity: 1;
  outline-offset: 0;
  box-shadow: none;
  outline: none;
}

button[disabled] > span.ui-button-text {
  background: none repeat scroll 0 0 #efeff0;
  border: 1px solid #b2b3b3;
  color: #999;
  cursor: not-allowed;
  opacity: 1;
  outline-offset: 0;
}

ul.button li.button input:hover, ul.button li.button input:focus { 
  background-color: #CCEBF8;
  color: #0052C2;
  outline: none;
}

ul.button li.button input:active{ 
  background: none repeat scroll 0 0 #CCEBF8;
  color: #0052C2;
  outline: none;
}

ul.button li.button a img[class='caret-download-icon'] {
  margin-left: 5px;
}

/*  Work in Progress to create CSS only button - see http://css-tricks.com/examples/ButtonMaker/ */
input.cssButton { border: none; }

.cssButton {
  border: 1px solid #898989;
  border-top: 1px solid #898989;
  background: #304e8b;
  background: -webkit-gradient(linear, left top, left bottom, from(#7899ce), to(#304e8b));
  background: -moz-linear-gradient(top, #7899ce, #304e8b);
  padding: 0px 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
  -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
  box-shadow: rgba(0,0,0,1) 0 1px 0;
  text-shadow: rgba(0,0,0,.4) 0 1px 0;
  color: white;
  font-size: 14px;
  font-family: Helvetica, Arial, Sans-Serif;
  text-decoration: none;
  vertical-align: middle;
}
.cssButton:hover {
  border-top-color: #d40019;
  background: #d40019;
  color: #ffffff;
}
.cssButton:active {
  border-top-color: #d40019;
  background: #d40019;
}
  
/* dialog button*/
.leftButton{
  margin-right: 4px !important;  
}

.dialogLink{
  float: left;
  margin: 1em 0.8em 0.5em 0;
}

/* Text styles
------------------------------------------------ */
.alert, .negativeAmount, input.negativeAmount {
  color: #E31932 !important;
}

fieldset {
  border: 1px solid #234778;
  margin-top: 4px;
  padding: 8px;
}

fieldset.FloatLeft {
  float: left;
  width: 83%;
  border: 3px solid #CFCFCF;
  margin-left: 1%;
}

fieldset.FloatRight {
  float: right;
  width: 83%;
  border: 3px solid #CFCFCF;
  margin-left: 1%;
}

.requiredAsterisk{
  color:#00013a; 
  float:none !important;
  margin-right: 2px;
}

.buttonConfirmDialog{
  padding-left: 10px; 
}

.placeholder{
  color: #999 !important;
}


/* Subportlet table
------------------------------------------------ */

.subportletTable td {
  border-width: 1px;
  border-style: solid;
  border-color: white;
  font-weight: bold;
  
  vertical-align: middle;
}
.subportletTable td {
  padding: 5px 5px 2px;
}
.subportletTable tr.headerRow td {
  padding: 4px 10px;
}
.subportletTableEdit td{
  padding: 2px 2px;
}
table.subportletTable {
  width: 100%;
}
.subportletTable thead, .subportletTable .headerRow {
  background-color: #A8BCCC;
}

.subportletTable tr.striped {
  background-color: #DDDDDD;
}

.subportletTable thead td {
  text-align: center;
}

.subportletTable td input[type='text'], .subportletTable td select {
  width: 99%;
  padding-left: 3px \0/;
  padding-right: 3px \0/;
  *padding-left: 3px !important;
  *padding-right: 3px !important;
  *width: 90%;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  /* webkit specific CSS */
  .subportletTable td input[type='text'], .subportletTable td select {
  width: 95%;
  }
}

.subportletTable tr.headerRow td {
  text-align: center;
}

.subportletTable td.valignTop {
  vertical-align: top;
}
/* Dialog
------------------------------------------------ */

.dialogContent {
  margin-top: 8px;
  margin-right: 8px;
  margin-left: 8px;
}
.dialogRightHeader {
  position:absolute;
  right:.3em;
  margin:0 25px 0 0;
  padding:1px;
  height:18px;  
}
a.dialogHeaderLink {
  color:#ffffff;  
}

/* Pin Tab
------------------------------------------------ */

.pinTabSetEnabled .tabLink .thumbtack {
  background-color: transparent;
  background-image: url("../../../themes/default/images/icons/icon_unpin_tab.png");
  background-repeat: no-repeat;
  border: medium none;
  cursor: default;
  display: block;
  float: left;
  height: 14px;
  margin-top: 7px;
  margin-bottom: 0px;
  margin-left: 3px;
  margin-right: 0px
  padding: 0;
  width: 0px;
}

.thumbtack {
  background-position: left bottom;
  width: 0;
}

.pinTabSetEnabled .pinnedTab .thumbtack {
  width: 9px;
  cursor: default;
  background-image: url("../../../themes/default/images/icons/icon_pin_tab.png") !important;
}

.pinTabSetEnabled .selected .thumbtack {
  width: 9px;
}

.expandedrow.pinTabSetEnabled .thumbtack {
  margin-top: 4px !important;
}

.tabTableRowCount {
  background-color:#ff0000;
  color:#ffffff;
  width: 50px;
  min-width:13px;
  border-radius: 10%;
  padding: 2px;
  text-align: center;
  font-size: 10px;
}

/* Advanced Filter
------------------------------------------------ */
span.moveButton{
  display:block;
  padding-bottom:11px
}

div.collapsableCheckboxContainer{
  width:76.5% !important; 
  border:solid 1px #CFCFCF; 
  float:left;
}

div.hiddenCollapsableCheckbox{
  border:solid 1px #FFFFFF !important; 
}

div.collapsableCheckboxHeader{
  width:100%; 
  background-color:#CFCFCF; 
  overflow: hidden; 
  border-bottom:solid 1px #CFCFCF
}

div.hiddenCollapsableCheckbox div.collapsableCheckboxHeader{
  border-bottom:solid 1px #FFFFFF !important; 
  background-color:#FFFFFF; 
}

div.collapsableCheckboxBody{
  width:100%; 
  overflow:hidden;
  padding:10px 0px 5px 0px;
}

div.hiddenCollapsableCheckbox div.collapsableCheckboxBody{
  border:solid 1px #FFFFFF !important; 
}

div.collapsableCheckboxHeader span.checkboxAreaTitle{
  padding-top: 2px;
}

select.multiSelectWithHeaderFooter, ul.columnListWithHeaderFooter {
  border-radius: 0px 0px 0px 0px;
  border-top: 0 none;
  border-bottom: 0 none;
  width: 260px;
  height: 250px;
}

ul.columnListWithHeaderFooter {
  overflow-y: scroll;
}

select.multiSelectWithHeader {
  border-radius: 0px 0px 2px 2px;
  border-top: 0 none;
  height: 283px;
  width: 260px;
}

.multiSelectHeader {
  background-color: #CFCFCF;
  padding: 5px 0px 5px 9px;
  text-align: left;
  width: 249px;
  font-weight: bold;
}
.multiSelectSecondaryHeader {
  background-color: white;
  padding: 5px 0px 5px 9px;
  text-align: left;
  width: 249px;
  font-weight: bold;
}


.multiSelectHeaderBorder {
  border: 1px solid #A8BCCC;
}
.multiSelectSecondaryHeaderBorder {
  border-bottom: 1px solid #A8BCCC;
  border-left: 1px solid #A8BCCC;
  border-right: 1px solid #A8BCCC;
}

.multiSelectFooter {
  background-color: #CFCFCF;
  padding: 5px;
  text-align: left;
  width: 248px;
  overflow: hidden;
}

.multiSelectFooterBorder {
  border: 1px solid #A8BCCC;
}

.ie7MultiSelectFooterBorder {
  border: 1px solid gray;
}

.multiSelectHeaderFocusBorder {
  border: 1px solid #6688A4;
}

.multiSelectFooterFocusBorder {
  border: 1px solid #6688A4;
}

.multiSelectDivContents {
  background-color: white;
  padding: 5px 0px 5px 9px;
  text-align: left;
  width: 249px;
  border-right: 1px solid #A8BCCC;
  border-left: 1px solid #A8BCCC;
  border-bottom: 1px solid #A8BCCC;
  margin-bottom: 10px;
  
}
.multiSelectDivContentItem {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.multiSelectSmallWidth{
  width: 160px;
  max-height: 300px;
  overflow-y: auto;
}

.partialStringDisplay {
  overflow: hidden;
  white-space: normal !important;
  width:100px;
}

div.ssninfoDisplay{
  width: auto;
  max-width: 100%;
  text-align: left;
  font-weight: normal;
  font-size:x-small;
  height: 15px; 
}

div.actinfoDisplay{
  width: 230px;
  max-width: 100%;
  text-align: left;
  font-weight: normal;
  font-size:x-small;
  height: 30px;
  padding: 0px 0px 0px 10px;
}

table.display.noSelectionTable tbody td {
  padding-bottom: 7px;
}

a.floatNone {
  float:none !important;
}

/* Allocation / General Ledger table cell layout, need to keep these in here instead of allocation.css since the IE css needs to override some of these */

table.editAllocationTable tbody td input, table.editAllocationTable tbody td select {
  width: 98%;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  table.editAllocationTable tbody td input, table.editAllocationTable tbody td select {
    width: 93%;
  }
  table.editAllocationTable tbody td input.textright{
    width: 88%;
  }
}
table.editAllocationTable tbody td{
  padding: 2px 2px 2px 2px;
  vertical-align: bottom;
}

table.editAllocationTable tbody td img.pickerImage {
  padding-left: 3px;
}

.messageBoxContent div {
  margin-right: 0 !important;
  margin-bottom: 0 !important;
}

.commentsText{
  white-space: pre-line;
}

.whiteSpaceNormal {
  white-space: normal !important;
}


.btn-secondary {
  background-color: #FFFFFF !important;
  color: #0053C2 !important;
  border: 1px solid #002169 !important;
  outline: none;
}
.btn-secondary:hover, .btn-secondary:focus {
  background-color: #CCEBF8 !important;
  color: #0052C2 !important;
  border: 1px solid #0052C2 !important;
  outline: none;
}

input.uppercase {
  text-transform: uppercase;
}

.accountdropdown, .corpAccountdropdown {
    -webkit-appearance: button;
    -moz-appearance: button;
    -webkit-user-select: button;
    -moz-user-select: none;
    -webkit-padding-end: 20px;
    -moz-padding-end: 20px;
    -webkit-padding-start: 2px;
    -moz-padding-start: 2px;
    background-color: #c0c0c0; /* fallback color if gradients are not supported */
    background-image: url("../images/caret_black.png"), -webkit-linear-gradient(top, #fff 0%,  #c0c0c0 100%); /* For Chrome and Safari */
    background-image: url("../images/caret_black.png"), -moz-linear-gradient(top, #fff 0%,  #c0c0c0 100%); /* For old Fx (3.6 to 15) */
    background-image: url("../images/caret_black.png"), -ms-linear-gradient(top, #fff 0%,  #c0c0c0 100%); /* For pre-releases of IE 10*/
    background-image: url("../images/caret_black.png"), -o-linear-gradient(top, #fff 0%,  #c0c0c0 100%); /* For old Opera (11.1 to 12.0) */ 
    background-image: url("../images/caret_black.png"), linear-gradient(to bottom, #fff 0%,  #c0c0c0 100%); /* Standard syntax; must be last */
    background-position: center right;
    background-repeat: no-repeat;
    border: 1px solid #AAA;
    border-radius: 2px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    color: #0a0f41;
    margin: 0;
    overflow: hidden;
    padding-top: 2px;
    padding-bottom: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    text-align: left;
    text-indent: 0.01px; 
    height:25px;
    margin-top:5px;
    width:250px;
    padding-left: 15px !important;
}

.singleAccount { 
    -webkit-appearance: none;
    -moz-appearance: button;
    -webkit-user-select: button;
    -moz-user-select: none;
    -webkit-padding-end: 20px;
    -moz-padding-end: 20px;
    -webkit-padding-start: 2px;
    -moz-padding-start: 2px;
    background-color: #c0c0c0; /* fallback color if gradients are not supported */
    background-image: url(""), -webkit-linear-gradient(top, #fff 0%,  #c0c0c0 100%); /* For Chrome and Safari */
    background-image: url(""), -moz-linear-gradient(top, #fff 0%,  #c0c0c0 100%); /* For old Fx (3.6 to 15) */
    background-image: url(""), -ms-linear-gradient(top, #fff 0%,  #c0c0c0 100%); /* For pre-releases of IE 10*/
    background-image: url(""), -o-linear-gradient(top, #fff 0%,  #c0c0c0 100%); /* For old Opera (11.1 to 12.0) */ 
    background-image: url(""), linear-gradient(to bottom, #fff 0%,  #c0c0c0 100%); /* Standard syntax; must be last */
    background-position: center right;
    background-repeat: no-repeat;
    border: 1px solid #AAA;
    border-radius: 2px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    color: #0a0f41;
    margin: 0;
    overflow: hidden;
    padding-top: 5px;
    padding-bottom: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    text-align: left;
    text-indent: 0.01px; 
    height:25px;
    margin-top:5px;
    width:213px;
    padding-left: 15px !important;
}

.email-color{
    color: #1F9614 !important;
}

.display-email{
    color: #1F9614 !important;
    font-size: 16px !important;
}