body {
 word-wrap: break-word;
 font-family:sans-serif,Helvetica,"Open Sans","Arial Unicode MS",Arial,sans-serif; 
}
div.clear{
clear: both;
}

.bar {
stroke-width: .5px;
}
.inbar {
  font-weight: 500;
  font-size:  15px;
}
.belowbar {
  stroke-width: 1.5px;
  font-size: 13px;
  text-rendering: optimizelegibility;
  font-weight: 600;
  word-spacing: 0px;
  letter-spacing: -0.5px;
}
.outbar {
  stroke-width: 1.5px;
  font-size: 15px;
  text-rendering: optimizelegibility;
  font-weight: 500;
}
.legend{
  font-size: 14px;
  font-weight: 600;
  word-spacing: 0px;
  letter-spacing: -0.5px;
}
.axis path,
.axis line{
 fill: none;
 stroke:black;
 shape-rendering:crispEdges;
}
.axis text{
 font-size: 12;
 font-weight:500;
}

div.header{
background: rgba(240, 240, 245, 0.8);
height:100px;
font-size: 12px;
}
.global_nav{
text-align:right;
padding-top:0px;
width: 1000px;
margin: 0px auto;
}
span.left_head{float:left;}
div.genomenet{
padding:10px 10px 5px 15px ;
margin-left: 15px;
float:left;
}
img.title{
width: 391px;
height: 48px;
margin-top:0px;
alt: "Virus-Host DB";
}
.lang td {
text-align:right;
padding-top:5px;
padding-bottom:5px;
}
ul.navi{
list-style: outside none none;
display: inline-block;
text-align:center;
color:grey;
padding: 0px;
margin-top:0px;
margin-bottom:0px;
}
li.nav, #left_nav{
border-right: 1px solid #C9C9C9;
float:left;
padding: 5px 4px;
font-weight: 600;
}
li.nav_right {
border: 0px;
float:left;
padding: 5px 4px;
font-weight: 600;
}
#search-form{
max-width: 500px;
}
#logo{
width: 30px; height: 30px;
background-size: 30px auto;
background-image:url("/virushostdb/Fig/search.png");
background-repeat: no-repeat;
background-position: center center;
font: message-box;
}
#search-text{
height: 30px;
padding:0.5px 9px 0.5px 9px ;
border-width: 1px;
border-style: solid;
border-color: rgba(23, 51, 78, 0.15);
box-shadow: 1px 2px 1px rgba(8, 22, 37, 0.02) inset, 0px 0px 2px rgba(8, 22, 37, 0.1) inset, 0px 1px 0px rgba(255, 255, 255, 0.2);
border-radius: 2.5px;
color: #777;
width: 200px;
}
#search-submit{
height: 32px;
padding:0.5px 9px;
border-width: 1px;
border-style: solid;
border-color: rgba(23, 51, 78, 0.15) rgba(23, 51, 78, 0.17) rgba(23, 51, 78, 0.2);
box-shadow: 1px 2px 1px rgba(255, 255, 255, 0.05) inset, 0px 1px 2px rgba(255, 255, 255, 0.2);
border-radius: 2.5px;
background: transparent linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.1)) repeat scroll 0% 0% padding-box;
margin-left: -6px;
font-size: 12px;
font-weight: 600;
cursor: pointer;
transition-property: background-color, border-color, box-shadow;
transition-duration: 150ms;
}
div.contents{
padding-top:20px; 
margin: 0px auto;
width: 1000px;
}
div.left_page{
width:600px;
float:left;
}
div.short{
width: 550px;
font-size: 16px;
padding:12px;
margin-top:14px;
border: 3px solid #ddddee;
border-radius: 3px;
}
div.advancedSearch{
margin:25px;
font-size:30px;
}
img.brs{
width:50px;
height:40px;
vertical-align: middle;
}
div.border1{
 width: 550px;
 padding:10px;
 margin-top: 15px;
 margin-bottom:20px;
 border-radius: 10px;
 border: 1px solid #dddddd;
}
div.select{
font-size: 25px;
text-align:left;
color: #111166;
padding: 5px;
padding-left: 15px;
}
span.select{
  color: #111188;
  margin-left:  2px;
  margin-right: 2px;
}
.famSearch td{
width: 175px;
height: 60px;
font-size: 15px;
text-align:left;
}
img.virus{
vertical-align: middle;
width: 30px;
height:30px;
}
.famSearch span{
vertical-align: middle;
padding-left:4px;
margin-top:1px;
}
#mainBubble {
  box-shadow: 0 0 4px rgba(0,0,0,0);
  height: 390px;
  width: 460px;
}
#mainBubble circle.topBubble {
fill: #aaa;
stroke: #666;
stroke-width: 4.5px;}
.mainBubbleSVG:link, .mainBubbleSVG:active,
.mainBubbleSVG:visited {
text-decoration: none;
border: 0px none;
color: #111111;
}
.mainBubbleSVG:hover {
text-decoration: none;
border: 0px none;
color: #CCCCDC;
}


div.page{
width: 390px;
border-left: 1px solid #D9D9D9;
font-size: 13px;
float:left;
padding-left: 5px;
padding-bottom: 5px;
}
div.tabletitle{
padding-top: 1px;
margin-top: 10px;
margin-bottom:1px;
margin-left: 5px;
font-weight: 600;
font-size: 16px;
text-align: left;
}
div.downloadpa{
font-size: 12px;
}
div.download{
font-size: 20px;
margin: 15px;
width: 175px;
padding:10px;
border-radius: 5px;
vertical-align: middle;
border: 1px solid #AAA;
text-align: center;
}
div.download_small{
margin: 10px;
width: 100px;
padding:5px;
border-radius: 5px;
vertical-align: middle;
border: 1px solid #AAA;
text-align: center;
}
span#refseq, span#genbank, span#virushost{
font-weight:400;
font-size: 11px;
margin-left: 15px;
font-style: italic;
}
span.dbrel {
font-weight:400;
font-size: 11px;
font-style: italic;
}
table#first, table#third{
width:400px;
}
table#second{
width:200px;
}
table.statistic, table.statistic2{
font-size: 11px;
text-align: center;
vertical-align: middle;
}
table.statistic td,
table.statistic2 td{
background-color: #EDEDED;
padding: 5px 7px;
line-height: 15px;
}
table.statistic2 td{
padding: 2px 3px;
}
table.statistic th,
table.statistic2 th
{
border-top-left-radius: 3px;
border-top-right-radius: 3px;
background-color: #7697D6;
padding: 6px 8px;
font-size: 13px;
line-height: 15px;
}
div.footer {
 font-size: 11px;
 padding:30.5px 10px 15.5px 1.5px ;
 background: rgba(245, 245, 245, 0.8);
 height:100px;
 text-align:center;
color: #bbbbbb;
}
.footerText{
font-size: 12px;
}
a:link, a:active,
a:visited {
text-decoration: none;
border: 0px none;
color: #111188;
}
a:hover {
text-decoration: none;
border: 0px none;
color: #CCCCDC;
}
.statisticalt{
font-size: 25px;
font-weight: 600;
color: #1b1b3b;
padding: 15px 15px;
}
.stattext{
font-size: 16px;
color: #5b5b5b;
padding: 25px 25px;
}
.note{
padding-top:10px;
padding-bottom:25px;
font-size: 15px;
margin: 10px auto;
text-align:left;
width: 600px;
}
img {
  border: solid 0px;
}

.caption {
  font-size: 10px;
}