html, body {
  font-family:          "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  font-size:            13px;
  background-color:     #FFFFFF;
  background-image:     url("ProtideShadowHorizontal.png");
  background-position:  bottom center;
  background-repeat:    no-repeat;
  color:                #444444;
}

input[type="text"]:hover,
input[type="password"]:hover,
input[type="text"]:focus,
input[type="password"]:focus,
textarea:hover,
textarea:focus,
select:hover,
select:focus
 {
  outline: 1px solid #F6B515;
}

.toolbarItem .tab {
  color: #FFFFFF;
}

#toolbar .menu.vertical {
  padding: 0px;
}

.toolbarItem .body {
  width:      186px;
  padding:    5px;
  border:     1px solid #404040;
  box-shadow: 3px 3px 4px #404040;
}

.toolbarItem .body a {
  color: #404040;
}

#searchBox input[type="text"]:hover,
#searchBox input[type="text"]:focus {
  outline: none;
}
               
#container {
  width:               100%;
  background-image:    url("ProtideShadowHorizontal.png");
  background-repeat:   no-repeat;
  background-position: center 126px;
}

#header {
  top:                 0px;
  left:                0px;
  right:               0px;
  height:              126px;
  width:               auto;
  background:          none;
  background-image:    url("ProtideLogoWhite.gif");
  background-position: 50px center;
  background-repeat:   no-repeat;
  background-color:    #61749C;
  border-top:          1px solid #999999;
  border-bottom:       1px solid #999999;
}

#website-title, #website-slogan {
  display: none;
}

#main {
  top:           140px;
  bottom:        15px;
  left:          20px;
  right:         20px;
  border-right:  1px solid #999999;
  border-bottom: 1px solid #999999;
  border-top:    1px solid #999999;
}

#content {
  padding-left:  50px;
  padding-right: 50px;
}

#articleContent {
  padding-left:  50px;
  width:         700px;
    line-height: 170%;
}

#articleContent em {
  padding:        3px;
  letter-spacing: 1px;
  color:          #888888;
  font-style:     normal;
  font-size:      13.5px;
}

#articleContent td {
  border: 1px solid #DDDDDD;
}

#articleContent tr:hover {
  background-color: #F2F2F2;
}

#articleContent a {
  padding:        3px;
  letter-spacing: 1px;
  font-style:     normal;
  font-size:      13.5px;
}

#articleContent a:hover {
  background-color: #DDE2EA;
}

a:active, a:link, a:hover, a:visited {
  color: #7F9DB9;
}

h1 {
  font-size:      36px;
  font-style:     normal;
  letter-spacing: 0.10em;
  color:          #C4C4C4;
  margin-top:     16px;
  margin-bottom:  20px;
  width:          700px;
}

h2, h3, h4 {
  color: #7F9DB9;
}

h2 {
  font-weight:    normal;
  letter-spacing: 0.18em;
  color:          #AAAAAA;
  margin-top:     20px;
}

#articleContent h2 {
  border-bottom: 1px solid #DDDDDD;
  margin-left:   -20px;
}

h3 {
  margin-bottom: 8px;
  font-size:     14px;
  padding-left:   5px;
  letter-spacing: 1px;
  font-weight:    normal;
  border-left:    4px solid #EEEEEE;
}

h4 {
  margin-bottom:   8px;
  font-size:       13px;
  text-decoration: underline;
}

p {
  text-align: justify;
}

div.summary {
  font-size:      15px;
  color:          #888888;
  line-height:    1.2em;
  letter-spacing: 0.03em;
  padding-left:   12px;
  border-left:    4px solid #EEEEEE;
  margin-left:    4px;
  margin-bottom:  26px;
}

.form {
  border:        1px solid #E9E9E9;
  margin-top:    10px;
  margin-bottom: 20px;
  padding-top:   0px;
  padding-left:  10px;
  padding-right: 10px;
}

.form-header {
  width:            auto;
  font-size:        16px;
  font-weight:      normal;
  letter-spacing:   0.18em;
  color:            #61759B;
  background-color: #FFFFFF;
  border:           none;
  margin-top:       10px;
  padding-bottom:   6px;
}

.form-section {
  margin-bottom: 0px;
}

.form-body {
  padding-top:      10px;
  padding-bottom:   10px;
  margin-left:      16px;
  background-color: #F4F4F4;
  border:           1px solid #D4D4D4;
}

.simpleTable .updateForm .form-body,
.simpleTable .form-body .hasMenu {
  border:           none;
  background-color: #FFFFFF;
}

.form .buttons {
  margin-top:    4px;
  margin-bottom: 4px;
}

.form-caption {
  color: #61759b;
}

.form select {
  font-size: 13px;
}

div.message {
  border:           none;
  margin-top:       20px;
  background-color: none;
}

div.message .header {
  font-size:        16px;
  color:            #61759b;
  border:           none;
  background-color: #F4F4F4;
  border-bottom:    1px solid #D4D4D4;
  padding-left:     8px;
  padding-bottom:   5px;
  padding-top:      5px;
}

div.message .body {
  margin-left: 12px;
  padding-top: 6px;
  background:  none;
}

div.message .header .item-info {
  position:    absolute;
  top:         0px;
  font-weight: normal;
}

table {
  border-spacing:  1px;
  border-collapse: collapse;
}

th .form-value {
  font-size:  10px;
  height:     12px;
  font-style: italic;
  color:      #444444;
}

.query th {
  font-size:           10px;
  color:               #FFFFFF;
  background-repeat:   repeat-x; 
  background-position: center;
  background-image:    url("ProtideTableHeader.png");
  background-color:    #61749C;
  border:              1px solid #989898;
}

.query td.column-even, .query td.column-odd {
  border-left:   1px solid #D3D3D3;
  border-right:  1px solid #D3D3D3;
  border-bottom: 1px solid #D3D3D3;
}

.query td.column-odd {
  background-color: #EEEEEE;
}

.hot td.column-odd {
  background-color: #f2ab82;
}

.selectedRow td.column-odd {
  background-color: #b0c4e4;
}

.dateSelectorHeader,
.dateSelectorHeader a {
  background-color: #61749C;
}

.dateSelectorHeader .caption:hover {
  color: #FFFFFF;
}

blockquote {
  margin:  0;
  padding: 10px;
}

blockquote:hover {
  background-color: #F2F2F2;
  border:           1px solid #DDDDDD;
  padding:          9px;
}

.class {
  font-family:    "Courier New";
  padding:        3px;
  letter-spacing: 1px;
}

/* Main menu */

#mainMenu {
  top:   90px;
  right: 10px;
  left:  320px;
}

#mainMenu > li {
  border-left: 1px solid #FFFFFF;
}

#mainMenu > li:first-child {
  border-left: none;
}

#mainMenu > li > span {
  margin-left: 6px;
}

#mainMenu > li > span[onclick] {
  background-image: url("ProtideMenuLevel1Click.gif");
}

#mainMenu > li > span,
#mainMenu > li > span > a {
  color:     #FFFFFF;
  font-size: 18px;
  height:    24px;
}

#mainMenu > li > ol {
  top: 24px;
}

#mainMenu li span,
#mainMenu li span a {
  _color:     #FFFFFF;
  _font-size: 18px;
}

/* Specific styling of table items in Advice module */

#Details > div > table {
  margin-left:     16px;
  border-collapse: collapse;
  border:          1px solid #D4D4D4;
}

#Details > div > table > tbody > tr > th {
  background-color: #F4F4F4;
  border:           1px solid #D4D4D4;
  color:            #808080;
}

#Details > div > table > tbody > tr > td {
  border:  1px solid #D4D4D4;
  padding: 3px;
}