/*** general templates ***/
#questions div.special { /* CAPTCHA FIELD */
    display : none;
}
.page-title {
    color : #3f68a3;
    font-size : 1.8em;
    font-family : Arial, Helvetica, sans-serif;
    margin : 0;
    margin-bottom : 20px;
    position : relative; /* to fix peek-a-boo in IE */
}
.doc-title {
    color : #3f68a3;
    font-size : 1.8em;
    font-family : Arial, Helvetica, sans-serif;
    margin : 0;
    position : relative; /* to fix peek-a-boo in IE */
}
h2 {
    clear : both; /* to fix clickable area in browse box when followed by this element */
    color : #3f68a3;
    font-size : 1.5em;
    font-family : Arial, Helvetica, sans-serif;
    margin : 0;
    margin-bottom : 5px;
    position : relative; /* to fix peek-a-boo in IE */
}
h3 {
    clear : both; /* to fix clickable area in browse box when followed by this element */
    color : #3f68a3;
    font-size : 1.4em;
    font-family : Arial, Helvetica, sans-serif;
    margin : 0;
    margin-bottom : 5px;
    position : relative; /* to fix peek-a-boo in IE */
}
h4 {
    clear : both; /* to fix clickable area in browse box when followed by this element */
    color : #3f68a3;
    font-size : 1.25em;
    font-family : Arial, Helvetica, sans-serif;
    margin : 0;
    margin-bottom : 5px;
    position : relative; /* to fix peek-a-boo in IE */
}
h5 {
    clear : both; /* to fix clickable area in browse box when followed by this element */
    color : #3f68a3;
    font-size : 1.1em;
    font-family : Arial, Helvetica, sans-serif;
    margin : 0;
    margin-bottom : 5px;
    position : relative; /* to fix peek-a-boo in IE */
}
p {
    margin-top : 0;
    margin-bottom : 20px;
}
.table {
    margin-bottom : 20px;
    border-collapse : collapse;
}
#footersponsors img,
.toolbox img {
    border : 0;
    vertical-align : middle;
}
caption,
.image h3 {
    color : #3f68a3;
    font-size : 1.2em;
    font-family : Arial, Helvetica, sans-serif;
    font-weight : bold;
    margin : 0;
    margin-bottom : 5px;
    text-align : left;
    position : relative; /* to fix peek-a-boo in IE */
}
.table td,
.table th {
    padding : 5px;
}
th {
    font-size : 1em;
    background-color : #3f68a3;
    color : #fff;
}
.table td {
    border : 1px solid #ccc;
}
.colorrow {
    background-color : #c3e0fc;
}
.colorcol {
    background-color : #ededab;
}
.colorcell {
    background-color : #c3e0fc;
    color : #000 !important;
}
.tablecolumn {
    background-color : #ededab;
}
.table tfoot td {
    font-size : .9em;
    border : none;
    padding : 0;
}
.box {
    clear : both;
    margin-bottom : 20px;
}
.boxcontent {
    background-color : #e2e8f1;
    padding : 15px;
/*    position : relative; */
}
.rememberthis .boxcontent, .keypoints .boxcontent, .readmore .boxcontent {
    padding: 5px;
    position : static; 
}
.boxcontent ol {
    padding-left : 25px;
}
.boxcontent ul {
    padding-left : 20px;
}
h3.boxheader {
    color : #3f68a3;
    background-color : #fff;
    font-size : 1.2em;
    font-family : Arial, Helvetica, sans-serif;
    font-weight : bold;
    margin : 0;
    padding-bottom : 5px;
    text-align : left;
    position : relative; /* to fix peek-a-boo in IE */
}
.boxfooter {
    font-size : .9em;
    border : none;
    padding : 0;
}
.byline {
    margin-bottom : 20px;
}
.date,
.author {
    font-weight : bold;
    font-size : .9em;
    margin : 0;
    color : #3f68a3;
}
.docdesc {
    color : #3f68a3;
}
.calloutbox {
    background-color : #eff4dc;
    padding : 5px;
    margin-bottom : 25px;
}
.image {
    margin-bottom : 20px;
}
.image p {
    font-size : .9em;
    margin-top : 0;
}
/*** use for bullets ***/
ul {
    list-style-image : url(../images/bullet.gif);
    margin : 0;
    padding : 0 0 20px 16px;
}
ol {
    margin : 0;
    padding : 0 0 10px 30px;
}
ul ul {
    list-style-image : url(../images/bullet.gif);
    margin : 0;
    padding : 5px 0 0 15px;
}
td ul li ul {
    list-style-image : url(../images/triangle.gif);
    margin : 0;
    padding : 0 0 0 10px;
}
td ul li ul li ul {
    list-style-image : url(../images/triangle-sm.gif);
    margin : 0;
    padding : 2px;
}
ul.nobullets {
    list-style : none;
    list-style-image : none;
    margin : 0;
    padding : 5px 0 10px 0;
}
ul.nobullets li div.figure {
    list-style : none;
    list-style-image : none;
    margin : 0;
    padding : 0px 0 10px 0;
}
ul li div.figure {
    list-style : none;
    list-style-image : none;
    margin : 0;
    padding : 0px 0 10px 0;
}
td ul li ul li {
    margin-top : 0px;
    margin-bottom : 0px;
}
li {
    margin-bottom : 10px;
}
ol.references {
    margin : 0;
    padding : 0 0 10px 30px;
}
/* replaces the br tag in links */
.linebreak {
    display : block;
}
/*** end general templates ***/
/***  homepage-only site description ***/
.site-description {
    color : #3f68a3;
    font-weight : bold;
    font-size : 8pt;
    margin : 0;
    padding : 10px 10px;
    background-color : #e0eaba;
}
/*** end homepage-only site description ***/
/***  banner title for sub pages ***/
.section-title {
    color : #fff;
    font-size : 1.7em;
    font-weight : normal;
    font-family : Arial, Helvetica, sans-serif;
    margin : 0;
    padding : 5px 10px;
    background-color : #3f68a3;
}
/*** end banner title for sub pages ***/
/*** to add image to homepage above featured box ***/
.sideimage {
    padding-top : 220px;
    background : url("../images/home/family.jpg") no-repeat top left;
}
.sideimage h3 {
    border-top : 3px solid #fff;
}
/*** end to add image to homepage above featured box ***/
/*** featured and news boxes ***/
.featuredbox {
    clear : both;
    background-color : #e2e8f1;
    border-bottom : 3px solid #fff;
}
.relatedbox {
    clear : both;
    background-color : #E2E8F1;
    border-bottom : 3px solid #fff;
}
.toolbox {
    clear : both;
    background-color : #e0eaba;
    border-bottom : 3px solid #fff;
}
.printall img,
.print img,
.slide img,
.email img {
    margin-right : 5px;
    margin-left : 5px;
}
.featuredbox h3,
.newsbox h3,
.relatedbox h3,
.featuredresource h3 {
    clear : both;
    position : relative; /* for background color to show up in IE6 */
    margin : 0;
    padding : 5px 5px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    color : #fff;
    font-size : 1em;
    background-color : #3f68a3;
}
.featuredresource h3 {
    color : #3f68a3;
    background-color : transparent;
}

.glossarybox h3,
.glossarybox h3 a {
    position : relative; /* for background color to show up in IE6 */
    margin : 0;
    padding : 5px 5px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    color : #fff;
    font-size : 1em;
    background-color : #8ec754;
    text-decoration : none;
}
.glossarybox h3 a:hover {
    color : #ff6;
    text-decoration : none;
}
.glossarybox dl {
    margin : 0;
    padding : 10px 5px 5px 5px;
    color : #3f68a3;
    font-size : .8em;
}
.glossarybox dt {
    font-weight : bold;
}
.glossarybox dd {
    margin : 0;

}
.featuredbox ul,
.newsbox ul,
.featuredresource ul,
.relatedbox ul,
.toolbox ul {
    margin : 0;
    padding : 10px 0 5px 0;
    list-style : none;
    list-style-image : none;
}
.featuredbox ul li,
.newsbox ul li,
.featuredresource ul li,
.relatedbox ul li,
.toolbox ul li {
    margin : 0;
    margin-bottom : 10px;
    padding : 0 5px;
    font-size : .8em;
    font-weight : bold;
}
.featuredbox ul li a,
.newsbox ul li a,
.featuredresource ul li a,
.relatedbox ul li a,
.featuredbox ul li a:visited,
.newsbox ul li a:visited,
.featuredresource ul li a:visited,
.relatedbox ul li a:visited,
.toolbox ul li a,
.toolbox ul li a:visited {
    text-decoration : none;
    color : #3f68a3;
}
.featuredbox ul li a:hover,
.newsbox ul li a:hover,
.featuredresource ul li a:hover,
.relatedbox ul li a:hover,
.toolbox ul li a:hover {
    text-decoration : none;
    color : #f60;
}
.featuredbox p {
    margin : 0;
    margin-bottom : 0;
    margin-top : 10px;
    padding : 0 5px;
    font-size : .8em;
    font-weight : bold;
    color : #3f68a3;
}
.featuredbox a {
    color : #3f68a3;
}
.featuredresource {
    padding-bottom : 10px;
}
.featuredresource img,
.featuredbox img {
    display : block;
    margin : 10px auto 0 auto;
    padding-bottom : 10px;
}
/*** end featured and news boxes ***/
/*** browse library box ***/
#browsebox,
#jumpbox {
    clear : both;
    float : left;
    width : 100%;
    background-color : #e2e8f1;
    margin-bottom : 30px;
}
#browsebox h3,
#jumpbox h3 {
    color : #000;
    font-size : 1.2em;
    font-family : Arial, Helvetica, sans-serif;
    margin-bottom : 5px;
    margin-top : 15px;
}
#browseboxleft ul,
#browseboxright ul {
    margin : 0;
    padding : 0;
    list-style-image : none;
    list-style : none;
}
#browsebox li,
#jumpbox li {
    margin-bottom : 10px;
}
#browseboxleft,
#browseboxright {
    float : left;
    width : 47%;
    padding : 0 0 10px 10px;
}
/*** endt browse library box ***/
/*** view by sort box ***/
.sortby {
    background-color : #ededab;
    text-align : left;
    margin : 0;
    margin-bottom : 20px;
    padding : 8px;
    position : relative; /* to fix peek-a-boo in IE */
}
.sortby h2 {
    display : inline;
    font-size : 1em;
    font-family : Verdana, Arial, Helvetica, sans-serif;
}
.sortby ul,
.sortby li {
    display : inline;
    margin : 0;
    padding : 0;
    font-weight : bold;
    color : #3f68a3;
}
.sortby ul {
    margin-left : 5px;
}
.sortby a,
.sortby a:visited,
#jumpbox a,
#jumpbox a:visited {
    color : #233974;
}
/*** view by sort box ***/
.language {
    display : block;
    margin-bottom : 5px;
}
/* old CSS!!! */
.tableheader {
    font-weight : bold;
    color : #336699;
}
.rowheader {
    font-weight : bold;
    color : #fff;
    text-align : center;
}
.rowheaderright {
    font-weight : bold;
    color : #fff;
    text-align : right;
}
.rowheaderleft {
    font-weight : bold;
    color : #fff;
    text-align : left;
}
.rowheadercenter {
    font-weight : bold;
    color : #fff;
    text-align : center;
}
.relatedheader {
    font-weight : bold;
    color : #fff;
    text-align : center;
}
.cellcenter {
    text-align : center;
}
.cellright {
    text-align : right;
}
.required {
    font-weight : bold;
    text-decoration : none;
    color : #693;
}
.not-required {
    font-weight : normal;
    text-decoration : none;
    color : #036;
}
.error {
    font-weight : bold;
    color : #690;
}
.glossarytoc {
    padding : 5px;
    border : 2px solid #9bbdde;
    border-left : none;
    border-right : none;
}
.caption {
    color : #693;
    text-align : right;
}
.org1 {
    font-weight : bold;
    font-size : 1.2em;
    color : #036;
    margin-bottom : 3px;
}
.org2 {
    font-size : 1em;
    margin-bottom : 3px;
    color : #369;
    font-weight : bold;
}
.time /* used in module */ {
    text-align : right;
    font-weight : bold;
    color : #036;
}
.modulenav {
    clear:both;
}
.prev {
    float : left;
    width : auto;
    background-color : #8ec754;
    padding : 5px;
    color : #fff;
    font-weight : bold;
}
.next {
    float : right;
    width : auto;
    background-color : #8ec754;
    padding : 5px;
    color : #fff;
    font-weight : bold;
}
.prev a,
.next a {
    color : #fff;
    font-weight : bold;
    text-decoration : none;
}
.prev a:hover,
.next a:hover {
    color : #f60;
    text-decoration : none;
}
.term {
    color : #693;
    font-weight : bold;
}
.correct {
    font-weight : bold;
    color : #669933;
    text-align : left;
    vertical-align : middle;
}
.incorrect {
    font-weight : bold;
    color : #ec5e00;
    text-align : left;
    vertical-align : middle;
}
@media print {
    .section-title {
        color : #3f68a3;
        background-color : #fff;
        font-weight : bold;
        margin : 0;
        margin-top : 20px;
    }
    .sortby {
        display : none;
    }
    #jumpbox,
    .jumpbox {
        display : none;
    }
}
.figure {
    width : 100%;
    float:left;
    clear : both;
    margin : 10px;
    margin-top : 25px;
}
.figurecenter, .figurearea {
    width : 100%;
    clear : both;
    margin : 10px;
    margin-top : 25px;
    text-align : center;
    position: relative;
}
/* especially helpful for table-less layout */
td .figure {
    margin-top : 0;
}
/* to add a colored border around images, even linked images*/
.figure a:link img,
.figure a:active img,
.figure a:visited img,
.figure a:hover img {
    border : 1px solid #ccc;
}
.imageright {
    float : right;
    clear : both;
    margin-left : 20px;
}
.imageleft {
    float : left;
    clear : both;
    margin-right : 20px;
}
.figurefooter {
    color : #606060;
}
.figurefooter .photocredit {
    font-size: .8em;
    text-align: left;
}
.stepbystep {
    border : 1px solid #ccc;
    margin-bottom : 25px;
}
.stepbystep .boxcontent {
    background-color : #fff;
}
.stepbystep ul {
    list-style : none;
    list-style-image: none;
    margin: 10px 10px;
    margin-bottom : 0;
    padding: 0;
}
.stepbystep li {
    background: url("../images/modules/stepbystep.png") left top no-repeat;
    padding-left: 25px;
}
.stepbystep li.selected {
    background: url("../images/modules/stepbystepselected.png") left top no-repeat;
    color: #ec5e00;
    font-weight: bold;
    font-size: 1.1em;
}
.rememberthis, .keypoints, .readmore {
    padding: 10px 10px 10px 65px;
    background: url("../images/modules/remember.png") left top no-repeat #e2e8f1;
    margin-bottom: 25px;
    min-height: 45px;
}
.keypoints {
    background: url("../images/modules/keypoint.png") left top no-repeat #e2e8f1;
}
h1.keypoints {
    background: url("../images/modules/keypointtitle.png") left top no-repeat #fff;
    padding-left: 50px;
}
.readmore {
    background: url("../images/modules/book.png") left top no-repeat #e2e8f1;
}
.rememberthis p, .keypoints p, .readmore p {
    margin-bottom: 0;
    padding-bottom: 0;
}
div.revealLink	{
	margin-bottom:10px;
}
.revealLink img {
    border: none;
}
.revealLink a {
    text-decoration: none;
}
div.secReveal	{
	margin-top:10px;
	margin-bottom:25px;
}
.figureareatext
{
	text-align: left;
	background-color: #fff;
	border: 1px solid #ccc;
	width: 200px;
	padding: 10px;
}
#earnosethroat {
    position: absolute;
    left: 375px;
    top: 80px;
}
#oral {
    position: absolute;
    left: 375px;
    top: 125px;
}
#gi {
    position: absolute;
    left: 375px;
    top: 240px;
}
#cns {
    position: absolute;
    left: 375px;
    top: 30px;
}
#pulmonary {
    position: absolute;
    left: 375px;
    top: 190px;
}
#skin {
    position: absolute;
    left: 375px;
    top: 280px;
}
.figurearea {
    text-align: left;
}
.figurearea img {
    margin-left: 25px;
    margin-bottom: 25px;
    border: 0;
}
.whostages {
    margin-bottom: 25px;
    border: 1px solid #ccc;
}
.whostages h3 {
    text-align: center;
    font-size: 1.2em;
    color: #000;
    margin-bottom: 0;
    padding: 5px;
}
.whostages p {
    margin-bottom: 0;
}
.whostages .boxcontent {
    background-color: #fff;
}
.whostage1, h3.whostage1 {
    background-color: #29ABE2 !important;
}
.whostage2, h3.whostage2 {
    background-color: #8CC63F !important;
}
.whostage3, h3.whostage3 {
    background-color: #FCEE21 !important;
}
.whostage4, h3.whostage4 {
    background-color: #F15A24 !important;
}
th.whostage1, th.whostage2, th.whostage3, th.whostage4, .whostage1 h3, .whostage2 h3, .whostage3 h3, .whostage4 h3 {
    color: #000;
    text-align: center;
}

.whostages ul {
    margin-bottom : 0;
    padding-bottom: 0;
}
h2.whostage1, h2.whostage2, h2.whostage3, h2.whostage4 {
padding: 10px;
color: #000;
text-align: center;
}
.termdef	{
 	display:block; 
 	position:absolute;
 	left:10px;
 	top:15px; 
 	width:200px;
 	border:1px solid #666;
 	background-color:#EDEDAB;
 	color:#3F68A3;
 	padding:3px;
 	font-size:.8em;
 	z-index:100 !important;
 }

.hidden	{
	position:absolute;
	left: -2000px;
	/* width:200px;  ??? */
	display:none;
}
.two-column	/* two-column treatment */
{
 width:100%;
 float:left;
 clear:both;
 margin:0;
 padding:0;
}

.two-column div.column	
{
 width:47%; 
 float:left;
 padding:0 3px 0 7px;
}
.three-column	/* two-column treatment */
{
 width:100%;
 float:left;
 clear:both;
 margin:0;
 padding:0;
}

.three-column div.column	
{
 width:30%; 
 float:left;
 padding:0 3px 0 7px;
}

.certificate {
    /*background: url("../images/modules/ucsf-seal.jpg") bottom right no-repeat;*/
    text-align: center;
    background: transparent;
}
.ucsfseal {
    z-index: -.5;
    position: absolute;
    left: 480px;
    top: 50px;
}