body {width: 100%; margin: 0;}
html { font-size: 100%; }
a:focus { outline: thin dotted; }
li:focus { outline: none; }
#content {
 background: #cccccc;
 width: 60em;
 font-size: 1em;
 margin: auto;
 }
#footer {
 height:20px; 
 margin-top: 40px;
 text-align:center;
}

#container { width: 83.33% ;margin: 0 8.333% 3.125% 8.333%;}
h1 {margin-top: 15px; margin-bottom: 40px;color: #960000; text-align:center;}
.stat { color: #960000; }

.ui-tabs-vertical { width: 70%; margin: 5% 15%; min-width: 500px }
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 30%; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; font-size: 0.8em ;}
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; margin-bottom: .2em; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 2%; float: right; width: 60%;}
.ui-widget-header {background: #ffffff; border: #ffffff;}

#tabs div { font-size: 1em; color: #004276; }
#tabs div input{ font-size: 0.8em; color: #004276;}
#tabs p a { color: #960000; }
#tabs ul li a:focus { outline: none; }
div[id^="tabs-"] p { margin-top: 0; }
div[id^="tabs-"] input {margin-bottom: 5px;}

#tabs-5 p:first-child {margin-bottom: 0.7em; }
#tabs-5 #compadre-type {font-size: 0.8em;}
#tabs-5 #compadre-type input {margin-bottom: 0; vertical-align: bottom;}


#fastaseq, #pdbtext, #compadre-text { display:block; width: 100%; resize: none; font-size: 0.6875em; }
.browse { font-size: 120%; }
.ui-icon-inline { display: inline-block; vertical-align: -0.2em; }

input[type="file"] { line-height: 1ex; }
label { display: inline-block; vertical-align: middle;}
label[for="input-title"] { margin-left: 2px; }
#input-chain { width: 20px; }
#input-file { width: 70%; }
#input-title { width: 100px; }
.search-submit { float: right;}
#struct-note { font-size: 0.7em;}


#citation { margin-top: 40px; margin-bottom: 10px;}
.citation-ref  { margin: 5px 0; }
#contact { clear: both;}

div .description { float: left; width: 60%; text-align: justify; }
div .statistics { float: right; width: 30%; }
#small-visit-map { width: 240px; height: 125px; }
.land { fill:#ebebeb;}
.boundary {fill: none;
  stroke: #000;
  stroke-width: .5px;
}
.stroke {
  fill: none;
  stroke: #000;
  stroke-width: 1px;
}

