/* Laboratorio de Genomica y Bioinformatica
 *
 */

/* Nifty Corners */

.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}


/* From wiki.css */
div.wiki-toc { 
	background-color: #c0cdf2; 
	border: none;
	padding: 0;
}
.wiki-toc ul { padding: 1em; } 
.wiki-toc h4 { padding-left: 1em; padding-right: 1em; padding-top: 1em; }
.wiki-toc .active { 
	background: #c0cdf2;
	position: relative; 
}

/* From timeline.css*/
dt em { color: #609; }


#banner {
	background-color: #000000;
	color: #fff;
}

#header { margin: 0 15px; }
.title { font-weight: bold; font-size: 14pt; font-family: sans-serif; }
.subtitle { font-size: 12pt; font-family: sans-serif; }

* html #mainnav :link, * html #mainnav :visited { 
	background-position: normal; }

/*
#banner div, #banner form {
	padding: 0.5%;
}
*/

#main {
	background: #fff;
	color: #222;
	padding: 2%; 
}

/* From trac.css eee */
body {
 background: #fff
 color: #eee;
 padding: 0 2%;
 font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
 font-size: 12pt;
}

/* Link styles 005da0 */
:link, :visited {
 color: #005da0;
 border: none;
}
:link:hover, :visited:hover {
 background-color: #fff;
 text-decoration: underline;
 color: #005da0;
}

#metanav :link, #metanav :visited  {
background: #000000;
color: #fff; 
}

#metanav :link:hover, #metanav :visited:hover {
background: #000000;
color: #eac117;
}

/* Main navigation bar eac117 */
#mainnav {
 background: #36f;
 color: #000;
 margin: 10px 0;
 border: none;
}

#mainnav ul { text-align: left; font-size: 12px; }


#mainnav :link, #mainnav :visited {
 background: #36f;
 color: #fff;
 border: none;
 text-decoration: none;
}

#mainnav .active :link, #mainnav .active :visited {
 background: #36f;
 color: #666;
 border: none;
}

#mainnav :link:hover, #mainnav :visited:hover {
 background: #36f;
 color: #eac117;
 border: none;
}

/* NEWS */
#news {
	background: #e5ecf9;
	float: right;
	width: 40%;
}
#news p  { margin-left: 20px; font-size: 80%; margin-right: 20px }
#news h3 { margin-left: 20px; }
#home { padding-right: 20px; }
.atention { color: #930; font-weight: bold; }


div.table { background-color: #fff; width: 90%; margin: 0 5px; clear: right; }
table.list {
        background-color: #fff;
        color: #000;
        border: solid thin black; }
table.list th { background-color: #000; color: #fff; }

/*table.list td { text-align: left }*/
table.list td.head {
        font-weight: bold; color: #fff; background-color: #000; } 
table.list td, table.list th {
        font-size: 0.8em;
        font-family: arial, sans-serif;
        padding: 1.5px;
 }
table.list td.odd { background-color: #c0cdf2; }
table.list td.even { background-color: #fff; }
table.sequences td { font-size: small; }

.error { font-weight: bold; color: #800; }

/* Alignment and SNPs */
#html-alignment {
 font-family: 'Andale Mono', monospace;
 font-size: 10pt;
 margin: 0 auto;
 width: 95%;
 background: #eee;
}

p.alignment {
	font-family: 'Andale Mono', monospace;
	font-size: 12pt;
}

#alignment {
 margin: 0 auto;
 width: 95%;
 background: #eee;
}


/* BLAST reports */
#blast {
  margin: 0 auto;
  width: 95%;
  background: #eee;
}
#blast pre, #blast p, #blast table {
  font-size: 10pt; 
  margin-left: 10px; 
}



#alignment h3 {
	margin-left: 15px;
	color: #285194;
	font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	font-size: 12pt;
}
#html-alignment p, #alignment p { margin-left: 15px; }
#alignment table { margin-left: 50px; margin-top: 15px; text-align: left; }
#alignment table tr th, #alignment table tr td {
	font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
}
#alignment table th {
	background: #666; color: white;
}
#alignment p { width: 95%; }

a.synonymous:link, a.synonymous:visited {
 color: black;
 text-decoration: none;
}

a.synonymous:hover {
 text-decoration: underline;
 font-weight: bold;
 background-color: inherit;
}

a.nonsynonymous:link, a.nonsynonymous:visited {
 color: white;
 text-decoration: none;
}

a.nonsynonymous:hover {
 text-decoration: underline;
 font-weight: bold;
 background-color: inherit;
}

a.nonsense:link, a.nonsense:visited {
 color:white;
 text-decoration: underline;
 font-weight: bold;
}

a.nonsense:hover {
 background-color: inherit;
}
/* Rounded boxes */
div.box {
 background-color: #e5ecf9;
 margin: 0 auto;
 width: 95%;
}
div.box p, div.box h2, div.box h3, div.box table {
margin-left: 15px;
}
div.box h1, div.box h2 { color: #285194; }
#alignment div img {
 display: block;
 margin: 0 auto;
}
div.controls {
	background: #eee;
	margin: 0 auto;
	width: 95%;
	font-size: 80%;
}
div.controls h3 { color: #285194; margin-left: 15px; }
div.controls p, div.controls table { margin-left: 15px; font-size: 90%; }
div.graphic { background: white; width: 700px; margin: 0 auto; }
div.warning { background: #f49455; width: 60%; margin: 0 auto; }

/* FAQ, Methods, Guide */
dl { width: 80%; margin-left: 20px; }
dt { 
	margin-left: 30px; 
	margin-right: 30px; 
	margin-top: 15px; 
	font-weight: bold;
}
dd { margin-left: 50px; margin-right: 40px; }
div.questions { background: #e5ecf9; margin-bottom: 10px }
div.answers { background: #eee; margin-bottom: 10px; }
div.questions p, div.answers p { margin-left: 30px; font-size: 100%; }
div.questions h3, div.answers h3 {	margin-left: 30px; font-size: 120%; }


img.centered { 
 display: block;
 margin-left: auto;
 margin-right: auto;
}


a.nodata:link, a.nodata:visited {
 text-decoration: none; 
 color: white;
 font-style: italic;
}

a.nodata:hover {
 background-color: inherit;
}


/* Navigation */
.nav h2, .nav hr { display: none }
.nav ul { font-size: 11px; list-style: none; margin: 0; text-align: right }
.nav li {
 border-right: 1px solid #000;
 display: inline;
 padding: 0 .75em;
 white-space: nowrap;
}
.nav li.last { border-right: none }


#prefs { background: #c0cdf2; padding: 0; border: none; } 
#prefs div, #prefs fieldset { padding: .8em; }

/* For overriding roadmap.css */
.milestone .info h2 em { color: #6698ff; }

/* Overrides for browser.css */
#dirlist td.change { color: #444; }

/* Footer */
#footer {
  clear: both;
  color: #555;
  font-size: 10px;
  border-top: 1px solid;
  height: 31px;
  padding: .25em 0;
}
#footer :link, #footer :visited { color: #555; }
#footer hr { display: none }
#footer #tracpowered { border: 0; float: left }
#footer #tracpowered:hover { background: transparent }
#footer p { margin: 0 }
#footer p.left {
  float: left;
  margin-left: 1em;
  padding: 0 1em;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
}
#footer p.right {
  float: right;
  text-align: right;
}

/* SNP flanking regions */
.flank5 { color: magenta; font-weight: bold; }
.flank3 { color: green; font-weight: bold; }