@import "colors.css";

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em; font-size:1.1vw;
	background-color: #336600;
	color: #ffffff;
}

a:link, a:visited, a:active { color: #ffffff; }
a:hover { color:#0000ee; }

img { border:0; }
img.navIcon { height:1.5em; }

ol, ul {
	font-family: inherit;
	line-height: 1.4em;
}

input, select, option, textarea, .area {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: 500;
}

#resetB { 
	background-color:#FFFF80; 
	color:#CC00FF;
}

.btnX { width:3.6ex; }

button { padding-left:1px; padding-right:1px; }
button img { vertical-align:text-bottom; }

#showH { border:1px dotted #CCC; visibility:hidden; }
#Nucleotide { margin-left:3ex; }
#nav { width:11vw; }
#nav.wider { width:calc( 11vw + 12ex ); }
#codeLegend {
	position:relative;
  width:10vw;
}
#codeLegend img {
	padding-top: 0.2em;
  width:10vw;
}
#codeLegend div {
	position: absolute; top: 0; left: 0;
  width: 100%;
  color: white; text-align: center;
  font-size: 0.65em;
}
#zoomIn , #zoomOut { height:1.4em; margin:0 0.2em; }
#codonsLink { font-size:85%; }

.avisoNoJava,
.avisoNoJava a { color:#330000; }

#myJmol_appletinfotablediv { color:black; }
#myJmol_appletinfotablediv a { color:#00E; }

body#dna_bone div.section { border:1px solid #336600; border-width:6px 0 0 0; }
body#dna_bone div.section #backbone { background-color:#E39240; color:#000000; padding:2px 6px; }
body#dna_bone div.section #remove { background-color:#99CCFF; color:#000000; padding:2px 6px; }
body#dna_bone .P { color:#FF8000; font-weight:bold; }
body#dna_bone .brown { color:#B45A00; font-weight:bold; }
body#dna_53 .fixHeight { height:1.7em; }


/*  Resizable panels */
/* These are important, don't change: */
html, body { height:100%; overflow:hidden; margin:0; padding:0; }
.JmolPanels { position:absolute; overflow:hidden; }
.textPanels { position:absolute; overflow:auto; }
#JmolPane  { left:0; width:100%; top:0; height:85%; }
#mainPane  { left:0; width:100%; top:85%; height:15%; }

.jmolConsole,
.jmolPopupMenu {
	direction: ltr;   /* left to right always for JSmol popup and console */
}