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

  .background-position: center 710px;
}

#container {
  width:               100%;
  background-image:    url("ProtideShadowHorizontal.png");
  background-repeat:   no-repeat;
  background-position: center 163px;
}

#header {
  background:          none;
  top:                 35px;
  left:                0px;
  right:               0px;
  height:              126px;
  width:               auto;
  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;

  .width: 100%;
}

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

#main {
  top:                 180px;
  bottom:              15px;
  left:                20px;
  right:               20px;
  border-right:        1px solid #999999;
  border-bottom:       1px solid #999999;
  border-top:          1px solid #999999;
  background-image:    url("ProtideGlowHorizontal.png");
  background-repeat:   repeat-y;
  background-position: right;

  .width:  96%;
  .height: 528px;
}

#content {
  padding-left:   40px;
  padding-right:  40px;

  .padding-left:  2%;
  .padding-right: 2%;
  .width:         96%;
  .height:        487px;
}

.summary {
  font-weight: bold;
}

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

h1 {
  font-size: 20px;
  color:     #61759B;
}

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

h2 {
  margin-top: 30px;
  font-size:  16px;
}

h3 {
  margin-bottom: 8px;
  font-size:     14px;
}

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

p {
  text-align: justify;
}

.form {
  border: 1px solid #61759b;
}

.form-header {
  background-color: #61759b;
  color:            #FFFFFF;
}

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

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

table {
  border-spacing: 1px;
}

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;
}

div.message {
  border:     1px solid #61759b;
  margin-top: 16px;
}

div.message .header {
  font-weight:   bold;
  color:         #61759b;
  border-bottom: 1px solid #61759b;
}

div.message .header .item-info {
  font-weight: normal;
}

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

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

/* Main menu */

#mainMenu {
  top:   50px;
  right: 10px;
  left:  350px;
}

#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 {
  height:    20px;
  color:     #FFFFFF;
  font-size: 16px;

  .height: auto;
}

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

#mainMenu li span,
#mainMenu li span a {
  .color:     #FFFFFF;
  .font-size: 16px;
}

#mainMenu ol li span,
#mainMenu ol li span a {
  .background: none;
  .color:      #7F9DB9;
  .font-size:  13px;
}