/*
 * Override Dojo theme
 */

.claro {
    font-family: sans-serif;
    font-size: 1em;
    color: #000000;
}
.claro p {
    /*line-height: 1em;*/
}

.claro .dijitTextBox {
    background-color: #FFFFFF;
}
.claro .dijitTextBoxFocused,
.claro .dijitTextBoxFocused .dijitButtonNode {
    border: 1px solid #486ead;
}
.claro .dijitTextBoxFocused .dijitInputContainer {
    background-color: #e8f4f8;
}



.vpTundra .dijitTextBox,
.vpTundra .dijitComboBox,
.vpTundra .dijitSpinner,
.vpTundra .dijitInlineEditor input {
    /*  For all except dijit.form.NumberSpinner:  the actual input element.
        For TextBox, ComboBox, Spinner: the table that contains the input.
        Otherwise the actual input element.
    */
    background: #FFFFFF;
    border-color: #7F9DB9; /* same as native field in IE & FF? */
    padding: 1px;
}
.vpTundra .dijitTextBox,
.vpTundra .dijitInlineEditor input {
    appearance: field !important; /* CSS3? */
}

.vpTundra .dijitTextBoxFocused,
.vpTundra .dijitComboBoxFocused,
.vpTundra .dijitSpinnerFocused {
    /* input field when focused (ie: typing affects it) */
    background: #e8f4f8;
    border: 2px solid #486ead;
}

.vpTundra .dijitTextBoxReadOnly {
    background: transparent;
    border: 1px dotted ThreeDShadow;
    margin: 1px;
}

.vpTundra .dijitTextBoxDisabled {
    background: transparent;
    border: 1px solid #CCC;
}


/* Calendar */

.claro table.dijitCalendarContainer {
  font-size: 10pt;
}
.claro .dijitCalendarMonthLabel {
  font-size: 10pt;
  padding: 0px;
}
.claro .dijitCalendarMonthMenu .dijitCalendarMonthLabel {
  font-size: 10pt;
  padding: 0px;
}
.claro .dijitCalendarDateTemplate .dijitCalendarDateLabel {
  /*padding: 3px 4px 3px 4px;*/
}
.claro .dijitCalendarCurrentDate .dijitCalendarDateLabel {
  text-decoration: underline;
}
.claro .dijitCalendarSelectedYear {
  /*font-weight: bold;*/
}

/* DropDownButton */

.soria .dijitDropDownButton .dijitButtonNode {
  font-family: sans-serif;
  padding: 0px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;

}
.soria .dijitDropDownButton .dijitArrowButtonInner {
  background-position: 0 50%;
}

/* Progress Bar */

.claro .dijitProgressBarFull {
    /* make right border heavier since fill .png doesn't appear in IE */
    border-right-width: 2px;
}
/* dijit.css & claro.css have fixes for .dj_ie6 but not .dj_ie7 */
.dj_ie7 .claro .dijitProgressBarEmpty,
.dj_ie7 .claro .dijitProgressBarFull {
  height: 1.2em;
}
.dj_ie7 .claro .dijitProgressBarEmpty,
.dj_ie7 .claro .dijitProgressBarTile {
  background-image: none;
}
.dj_ie7 .claro .dijitProgressBarTile {
  position: static;
  height: 1.2em;
}


/* TooltipDialog */

.dijitTooltipContainer {
  /*claro is ok
  box-shadow: 2px 2px 3px #999;
  -moz-box-shadow: 2px 2px 3px #999;
  -khtml-box-shadow: 2px 2px 3px #999;
  -webkit-box-shadow: 2px 2px 3px #999;
  */
}
.dijitTooltipBelow {
  /*for shadow. leave top for balloon tip*/
  padding-right: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
}