/* Copyright 2004-2006, Page Step Web and Print Design - www.pagestep.com */

/* custom global css */
/*
   UL/LI stuff is interpreted differently by different browsers. See
   CONFIG_DIR/{browserid}.css for corrections.
*/
UL {
  margin: 4px 0px 4px -4px ;
}
UL LI {
  margin: 0px ;
  list-style: url(../images/blue_square.gif) ;
  text-align: justify ;
}

PRE {
  margin: 5px 0px 10px 0px ;
}
H2 {
  margin: 5px 0px 5px 0px ;
  font-weight: bold ;
}
SPAN.company {
  font-family: "Georgia", "Times New Roman", "Times Roman", serif ;
  font-weight: bolder ;
  font-style: italic ;
  color: #000000 ;
}
A:link    { color: #1707B5 ; text-decoration: none ; }
A:active  { color: #1707B5 ; text-decoration: none ; }
A:visited { color: #7500B5 ; text-decoration: none ; }
A:hover   { color: #1707B5 ; text-decoration: underline ; }

A.pagelink:link    { font-weight: bold ; color: #1027B5 ; text-decoration: none ; }
A.pagelink:active  { font-weight: bold ; color: #1027B5 ; text-decoration: none ; }
A.pagelink:visited { font-weight: bold ; color: #6027B5 ; text-decoration: none ; }
A.pagelink:hover   { font-weight: bold ; color: #1027B5 ; text-decoration: underline ; }

A.nolink:link    { color: #000000 ; text-decoration: none ; }
A.nolink:active  { color: #000000 ; text-decoration: none ; }
A.nolink:visited { color: #000000 ; text-decoration: none ; }
A.nolink:hover   { color: #000000 ; text-decoration: none ; }

TABLE.logo {
  width: 100% ;
  margin: 0px ;
  background: url(../images.site/logo-bg.gif) top repeat-x ;
  border-style: solid ;
  border-width: 0px ;
  border-color: #ff0000 ;
}
TABLE.logo TD.logo-img {
  width: 1% ;
}
TABLE.today {
  margin-top: -13px ;
  border-style: solid ;
  border-width: 0px ;
  border-color: #ff0000 ;
}
TABLE.today TD.date {
  padding: 0px 0px 0px 17px ;
  font-size: 85% ;
  color: #3E3935 ;
}

/*
DIV.content {
  margin: 0px 5px 25px 5px ;
  border-style: solid ;
  border-width: 1px ;
  border-color: #dddddd ;
}
*/

INPUT {
  padding: 2px 4px 2px 4px ;
  font-family: "Georgia", "Times New Roman", "Times Roman", serif ;
  font-weight: normal ;
  font-style: normal ;
  color: #000000 ;
  background: #E8E8FF ;
  border-width: 1px ;
  border-style: solid ;
  border-color: #351698 #ddffdd #ddffdd #351698 ;
}
INPUT.w10 {
  width: 10% ;
}
INPUT.w40 {
  width: 40% ;
}
INPUT.w45 {
  width: 45% ;
}
INPUT.w65 {
  width: 65% ;
}
INPUT.w75 {
  width: 75% ;
}
INPUT.w85 {
  width: 85% ;
}
INPUT.w90 {
  width: 90% ;
}
INPUT.w100 {
  width: 97% ;
}
SELECT {
  font-family: "Georgia", "Times New Roman", "Times Roman", serif ;
  font-weight: normal ;
  font-style: normal ;
  color: #000000 ;
  background: #fbfbff ;
}
TEXTAREA {
  width: 97% ;
  height: 140px ;
  padding: 2px 4px 2px 4px ;
  font-family: "Georgia", "Times New Roman", "Times Roman", serif ;
  font-weight: normal ;
  font-style: normal ;
  color: #000000 ;
  background: #E8E8FF ;
  border-width: 1px ;
  border-style: solid ;
  border-color: #351698 #ddffdd #ddffdd #351698 ;
}
INPUT.submitbutton {
  padding: 1px 2px 1px 2px ;
  font-family: "Arial", "Helvetica", "Helv", sans-serif ;
  font-weight: bold ;
  font-size: 90% ;
  color: #ffffff ;
  background-color: #351698 ;
  border-width: 0px 2px 2px 0px ;
  border-style: solid ;
  border-color: #ffffff #000000 #000000 #ffffff ;
}
INPUT.resetbutton {
  padding: 1px 2px 1px 2px ;
  font-family: "Arial", "Helvetica", "Helv", sans-serif ;
  font-weight: normal ;
  font-size: 90% ;
  color: #ffffff ;
  background-color: #351698 ;
  border-width: 0px 2px 2px 0px ;
  border-style: solid ;
  border-color: #ffffff #000000 #000000 #ffffff ;
}
INPUT.normalbutton {
  padding: 1px 2px 1px 2px ;
  font-family: "Arial", "Helvetica", "Helv", sans-serif ;
  font-weight: normal ;
  font-size: 90% ;
  color: #ffffff ;
  background-color: #351698 ;
  border-width: 0px 2px 2px 0px ;
  border-style: solid ;
  border-color: #ffffff #000000 #000000 #ffffff ;
}
INPUT.deletebutton {
  padding: 1px 2px 1px 2px ;
  font-family: "Arial", "Helvetica", "Helv", sans-serif ;
  font-weight: normal ;
  font-size: 90% ;
  color: #ffffff ;
  background-color: #FD003B ;
  border-width: 0px 2px 2px 0px ;
  border-style: solid ;
  border-color: #ffffff #000000 #000000 #ffffff ;
}


TABLE.note {
}
TABLE.note TD {
  padding: 2px 2px 2px 0px ;
  text-align: justify ;
}
TABLE.note TD.heading {
  padding-right: 10px ;
  font-weight: bold ;
  vertical-align: top ;
}
TABLE.note TD.debug-note {
  padding: 2px 6px 4px 6px ;
  background: #DF5631 ;
  font-family: "Arial", "Helvetica", "Helv", sans-serif ;
  color: #ffffff ;
  border-style: solid ;
  border-width: 1px ;
  border-color: #dddddd #333333 #333333 #dddddd ;
}
TABLE.warning {
  width: 97% ;
  margin: 10px 0px 0px 5px ;
  padding: 5px ;
  border-style: solid ;
  border-width: 1px ;
  border-color: #ffeeee #dd4400 #dd4400 #ffeeee ;
  background-color: #ffeaea ;
}
TABLE.warning TD {
  padding: 3px 0px 3px 0px ;
  font-family: "Arial", "Helvetica", "Helv", sans-serif ;
  font-size: 90% ;
  text-align: justify ;
  vertical-align: top ;
}
TABLE.warning TD.warninghead {
  width: 1% ;
  padding-right: 6px ;
  font-weight: bold ;
  color: #bb0000 ;
  white-space: nowrap ;
}
TABLE.warning TD.warningno {
  width: 1% ;
  padding-right: 6px ;
  vertical-align: top ;
}
TD.prompt {
  font-weight: bold ;
  text-align: right ;
  vertical-align: top ;
  white-space: nowrap ;
}
TD.l-prompt {
  font-weight: bold ;
  text-align: left ;
  vertical-align: top ;
  white-space: nowrap ;
}
TD.buttons {
  text-align: left ;
}
/* general messages */
TABLE.message {
  width: 100% ;
  margin: 0px 0px 8px 0px ;
  padding: 10px ;
  background: #eeffee ;
  border-style: solid ;
  border-width: 1px ;
  border-color: #ddffdd #339933 #339933 #ddffdd ;
}
TABLE.message TD {
  text-align: justify ;
  vertical-align: top ;
}
TABLE.message TD.head {
  width: 1% ;
  padding-right: 5px ;
  font-weight: bold ;
  white-space: nowrap ;
}
TABLE.errormessage {
  width: 100% ;
  margin: 0px 0px 8px 0px ;
  padding: 10px ;
  background: #ffeeee ;
  border-style: solid ;
  border-width: 1px ;
  border-color: #ffdddd #993333 #993333 #ffdddd ;
}
TABLE.errormessage TD {
  text-align: justify ;
  vertical-align: top ;
}
TABLE.errormessage TD.mtitle {
  padding-right: 5px ;
  padding-bottom: 3px ;
  font-weight: bold ;
}
TABLE.errormessage TD.head {
  width: 1% ;
  padding-right: 5px ;
  font-weight: bold ;
  white-space: nowrap ;
}

/*
H#.heading
DIV.content
TABLE.sub-c
  These items describe and manage display of content in the coloured offset
  heading boxes with borders in which content is displayed. These must be
  treated as a cohesive unit, and when modified, will affect each other - in
  some cases substantially.
*/
H3.heading {
  width: 90% ;
  margin: 0px ;
  padding: 8px 5px 3px 13px ;
  background: #BBB4D6 ;
}
H4.heading {
  width: 90% ;
  margin: 0px ;
  padding: 8px 5px 3px 13px ;
  background: #BBB4D6 ;
}
H5.heading {
  width: 90% ;
  margin: 0px ;
  padding: 8px 5px 4px 13px ;
  background: #BBB4D6 ;
}

DIV.page-nav {
  margin: 4px 0px 4px 10px ;
  font-size: 80% ;
}
DIV.page-nav A:link    { font-weight: bold ; text-decoration: none ; }
DIV.page-nav A:active  { font-weight: bold ; text-decoration: none ; }
DIV.page-nav A:visited { font-weight: bold ; text-decoration: none ; }
DIV.page-nav A:hover   { font-weight: bold ; text-decoration: underline ; }

DIV.page-nav SPAN.onpage {
  font-weight: normal ;
  color: #888888 ;
}

DIV.content {
  margin-top: -22px ;
  margin-bottom: 0px ;
  margin-left: 8px ;
  margin-right: 7px ;
  padding: 25px 10px 10px 10px ;
  padding: 25px 3% 10px 3% ;
  border-style: solid ;
  border-width: 1px ;
  border-color: #cccccc ;
}
DIV.toc-content {
  margin-top: -22px ;
  margin-bottom: 0px ;
  margin-left: 8px ;
  margin-right: 7px ;
  padding: 25px 10px 10px 0px ;
  padding: 25px 3% 10px 1% ;
  border-style: solid ;
  border-width: 1px ;
  border-color: #cccccc ;
}
DIV.toc-content LI {
  margin-top: 5px ;
}

TABLE.toc-c {
  margin: 6px 0px 0px 0px ;
  white-space: nowrap ;
  border-style: solid ;
  border-width: 0px ;
  border-color: #ff0000 ;
}
TABLE.toc-c TD {
  padding: 0px 0px 2px 0px ;
  white-space: normal ;
}

TABLE.sub-c {
  margin: 14px 0px 0px 0px ;
  white-space: nowrap ;
  border-style: solid ;
  border-width: 0px ;
  border-color: #ff0000 ;
}
TABLE.sub-c TD {
  padding: 0px 0px 0px 0px ;
  white-space: normal ;
}
TABLE.sub-c TD IMG {
  margin: 5px ;
}
TABLE.sub-c TD DIV {
  margin: 4px 0px 4px 10px ;
  white-space: normal ;
}
TABLE.sub-c TD DIV P {
  margin: 0px ;
}
TABLE.sub-c TD.prompt {
  padding-right: 5px ;
  padding-left: 3px ;
  width: 1% ;
  font-weight: bold ;
  white-space: nowrap ;
}
TABLE.sub-c TD.title {
  padding: 3px 0px 3px 3px ;
  font-size: 105% ;
  font-weight: bold ;
  background: #ECEAF2 ;
}
TABLE.sub-c TD.note {
  text-align: justify ;
}
