
/* Because we have to support IE we can&apos;t use some nice selectors, such as child */
/* so everything gets a class */

/* see http://css.maxdesign.com.au/selectutorial/index.htm for information on */
/* using selectors. Need to use selectors wisely and strike balance between */
/* using classes and using selectors */

/* WLE-682 use relative path for mashup proxy to work */

body /* css centering hack see http://www.maxdesign.com.au/presentation/center/ */
{
    text-align: center;
    font-family: arial;
    font-size: 10pt;
    background      : url("bg_body.gif") 0px 0px repeat-y;
    background-color: #0A94D6;
    margin              : 0px;
    padding         : 4px 4px 4px 4px;
}

form
{
  width: 98%;
  margin: 4px 0 0 4px;
  text-align: left;
}

div.pad
{
  clear: both;
  float: left;
  display: block;
  width: 100%;
  margin-bottom: 10px;
}

table
{
  width: 100%;
}

tr
{
  width: 100%;
}

table.section
{
    margin-bottom: 0;
}

table.layout
{
  margin-bottom: 1em;
}

tr.layoutHeader
{
  background-color: #1e3c7b;
  color: #ffffff;
}

tr.sectionHeader
{
  /*background-color: #1e3c7b;*/
  color: #ffffff;
}

td.layoutHeaderLeft
{
  width: 1px;
}

td.sectionHeaderLeft
{
  width: 1px;
  padding: 0;
}

tr.layoutHeader td
{
  text-align: left;
  font-family: arial;
  font-size: 11pt;
  font-weight: bold;
  color: #BFCFDE;
}

tr.sectionHeader td
{
  text-align: left;
  font-family: arial;
  font-size: 11pt;
  font-weight: bold;
  color: #1e3c7b;
}

tr.sectionSubHeader, tr.layoutSubHeader
{
  font-family: arial;
  font-size: 0px
}

.requiredStar {
  color: red;
}

label, .label_Full, .label_Req, .label_Dis
{
  float: right;
}

label.radio_label
{
  float: none;
}

.label_Req
{
    color: #ff0000;
}

td.layoutSubHeader
{
  background-color: #A0B8D6;
  height: 3px;
}

td.sectionSubHeader
{
  height: 1px;
}

td.layoutHeaderCenter
{
  text-align: left;
  font-family: arial;
  font-size: 11pt;
  font-weight: bold;
  padding-left: 10px;
}

td.sectionHeaderCenter
{
  text-align: left;
  font-family: arial;
  font-size: 11pt;
  font-weight: bold;
}

td.layoutHeaderRight
{
  width: 1px;
  font-family: arial;
  font-size: 11pt;
  font-weight: bold;
}

td.sectionHeaderRight
{
  width: 0px;
  font-family: arial;
  font-size: 11pt;
  font-weight: bold;
}

tr.layoutBody
{
  /*background-color: #ebf0f9;*/
}

tr.sectionBody
{
  /*background-color: #ebf0f9;*/
}

td.sectionBodyCenterControl, td.layoutBodyCenterControl
{
  font-family: arial;
  font-size: 10pt;
}

td.sectionBodyCenterLabel, td.layoutBodyCenterLabel
{
  font-family: arial;
  font-size: 10pt;
  padding-top: 2px;
}

td.layoutBodyLeft
{
   width: 1px;
}

td.sectionBodyLeft
{
  width: 0;
  padding: 0;
}

td.sectionBodyRight, td.layoutBodyRight
{
   width: 1px;
}

tr.sectionFooter, tr.layoutFooter
{
  /*background-color: #ebf0f9;*/
  font-family: arial;
  font-size: 0;
}

td.layoutFooterLeft
{
  width: 1px;
  height: 1px;
}

td.sectionFooterLeft
{
  width: 0;
  height: 1px;
  padding: 0;
}

td.sectionFooterRight, td.layoutFooterRight
{
  width: 1px;
  height: 1px;
}

tr.buttons td
{
  font-family: arial;
  font-size: 8pt;
}

td.sectionFooterCenter, td.layoutFooterCenter
{
  height: 1px;
}

.inputError
{
  background-color: rgb(255,128,128) !important;
  background-image: none !important;
}

/* START: This CSS rules was missing from the System Data toolkit */
/*        coach_designer_base.css file. It was introduced in the */
/*        WLE 7.5 release */
/* [WLE-916] Highlight DateSelector field when validation error */
.dijitDateTextBox.inputError
{
  background: rgb(255,128,128);
}
/* END */

/*.inputText, .singleSelect, .multipleSelect, .booleanChoice, */
.outputText,
.inputText_Full, .singleSelect_Full, .multipleSelect_Full, .booleanChoice_Full, .outputText_Full,
.inputText_Req, .singleSelect_Req, .multipleSelect_Req, .booleanChoice_Req, .outputText_Req,
.inputText_Dis, .singleSelect_Dis, .multipleSelect_Dis, .booleanChoice_Dis, .outputText_Dis
{
    width: 99%;
    margin-left: 0;
    margin-right: 0;
}

/*.inputTextNoLabel, .singleSelectNoLabel, .multipleSelectNoLabel, .booleanChoiceNoLabel, */
.outputTextNoLabel, .customHTML,
.inputTextNoLabel_Full, .singleSelectNoLabel_Full, .multipleSelectNoLabel_Full, .booleanChoiceNoLabel_Full, .outputTextNoLabel_Full, .customHTML_Full,
.inputTextNoLabel_Req, .singleSelectNoLabel_Req, .multipleSelectNoLabel_Req, .booleanChoiceNoLabel_Req, .outputTextNoLabel_Req, .customHTML_Req,
.inputTextNoLabel_Dis, .singleSelectNoLabel_Dis, .multipleSelectNoLabel_Dis, .booleanChoiceNoLabel_Dis, .outputTextNoLabel_Dis, .customHTML_Dis
{
    width: 99%;
    margin-left: 0;
    margin-right: 0;
}

table.tableControl
{
  border-top: 1px #CCD9E4 solid;
  border-right: 1px #CCD9E4 solid;
  border-bottom: 1px #CCD9E4 solid;
}

table.tableControlNoLabel
{
  border-top: 1px #CCD9E4 solid;
  border-right: 1px #CCD9E4 solid;
  border-bottom: 1px #CCD9E4 solid;
}

tr.tableControlHeader th
{
  background-color: #E5ECF1;
  padding-top: 2px;
  padding-bottom: 2px;
  border-left: 1px #CCD9E4 solid;
  font-family: arial;
  font-size: 10pt;
  color: #00407A;
}

tr.tableControlDataRow
{
  background-color: white;
  font-family: arial;
  font-size: 10pt;
}

tr.tableControlDataRow td
{
  padding: 2px;
  border-top: 1px #CCD9E4 solid;
  border-left: 1px #CCD9E4 solid;
}

<!-- Deprecated: See tr.selectedRow below -->
tr.tableControlDataRow_selected
{
  background-color: #ece9d8;
  font-family: arial;
  font-size: 10pt;
}

tr.tableControlDataRow_selected td
{
  padding: 2px;
  border-top: 1px #CCD9E4 solid;
  border-left: 1px #CCD9E4 solid;
}

tr.tableControlFooter
{
  background-color: white;
}

tr.tableControlFooter td
{
  padding: 2px;
  border-top: 1px #CCD9E4 solid;
  border-left: 1px #CCD9E4 solid;
}


/* make radio buttons in table controls look reasonable on firefox */
table.control input
{
  float: none;
  width: auto;
}

div.buttonGroup button {
    margin-left: 5px;
}

#content {
    width                   : 100%;
    background          : url("bg_slice_heading_content.gif") repeat-x left top;
    background-color    : white;
}

#content .heading {
    background          : url("bg_content_heading_left.gif") no-repeat left top;
    height                  : 27px;
}

#content .heading-right {
    float                       : right;
    background          : url("bg_content_heading_right.gif") no-repeat right top;
    height                  : 27px;
    width                   : 310px;
    text-align              : right; 	
}

#content .heading h1 {
    padding             : 5px 0px 0px 12px;
    margin                  : 0px;
    font-size               : 16px;
    color                       : #00407A;
    font-weight         : bold;
    font-family         : arial;
    float                       : left;
}

#content-bottom {
    background-color    : white;
    height              : 7px;
    font-size           : 6px;
    line-height         : 6px;
    padding: 0px;
    margin: 0px;
}

#content-bottom .left {
    float               : left;
    background  : url("bg_content_footer_bottom_left.gif") 0% 0% no-repeat;
    height          : 7px;
    width           : 10px;
    margin: 0px;
    padding: 0px;
}

#content-bottom .right {
    float               : right;
    background  : url("bg_content_footer_bottom_right.gif") top right no-repeat;
    height          : 7px;
    width           : 10px;
    margin: 0px;
    padding: 0px;
}

P.errorMsg {
    /*max-width: 600px;*/
    font-family: arial;
    font-size: 10pt;
}

#coachErrorMsg {
    /*max-width: 600px;*/
    font-family: arial;
    font-size: 10pt;
}

P.errorMsg DIV {
    /*max-width: 600px;*/
    font-family: arial;
    font-size: 10pt;
}

button {
    font-family: arial;
    font-size: 11px;
}

div.symbolPre {
    display:inline;
    position: relative;
    top: -2px;
}

div.symbolPost {
    display:inline;
    position: relative;
    top: -2px;
}

div.inputField {
    display: inline;
    white-space: nowrap;
}

label.top {
    float:left;
    width: 100%;
}

/* Label with default wrapping mode. */
label.defaultWrapping {
  white-space:nowrap;
}

/* Label with enabled wrapping. */
label.wrap {
  white-space:normal;
}

tr.oddRow {
    background-color: #f0ffff;
}

tr.evenRow {

}

tr.selectedRow
{
  background-color: #ece9d8;
}

p {
    margin: 0;
    font-size: 10pt;
}

div.twisty {
  display:inline;
  float: left;
  margin: 4px 4px 0px 0px;
}

div.sectionHeaderTwisty {
  background-color: #CCD9E4;
  border: 1px solid #1e3c7b;
}

div.layoutHeaderTwisty {
 background-color: #CCD9E4;
}

div.sectionHeaderTitle {
  display:inline;
  float: left;
}

div.sectionHeaderContent {
  display:inline;
  font-size: 8pt;
  float: right;
}

table.helpSectionBody {
  background-color: #ffff99;
  border: 1px #CCD9E4 solid;
}

tr.helpSectionHeaderTitle td {
  color:#ffff99;
  background-color: #9999ff;
}

div.sectionBodyScrollable, div.twSectionBodyScrollable {
  overflow:auto;
  border: 1px #CCD9E4 solid;
}

table.layoutScrollable {
  border-left: 1px #CCD9E4 solid;
  border-right: 1px #CCD9E4 solid;
  border-bottom: 1px #CCD9E4 solid;
}

.layoutHeadingScrollable {
  font-size: 10pt;
}

div.repeatingTable, div.repeatingTableScrollable
{
  overflow:auto;
  border-top: 1px #CCD9E4 solid;
  border-bottom: 1px #CCD9E4 solid;
}

table.sectionOutline
{
  border-left: 1px #CCD9E4 solid;
  border-right: 1px #CCD9E4 solid;
  border-bottom: 1px #CCD9E4 solid;
  border-top: 1px #CCD9E4 solid;
}

p.layoutHeading, p.sectionHeading
{
  text-align: left;
  font-family: arial;
  font-size: 10pt;
}

div#onlineHelpRef, span#onlineHelpRef, div#adHocAction, span#adHocActions
{
  font-size: 9pt;
  text-align: right;
  vertical-align: middle;
  margin-top: 5;
  margin-right: 10;
}

/** Style is used for warning message that can be shown at coaches */
.warningMessage 
{
  border: 1px solid #A0B6D6;
  padding-bottom: 3px;
  padding-top: 3px;
  font-weight: bold;
  width: 100%;
  text-align: center;
  color: #F00;
  background: #FFFF99;
}

.docAttachmentButton
{
    font-family: arial;
    font-size: 11px;
}

/** Table with Lines */
.docAttachmentTable {
    margin-top      : 20px;
    border-collapse : collapse;
    width           : 100%;
}

.docAttachmentTable thead tr th {
    background-color : #00407A;
    padding          : 0px 10px 0px 5px;
    margin           : 0px;
    border           : 1px solid #00407A;
    border-bottom    : 1px solid #CCD9E4;
    height           : 20px;
    color            : #BFCFDE;
    font-family      : arial;
    font-size        : 13px;
    font-weight      : bold;
    text-align       : left;
}

.docAttachmentTable thead tr td {
    height           : 19px;
    background-color : #E5ECF1;
    padding          : 0px 5px 0px 5px;
    margin           : 0px;
    border           : 1px solid #CCD9E4;
    font-family      : arial;
    font-size        : 11px;
    font-weight      : bold;
    color            : #00407A;
}

.docAttachmentTable thead tr td a, .docAttachmentTable thead tr td a:visited {
    color       : #00407A;
    font-family : arial;
    font-size   : 11px;
    font-weight : bold;
}


.docAttachmentTable tbody tr td {
    height      : 19px;
    padding     : 0px 0px 0px 5px;
    margin      : 0px;
    border      : 1px solid #CCD9E4;
    font-family : arial;
    font-size   : 11px;
    font-weight : normal;
    color       : #00407A;
}

.docAttachmentTable tbody tr td a, .docAttachmentTable tbody tr td a:visited {
    color       : #00407A;
    font-family : arial;
    font-size   : 11px;
}

.docAttachmentTable thead tr td.cell-content {
    background-color        : #ffffff;
}

/** Table without Lines */
.docAttachmentTableNoLines {
    margin-top      : 20px;
    border-collapse : collapse;
    width           : 100%;
}

.docAttachmentTableNoLines thead tr th {
    background-color : #00407A;
    padding          : 0px 10px 0px 5px;
    margin           : 0px;
    height           : 20px;
    color            : #BFCFDE;
    font-family      : arial;
    font-size        : 13px;
    font-weight      : bold;
    text-align       : left;
}

.docAttachmentTableNoLines thead tr td {
    height           : 19px;
    background-color : #E5ECF1;
    padding          : 0px 0px 0px 5px;
    margin           : 0px;
    font-family      : arial;
    font-size        : 11px;
    font-weight      : bold;
    color            : #00407A;
}

.docAttachmentTableNoLines thead tr td a, .docAttachmentTableNoLines thead tr td a:visited {
    color       : #00407A;
    font-family : arial;
    font-size   : 11px;
    font-weight : bold;
}


.docAttachmentTableNoLines tbody tr td {
    height      : 19px;
    padding     : 0px 5px 0px 5px;
    margin      : 0px;
    font-family : arial;
    font-size   : 11px;
    font-weight : normal;
    color       : #00407A;
}

.docAttachmentTableNoLines tbody tr td a, .docAttachmentTableNoLines tbody tr td a:visited {
    color       : #00407A;
    font-family : arial;
    font-size   : 11px;
}

/*  primary sorting */
.docAttachmentTable thead tr td.sort1 {
    background-color: #A0B8D6;
}

/*  secondary sorting   */
.docAttachmentTable thead tr td.sort2 {
    background-color: #C5D0E1;
}

.docAttachmentTable-header-right {
    background: white;
}

.docAttachmentTable-pagination {
    padding: 2px 2px 2px 4px;
}

/* START: This CSS rules was missing from the System Data toolkit */
/*        coach_designer_base.css file. It was introduced in the */
/*        WLE 7.2 release */
.twDocViewerFrame {
    width: 100%;
    border: 1px solid #ADBDD2;
}

.twDocViewerLink {
    width: 100%;
    text-align: right;
}
/* END */

/*
  Table with around border
*/

table.docAttachmentTable-around-line {
    margin-top      : 20px;
    border-collapse : collapse;
    width           : 100%;
    border-spacing  : 0px;
    border-width    : 1px 1px 1px 1px;
}

table.docAttachmentTable-around-line, .docAttachmentTable-around-line thead tr th {
    border-color : #00407A;
    border-style : solid;
}

.docAttachmentTable-around-line thead tr th {
    background-color : #00407A;
    padding          : 0px 10px 0px 5px;
    margin           : 0px;
    border-width     : 0px 0px 1px 0px;
    height           : 20px;
    color            : #BFCFDE;
    font-family      : arial;
    font-size        : 13px;
    font-weight      : bold;
    text-align       : left;
}

table.docAttachmentTable-around-line, .docAttachmentTable-around-line thead tr td {
    border-color : #CCD9E4;
    border-style : solid;
}

.docAttachmentTable-around-line thead tr td {
    height           : 19px;
    background-color : #E5ECF1;
    padding          : 0px 5px 0px 5px;
    margin           : 0px;
    border-width     : 0px 0px 1px 0px;
    font-family      : arial;
    font-size        : 11px;
    font-weight      : bold;
    color            : #00407A;
}

.docAttachmentTable-around-line thead tr td a, .docAttachmentTable-around-line thead tr td a:visited {
    color       : #00407A;
    font-family : arial;
    font-size   : 11px;
    font-weight : bold;
}

table.docAttachmentTable-around-line, .docAttachmentTable-around-line tbody tr td {
    border-color : #CCD9E4;
    border-style : solid;
}

.docAttachmentTable-around-line tbody tr td {
    height       : 19px;
    padding      : 0px 5px 0px 5px;
    margin       : 0px;
    border-width : 0px 0px 0px 0px;
    font-family  : arial;
    font-size    : 11px;
    font-weight  : normal;
    color        : #00407A;
}

.docAttachmentTable-around-line tbody tr td a, .docAttachmentTable-around-line tbody tr td a:visited {
    color       : #00407A;
    font-family : arial;
    font-size   : 11px;
}

/*
  APAR JR48245 - Date Selector issues on IE7 and all other browsers
  1) IE7 - calendar images appear outside of a table that has scrolling content,
           i.e. height is set on the table to show 10 rows and the table has 50 rows
  2) all - calendar image overlap the adjacent control when used in table or section with multiple columns
  3) IE  - there white space at bottom of drop down button
  4) all - spacing is not consistent Date Selector is used in a table vs a section or when it is configured
           to use date and time or just time
 */
.dj_ie .dijitInputContainer {
    display: inline-block;
}

.twDateSelector {
    position: relative;
    height: 19px;
    width: 100%;
}

.twDateSelector .dateSelectionSingleInputTextBox,
.twDateSelector .dateSelectionDoubleInputTextBox {
    width: 100%;
    margin: 0;
}

.twDateSelector .rightPicker .dateSelectionDoubleInputTextBox {
    width: 8em;
}

.dj_ie .twDateSelector .leftPicker {
    right: 20px;
}

.twDateSelector .leftPicker {
    position: absolute;
    left: 0px;
    right: 22px;
}

.dj_ie .twTableTD .twDateSelector .leftPickerWithTime {
    right: 131px;
}

.twTableTD .twDateSelector .leftPickerWithTime {
    right: 135px;
}

.dj_ie .twDateSelector .leftPickerWithTime {
    right: 112px;
}

.twDateSelector .leftPickerWithTime {
    right: 116px;
}

.twDateSelector .leftPickerOnlyTime,
.twDateSelector .rightPicker {
    display: none;
}

.twDateSelector .rightPickerWithTime {
    display: inline;
    position: absolute;
    right: 20px;
}

.dj_ie .twDateSelector .rightPickerOnlyTime {
    right: 20px;
}

.twDateSelector .rightPickerOnlyTime {
    left: 0px;
    right: 22px;
}

.twDateSelector .calImage {
    position: absolute;
    right: 0px;
}

/*
  APAR JR55785 - Date Selector read-only issue on Chrome only
*/
.dj_webkit .twDateSelector .dijitTextBoxDisabled INPUT {
    color: inherit;
}
