﻿/********************************/
/* Primary Color: #82A3D1 (blue)
/* Secondary Color: #FA9EB6 (pink)
/* Font: Verdana
/********************************/

body {
    margin: 0 auto;
    font-family:Arial;
    font-size:12px;
    background-image:url(Images/Background.gif)
}

a
{
    color: #0033CC;
    text-decoration: none;
}
a:hover { color:#457DDF }

h1 { font-size:16px; font-weight:bold; font-family:Arial;  }
h2 { font-size:14px; font-weight:bold; font-family:Arial; }

.table caption { padding:5px; font-weight:bold; }
.table tr td, .table tr th { padding:5px; }
.table tr th { font-weight:bold }

.image { padding:5px; border:solid 3px #82A3D1 }

.forms { 
    list-style:none;
}
.forms li a img{
    margin-top:3px;
}
.forms li a{
   height:17px;
   line-height:17px;
}


hr { height:1px; border:none; background-color:#000 }

#container {
    width:920px;
    text-align:center;
    margin:0 auto;
}
#wrapper {
    border:#82A3D1 solid 4px;
    text-align:center;
}
.menu {
    width:152px;
    border-bottom:#82A3D1 solid 4px;
    background-color:#FA9EB6;
    margin:0 auto;
    text-align:center;
    font-size:11px;
    float:left;
}
.menu .AspNet-Menu-Vertical ul.AspNet-Menu li {
    background-color:#82A3D1;
    width:152px;
    line-height:24px;
}
.menu .AspNet-Menu-Vertical ul.AspNet-Menu a {
    color:#FFF;
    font-weight:bold;
}
.menu .AspNet-Menu-Vertical ul a:hover {
    background-color:#FA9EB6;
}
.menu .AspNet-Menu-Vertical ul.AspNet-Menu li.AspNet-Menu-Separator {
    display:none;
    height: 1% !important;

}
.menu .AspNet-Menu-Vertical ul.AspNet-Menu li.AspNet-Menu-Selected,
.menu .AspNet-Menu-Vertical ul.AspNet-Menu li.AspNet-Menu-WithChildren a.AspNet-Menu-ChildSelected {
    background-color:#FA9EB6;
}

#contentContainer { 
width:912px;
border-top:#82A3D1 solid 4px;
background-color:#FFF;
background-image: url(Images/ContentBackground.gif);
background-repeat:repeat-y
}
#disclaimer {
    text-align: left; 
    margin: 0 auto;
    text-align:justify;
    font-size:10px
}
#leftContent {

width:152px;
border-right:#82A3D1 solid 4px;
float:left;
}
#content {
 width:536px;
 float:left;
 text-align:justify;
 padding:20px;
 
}
#content ul { 
 margin-left:20px;
}
#content ul li {
    padding:5px 0;
}
#rightContent {
    text-align:center;
    width:160px;
    float:left;
  background-color:#82A3D1;
  padding:10px;
}
#rightFlashContainer {
    border:solid 1px #FA9EB6;
    width:150px;
    margin:0 auto;
}
#footer {
    font-size:10px;
}
div.footerMenu {
    width:930px;
    margin:0 auto;
    text-align:center;
    font-size:1em;
    font-family:Arial;
    white-space:nowrap;
}
.footerMenu .AspNet-Menu-Horizontal {
    text-align:center;
    margin:0 auto;
    white-space:nowrap;
}
.footerMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Separator {
	display:none;
	visibility:hidden;
}
.footerMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li {
    text-align:center;
    padding:0 10px;
    white-space:nowrap;
}
.footerMenu a {
    font-weight:bold;
    white-space:nowrap;
}

/* Gender Table */

.genderTable { border:solid 1px #000; border-collapse:collapse}
.genderTable caption { padding:5px; font-weight:bold; }
.genderTable tr td{ padding:5px; margin:5px; border:solid 1px #000}
.genderTable tr th
{
    font-weight: bold;
    background-color: #FFFF00;
    text-align:center;
    border:solid 1px #000;
    border-top:none;
    border-bottom:none; 
    vertical-align:middle;
    padding:5px;
}
.genderTable tr td.girl
{
    background-color: #FF6699;
    white-space:nowrap;
}
.genderTable tr td.boy
{
    background-color: #3399FF;
     white-space:nowrap;
}
.genderTable tr td.chooseAGender
{
    background-color: #FF9933;
}

/* Tracking Calendar */
.trackingCalendar { border:solid 1px #000; border-collapse:collapse; position:relative; background-color:#E7F4F5}
.trackingCalendar .day{ position:relative; right:0; top:0; text-align:right }
.trackingCalendar tr td { height:100px; width:76px; border:solid 1px #000; padding:5px; }
.call {color: #FF9900;font-weight:bold; }
.cd {color: #000;font-weight:bold; font-style:italic }
.protect {color: #FF0000;font-weight:bold; }
.opk {color: #0000FF;font-weight:bold; }
.procedure {color: #9966FF;font-weight:bold; }
.test {color: #6600CC;font-weight:bold; }
.abstain {color: #009933;font-weight:bold; }
.key { border:solid 1px #000; padding:5px; background-color:#E7F4F5}

.comparisonChart th { font-weight:bold; margin-top:20px }
.comparisonChart th { padding:10px 5px; }
.comparisonChart tfoot td { text-align:center; padding:10px }
.comparisonChart li { padding:0 !important }
.comparisonChart th { background-color:#1EBF23; color:#FFF; }
.comparisonChart caption { margin-bottom:20px }
.comparisonChart td {  background-color:#FCE176; padding:10px 5px; }