/*
 * Kiel Laboratories
 */

body, td {  font-family: Arial, Helvetica, sans-serif; font-size: x-small; color: #666666}

body {  background-color: #005CAB; background-image: url(images/bg-clouds.jpg); background-repeat: repeat-x; margin: 0; padding: 0; text-align: center; }

a:active {  color: #005FAF; font-weight: bold; }
a:link {  color: #005FAF; font-weight: bold; }
a:visited {  color: #005FAF; font-weight: bold; }
a:hover {  color: #000000; font-weight: bold; }


p { padding: 0; margin-top: 0.5em; margin-bottom: 0.75em; }
ul { margin-top: 0.5em; margin-bottom: 1.5em }
h1 { font-size: medium; margin-top: 0; margin-bottom: 0.5em; padding: 0; font-weight: bold; color: #005FAF }
h2 { display: block; font-size: small; font-weight: bold; border-width: 0 0 1px 0; border-color: #005FAF; border-style: solid; margin-top: 0.5em; margin-bottom: 0.5em; padding: 0; color: #005FAF; }
h3 { font-size: x-small; margin-top: 0.5em; margin-bottom: 0.5em; padding: 0; font-weight: bold; color: #333333 ; font-style: italic}

.OuterShell { background-color: #FFFFFF; width: 760px ; margin-width: 0 5px; padding: 0 0 1px 0 }
.InnerShell { background-color: #EBF0F8; width: 750px; margin-bottom: 5px; text-align: left; margin-left: auto; margin-right: auto }

#MenuArea { text-align: left; width: 100%; background-color: #005FAF; background-image: url(images/bg-banner.jpg); }

#SubNavArea { text-align: left; font-size: xx-small; background-color: #FFFF99; }
#SubNavArea p { margin: 0 10px; }

#ContentArea {
  width: 602px;
  background-color: #FFFFFF;
  padding-bottom: 20px;
  text-align: left; 
}

#ContentArea p, h1, h2, h3  { margin-right: 10px; margin-left: 10px; }
#ContentArea li { list-style-image: url(images/bullet.gif) }
#ContentArea img { background-color: #EBF0F8; margin-bottom: 0.5em  }

.ImgLogoTopRight { float: right; margin: 0 0 0.5em 10px; }

.ImgPicture         { border: #005CAB solid 2px; margin-top: 0.5em; }
.ImgPictureLeftTop  { border: #005CAB solid 2px; margin-top: 0;     margin-right: 0.5em; float: left;  }
.ImgPictureLeft     { border: #005CAB solid 2px; margin-top: 0.5em; margin-right: 0.5em; float: left;  }
.ImgPictureRightTop { border: #005CAB solid 2px; margin-top: 0;     margin-left: 0.5em; float: right; }
.ImgPictureRight    { border: #005CAB solid 2px; margin-top: 0.5em; margin-left: 0.5em; float: right; }

#InfoArea { font-size: xx-small; text-align: left; width: 145px; float: right; }
#InfoArea ul { margin-top: 0.5em; margin-left: 1em; padding-left: 1em; color: #005CAB } 
#InfoArea p { color: #015CAB; padding: 0em 0.75em; }



#FooterArea { text-align: left; background-color: #005CAB ; background-image: url(images/bg-footer.jpg); background-repeat: repeat-x; font-size: xx-small; color: #FFFFFF; padding: 0px 10px}

.FloatLeft { float: left; }
.FloatRight { float: right; }

.text-small {  font-size: xx-small }

.tableBorder {  border: 2px #336699 solid; margin: 10px; width: 575px }
.tableLabel {  background-color: #6699CC; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; font-weight: bold; color: #FFFFFF; background-position: bottom; vertical-align: bottom}
.tableSubLabel { background-color: #EBF0F8; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; font-weight: bold; vertical-align: top}
.tableCell {  padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; border: #CCCCCC; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 0px; vertical-align: top}
.tableCellSmall { padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px ; font-size: xx-small; border: #CCCCCC; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 0px; vertical-align: top}
.tableLine {  font-size: 1pt; background-color: #6699CC}

/*
 * Home Page ONLY
 */

.bg-splash-home {  margin-bottom: 0.5em }
.bg-main-border { background-color: #FFFFFF; padding-top: 0px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px }


/*
 * Forms
 */

fieldset {
  border-color: #005CAB ;
  padding: 10px;
  margin: 0 10px;
}

legend {
  color: #005CAB ;
  font-weight: bold; 
}

label {
  color: #333333 ;
  float: left;
  display: block;
  padding: 5px 5px 0px 0px;
}

fieldset.checkbox input {
  clear: both;
  float: left;
  width: auto;
}

fieldset.checkbox label {
  font-weight: normal;
}

input { display: block } 
select { display: block }

.formTextField { 
  font-size: x-small; 
  background-color: #F0F0F0; 
  border: 1px solid #7F9DB9;
  vertical-align: middle;
  display: block;
}

textarea { 
  font-size: x-small; 
  background-color: #F0F0F0; 
  border: 1px solid #7F9DB9;
  vertical-align: middle;
  width: 100%
}

.formSubmit {  
  color: #333333;
  background-image:  url(images/bgSubmit.jpg);
  border: 1px solid #003399; 
  vertical-align: middle; 
}