/***code for that CSS Sticky Footer Layout ***/

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 175px;}  /* should be the same height as that of the footer */

/* container of footer */

#content-total-footer {position: relative;
	margin-top: -160px; /* negative value of the height of the footer */
	height: 160px;
	clear:both;} 

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/**----finish code Sticky Footer ----**/

body {
border:0;
padding:0;
font-size: 10pt; 
margin: 0px; 
color: #666;
font-family: Arial,Helvetica,sans-serif; 
border-right-width: 0px;
}

/* main header */

div#masthead {
padding:0;
font-size: 0px; 
background:#990000;
padding-top: 20px; 
padding-bottom: 10px; 
}

div#masthead img {
margin: 0px;
display:block;
}

/* header topnav */

div#topnav {
background: none repeat scroll 0 0 #F0F0E8;
border-bottom: 1px solid #D4CFB4;
border-top: 1px solid #D4CFB4;
height: 30px;
line-height: 30px;
padding-left:10px;
margin-bottom:15px;
min-width: 600px;
}

/* links of menu */

div#topnav a {
color: #AEA266;
font-family: tahoma;
font-weight: bold;
outline: medium none;
padding-right: 20px;
text-decoration: none;
text-transform: uppercase;
}

/* highlight links */

div#topnav a:hover{
color: #990000;
text-decoration: underline;	
}


/* content menubar of footer */

#content-botnav{
	background: none repeat scroll 0 0 #F1F0E9;
	border: 1px solid #D3CFBA;	
	padding: 5px 0;
}

/* menu bar of footer */

#botnav {
margin: 0 auto;
width:680px;
padding-left: 0px;
}

#botnav tr td {
font-size: 9pt; 
text-align: left;
width:30%;
}

#botnav ul {
list-style-type:square;
margin: 0 0 0 10px;
padding: 0 0 0 10px;
}

#botnav h4 {
margin: 0 0 10px 0;
font-size: 9pt; 
}

#botnav tr td.spacer {
width:10px;
border:0px;
background:#fff;
}

/* =============== home page =============== */

/* tableHomecontent resize according to width document */

table#homecontent
{
    border: 0 none;
    margin: 0 auto;
/*    max-width: 920px; */
    max-width: 840px;
    min-width: 740px;
    padding: 0;
}
table#mainfeature
{
	border: 1px solid #d9d3b6;

}
table#homecontent tr td
{
	vertical-align: top;
	padding: 0 6px;
}
table#secondaryfeature tr td p 
{
	margin: 0 0 10px 0;
}

table.feature {
margin:0 0 15px 5px;
width:680px;
}

td.featureimage {
font-size: 0.8em; 
padding: 6px 6px 4px 6px; 
vertical-align: top; 
margin: 0 0 15 5px;
}

td.featuretext {
font-size: 0.8em; 
vertical-align: top; 
padding:4px 4px 6px 4px;
color: black;
}

td.featuretext h3 {
font-weight: bold; 
font-size: 1.8em; 
margin:0px 0px 5px 0;
padding:0;
}


/* boxes */

div.sidebox1
{
	border: 1px solid #CCC;
	background: #E8E8E8;
	padding: 7px;
	font-size: 8pt;
}
div.sidebox1 div.leftcol
{
	float: left;
	width: 50%;
}
div.sidebox1 div.rightcol
{
	float: right;
	width: 40%;
}
div.sidebox_title
{
	border: 1px solid #CCC;
	padding: 3px 7px;
	margin: 10px 0 0 0;
	font-size: 10pt;
	font-weight: bold;
	color: #333;
	background: #f5f5f5;
	border: 1px solid #CCC;
	border-bottom: 0;
}

div.sidebox1, div.sidebox_title{
	width: 160px;
}

a.drs
{
	display: block;
	border: 1px solid #CCC;
	background: #FFF;
	padding: 2px 5px;
	text-align: center;
	font-weight: bold;
	margin: 0px;
}


ul.subs
{
    font-size: 0.9em;
    list-style-image: url("/images/blt_ar1.gif");
    margin: 5px 0 10px;
    padding-left: 10px;
}


div.sh_1
{
	clear: both;
	line-height: 0px;
	font-size: 0px;
}



/* ============ thumbnail images =============== */
div.thumbnailImg img {
   border: 1px solid black;
}

img.home_thumbnail {
   border: 1px solid #CCC;
}




/* ============ table for query results =============== */
/* table.data2 used in mutation score tables
table.data3 used in Resistance Mutation combination score tables
table.data5 used in list references in Resistance Comments pages
table.data6 used in releaset notes
table.data7 used in updates */
table.data, table.data2, table.data3, table.data4, table.data5, table.data6, table.data7
{
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
}
table.data
{
	margin: 0 auto;
}
table.data2, table.data3, table.data4, table.data5, table.data6, table.data7
{
	margin: 0 4px;
        border-collapse: collapse;
}
table.data, table.data3, table.data4, table.data5
{
        width:100%;
}
table.data2, table.data3, table.data4
{
        margin: 10px 10px 10px 0px;
        padding: 0px;
}
table.data5
{
	border: 0;
}

table.data tr td, table.data2 tr td, table.data3 tr td, table.data4 tr td, table.data6 tr td, table.data7 tr td
{
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 2px;
	vertical-align: top;   
	font-size: 12px;
}
table.data2 tr td, table.data3 tr td, table.data4 tr td, table.data6 tr td, table.data7 tr td
{
        border-collapse: collapse;
}
table.data tr td, table.data5 tr td, table.data6 tr td
{
	text-align: left;   
}
table.data2 tr td
{
	text-align: right;   
}
table.data3 tr td, table.data4 tr td
{
	text-align: center;   
}

table.data tr th, table.data2 tr th, table.data3 tr th, table.data4 tr th, table.data6 tr th, table.data7 tr th
{
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 2px;
        font-weight: bold;
	vertical-align: top;
	text-align: center;
}
table.data tr th, table.data2 tr th, table.data3 tr th, table.data4 tr th
{
	font-size: 12px;  
	background: none repeat scroll 0 0 #990000;
	color: #FFFFFF;
}
table.data2 tr th, table.data3 tr th, table.data4 tr th
{
	background: none;
	color: #666;
}
table.data3 tr th, table.data4 tr th
{
	font-size: 13px;  
	color: #003366;
}
table.data6 tr th
{
        background: none repeat scroll 0 0 #EEEEEE;
}


/* ============ table for thumbnail images =============== */
table.thumbnailImg
{

	border: 1px solid black;
	background: #d9d3b6;
	margin-left: 10px;
}
table.thumbnailImg tr td
{
	vertical-align: top;   
}

table.thumbnailImg td
{
	padding: 10px; 
        font-weight: bold;
	vertical-align: top;
	text-align: center;
	font-size: 12px;  
}

/* table main center */

table.main {
margin: 0 auto;

}

td.columns h2, td.column h2 {
margin:0 0 15px 0px;
padding:0;
}

td.columns {
width: 205px;
padding:0 10px 0 0;
vertical-align: top
}

td.columns h3 {
padding:0;
font-weight: bold; 
font-size: 1.1em; 
margin: 15px 0px 0px; 
color: #7c6b50; 
}

td.columns small {
font-size: 0.9em; 
color: #808080
}

td.columns ul {
padding-left: 20px; 
font-size: 0.9em; 
list-style-image: url(/images/blt_ar1.gif); 
margin: 0;
}

td.columns ul li {
margin:0 -2px;
padding:0;
}

td.columns {
background: url(/images/gtr_bg1.gif) repeat-y 244px -15px; 
}

/* footer */

div#footer {
background: none repeat scroll 0 0 #990000;
border-top: 1px solid #D4CFB4;
color: #FFFFFF !important;
font-size: 0.8em;
padding: 6px 0;
text-align: center;
}

div#footer a{ color:#fff;}

a:link {
color: #7c6b50; 
text-decoration: underline
}

a:visited {
color: #7c6b50; 
text-decoration: underline
}

a:hover {
color: #7c6b50; 
text-decoration: underline
}

a:hover {
color: #7c6b50; 
text-decoration: underline
}


td.featuretext a:link {
color: #900
}

td.featuretext a:visited {
color: #900
}

td.featuretext a:hover {
color: #900
}

/* for alg output */
div.centered95 {
	width: 95%;
	margin:0 auto;
}  


/* for the main contents    */
div.centered670 {
	width: 680px;
	margin:0 auto;
}  


div.centered670 h2{
	font-weight: bold;
	color: #7c6b50; 
	font-size: 14px;
	margin: 0 0 0 0;
}



hr{
width: auto;
/* margin-left:10px; making it flush (syr)*/
margin: 10 0 10 0;
padding: 0px;
}

table.textDesc hr{
width: 680px;
margin: 0px;
padding: 0px;
}



h1, h2.columnsnav	{
    text-indent:-9999px;
	margin: 0;
	padding: 0;
	border: 0;
	font-size:1px;
	display:none;
	}
	
h1 a:link, h1 a:visited	{
	padding: 0;
	border: 0;
	}
	
h2.submain {
/* margin:0 10px; making it flush (syr) */
  margin:0 0 2 0; 
}


h2.submain2 {
/*   margin: 5px auto; make it flush (syr) */
   margin: 0 auto;
   width: 680px;
}

/* for alg output */
p.submain2 {
   margin: 0 auto;
   width: 680px;
   font-size: 13px;
}


div.submain4{
margin: 0 auto;
width: 680px;
padding: 0px;
}

div.submain4 div.rightTitle{
/* text-align:center; making it flush (syr) */
text-align: left;
font-size: 12px;
margin-top: 9px;
}

/* used in release notes 
   together with h2.submain2 */
.rightTitle{
    margin: 0 auto;
    width: 680px;
    text-align:right;
    font-size: 12px;
    margin-top: 9px;
}

/*  make it flush (syr) 
.subcolumn1 {
padding:0 15px 0 0;
}
*/

.subcolumn1 {
padding:0 0 0 0;
}


.subcolumn2 .sidebar
{
	width: 205px;
	border: 1px solid #D3CFBA;
	background: #F1F0E9;
	padding: 10px;
}

.sidebar h3 {
margin:0;
}

/* container div.block */

div.block
{
	background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #D3CFBA;
    clear: both;
	margin-top: 10px;
    overflow: hidden;
    padding: 15px;
}

div.block div.title
{
	color: #990000;
    font-size: 1.1em;
    font-weight: bold;
	padding-bottom: 20px;
    padding-right: 5px;
    width: 100%;
}

div.block div.innerLeftBlock
{
	width: 20%;
	float: left;
}


div.block div.innerLeftBlock div.thumbnailImg
{
	width: 100%;
	padding-bottom: 5px;
}


div.block div.innerRightBlock
{
	float: right;
    margin-left: 2px;
    margin-top: -2px;
    padding-left: 10px;
    width: 70%;
}

div.innerRightBlock div.desc
{
	width: 100%;
	margin-bottom: 10px;
	margin-top: 0px;
}

div.innerRightBlock div.linksblock
{
	clear: both;  
	margin-bottom: 10px; 
	width: 100%;
}



div.innerRightBlock div.linksblock div.link1
{
	width: 50%;
	float: left;
}

div.innerRightBlock div.linksblock div.link2
{
	width: 49%;
	float: left;
}

div.dotted
{
	width: 680px; 
	margin-top: 10px;
	margin-bottom: 0px;
	border-top: 2px dotted #ccc;
	margin-left: 10px;
	clear: both;
}


div.block2
{       
   border-top: 4px solid #ccc;
   margin-top: 20px;
   margin-bottom: 10px;
   clear: both; 
   padding-top: 10px;
}

div.block2 div.title
{
	float: left;
	font-weight: bold;
	font-size: 1.1em;
	color: #900;	
	width: 20%;
}


div.block2 div.title2
{
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 1.1em;
	color: #900;
	clear: both;
}

div.block2 div.title3
{
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 1.3em;
	text-align: center;
	color: #900;
	clear: both;
}

div.block2 div.desc
{
	padding-top: 5px;
	float: right;
	width: 75%;
}

div.dashed
{
	width: 680px; 
	margin: 0px;
	padding: 0px;
	border-top: 1px dashed #ccc;
	clear: both;
}


div.subblock
{
	clear: both; 
	width: 680px; 
	border-top: 1px dashed #ccc;
	padding-top: 3px;
	margin-top: 10px;
}

div.subblock div.title
{
	width: 20%;
	float: left;
	font-weight: bold;
	font-size: 14px; 
        color: #7c6b50;
/*	padding-left: 5px; making it flush (syr) */
	padding-left: 0px;
	padding-right: 10px;
}


div.subblock div.desc
{
	float: right;
	font-size: 12px;
	text-align: left;
	width: 75%;
}

div.subtitle
{
	font-weight: bold;
	font-size: 14px; 
        color: #7c6b50;
	padding-left: 5px;
	margin-bottom: 5px;
}




/*** Below defines attributes of a table of contents **/

/* tableOfContents fill all window */

#tableOfContents
{
/*  background: none repeat scroll 0 0 #EAEAEA; */
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #D3CFBA;
  margin-bottom: 20px;
  padding: 10px 10px 10px 15px;
  width: 100%;
}

#tableOfContents tr td
{
font-size: 12px; 
background: #ffffff;
text-align: left;
vertical-align: top; 
padding-bottom: 3px;
}

#tableOfContents h4 {
	font-weight: bold;
	color: #7c6b50; 
	font-size: 14px;
	margin: 5px 3px 8px 0px;
}

#tableOfContents#num {
width: 15px;
text-align: left;
}

/* tableOfContents title */

#tableOfContents#title {
width: 290px;
}
#tableOfContents#queryLinks {
width: 345px;
}

/*** Below defines attributes of forms **/

#queryForm {
font-family: arial;
font-size: 11px;
/* margin-left:20px; making it flush (syr) */
margin: 0;
}

#queryForm tr td{
font-family: arial;
font-size: 11px; 
color: #000000;
width: auto;
}

#queryFormSubHeader{
border:  #c8c0B0 1px solid;
text-align: center;
background: #d8d4c0; 
color: #000000;
}

#queryFormSubInputBox{
text-align: top;
background: #e0e0D0; 
border: #c8c0B0 1px solid;
color:  #000000;
}


/*** Below defines attributes of forms doc **/

#query_form_doc {
margin:5px 5px;
font-family: arial;
font-size: 11px; 
color: #000000;
}



#query_form_doc ul {
margin-top: 0;
}


/*** Below defines attributes of query results doc **/

#query_results_doc {
margin:5px 5px;
font-family: arial;
font-size: 11px; 
color: #666;
}





table.textDesc {
font-family: arial;
margin: 0 auto;
max-width: 920px;
width: 100%;
}

table.textDesc h2{
font-weight: bold;
color: #7c6b50; 
font-size: 14px;
margin: 0 0 0 0;
}


table.textDesc input[type="submit"] {
 background: none repeat scroll 0 0 #FFFFFF;
 border: 1px solid #999000;
 color: #666666;
}




ul#compack, ol#compack{
margin: 0 0 0  40px;
}


/* ---- Sequence Analysis forms ---- */
form#seqform, form#mutform, form#marvelform
{
	/*padding: 0 0 0 10px; make it flush (syr) */
	padding: 0 0 0 0px;
	width: 680px;
}



/* ---- mutations main table ---- */
table.mutform
{
	margin: 0 0 10px 0;
}
table.mutform thead tr td.gutter,table.mutform tbody tr td.gutter
{
	width:20px;
	background: none;
	border: 0;
	padding: 0;
}
table.mutform thead tr td
{
	background: #900;
}
table.mutform thead tr td
{
	width: 317px;
	color: #FFF;
	font-weight: bold;
	font-size: 12pt;
}
table.mutform thead tr td div
{
	padding: 5px 0 3px 5px;
}
table.mutform tbody tr td
{
	width: 317px;
	background: #EEE;
	border: 1px solid #CCC;
	vertical-align: top;
}
table.mutform tbody tr td div
{
	padding: 12px 9px;
}

form#mutform textarea.t4
{
	height: 4em;
	width: 275px;
	border: 1px solid #CCC;
}
form#mutform textarea.t2
{
	height: 3em;
	width: 100%;
	border: 1px solid #CCC;
}

/* ---- sequence main table ---- */
table.seqform
{
	margin: 0 0 10px 0;
	width: 660px;
}
table.seqform thead tr td
{
	background: #900;
	color: #FFF;
	font-weight: bold;
	font-size: 12pt;
}

table.seqform thead tr td div
{
	padding: 5px 0 3px 5px;
}
table.seqform tbody tr td
{
	background: #EEE;
	border: 1px solid #CCC;
	vertical-align: top;
}
table.seqform tbody tr td div
{
	padding: 12px 9px;
}

form#seqform textarea.t4
{
	height: 4em;
	width: 275px;
	border: 1px solid #CCC;
}
/* ---- seqtype table ---- */
form table.types
{
	margin: 10px 0 0 0;
	width: 100%;
}
form table.types textarea
{
	width: 500px;
	border: 1px solid #CCC;
	height: 7em;
	margin: 3px 0 0 0;
}
form table.types input.file1
{
	margin: 3px 0 0 0;
}
form table.types tr td.gutter
{
	width: 30px;
	border: 0;
}
form table.types tr td
{
	border: 0px;
	border-bottom: 1px solid #999;
	padding: 10px 5px 20px 5px;
}
form table.types tr.last td
{
	border: 0px;
}
form table.types tr td h3
{
	font-size: 12pt;
	margin: 0;
	color: #000;
}
/* ---- submission table ---- */
form table.subm
{
	width: 680px;
	border: 1px solid #CCC;
	background: #EEE;
}
form table.subm tr td
{
	vertical-align: top;
}
form table.subm tr td div
{
	padding: 5px
}
form table.subm tr td label
{
	width: 120px;
	color: #000;
}
form table.subm tr td input.txt1
{
	width: 150px;
	border: 1px solid #CCC;
}
form table.subm tr td label small
{
	color: #666;
}
form table.subm tr.r2 td
{
	border-top: 1px solid #CCC;
}




/* ---- marvel form  ---- */
table.marvelform
{
	margin: 0 0 10px 0;
}
table.marvelform thead tr td.gutter, table.marvelform tbody tr td.gutter
{
	width: 10px;
	background: none;
	border: 0;
	padding: 0;
}
table.marvelform thead tr td
{
	background: #900;
}
table.marvelform thead tr td
{
	color: #FFF;
	font-weight: bold;
	font-size: 12pt;
	padding-left: 5px;
}
table.marvelform thead tr td div
{
	padding: 5px 0 3px 0px;
}
table.marvelform tbody tr td
{
	background: #EEE;
	border: 1px solid #CCC;
	vertical-align: top;
}
table.marvelform tbody tr td div
{
	padding: 12px 5px;
}

/* ---- mutations pulldown tables ----
        mlist used in HIValg and HIVdb
        marvelmlist in marvel  */
form table.marvelmlist
{
	width: 210px;
	margin: 0 0 0 0;
}
form table.mlist
{
	width: 299px;
	margin: 7px 0 0 0;
}
form table.marvelmlist tr td, form table.mlist tr td
{
	border: 0;
	padding: 2px 0;
	margin: 0;
	color: #000;
}
form table.mlist tr td
{
	text-align: left;
	font-size: 11px;
}



/* ======== phenosummary page ===  */


table.phenosummarytable {
margin-top: 20px;
margin-bottom: 15px;
width:680px;
border-left: 1px solid #CCC;
border-top: 1px solid #CCC;
background: #f5f5f5;
}

table.phenosummarytable tr th
{
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
font-size: 11px;
font-weight: bold; 
color: black; 
vertical-align: middle;
text-align: center;
}


table.phenosummarytable tr td
{
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
font-size: 11px;
color: black; 
text-align: center;
vertical-align: middle;
}

td.drug_fold {
font-size: 11px;
width: 40px; 
color: black; 
text-align: left;
}

/* ======== drug resistance note ===  */

table.drmMatrix {
margin-left: 10px;
margin-top: 20px;
margin-bottom: 15px;
}

table.drmMatrix tr td{
   padding: 0px;
   margin: 0px;
}


#matrix_block{
    width: 45px;
    height: 17px;
    margin: 0;
    padding: 0;
}

#matrix_block img{
    border: 1px solid black;
    width: 45px;
    height: 16px;
    margin-bottom: 1px;
    padding: 0;
}

#matrix_bracket{
    vertical-align: center;
    padding-left: 5px;
}


div.drug_resi_group_label{
	border: #D3CFBA 1px solid;
	background: #EAEAEA; 
	width: 25px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color:  #666;
	margin-left: 20px;
}




#matrix_drug_header{
text-align: center;
font-size: 10pt;
font-weight: bold;
color: black;
margin: 0;
padding: 0;
}

#matrix_mut_header{
text-align: left;
font-size: 10pt;
font-weight: bold;
color:  black;
padding-right: 10px;
}

#matrix_mut_header_link{
text-decoration: none;
}

#matrix_spacer{
margin: 0;
padding: 0;
height: 2px;
font-size: 2pt;
}


div.drmMatrix_legend_footnote{
width: 650px;
text-align: left;
color:  #666;
margin-left: 10px;
padding: 5px;
font-size: 8pt;
border: #ccc 1px solid; 
  margin-top: 15px;

}

div.drmMatrix_legend {
float: left;
width: 170px;
margin-left: 0px;
padding: 5px;
}


div.drug_resi_group_footnote{
	float: right;
	width: 450px;
	text-align: left;
        color:  #666;
	margin-left: 10px;
	padding: 5px;
}

div.drmMatrix_img{
	clear: both;
 	width: 100%;
	text-align: left;
	margin-bottom: 2px;
}

div.drmMatrix_legend img{
    border: 1px solid black;
    width: 15px;
    height: 16px;
    margin-right: 4px;
    margin-top: 1px;
}


#matrix_legend{
text-align: left;
font-size: 8pt;
font-weight: bold;
color  #666;
}


div.drug_resi_group_footnote h2, div.drmMatrix_legend h2{
	font-size: 8pt;
	font-weight: bold;
	margin-bottom: 5px;
	margin-left:0px;
        color: #7c6b50;
}
div.drug_resi_group_footnote div.footnote_text{
	font-size: 8pt;
        margin-left: 2px;
}

/* for the hovering comments */
table.drmMatrix a {position: relative;}
table.drmMatrix a span {display: none;}

/* The below hover change defeats the IE/Win display changing bug
  top: 5px; left: 30px; width: 500px; 
   http://www.communitymx.com/content/article.cfm?cid=4E2C0&print=true */
table.drmMatrix a:hover {background-color: white; z-index: 100;}

table.drmMatrix a:hover span {
  position: absolute;
  top: 1em; left: 3em; width: 45em; 
  display: block;

  color: #666;
  background: white; background-color: white;
  padding: 0.1em;
  border: 2px solid black;

  font-family: Arial,Helvetica,sans-serif; font-size: 8pt; 
  text-decoration: none;
}

/* ===== sub navigation on drug resistance page ===== */
table.subnav3
{
	clear: both;
	margin:20px 0 0 10px;
	border-top: 3px solid #CCC;
	width: 660px;	
}
table.subnav3 tr td
{
	font-weight: bold;
	font-size: 9pt;
	padding: 2px 15px 3px 2px;
	color:#333;
}
h2.submain3
{
	padding: 0 0 0 10px;
	margin: 0;
	border-bottom: 3px solid #CCC;
	width: 660px
}

table.subnav3 tr td a:link,table.subnav3 tr td a:visited
{
	text-decoration: none;
	font-weight: normal;
}
table.subnav3 tr td.current a:visited,table.subnav3 tr td.current a:link,table.subnav3 tr td.current a:hover
{
	color: #333;
	text-decoration: none;
}
table.subnav3 tr td a:hover
{
	text-decoration: underline;
}


div.footNote_block{
  margin-top: 40px;
  margin-left: 10px;
  width: 660px;
}

div.footNote{
  float: left;
  text-align: left;
  margin-right: 30px;
  font-size: 12px;
  color: black;
}

div.footNote_block h2{
  color: #7c6b50;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
  padding: 0px;
}

div.footNote ul{
  list-style-type:decimal;
}


div.publication_pdf{
/*  margin-left: 10px; */
  margin-left: 0px;
  text-align: left;
  font-size: 8px;
}

div.publication_pdf img{
  margin: 2px;
}


/*======== hivdb main =======*/
table.hivdb_intro
{
	margin: 0 auto;
	width: 100%
}
table.hivdb_intro div.head1
{
	font-weight: bold;
	float: left;
}


div.app_btn_bar
{
	background: #e8e8e8;
	border: 1px solid #CCC;
}
div.app_btn_bar div.head
{
	background: #CCC;
	padding: 2px 8px;
	color: #333;
}
div.app_btn_bar div.body
{
	padding: 10px;
}


/*======== art aide =======*/
table.artaide_intro
{
	margin: 0 0 0 0px;
	clear: both;
}
div.head1
{
	font-size: 16px;
	font-weight: bold;
	float: left;
}
div.version
{
	font-size: 8pt;
}

.bar
{
	padding-bottom: 2px;
	border-bottom: 4px solid #CCC;
}

div.artaide_form{
	width: 600;
	border: 1px solid #CCC;
	margin-top: 20px;
	padding-left: 20px;
	padding-right: 10px;
        background: #EEE;
	font-weight: bold;
	font-size: 10pt;
}



/********* FAQs ****************/

div.faq
{
	width: 650px; 
	margin-top: 10px;
	border-top: 4px solid #ccc;
	#clear: both;
}

div.faq div.header
{
	width: 100%;
	padding-bottom: 15px;
	padding-top: 15px;
	font-size: 14pt;
	font-weight: bold;
	color:  #900;
}


div.faq div.question
{
	width: 640px;
	padding-left: 10px;
	padding-bottom: 3px;
	font-size: 12pt;
	font-weight: bold;
}

div.faq div.answer
{
	width: 640px;
	padding-left: 10px;
	padding-bottom: 30px;
	font-size: 10pt;
}
div.faq div.answer div.subText
{
	width: 600px;
	padding-left: 35px;
	padding-top: 8px;
	font-size: 10pt;
}

div.faq div.ref
{
	width: 100%;
/*	padding-left: 5px; */
	padding-bottom: 15px;
	font-size: 10pt;
}




/*--------- DRM summary page */
div.mutScores
{
	border: 1px dashed #CCC;
	width: 645px;
	background: #f5f5f5;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
}
div.mutScores div.scores
{
	float: left;
	width: 55%;
}
div.mutScores div.footnote
{
	float: right;
	width: 43%; 
	font-size: 8pt; 
	padding-left: 5px; 
}


div.mutScores div.footnote div.text
{
	width: 100%;
	color: #666;
}


/*--------- DRM summary page */
div.mutScores
{
	border: 1px dashed #CCC;
	width: 645px;
	background: #f5f5f5;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
}
div.mutScores div.scores
{
	float: left;
	width: 55%;
}
div.mutScores div.footnote
{
	float: right;
	width: 43%; 
	font-size: 8pt; 
	padding-left: 5px; 
}


div.mutScores div.footnote div.text
{
	width: 100%;
	color: #666;
}


/*--------- hivdb comments and scores */
div.hivdbinter
{
	border: 1px solid #ceaa00;
	width: 657px;
	background: #efdfa5;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
        color: #000000;	
}

div.hivdbinter div.hivdbinterHeader{
	font-weight: bold; 
	color: black;
	font-size: 11pt;
	margin-right: 5px;
	margin-bottom: 10px;
}

div.hivdbinter div.scores_2
{
	float: left;
	width: 55%;
}
div.hivdbinter div.footnote
{
	float: right;
	width: 43%; 
	font-size: 8pt; 
	padding-left: 5px; 
}


div.hivdbinter div.footnote div.text
{
	width: 100%;
        color: #000000;	
}



b.legendHeader{
	font-weight: bold; 
/*	color: #900; */
	color: #003366;
	font-size: 9pt;
	margin-right: 10px;
}


table.hivdbScoretable {
	border: 1px solid #CCC;
	background: #ffffff;
	width: 100%;
}

table.hivdbScoretable tr td
{
	font-size: 8pt;
	color: black; 
	text-align: center;
	vertical-align: middle;
}

table.hivdbScoretable tr th
{
	border-bottom: 1px solid #CCC;
	font-size: 8pt;
	font-weight: bold; 
	color: black; 
	vertical-align: middle;
	text-align: center;
}

td.drug_score {
width: 30px;  
}


div.pagesectionheader
{
width: 680px;
font-size: 12pt;
font-weight: bold;
text-align: left;
margin-left:0px;
margin-top: 35px;
margin-bottom: 20px;
border-bottom: 3px solid #900;
color: #900;
}

div.pagesectionsubheader{
width: 680px;
font-size: 11pt;
font-weight: bold;
text-align: left;
margin-left:0px;
margin-bottom: 10px;
color: #666;
}


/* DRM page: mutation frequency by drug */

div.mutFreqByDrug
{
	border: 1px dashed #CCC;
	width: 645px;
	background: #f5f5f5;
	margin-top: 10px;
	margin-bottom: 5px; 
	padding: 10px;
}
div.mutFreqByDrug div.freq
{
	float: left;
	width: 55%;
}
div.mutFreqByDrug div.footnote
{
	float: right;
	width: 43%; 
	font-size: 8pt; 
	padding-left: 5px; 
}


div.mutFreqByDrug div.footnote div.text
{
	width: 100%;
	color: #666;
}
table.mutFreqByDrug {
	border: 1px solid #CCC; 
	background: #ffffff;
	width: 100%;
	margin-bottom: 5px;
}

table.mutFreqByDrug tr td
{
font-size: 8pt;
color: black; 
text-align: center;
vertical-align: middle;
border: 1px;
margin: 0px;
}

table.mutFreqByDrug tr th
{
border-bottom: 1px solid #CCC;
font-size: 8pt;
font-weight: bold; 
color: black; 
vertical-align: middle;
text-align: center;
}

/**    mutation frequency according to subtype and treatment **/

table.mutFreqBySubtype
{
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
	margin-left: 0px;
	width: 665px;
}
table.mutFreqBySubtype tr td
{
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 2px;
	vertical-align: top;   
        text-align: left;   
	font-size: 11px;  
}

table.mutFreqBySubtype tr th
{
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 2px;
        font-weight: bold;
	vertical-align: top;
	text-align: center;
	font-size: 11px;  
}

td#footNote 
{
	font-size: 8pt; 
	padding-top: 10px; 
	padding-bottom: 5px;
	background: #f5f5f5; 
        text-align: left; 
	color: #666;
}


/*--------- phenotype coefficients */


div.phenoCoeff
{
	border: 1px dashed #CCC;
	width: 645px;
	background: #f5f5f5;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	color: #666;
	font-size: 8pt; 
}

img.figure_thumbnail {
	border: 1px solid #CCC;
	margin-right: 20px;
}


div.phenoCoeff_full
{
	background: #ffffff;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	color: black;
	font-size: 8pt;
	text-align: center; 
}

div.phenoCoeffheader
{
	margin-top: 15px;
	text-align: center;
	font-size: 11pt; 
	color: #666;
	font-weight: bold;	
}

div.phenoCoeffFigureImgBlk
{
	border-bottom: 1px dashed black;
	padding-top: 10px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	text-align: center;
}

b.mut_clinical_ref
{
	font-weight: bold;
	color: black;	
}

ul.noindentation {
list-style-type:disc;
margin: 0 0 0 0px;
padding: 0 0 0 10px;
list-style-position:inside;
}


#clear { 
clear:both; 
} 

/** css modified **/


/* button for print page */
#print{
position: absolute;
top: 45px;
right:10px;	
}

/**--fixed home--**/

td#homecenter{
width: 100%;	
}

td#homecenter a.link-title{
	color: rgb(153, 0, 0);
	font-size: 8pt; 
	font-weight: bold;
	text-decoration: none;

}

div.border-bottom-red{ border-bottom: 2px dotted #990000; }

table#homecontent tr td.padding-left-medium{ padding-left:20px !important;}

table#secondaryfeature td{ padding-bottom:15px !important;}

/*--fixed ie7--*/

table#homecontent{
	*width:840px;

}

#tableOfContents tr{ *padding:0 0 0 15px;}

#tableOfContents h4{ *margin-top:15px;}

/** fixed max-width chrome and safari **/ 

table#homecontent {
   display: block;
}

table.textDescBordered{
	margin: 10px auto;	
	width: 100%;
        font-family: arial;
	padding: 1px;
	spacing: 0;
        border: 1px solid #CCC;
}

/* div.subHeader2 used in interpretation output
*/
.subHeader0,.subHeader1, div.subHeader2 {
	width: 100%;	
	padding: 1px;
	border:  #cba800 1px solid;
	font-weight: bold;
}

.subHeader1{
	margin: 0 auto;
	margin-bottom: 5px;
	background: #e0d4a0; 	
	color: black;
	font-size: 11;
}

.subHeader0{
	margin: 0 auto;
	margin-bottom: 5px;
	background: none repeat scroll 0 0 #990000;
	color: #FFFFFF;
	font-size: 13;
}

div.subHeader2{
        margin-top: 5px;
        background: #F1F0E9;
        color: black;
        font-size: 11;
}