.main-panel { width: 48.828%; height: 100%; float: left;}
.media-panel { width: 40.691%; height: 100%; float: right;}

.ui-tabs .ui-tabs-nav li { white-space: normal;}

.ui-tabs-vertical {width: 100%; height: 100%; }
.sidebar { width: 16.6666%; height: 100%; float: left; }
.ui-tabs-vertical .sidebar  ul.ui-tabs-nav { padding: .1em .1em .1em .1em; float: left; width:100%; height: 100%; }
.ui-tabs-vertical .sidebar  ul.ui-tabs-nav li { clear: left; width: 100%; height: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .1em 0; font-size: .8em;}
.ui-tabs-vertical .sidebar  ul.ui-tabs-nav li a { width: 100%; outline: none; display:block; }
.ui-tabs-vertical .sidebar  ul.ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; margin-bottom: .1em; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }

.domain-id { display: inline-block; *display: inline; *zoom: 1; float:left; }
.domain-id h3 {font-size: 1.17em; margin-top: 1em; }
.domain-download { position: relative; font-size: 0.75em; display: inline-block; *display: inline; *zoom: 1; margin: 24px 0 5px; float: right; }
.domain-download a:hover { color: #0694E7; }
#download-options { position: absolute; left:0px; top: 14px; z-index: 421; display: none;  background-color: #ffffff; width: 12.5em; border: 1px solid #CCC; border-radius: 4px; padding: 5px; }
#download-options li { margin: 5px 0; }
#download-options select { width: 100px; margin: 0 5px; padding: 0; height: 24px; }
.ui-tabs-vertical>.ui-tabs-panel { padding: 1.225%; float: right; width: 80%; height: 100%}

#tabs-pic { width: 350px; height: 375px;}
#tabs-pic ul { font-size: 0.75em; }
#tabs-pic .ui-tabs-panel { background: #ffffff; }
#tabs-pic .ui-tabs-nav li { left: .1em; }
#tabs-pic .ui-widget-header { border: none; background: none; }

/* .jmol-container { width:100%; height:100%; max-width: 600px; max-height: 600px; min-width: 400px; min-height: 400px; margin: 0 auto 2em; }  */
.view-container { width: 600px; height: 600px; margin: 0 auto 2em; } 
#jmol {width: 100%; height: 100%; }
#jmol label { display: inline; }
#glmol {width: 600px; height: 600px; background-color: black; }
.view-note { line-height: 20px; font-size: 0.8em; color: #a3a3a3; float: right; }
.view-note a { cursor: pointer; }
#jmol-switch { text-decoration: underline; cursor: pointer; }


.xref a { color: #004276; }
.xref th, .xref td { line-height: 1em; }
.xref { font-size: 0.875em; }

a.pymol { color: #004276; font-size: 0.75em; }

#contact-summary { width: 300px; height: 100%; float: right;}
#contact-summary img { width: 300px; height: 300px; }
#contact-summary p { font-size: 0.75em; color: #a3a3a3; }
#contact-table { margin-right: 320px; }
.contact-vis { font-size: 0.8em; }

#net-canvas { width: 600px; height: 600px; border: 1px solid #E0E0E0; float: left;}
#net-info { max-width: 320px; width: 30%; height: 100%; float: left; }
#net-info ul { text-align: left; list-style: none; font-size: 1em; padding:0; margin-left: 1em;}
#net-info ul li span { margin-left: 0.8em; vertical-align: middle; }
#net-info ul li span.circle { margin-left: 0; }

.circle {
	display: inline-block;
	width: 0.8em;
	height: 0.8em;
	border-radius: 0.4em;
	vertical-align: middle;
}
.color-center { background-color: #E64A45; }
.color-hgroup { background-color: #E6772E; }
.color-other { background-color: #4DB3B3; }