/*
    DC Intranet normal CSS style sheet
    Contains generic rules for all media types,
    followed by extra rules specific to screen or printer

    Chris Denning, April 2000
    Contact Company Systems Helpdesk with any queries
*/

HTML
{
    BACKGROUND-COLOR: white;
    COLOR: black;
    font-size: medium;
}

.DCLOGO
{
    BACKGROUND-IMAGE: url(http:/images/new_logo_trans.gif);
    BACKGROUND-POSITION: right top;
    BACKGROUND-REPEAT: no-repeat
}

HR
{
    COLOR: #FFCC00
}

HR.blue
{
    COLOR: #000066
}

FORM
{
    MARGIN-BOTTOM: 2px;
    MARGIN-TOP: 2px
}

H1, H2, H3, H4
{
    COLOR: #00197d;
    FONT-FAMILY: "arial", "helvetica", sans-serif;
    LINE-HEIGHT: 1;
}

H1
{
    MARGIN-BOTTOM: 4px
}

H2
{
    MARGIN-BOTTOM: 3px
}

H3
{
    MARGIN-BOTTOM: 2px
}

H4
{
    MARGIN-BOTTOM: 2px
}

TABLE
{
  border-collapse: collapse;
  empty-cells: show;
}

TH, .TH
{
    text-align: center;
    font-weight: bold;
}

.THleft
{
    text-align: left;
    font-weight: bold;
}

TH, .TH, TD
{
    padding: 3px;
}

.treeView TD
{
    padding: 0px;
}

UL
{
    MARGIN-BOTTOM: 2pt;
    MARGIN-LEFT: 20pt;
    MARGIN-TOP: 2pt
}

LI
{
    LIST-STYLE: outside
}

UL LI
{
    LIST-STYLE: disc
}

OL LI
{
    LINE-HEIGHT: 1.5;
    LIST-STYLE: decimal
}

OL UL LI
{
    LINE-HEIGHT: 1.5;
    LIST-STYLE: disc
}

UL OL LI
{
    LINE-HEIGHT: 1.5;
    LIST-STYLE: decimal;
}

DL
{
  margin-left: 2em;
}

DD
{
  margin-bottom: 1em;
}

A IMG
{
  border: none;
}

#LINK_BUTTON,.LINK_BUTTON
{
    BACKGROUND: #ffee99;
    border: 1px solid;
    FONT-FAMILY: "arial", "helvetica", sans-serif;
    FONT-SIZE: small;
    padding: 3px;
}

TABLE.menuBar
{
  background-color: #ffee99;
  margin-top: 3px;
  margin-bottom: 3px;
  border: solid 1px black;
}

TABLE.menuBar TH, TABLE.menuBar TD
{
  padding: 3px;
  border: solid 1px black;
}

UL.menuBar
{
        margin: 6px 0 6px 0;
        padding: 0;
        overflow: auto;
        width: 100%;
}

UL.menuBar LI
{
        list-style: none;
        margin: 1px;
  padding: 3px;
  background-color: #ffee99;
  border: solid 1px black;
  float: left;
}


.menuBar FORM
{
  margin: 0px;
  padding: 0px;
  border: none;
}

.LINK_BUTTON_SMALL
{
    background-color: #ffee99;
    FONT-FAMILY: "arial", "helvetica", sans-serif;
    padding: 1px;
}

.TABLE_CELL
{
    border: 1px solid;
}

.FOOTER
{
    FONT-SIZE: small;
    TEXT-ALIGN: center
}

.FOOTER p
{
   FONT-FAMILY: "arial", "helvetica", sans-serif;
   FONT-SIZE: smaller;
}

.FILENAME
{
    FONT-FAMILY: "courier", monospace;
    COLOR: green;
}

.code
{
    FONT-FAMILY: "courier", monospace;
    COLOR: green;
}

.listing
{
    COLOR: green;
    FONT-FAMILY: "courier", monospace;
    MARGIN-LEFT: 24pt
}

.debug
{
    BACKGROUND: #ffcccc;
}

.highlight
{
    color: red;
}

.left
{
  text-align: left;
}

.centre
{
  text-align: center;
}

.right
{
  text-align: right;
}

.number, .currencyAmount, .number INPUT, .currencyAmount INPUT
{
  text-align: right;
}

.FIXED_WIDTH
{
    font-family:    "Courier New", "Courier", monospace;
}

.alignTop
{
  vertical-align: top;
}

.noPadding, .noPadding TH, .noPadding TD
{
  padding: 0px;
}

.noVerticalMargin
{
  MARGIN-BOTTOM: 0px;
  MARGIN-TOP: 0px;
}

.noWrap
{
    white-space: nowrap;
}

.greyed
{
    COLOR: gray
}

.runIn
{
  display: run-in;
}

.bold
{
  font-weight: bold;
}

.italic
{
  font-style: italic;
}

.underline
{
  text-decoration: underline;
}

.displayOn
{
  display: run-in;
  visibility: visible;
}

TR.displayOn
{
  display: table-row;
}

.displayOff
{
  display: none;
  visibility: collapse;
}

THEAD, .tableHeader
{
  /* Table header rows to be repeated on each page.  Use with <THEAD> */
  display: table-header-group;
}

.tableFooter
{
  /* Table footer rows to be repeated on each page.  Use with <TFOOT> */
  display: table-footer-group;
}

/*
   If table has row rather than column headings,
   those headings should be left aligned rather than centred
*/
TABLE.rowHeadings TH, TABLE.rowHeadings .TH, TABLE.leftHeadings TH, TABLE.leftHeadings .TH
{
  text-align: left;
  vertical-align: top;
}

.handCursor
{
  cursor: pointer;
}

.defaultCursor
{
  cursor: default;
}

.lineBottom
{
  border-bottom: 1px solid black;
}

.lineBottom2
{
  border-bottom: 2px solid black;
}

.lineTop
{
  border-top: 1px solid black;
}

.lineTop2
{
  border-top: 2px solid black;
}

.verticalBar
{
  padding: 0px;
  border-left: 1px solid black;
  border-right: 1px solid black;
  width: 2px;
}

.deleteButton
{
    color: red;
}

.outlineBox
{
  border: thin solid #000066;
  padding: 6px;
}

.block
{
  display: block;
}

.inlineBlock
{
  display: inline-block;
}

/*
  Preserve whitespace and line breaks, but not necessarily fixed font like <PRE>
*/
.pre
{
  white-space: pre;
}

/*
  Different-coloured background to help distinguish alternate table rows
*/
.contrastBand
{
    BACKGROUND-COLOR: #fffff0;
}

.sideways
{
  writing-mode:tb-rl;
}

/*
  Alert banner for important system messages
*/
.highlightBanner {

  border:1px solid black;
  background-color: Yellow;
  font-size:larger;
  padding:5px;
  margin-top:5px;

}

.embedded .fullPageOnly
{
  display: none;
  visibility: hidden;
}

br
{
  mso-data-placement:same-cell;
}

.excelText
{
  mso-number-format:"\@";
}

.excelDate
{
  mso-number-format:"d\ mmm\ yyyy";
}

.excelNumberCommas0dp
{
  mso-number-format:"\#\,\#\#0";
}

.excelNumberCommas2dp
{
  mso-number-format:"\#\,\#\#0\.00";
}

/*
  Additional explanatory note for field, e.g. format
  Used by Company Systems composite controls
*/
.editComment
{
  font-size: 80%;
  padding-left: 1em;
  padding-right: 1em;
}

/* For AJAX Control Toolkit TextBoxWatermarkExtender */
.watermark
{
  color: #bbbbbb;
}

/*
  For AJAX Control Toolkit AutoCompleteExtenders
*/
.completionList
{
  padding: 2px;
  font-size: small;
  white-space: nowrap;
}

/*
  Simple tab strip links
*/

.tabStrip
{
  margin-bottom:10px;
  margin-top:5px;
}

.tabStrip span
{
  border-bottom:solid 1px black;
  margin-top:10px;
  padding:5px;
  line-height:25px;
}

.tabStrip a
{
  white-space:nowrap;
}

.tabSelected
{
  border-bottom:none !IMPORTANT;
  border-left:solid 1px black;
  border-right:solid 1px black;
  border-top:solid 1px black;
  position:relative;
  top:1px;
  padding-top:8px !IMPORTANT;
  background-color:white;
}

.tabSelected a
{
  font-weight:bold;
  text-decoration:none;
}

.tabLabel
{
  font-weight:bold;
  border-bottom:none !IMPORTANT;
}

div.controlPanel
{
  margin: 1em 0em 1em 0em;
}

div.gridViewPanel
{
  margin: 1em 0em 1em 0em;
}

fieldset {
margin: 1.5em 0 0 0;
padding: 0;
}
fieldset ul {
padding: 1em 2em;
list-style: none;
}
fieldset li {
padding-bottom: 1em;
list-style: none;
}
fieldset label {
display: inline;
margin-right: 0.5em;
font-weight: bold;
}
fieldset .ctb .cdl {
width:100%;
font:inherit;
vertical-align:text-bottom;
}

.prewrap
{
  white-space:pre-wrap;
}

.pseudoHyperlink
{
  cursor: pointer;
  COLOR: blue;
  text-decoration: underline;
}

.word_wrap_table
{
  word-wrap: break-word;
  table-layout: fixed;
  width: 100%;
}


/* Styles only used for printer, may override the common ones above */
@media print
{

  /*
    When printing, use page break after HR
  */
  .pagebreak
  {
    page-break-after: always;
  }

  /*
    need to define this class on its own even
    though it is the same as the menuBar etc.
    otherwise IE6 will not cope
  */
  .screenOnly
  {
    display: none;
    visibility: hidden;
  }

  .menuBar, .editComment, DIV#__asptrace
  {
    display: none;
    visibility: hidden;
  }

  div.controlPanel
  {
    display: none;
    visibility: hidden;
  }

  .printerOnly
  {
    visibility: inherit;
  }

  TABLE, TH, TD
  {
      border-color: #d0d0d0;
  }

  /*
    Different-coloured background to help distinguish alternate table rows
    Slightly more different on printouts to make it visible
  */
  .contrastBand
  {
      BACKGROUND-COLOR: #ffffe0;
  }
}

/* Styles only used for screen, may override the common ones above */
@media screen
{
  /*
    When printing, use page break after HR
  */
  .pagebreak
  {
      DISPLAY: none;
      VISIBILITY: hidden
  }

  .screenOnly
  {
      visibility: inherit;
  }

  .printerOnly
  {
      DISPLAY: none;
      VISIBILITY: hidden;
  }

  /*
    On screen (but not printer, use light grey background to indicate read-only text inputs
    The attribute selector works on FireFox but not on IE 6 or 7, so use a class as well
  */
  .readOnly
  {
    color: black;
    background-color: #eee;
  }
  input[readonly], textarea[readonly]
  {
    color: black;
    background-color: #eee;
  }

  /*
    Improve contrast on disabled drop-down lists.
    Dark grey on light grey by default.  Change to black on light grey.
    CSS attribute selector only works on FireFox, not IE 6 or 7
  */
  select[disabled]
  {
    color: black;
    background-color: #eee;
  }
  /* Also change background for disabled inputs */
  input.disabled
  {
    color: black;
    background-color: #eee;
  }

  .error
  {
    color: red;
  }

  DIV.error
  {
    margin: 3px;
    border: 2px solid red;
    padding: 3px;
  }

  DIV.success
  {
    margin: 3px;
    border: 2px solid Green;
    padding: 3px;
  }

  .error INPUT
  {
    color:Red;
  }

  .warning
  {
    border-color: blue;
    color: blue;
  }

  .externalField
  {
    COLOR: purple;
  }

  TABLE, TH, TD
  {
      border-color: #00197d;
  }

  /*
     Hovering over the hoverContainer causes the popupContent to display
     Works on IE7 and FireFox with CSS alone
     On IE6, needs client-side JavaScript to add "over" class to container
     onmouseover
  */
  .hoverContainer
  {
    border: dotted 2px gray;
    padding: 2px;
  }

  .hoverContainer .popupContent
  {
    display: none;
  }

  .hoverContainer:hover DIV.popupContent, .over DIV.popupContent
  {
    display: block;
  }

  .hoverContainer:hover SPAN.popupContent, .over SPAN.popupContent
  {
    display: inline;
  }
}