body {
    margin: 0 auto;
    padding: 0;
/* background: url("../images/site-bk.jpg") repeat top left; */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 75%;
    line-height: 150%;
}
/* RICKI ADDED FOR mouse-over references in OI guidelines */
a.hideRef, a.showRef {
    color: # 039;
    text-decoration: none;
    cursor: pointer;
}
a.hideRef span.ref {
    left: -10000px;
    position: absolute;
    border: 1px solid red;
}
a.showRef span.ref {
    position:absolute;
    width:300px;
    margin-top: 15px;
    padding:5px;
    background-color:#fffabf;
    border:1px solid #036;
    z-index:10;
}
/* RICKI ADDED FOR EXPANDABLE TOPICS */
div.section2 {
    margin-top:20px;
    margin-bottom:20px;
}
div.section3 {
    margin-top:20px;
    margin-bottom:20px;
}
div.section4 {
    margin-left:10px;
    margin-top:10px;
    margin-bottom:10px;
}
div.expandable {
    margin-left:25px;
/* display:none; */
}
.hidden {
    display:none;
}
#floatpage {
    text-align: left;
    width: 850px;
    margin: 0 auto;
    position: relative;
/* to fix jumping side navigation in IE7 */    
    background-color: #fff;
}
/* fixes for font size */
p, blockquote {

}
li {

}
td, td ul li, td ul li p {

}
td ul {
    margin-left: 0;
    padding-left: 15px;
}
.cell p, .cell li {
 
}
.formitems {
 
}
input {
   
}
/* end fixes for font size */
/* for survey button on banner */
p.survey {
    margin: 0;
}
.survey a, .survey a:link, .survey a:visited {
    position: absolute;
    left: 475px;
    top: 73px;
    width: auto;
    border: 2px solid #fc6;
    margin: 0;
    padding: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    display: block;
    color: #fff;
    text-decoration: none;
    text-align: center
}
.survey a:hover {
    text-decoration: none;
    background-color: #fc6;
    color: #006;
}
/* end for survey button on banner */
a:link {
    color:#003399;
}
a:active {
    color:#003399;
}
a:visited {
    color:#003399;
}
a:hover {
    color:#ec5e00;
    text-decoration:none;
}
.relatedheader a:link {
    color:#ffffff;
     
}
.relatedheader a:active {
    color:#ffffff;
     
}
.relatedheader a:visited {
    color:#ffffff;
     
}
.relatedheader a:hover {
    color:#ffffff;
     
}
/*** site navigation in banner ***/
#site-navigation {
    margin-right: 10px;
    border-left: 1px solid #69c;
    text-align: left;
}
.site-navigation a, .site-navigation a:visited {
    margin: 0;
    padding: 2px;
    padding-bottom: 3px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 13px;
    display: block;
    color: #fff;
    text-decoration: none;
    background-color: #006;
    text-align: center;
    border-right: 1px solid #6699CC;
}
.site-sub-navigation, .site-sub-navigation a, .site-sub-navigation a:visited {
    color: #fc6;
    font-size: 12px;
    padding-top:8px;
    text-align: right;
    font-weight: bold;
}
.site-sub-navigation a {
    margin-right: 5px;
    margin-left: 5px;
    text-decoration: none;
}
.site-navigation a:hover {
    text-decoration: none;
    background-color: #fc6;
    color: #006;
}
.site-sub-navigation a:hover {
    text-decoration: none;
    color: #fc6;
}
#I1, #I1:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 10px;
}
#I1:hover {
    cursor: pointer;
}
.site-description {
    margin: 0;
    padding: 0;
    width: 550px;
    color: #eee;
    font-size: 9pt;
    font-weight: bold;
    margin-left: 60px;
}

.normalcenter {
    text-align: center;
}
.white {
    color:#ffffff;
}
/* This tag replaces depricated attributes in the body element */
body {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
}
form {
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}
/* This tag does small caps */
.smallcaps {
    font-variant: small-caps;
    text-transform: uppercase;
}
/* This tag is for the titles of pages */
.pgtitle {
    font-size: 14pt;
    font-family: Arial, Helvetica, sans-serif;
    color:#1f4dab;
    text-align: left;
    margin-bottom:0;
    font-weight:normal;
    line-height: 1.3em;
}
.pgtitle a, pgtitle a:link, pgtitle a:visited {
    text-decoration:none;
}
/* This is the tags for dates and authors in the byline */
.bylinetype {

    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color:#000000;
}
.bylinedate {
    
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color:#000000;
}
.bylineauthor {
   
    font-family: Arial, Helvetica, sans-serif;
    color:#000000;
}
.bylinedesc {
 
    font-family: Arial, Helvetica, sans-serif;
    color:#606060;
}
.ref {
    
    color:#000000;
}
/* This is the tags for section headers - the first section is HKB Chapter only */
.section {
    font-size: 14pt;
    font-family: Arial, Helvetica, sans-serif;
    color:#000000;
    text-align: left;
}
.section2, h2 {
    font-size: 12pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color:#003366;
    text-align: left;
}
.section3, h3 {
    font-size: 11pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color:#003399;
    text-align: left;
}
.section4, h4 {
    
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color:#0033cc;
    text-align: left;
}
.section5, h5 {
    font-size: 9pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: italic;
    color:#0033ff;
    text-align: left;
}
/* This ends the tags for section headers */
/* These are the table tags */
.tableheader {
    font-size: 10.5pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color:#000000;
}
.rowheader {
   
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color:#000000;
    text-align: center;
}
.rowheaderright {
   
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color:#000000;
    text-align: right;
}
.rowheaderleft {

    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color:#000000;
    text-align: left;
}
.rowheadercenter {
    
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color:#000000;
    text-align: center;
}
.cell {
    
    font-family: Arial, Helvetica, sans-serif;
    color:#000000;
    text-align: left;
}
.cellcenter {

    font-family: Arial, Helvetica, sans-serif;
    color:#000000;
    text-align: center;
}
.cellright {
    
    font-family: Arial, Helvetica, sans-serif;
    color:#000000;
    text-align: right;
}
.cellrightblue {
    
    font-family: Arial, Helvetica, sans-serif;
    color:#003399;
    text-align: right;
}
.cellleft {
    
    font-family: Arial, Helvetica, sans-serif;
    color:#000000;
    text-align: left;
}
.tablefooter {
    
    font-family: Arial, Helvetica, sans-serif;
    color:#000000;
}
/* These are the box tags */
.box {
    
    font-family: Arial, Helvetica, sans-serif;
    color:#000000;
    text-align: left;
}
.boxtitle {
    font-size: 10.5pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color:#003399;
    text-align: left;
    margin-top: 10px;
}
.boxheader {
    font-size: 10.5pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color:#000000;
}
.boxcenter {
    
    font-family: Arial, Helvetica, sans-serif;
    color:#000000;
    text-align: center;
}
.boxright {
    
    font-family: Arial, Helvetica, sans-serif;
    color:#000000;
    text-align: right;
}
.boxrightblue {
    
    font-family: Arial, Helvetica, sans-serif;
    color:#003399;
    text-align: right;
}
.boxleft {
    
    font-family: Arial, Helvetica, sans-serif;
    color:#000000;
    text-align: left;
}
.boxfooter {
    
    font-family: Arial, Helvetica, sans-serif;
    color:#000000;
}
/* This ends the table tags */
/* This is the tag for the left navigation */
.leftnavheader {
    
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color:#606060;
    text-align: left;
}
.leftnavheader2 {
    font-size: 8pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color:#606060;
    text-align: left;
}
.leftnav {
    font-size: 8pt;
    font-family: Arial, Helvetica, sans-serif;
    color:#606060;
    text-align: left;
}
/* This ends the tag for the left navigation */
/* This is the tag for the bottom navigation on multi-document template */
.bottomnav {
    
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color:#606060;
    text-align: center;
}
/* This ends the tag for the bottom navigation on multi-document template */
/* This is the tags for box treatments, at-a-glance, tools and related resource */
.relatedheader {
    
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color:#ffffff;
    text-align: center;
}
.glanceheader {
    
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color:#ffffff;
    text-align: left;
}
.boxsectionhead {
    font-size: 8pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color:#606060;
    text-align: left;
}
.boxtext {
    font-size: 8pt;
    font-family: Arial, Helvetica, sans-serif;
    color:#000000;
    text-align: left;
}
.boxtextcd {
    font-size: 8pt;
    font-family: Arial, Helvetica, sans-serif;
    color:#666666;
    text-align: left;
}
.boxtextcenter {
    font-size: 8pt;
    font-family: Arial, Helvetica, sans-serif;
    color:#000000;
    text-align: center;
}
.boxtextright {
    font-size: 8pt;
    font-family: Arial, Helvetica, sans-serif;
    color:#000000;
    text-align: right;
}
.boxtextrightblue {
    font-size: 8pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color:#003399;
    text-align: right;
}
/* This is the tags for box treatments, at-a-glance and related resource */
/* These are the tags for sections in the KBR pages */
.kbrsec1 {
    font-size: 12pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color:#606060;
    text-align: left;
}
.kbrsec2 {
    font-size: 9pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color:#606060;
    text-align: left;
}
.kbrsec3 {
    font-size: 9pt;
    font-family: Arial, Helvetica, sans-serif;
    color:#606060;
    text-align: left;
}
.crumb {
    font-weight: normal;
    
    color: #003366;
    font-family: Arial, Helvetica, Tahoma, sans-serif;
}
.sup {
    
    color:#000000;
}
/* new for t1s */
.colleft {
    float: left;
    width: 53%
}
.colright {
    float: right;
    width: 43%;
    border: 1px solid #ccc;
    border-bottom: 0
}
.t1section {
    font-size: 12pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color:#003366;
    text-align: left;
    margin: 0;
    margin-bottom: 3px;
}
.t1section2 {
    
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color:#003399;
    text-align: left;
    margin: 0;
    margin-bottom: 3px;
}
.t1section3 {
    font-size: 9pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color:#0033cc;
    text-align: left;
    margin: 0;
    margin-bottom: 3px;
}
ul.t1items {
    margin: 0;
    margin-bottom: 30px;
    list-style: none;
    padding: 0;
}
ul.t1items li {
    margin-top: 0;
    margin-bottom: 10px;
}
ul.t1items ul {
    list-style-image: url("../images/grey_square2.gif");
    margin-left: 20px;
    margin-bottom: 0;
}
ul.t1items ul li {
    margin: 0;
    margin-bottom: 0;
    margin-top: 5px;
}
.t1box {
    
    font-family: Arial, Helvetica, sans-serif;
    color:#000000;
    text-align: left;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    clear:both;
    float:left;
    width: 100%;
}
.featured {
    border: 1px solid #ccc;
    margin-bottom: 25px;
}
.t1boxheader {
    background-color: #fc6;
    color: #039;
    margin: 0;
    margin-bottom: 10px;
    font-size: 9pt;
    padding: 7px;
    border-bottom: 1px solid #ccc;
    text-transform: uppercase;
    letter-spacing: .8px;
}
.t1newboxheader {
    background-color: #006;
    color: #fff;
}
.t1featuredboxheader {
    background-color: #dbe8f5;
}
.t1promoboxheader {
    background-color: #fafafa;
}
.boxsection {
    
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color:#003399;
    text-align: left;
    margin: 15px 8px 3px 8px;
}
.boxsection2 {
    font-size: 9pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color:#0033cc;
    text-align: left;
    margin: 0;
    margin-bottom: 3px;
}
ul.boxitems {
    margin: 8px;
    list-style: none;
    padding: 0;
}
ul.boxitems li {
    margin-top: 0;
    margin-bottom: 9px;
    font-size: 9pt;
}
ul.boxitems ul {
    list-style-image: none;
    margin-left: 10px;
    margin-bottom: 0;
}
ul.boxitems ul li {
    margin: 0;
    margin-bottom: 0;
    margin-top: 5px;
    font-weight: normal;
}
.boxitems a, .boxitems a:link {
    text-decoration:none;
}
.t1title {
    margin: 0;
    margin-bottom: 20px;
    color: #1f4dab;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 16pt;
    border-bottom: 1px solid #ccc;
}
.desc {
    margin-top: 0;
    color: #606060;
    font-style: italic;
}
.boxdesc {
    margin-top: 0;
    color: #606060;
    font-style: italic;
    margin-left: 8px;
    margin-bottom: 10px;
}
.countrypicklist {
    margin-bottom: 30px;
}

#questions p.answerOption {
    position:relative;
}
#questions img.answerArrow {
    position:absolute; left:-35px;
}

#questions div.special {
/* CAPTCHA FIELD */    
    display:none;
}
/* FORM RESETS from YAHOO RESET */
#questions ul, #questions ol, #questions form, #questions fieldset, #questions input, #questions label, #questions textarea, #questions h4, #questions p, #questions table {
    margin:0;
    padding:0;
}
#questions div.form-text p {
/* these are intro and confirmation text */    
    margin-top: 10px;
    margin-bottom: 15px;
}
#questions div.form-text p.no-margin {
/* these are intro and confirmation text */    
    margin-top: 0;
    margin-bottom: 0;
}
#questions fieldset, #questions img {
    border:0;
}
#questions ul, #questions ol {
    list-style:none;
}
#questions legend {
/* used only for screen readers */    
    display:none;
}
#questions p.textquestion input, #questions p.textquestion textarea, #questions fieldset select {
/* add some border for FireFox */    
    border-bottom:1px solid #383773;
    border-right:1px solid #383773;
}
h4.textquestion {
    color: #333;
}
/* FORM TEMPLATES BASED ON ADOL */
#questions {
    margin-top:0px;
    margin-bottom:20px;
    line-height: 135%;
}
#questions div.question-block {
/* INDIVIDUAL QUESTION OF ANY DATA-TYPE */    
    border:1px solid #383773;
    margin:0;
    padding:0;
    padding-left:5px;
    margin-top:10px;
    padding-bottom:10px;
}
#questions p.question-sec, #questions h3 {
    clear:both;
    margin: 30px 0 0 0;
    color: #1f4dab;
    font-size: 1.2em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
}
#questions p.question, #questions p.question-table {
    color: #383773;
    font-size: 1.1em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    line-height:130%;
    margin: 0;
/* margin-bottom: 10px; */
    margin-top: 25px;
}
#questions fieldset, #questions p.textquestion {
    margin-left: 20px;
    margin-bottom:10px;
/* padding-bottom:10px; */
}
#questions h4 {
/* these are question headings */    
/* color: #383773; */
    line-height:130%;
    position:relative;
}
#questions h4.numbered {
/* these are question headings, with numbers */    
/*
   margin-bottom:-1em;
  margin-top:-1.2em;
 */
    clear:both;
}
#questions label, #questions .label, #questions h4.sub label {
/* these are text, radio, and checkbox labels */    
/* color: #383773; */
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
}
#questions fieldset.checkboxes label, #questions fieldset.radios label {
/* these are just for radio and checkbox labels */    
    margin-left: 5px;
}
#questions h4 label, #questions h4 span.label {
/* this is for text labels */    
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
}
#questions h4 {
    margin: 20px 0 0 0;
}
#questions h4 span.number {
    text-align:right;
    font-size:10pt;
    margin-right:5px;
}
#questions h4 span.numberlabel, #questions h4 label.numberlabel {
    font-size:10pt;
}
#questions div.side {
    padding-top:10px;
    padding-bottom:15px;
}
#questions p.side {
    width:auto;
    float:left;
    margin-top:0;
    padding-top:0;
    margin:0;
    padding:0;
}
#questions h4.side {
    width:auto;
    float:left;
    margin:0;
    padding:0;
    margin-top:10px;
    margin:0;
    padding:0;
}
#questions p.side input {
/* this is only for text questions */    
/* margin-top:-.5em; */
    margin-top:10px;
    margin:0;
    padding:0;
}
#questions p.side, #questions fieldset.side select p {
    margin-left:20px;
}
#questions fieldset.sub {
/* this is only for radios and checkboxes */    
    position:relative;
    top:-.5em;
}
#questions h4.side span.number {
    display:inline;
    float:left;
    top:0;
}
#questions h4.side span.numberlabel, #questions h4.side span.label, #questions h4.side label.numberlabel, #questions h4.side label.label {
    display:inline;
    width:auto;
    float:left;
    top:0;
    left:.5em;
}
#questions fieldset.selects-side {
/* this is only for select lists */    
    margin:0;
    margin-bottom:-10px;
    padding-top:4px;
    padding-left:20px;
}
#questions fieldset.side {
/* this is only for radios and checkboxes */    
    margin-left:15px;
    padding-left:15px;
    margin-top:15px;
}
#questions fieldset.side p {
/* this is only for radios and checkboxes */    
    margin:0;
    padding:0;
    width:auto;
    float:left;
    margin-right:15px;
}
#questions div.side {
/* wrapper for all horizontal form elements, to clear following elements */    
    clear:both;
}
#questions h4.sub {
    margin-left: 35px;
    margin-top:-.5em;
    margin-bottom: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight:normal;
}
#questions p.bottom-margin {
    margin-bottom: 10px;
}
#questions p.textquestion, #questions fieldset p, #questions fieldset.selections {
    padding-top:4px;
}
#questions p.sub {
/* this is only for text questions */    
    margin-left:35px;
    padding-top:4px;
}
#questions p.sub input {
/* this is only for text questions */    
    margin-top:-.5em;
}
#questions fieldset.coltwo label {
/* margin-left: 5px; */
}
#questions div.coltwo {
    width:45%;
    float:left;
    margin-right:5px;
}
#questions fieldset.row p {
    width:auto;
    float:left;
    margin-right:15px;
}
#questions fieldset.question-table {
    margin: 0;
    padding: 0;
    clear:both;
    margin-bottom: 20px;
}
#questions .question-table td {
    border: 1px solid #ccc;
}
#questions .question-table td.label {
    font-weight:bold;
    color: #383773;
}
#questions .question-table tr.col-header {
    font-size: .8em !important;
    background-color: #b2c3d3;
    font-weight:bold;
    text-align: center;
    vertical-align:middle;
}
}
#questions .question-table td.rowheader {
    text-align:center;
}
#questions .question-table td input {
    margin-top:2px;
}
#questions .question-table td label {
    display:none;
}
#questions .question-table td.noborder {
    border: none;
}
#questions .question-table td.nocolor {
    background-color:#fff;
}
#questions p.question-table {
    margin-bottom: 5px;
}
#questions .question-table h5.question-footer {
    margin: 0;
    padding: 0;
    margin-top:-15px;
}
#questions input.submit-button {
    margin-top:20px;
    margin-left:15px;
}
/* THESE ARE USED IN EMAIL CONFIRMATION */
#warning {
    font-weight:bold;
    margin:0;
    padding:0;
    color:red;
}
#warning.hide {
    visibility:hidden;
}
#warning.show {
    visibility:visible;
}
#questions span.incorrect {
    color:red;
    font-weight:bold;
}
#questions .noanswer, #questions h4.noanswer label {
    color:red;
}
/* THIS IS SPELL-CHECK SUBMIT BUTTON FORMATED AS LINK */
.submit-text input {
    background-color:#FFFFFF;
    float:left;
    width:auto;
    border:none;
    cursor:pointer;
    font-size: 12pt;
    font-family: Arial, Helvetica, sans-serif;
    font-style:italic;
    color:#003366;
    text-decoration:underline;
}
.submit-text input:hover, .submit-text input.sfhover {
    color:#ec5e00;
    text-decoration:none;
}
.submit-text span {
    float:left;
    width:auto;
    padding-top:2px;
    font-style:italic;
}
.submit-text h2 {
    margin:0;
    padding:0;
    display:inline;
    font-weight:bold;
    font-style:italic;
    color:#1f4dab;
    
    padding-left:5px;
    padding-top:2px;
    float:left;
    width:auto;
}
/* THESE ARE THE NEW COMPLIANT DATA TABLE TAGS */
.datatable, .mediatable {
    margin-bottom: 20px;
    border-collapse: collapse;
/* border: 1px solid #848280; ADDED TO FIX MISSING BORDER IN IE ON WIDE TABLES */
}
.datatable caption {
/* color: #3f68a3; */
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin: 0;
    padding-bottom: 5px;
    text-align: left;
}
.datatable td, .datatable th, .mediatable td {
    padding: 5px;
    vertical-align:top;
    border: 1px solid #848280;
}
/* TO REMOVE BORDERS FROM <TABLE> ELEMENT INSIDE CELLS, EG. FOR <UL> */.datatable table td, .datatable table th {
    padding: 0;
    border: none;
}
.datatable thead th {
    background-color: #b2c3d3;
    font-weight:bold;
    text-align: center;
    vertical-align:middle;
}
.datatable tr.header th {
    vertical-align:middle;
}
.datatable .colorrow, .mediatable .colorrow {
/* background-color: #faf3ce; */
    background-color: #eeeeee;
}
.datatable .colorcol {
    background-color: #faf3ce;
}
.datatable .colorcell {
    background-color: #eee;
    color: #000 !important;
}
.datatable tfoot td {
    border: none;
    padding: 0;
    padding-top: 3px;
    color: #606060;
}
.datatable tfoot p {
    margin: 0;
    padding: 0;
}
div.figurecme {
    margin: 0;
    width: 100%;
    float:left;
    clear: both;
    margin-bottom: 25px;
    border: 1px solid #ccc;
    background-color: #eee;
    padding:10px;
    padding-bottom: 0;

    width: 97%;  /* to fix IE7 issue */
}
.figurecme img {
    border: 1px solid #ccc;
    margin: 0;
    margin-right: 15px;
    margin-bottom: 10px;
}
.figurecme p {
    margin: 0px 0 10px 0;
}
.authorimage {
    text-align: center;
    margin-bottom: 20px;
}
.authorimage img {
    border: 1px solid #ccc;
}
/* THIS ENDS THE TABLE TAGS */
td.coadminister {
    background: url("../images/icons/coadminister.gif") no-repeat top right;
    padding-right: 25px;
}
td.no-coadminister {
    background: url("../images/icons/no-coadminister.gif") no-repeat top right;
    padding-right: 25px;
}
td.caution {
    background: url("../images/icons/caution.gif") no-repeat top right;
    padding-right: 25px;
}
td.coadminister div.figure img, td.no-coadminister div.figure img, td.caution div.figure img {
    display: none;
}
.nowrap {
    white-space: nowrap;
}
@media print {
    #print-banner td h2#title {
    text-align: left;
    left: 0;
    position: relative;
}
div#printtools {
    display:none;
}
td.coadminister div.figure img, td.no-coadminister div.figure img, td.caution div.figure img {
    display: inline;
    border: 0;
}
td.coadminister {
    background: none;
}
td.no-coadminister {
    background: none;
}
td.caution {
    background: none;
}
}
#ucsf {
    background: #000;
    float: left;
    width: 100%;
    height: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
}
#ucsf img {
    float: left;
    border: 0;
}
#ucsf p {
    float: left;
    width: auto;
    margin-top: 5px;
    margin-left: 10px;
    color: #fff;
    font-size: .8em;
}
#ucsf a, #ucsf a:link, #ucsf a:visited, #ucsf a:hover {
    color: #fff;
}
.featured-box {
    background-color: #eee;
    clear:both;
    float: left;
    width: 100%;
    margin-bottom: 25px;
    border: 3px solid #d6e1ed;
}
.featured-box p {
    margin: 2px 0 4px 0;
}
.featured-box h3 {
    font-size: 1em;
    background-color: #d6e1ed;
    margin: 0;
    color: #036;
    padding: 10px 5px;
}
.featured-box-desc {
    float: left;
    margin: 10px;
    width:220px;
}
.featured-box-link {
    display: block;
    text-align: right;
}
.featured-box img {
    border: 0;
}
.imageright {
    float: right;
    clear: both;
    margin-left: 5px;
}
.imageleft {
    float: left;
    clear: both;
    margin-right: 5px;
}
.strong {
    font-weight: bold;
}
.quote {
    font-weight: bold;
    font-style: italic;
    color: #039;
}
/* two-column treatment */.two-column {
    width:100%;
    float:left;
    clear:both;
    margin:0;
    padding:0;
}
.two-column div.column {
    width:47%;
    float:left;
    padding:0 3px 0 7px;
}
.topics-column div.column-one {
    width: 180px;
    float:left;
    padding:0 10px;
    margin-right: 10px;
    border-right: 1px solid #ccc;
}
.topics-column div.columnone {
    width: 215px;
    float:left;
    padding:0 10px;
    margin-right: 10px;
    border-left: 1px solid #ccc;
    min-height: 1520px;
}
.topics-column div.columnoneleft {
    width: 215px;
    float:left;
    padding:0 10px;
    padding-left: 5px;
    margin-right: 10px;
    min-height: 1520px;
}
.topics-column div.columnoneleft h2 {
}
.topics-column div.column-two {
    width: 495px;
    float:left;
    padding:0 10px;
    border-left: 1px solid #ccc;
}
.topics-column div.column-two-image {
    width: auto;
    float:left;
    padding:0 10px;
}
.topics-column div.crlist {
    width: auto;
    float:left;
    padding:0 10px;
}
.topics-column h2 {
    font-size: .9em;
    white-space:nowrap;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    color:#003366;
}
.topics-column h3 {
    font-size: .9em;
    margin: 0;
    padding: 0;
}
.topics-column h4 {
    font-size: .9em;
    font-style: italic;
    margin: 0;
    padding: 0;
}
.topics-column ul {
    list-style-image: none;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}
.topics-column li {
    font-size: .9em;
    margin-bottom: 5px;
}
.topics-column ul ul {
    margin-left: 5px;
}
.carousel ul {
	overflow:hidden;
	margin:0;
	padding:0;
	position:relative;
}
.carousel li {
	width:600px;
	height:270px;
	list-style:none;
	margin: 0;
	padding:0;
	margin-bottom:0;
	padding-bottom:0;
}
.carousel {
	width:450px;
	background-color:#f0f0f0;
	border: 1px solid #999;
	padding-top: 20px;
}
.carousel a.previous, .carousel a.next {
	padding: 0;
	margin: 0;
	display: block;
	float:right;
	height: 150px;
	width:20px;
	line-height:150px;
	text-decoration:none;
	font-size: 2em;
	color:#032454;
	background-color:#f0f0f0;
	padding-top: 150px;
}
.carousel a.previous {
	float: left;
}
.carousel li {
	width:400px;
	height: 400px;
}
.slide {
	float:left;
	margin-bottom: 5px;
}
.carousel img {
	border:0;
	margin:0;
	padding: 0;
}
.carousel-hidden {
	display: none;
}
.carousel-nav {
	position: relative;
	float: right;
	top: -23px;
	z-index: 2;
	height: 0;
	text-align: right;
	margin: 0;
	padding: 0;
	padding-right: 10px;
}
.references {
    margin-top: 30px;
}
.references ol {
    margin: 0 0 25px 0;
    padding-left: 40px;
}
.expertinfo {
    color: #036;
    font-weight: bold;
}
.experttitle {
    background: url("../images/backgrounds/gray-bk.gif") left top repeat-x #eee;
    border: 1px solid #ccc;
    margin-top: 0; 
    padding: 5px; 
    color:#888;
    text-transform: uppercase;
    font-size: 1.2em;
}
.comment {
    clear:both;
    border: 1px solid #ccc;
    margin: 40px 5px;
    padding: 15px;
    background: url("../images/backgrounds/boxsd-bk.gif") left top repeat-x #fdfdfd;
}
.comment h2, .comments h2 {
    margin: 0;
    padding: 2px;
    border-bottom: 1px solid #ccc;
    font-size: 1.2em;
    text-transform: uppercase;
    color: #369;
}
.comment .textquestion input, .comment .textquestion textarea {
    width: 540px;
    padding:0;
    margin:0;
}
.comments h2 {
    float:left;
    border-bottom: none;
}
.comments {
float: left;
 margin-bottom: 50px;
 width: 100%;
 margin-top: 30px;
}
.readercomments {
clear: both;
    border-top:1px solid #ccc;
}
.reader {
    clear:both;
    float:left;
    border-bottom:1px solid #ccc;
    width: 100%;
}
.readernumber {
    float: left;
    width: 30px;
    text-align: right;
    margin-right: 10px;
}
.readername {
    color: #606060;
    margin-right: 10px;
}
.readercomment {
    margin-left: 40px;
}
.postcomment {
    text-align:right;
    padding: 0;
    margin: 0;
    float:right;
}
.postcomment a {
    text-decoration: none;
}
.pullquote {
    background-color: #d6e1ed;
    border: 1px solid #ccc;
    width: 175px;
    float:left;
    margin: 0 20px 20px 0;
    padding: 15px;
    font-size: 1.4em;
line-height: 150%;
    font-style: italic;
    font-family: Georgia;
    color: #333;
            -moz-box-shadow: 2px  2px 2px #ccc;
    -webkit-box-shadow: 2px 2px 2px #ccc;
    box-shadow: 2px 2px 2px #ccc;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
.commentaryitem {
    margin-bottom: 25px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 25px;
}
.commentaryitem .pgtitle {
    font-size: 1.4em;
}
.commentaryitem .expertinfo, .commentaryitem .bylinedate  {
    font-weight: normal;
    font-size: 1.1em;
    margin:0;
    padding: 0;
    color: #333;
    padding-top: 5px;
}
.commentaryitem .bylinedate {
    font-weight: bold;
}
.commentcount {
    text-align: right;
    margin:0;
    padding:0;
    font-size: 1em;
    color: #606060;
}
.t1box .figure {
    margin: 10px;
}
.t1box .figure img {
    margin: 0 auto;
    display: block;
}
.figure ul.t1items {
    margin-bottom: 0;
    }
.t1promoboxheader a {
    text-decoration: none;
}    

#related-resources .figure {
text-align: center;
}

.mediatextcenter	{
	color: #000000;
	text-align:center;
}
.mediatextcenter a, .mediatextcenter a:link, .mediatextcenter a:visited {
    text-decoration:none;
}
.mediatextcenter img {
    border: none;
}
.center {
    text-align: center;
}
.flash {
    background-color: #fff;
    padding: 10px;
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
}

}

.subscript 
	{
		vertical-align: bottom;
		font-size: 0.8em;
		position: relative;
		top: -0.4em;
		margin-right: 0.125em;
		

	}



sup {
	vertical-align: baseline;
	font-size: 0.8em;
	position: relative;
	top: -0.4em;
	}


<!--drug-->

.pgtitle-drug {
    width: auto;
    float:left;
    color: #1e2d54;
    margin-right:10px;
    line-height: 120%;
}
.drug-class {
    text-align:right;
    font-size: .7em;
    position:relative;
}
/* to fix spacing issues with using the definition list */
dl.drug-class {
    margin:0;
    padding:0;
}
.drug {
	clear:both;
}
.drug h2 {
    padding:10px 0 5px 0;
    clear:both;
}
.drug h3 {
    padding:5px 0;
    clear:both;
}
.drug ul {
    margin-bottom: 10px;
}
.drug li {
    margin-bottom:5px;
}

.formulation {
    margin:0;
    padding:0;
    margin-bottom:10px;
}
div.formulation /*to fix margin problem with IE*/
{
margin-bottom:0;
}
.formulation h3 {
    padding:5px;
    margin:0;
    background-color:#eff3f7;
    border-top:2px solid #b2c3d3;
    font-size:1.1em;
}
.drug-note {
    margin: 0;
    padding: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}
.form-note {
    margin: 0;
    padding: 0;
    padding-bottom: 0;
}
.dosage {
    margin:0;
    padding:0;
    margin-bottom:10px;
    border: 2px solid #b2c3d3;
    border-top:0;
    clear:both;
    float:left;
    width:99%;
}
.dosage p {
    clear:both;
    margin:0;
    padding: 5px;
    background-color:#faf3ce;
    border-top: 2px solid #b2c3d3;
}
.dosage ul {
    margin:0;
    padding:0;
    padding-bottom: 5px;
    list-style:none;
    list-style-image:none;
    clear:left;
    float:left;
    width:100%;
}
.dosage ul li {
    clear:both;
    padding:10px 5px;
    border-top: 1px solid #b2c3d3;
}
.dosage ul li h4 {
    width:auto;
    float:left;
    padding-top:5px;
    margin-right:15px;
}
.dosage ul li p {
    margin:0;
    padding:0 3px;
    text-align: center;
    font-size:.8em;
    background-color: transparent;
    border-top: none;
    border-bottom: none;
}
.plus {
    width:auto;
    float:left;
    padding:10px 5px;
    font-size:1.4em;
    font-weight:bold;
}
.dose {
    width:auto;
    float:left;
    text-align: center;
    padding-bottom:5px;
}
.dosage-note {
    padding:5px;
    margin:0;
    clear:left;
    font-size:.9em;
    color: #303030;
}

/* to fix background color of paragraph */
p.dosage-note {
    background-color: #fff;
}
.caution {
    padding:0 10px;
    margin-bottom: 10px;
    color: #000;
    border: 1px solid #faf3ce;
    background-color: #faf3ce;
    clear: both;
}
.caution strong {
    font-weight:normal;
}
.caution p {
    margin:10px 0;
}






.caution-effect {
    padding:0 10px;
    margin-bottom: 10px;
    color: #000;
    border: 1px solid #faf3ce;
    background-color: #faf3ce;
    clear: both;
}


.caution-effect strong {
    font-weight:normal;
}
.caution-effect p {
    margin:10px 0;
}








.instructions {
    clear:both;
    width:100%;
    height:180px;
    border-bottom:1px solid black;
}
.instructions h2 {
    border-bottom:1px solid black;
}
.disclaimer {
	margin-top: 10px;
	font-size:.9em;
}

.disclaimer h2 {
    float:left;
    width:auto;
    font-size:1.1em;
    margin:0;
    padding:0;
    padding-right:5px;
}
.disclaimer span.h2 {
    font-size:1.1em;
    font-weight:bold;
    padding-right:5px;
    color: #1E2D54;
}

.photo-credit {
    margin-top: 50px;
    clear:both;
    line-height: 120%;
    font-size:.8em;
    color: #606060;
}
/*  replace this with select below it, to avoid styling sub-links in td.homeitemself
.homeitemself a:link, .homeitemself a:active, .homeitemself a:visited, .homeitemself a:hover {
    color: #ec4c0d;
    text-decoration:none;
}
*/
a.homeitemself:link, a.homeitemself:active, a.homeitemself:visited, a.homeitemself:hover {
    color: #ec4c0d;
}
.contents-drugs {
    border: 2px solid #b2c3d3;
    padding: 2px;
    margin-bottom: 25px;
    width: 100%;
    margin-right: 0;
    padding-right:0;
}
.contents-drugs td.homeitem, .contents-drugs td.homeitemself {
    padding-bottom:5px;
}

.contentsheader span
{
	display:block;
	font-style:italic;
	font-size:.9em;
	font-weight:normal;
	color: #000;
}

h4.contentsheader a:link, h4.contentsheader a:visited
{
	color: #6b1424;
	text-decoration:none;
}

/* THIS IS TO DISPLAY THE 'TYPE OF DRUG' DEFINITION ON MOUSE-OVER */
#class-def {
    padding:5px;
    position:absolute;
    left:-3000px;
    width:200px;
    text-align:left;
}
.drug-class:hover #class-def, .sfhover #class-def {
    left: 46.25%;
    top:120%;
    border:2px solid #b2c3d3;
    background-color:#fff;
}
#class-def p	{
    margin:0;
    padding:3px 0;
}

/* MULTIPLE COLUMN TREATMENT (SEE PT-DOC.XSL FOR TEMPLATES) */
.two-column, .three-column, .four-column {
    width:100%;
    float:left;
    clear:both;
    margin: 0;
    padding:0;
}
.two-column div, .three-column div, .four-column div {
    float:left;
    margin:0;
    padding:0 3px 0 7px;
}
.two-column div {
    width:47%;
}
.three-column div {
    width:30%;
}
.four-column div {
    width:20%;
}
.two-column ul, .three-column ul, .four-column ul {
    margin:0;
    padding:0;
    list-style:none;
    list-style-image:none;
}

/* FOR PRINT-FRIENDLY PDF */
.drugnotes {
    width: 48%;
    float:right;
}
.drugnotes ul {
    list-style: none;
    list-style-image: none;
    padding:5px;
    background-color: #eff3f7;
    border: 1px solid #ccc;
}
ul.mednotes {
    background-color: #faf3ce;
}
/* END FOR PRINT-FRIENDLY PDF */


/*CALCULATOR*/
.calculator-form {
   width:75%;
   margin: 30px;
   border: 1px solid #ccc;
   padding: 20px;
   border-radius: 16px;
   font-size: 13px;
   background: -webkit-linear-gradient(#fff, #efefef); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#fff, #efefef); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#fff, #efefef); /* For Firefox 3.6 to 15 */
background: linear-gradient(#fff, #efefef); /* Standard syntax */
color: #039;
}
.form-field {
    clear:both;
    margin-bottom: 15px;
}
fieldset {
    border: none;
    margin:0;
    padding: 0;
}
legend {
    margin-bottom: -20px;
}
.req-legend {
    clear:both;
    text-align: right;
    font-size: 11px;
}
.form-label input {
    padding: 2px 5px;
}
.form-label input, fieldset label {
    float:right;   
}
fieldset label {
    padding-left: 5px;
}
.req {
   color: #d33b11;
   font-size: 11px;
}
.error {
background: white;
border: 2px solid #d33b11;
}
.field-desc {

}
.status-msg {
   font-style: italic;
   color: #d33b11;
}
.err-msg {
   font-style: italic;
   color: #d33b11;
   font-size: 13px;
}
.err-msg {

}
.calculator-form input#submit {
    width: 100%;
    padding: 5px;
    background: #FC6;
    border-radius: 8px;
    font-size: 18px;
    color: #039;
}
#result {
   border: 1px solid #fff;
   background: #fff;
   padding: 10px 20px;
   margin-top: 20px;
   border-radius: 8px;
}
#result .result-value {
    font-size: 13px;
   / color: #666;
}
#result .result-value span {
    font-size: 18px;
    color: #d33b11;
}
#result ul {
    list-style: none;
    list-style-image: none;
    padding-left: 0;
}
#result ul li {
    margin-bottom: 10px;
}
#result ul h3 {
   
}
#result ul li {

}

/*END CALCULATOR*/