@CHARSET "UTF-8";

body {
	font-family: arial;
	color: #000000;
	margin: 0px;
	background-color: #fbba79;
}

img { border-width: 0px; }
a:link,
a:visited,
a:hover,
a:active {
	text-decoration: underline;
	color: #803A20;
}

a.titleref {
	color: #802300;
	text-decoration: none;
}

#globalcontainer {
	margin-left:0px;
	padding: 0px;
	min-width: 770px;
	background-color:#ffffff;
	height: 100%;
}

.special {
	border-color:#D5DED9;
	color: white;
	border-style: solid;
}

.error {
	width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	color: #FF0000;
	font-size: 20px;
}

span.CS {
	color: #FF6600;
	font-weight: bold;
}

em {
	font-weight: normal;
	color: #FF6600;
	font-style: normal;
}


/* Page header - ConoServer logo */

#pagehead {
	display: block;
	border-style: none;
	padding: 1px 3px 10px 3px;
	margin: 0px 0px 0px 0px;
	height: 75px;
	background-color:#ffefdf;
	background-image: url('images/back1.png');
}

#pagehead div {
	display: inline;
}

#pagehead img {
	/* display:inline; */
	float: left;
	vertical-align: middle;
	border: none;
}

#pagehead img.expl {
	padding-top: 0px;
	margin-left:0px;
}

#pagehead form {
	margin-left:30px;
	float: left;
	border:none;
}
#pagehead a.primarycitation {
	position: absolute;
	left: 540px;
	font-size: 10px;
	white-space: nowrap;
}
#pagehead form {
	background-image: url('images/form.png');
	height:56px;
}
#pagehead form div.firstline {
	display:block;
	margin-top:2px;
	margin-left:5px;
	width: 250px;
}
#pagehead form div.secondline {
	display:block;
	margin-left:5px;
	margin-top: 1px;
	width: 525px;
}
#pagehead form input.checkexactmatch {
	vertical-align:middle;
}
#pagehead form div.exactmatch {
	font-size: 12px;
	padding-right: 2px;
}
#pagehead form input.button {
	color: #803A20;
	padding: 0px 2px;
}

#mainmenu {
	position: absolute;
	top: 68px;
	left: 200px;
	width: 550px;
}
#mainmenu li {
	float: left;
	list-style: none;
	margin-left: 1px;
	margin-right: 1px;
	text-align: center;
}
#mainmenu li span.menuleft {
	float:left;
	width: 3px;
	height: 18px;
	background-image: url('images/menu_left.png');
}
#mainmenu li span.menumid {
	float:left;
	font-variant: small-caps;
	font-weight: bold;
/*	background-color: #bd650c; */
	background-image: url('images/menu_mid.png');
	height: 18px;
	color: white;
	font-size: 15px;
	padding: 0px 10px;
}
#mainmenu li span.menuright {
	float:right;
	width: 3px;
	height: 18px;
	background-image: url('images/menu_right.png');
}
#mainmenu li span.menumid a {
	color: #803A20;
	text-decoration: none;
}
#mainmenu li span.menumid a:hover {
	color: #ffffff;
}

#mainmenu li:hover .sub {
	display: block;
}
#mainmenu li .sub {
	display: none;
	position: absolute;
	top: 18px;
	/* background-color: #ffcb97; */
	background-image: url('images/backtrans.png');
	padding: 5px 5px 0px 5px;
	border-bottom: solid #bd650c 2px;
}
#mainmenu li div ul {
	margin:  0px;
	padding: 0px;
}
#mainmenu li div ul li {
	clear: both;
	margin: 0 0 5px 0;
	font-size: 13px;
	font-weight: bold;
	color: #803A20;
	white-space: nowrap;
}
#mainmenu li div ul li a {
	text-decoration: none;
}
#mainmenu li div ul li a:hover {
	color: #ffffff;
}


/* Container of the page */

#main {
	border-style: none;
	padding: 5px 10px 10px 10px;
	font-size: 14px;
	width: 750px;
}

#main h1 {
	padding: 15px 0px 20px 10px;
	margin: 0px;
	border-width: 0px;
	font-weight: bold;
	font-size: 30px;
	text-align: center;
	color: #330B00;
	font-weight: normal;
}

#main h2 {
	padding: 10px 0px 3px 10px;
	margin: 0px;
	font-weight: bold;
	font-size: 15px;
	text-align: left;	
	border-bottom: solid 2px #fbba79;
}

#main p {
	text-align: justify;
	text-indent: 2em;
}

#main form { margin-top: 0px;}
#main form textarea { 
	border-style:solid; 
	font: 12px monospace;
}
#main form input { 
	border-style:solid;
	border-width: 1px; 
}
/* #main form div { padding-left: 30px } */

#main a.invisible:link,
#main a.invisible:visited,
#main a.invisible:hover,
#main a.invisible:active {
	text-decoration: none;
	color: inherit;
}

#main .button {
	background-color: #330B00;
	color: #ffffff;
}
td.hidden        { display: none }
td.dyntablecross { text-align:center; }
td.title         {
	background-color: #e0b8ff;
	color: #5555AA;
}
.seq, .seqreg, .seq_mature, .seq_signal, .prot_region { font: monospace }
.seq_mature, .seq_signal, .seqreg, .pro_region       { margin: 0; padding: 0px; display: inline; }
.seq_mature, .seqreg { color: #E8722C }
.seq_signal { text-decoration: underline }

/* Style of activity tables */

table.activitytable {
	border: none;
}

table.activitytable th {
	border-bottom: solid;
}
table.activitytable td {
	padding: 0px 5px;
}

/* Style of data tables */

#datatable { font-size: 12px; }
#datatable td,
#datatable th {
	vertical-align: top;
}
#datatable td.num,
#datatable td.text,
#datatable th {
	padding: 2px 5px;
}
#datatable td input {
	width: 11px;
	height: 11px;
	border-width: 0px;
}
#datatable th {
	font-weight: bold;
	text-align: left;
}
#datatable td.text { text-align: left  }
#datatable td.num  { text-align: right }

/* Style of the welcome page */

#main .imgWcap {
	padding: 30px 0px 10px 0px;
	width: 100%;
}

#main .imgWcap p { 
	font-size: 12px;
	text-indent: 0px;
	width: 500px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#main p.welcome {
	text-align: justify;
}

#welcomecone {
	margin-left: 30px;
	margin-right: 10px;
	margin-bottom: 30px;
	float:right;
	/*position: absolute;
	left: 300px;
	top: 180px;
	opacity: 0.4;
	z-index: -1;*/
}
#backcone {
	position:absolute;
	top: 0px;
	left:0px;
	opacity: 0.4;
	z-index: -1;
}

#statisticstable {
	width: 100%;
	font-size: 13px;
	width: 550px;
	border-spacing: 0px;
	border-style: none;
	margin-left: auto;
	margin-right: auto;
	empty-cells: hide;
	border-collapse: collapse;
	border-right: solid;
	border-bottom: solid;
}
#statisticstable th, 
#statisticstable td 
{
	margin: 0px;
	border-style: none;
	white-space: normal;
	padding: 10px 10px 0px 10px;
}
#statisticstable th {
	text-align: center;
	padding:2px 10px;
	border-style: none;
	background-color: #330B00;
	color: white;
	font-weight: bold;
	font-variant: small-caps;
}
#statisticstable td {
	text-align: center;
	vertical-align: middle;
	padding: 4px;
}
#statisticstable td.blank {
	background-color: none;
}
#statisticstable tr.odd {
	background-color: #ffefdf;
}
#statisticstable tr.even {
	background-color: #ffcb97;
}
#statisticstable caption {
	font-style: italic;
	margin-top: 20px;
	margin-bottom: 2px;
	text-align: left;
	font-size: 16px;
}
#statisticstable caption .subcaption{
	font-size: 13px;
}
#statisticstable a {
	color: black;
	font-weight: bold;
}

#news {
	margin: 10px 0;
	width: 100%;
	background-color: #ffaaff;
	background-image: url('images/cone_close.jpg');
	padding: 3px;
	border: solid 1px;
}
#news h1 {
	width: 100%;
	font-size: 16px;
	padding: 0px;
	text-align: left;
	font-variant: small-caps;
	font-weight: bold;
	border-bottom: solid;
	margin-bottom: 3px;
}
#news li {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
	margin-bottom: 20px;
}
#news .date {
	color: #666666;
	display:block;
}

/* Help page */
.helpcimg{
	margin-left:auto;
	margin-right:auto;
	width: 180px;
	}

/* Bibliography */

/* #aboutctx img { max-width: 550px; } */
#menu_about {
	margin: 50px 0px 8px 15px;
	font-size: 12px;
	float:right;
	width:130px;
	border-style: solid;
	border-width:1px;
}
#menu_about li {
	padding: 4px 8px;
	list-style-position: outside;
	margin-left: 20px;
	list-style-type: square;
}

#about {
	text-align: justify;
	line-height: 1.5em;
	text-indent: 20px;
}
#about h2 {
	padding-top: 10px;
}
#menu_about a:link,
#menu_about a:visited,
#menu_about a:hover,
#menu_about a:active,
#about a:link,
#about a:visited,
#about a:hover,
#about a:active {
	text-decoration: none;
	color: #6a65ae;
	font-weight: bold;
}
#about .table_framework {
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}
#about .table_framework td { padding: 0px 10px; vertical-align: top; }
#about .table_framework td, #about .table_framework th{ white-space: nowrap }
#about .table_framework .ref { 
	text-align:left;
	width: 200px
}
#about .table_framework td.ref { 
	font-size: 12px;
	line-height: 11px;
	white-space: normal;
}

/* Style of the search page */

#textsearch { 	margin-bottom: 20px; }
#textsearch span {display: block }
#textsearch input { margin-right: 30px }

#massearch { margin-bottom: 20px}
#massearch span { 
	display: block;

}
#massearch .textmass { 
	font-size: 12px;
	display: inline;
	padding-left: 0px; 
}
#mass {	width: 100px; }
#range { width: 30px; }

#sequencesearch { margin-bottom: 10px; }
#sequencesearch span {display: block}

#listsearch .onelistsearch { 
	width: 200px; 
	float: left;
	margin-bottom: 20px;
}
#listsearch .onelistsearch span {  display: block; }
#listsearch .onelistsearch select { 
	width: 200px; 
	height: 60px; 
}

#listcolumns {
	height: 60px;
}
	
#buttonsearch {
	width: 200px;
	margin-left: auto;
	margin-right: auto;
}
#buttonsearch input { margin: 0px 20px 0px 10px; }

/* List */

.pubyear {
	display: block;
	font-weight: bold;
	font-size: 20px;
}

#datatable {
	border-spacing: 0px;
}

#resultstreches {
	margin-top: 10px;
}
#resultstreches th {
	padding: 2px 5px;
	background-color: #ffefdf;
	background-color: #fbba79;
}
#resultstreches td.perc {
	text-align: right;
	padding-right: 20px;
}


/* Cards */

#card_image {
	float:right;
}
#card_image img {
	max-width: 130px;
	max-height: 150px;
}

.cardtable { 
	font-size: 12px;
	width: 100%;
}

#general table.cardtable {
	width: 400px;
}

.cardtable td,
.cardtable th {
	vertical-align: top;
	text-align: left;
	padding: 2px 5px;
}
.cardtable th {
	font-weight: bold;
}

.postable {
	border-style: solid;
	border-width: 1px;
}
.postable th { 
	font-style: italic;
	font-weight: normal;
}

td.cardsequence {
	padding-bottom: 10px;
}

td.cardsequence div.seq {
	background-color: #f3f3d2;
	font-family: monospace;
	font-size: 14px;
	padding: 6px 2px 6px 30px;
}

/* Stats */

#listtabs {
	border-style:none;
	display: block;
	margin-left: 0px;
	width: 650px;
	margin-bottom:30px;
}

#listtabs a:link,
#listtabs a:visited,
#listtabs a:hover,
#listtabs a:active {
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	font-variant: small-caps;
}

#listtabs .tab {
	display:inline;
	border-style: outset;
	border-width: 2px;
	border-color: #330B00;
	background-color: #330B00;
	color: #FFFFFF;
	padding: 5px;
}

#listtab .tab #classification {
	border-color: #330B00;
	background-color: #330B00;
	border-style: inset;
}

.overlay img {
	width:290px;
}

#consensusali {
	margin-left: 50px;
	font-size: 18px;
}

#formsuperfamana {
	border-style: solid;
	border-width: 1px;
	text-align: center;
	padding: 3px;
	font-size: 16px;
}
.titresfamana {
	text-decoration: underline;
	font-size: 16px;
	padding: 10px 2px;
}
#sfamaminofreq { border: solid; border-width: 2px; }
#sfamaminofreq th, #sfamaminofreq td { padding: 0px 3px} 
#sfampid { border: solid; border-width: 2px;}
#sfampid th, #sfampid td { padding: 0px 3px}
/* Digest peptide */

#digesttable { font-size: 12px; }
#digesttable td,
#digesttable th {
	vertical-align: top;
}
#digesttable td.num,
#digesttable td.text,
#digesttable th {
	padding: 2px 5px;
}
#digesttable td input {
	width: 11px;
	height: 11px;
	border-width: 0px;
}
#digesttable th {
	font-weight: bold;
	text-align: left;
}
#digesttable td.text { text-align: left  }
#digesttable td.num  { text-align: right }

/* Lists : For displaying coloured alignments */

#colamino span.ala      { background-color: white; } 
#colamino span.arg      { background-color: blue; } 
#colamino span.asn      { background-color: white; } 
#colamino span.asp      { background-color: red; } 
#colamino span.cys      { background-color: yellow; } 
#colamino span.glu      { background-color: red; } 
#colamino span.gln      { background-color: white; } 
#colamino span.gly      { background-color: white; } 
#colamino span.his      { background-color: green; } 
#colamino span.ile      { background-color: green; } 
#colamino span.leu      { background-color: green; } 
#colamino span.lys      { background-color: blue; } 
#colamino span.met      { background-color: green; } 
#colamino span.phe      { background-color: green; } 
#colamino span.pro      { background-color: green; } 
#colamino span.ser      { background-color: white; } 
#colamino span.thr      { background-color: white; } 
#colamino span.trp      { background-color: green; } 
#colamino span.tyr      { background-color: green; } 
#colamino span.val      { background-color: green; } 
#colamino span.gap      { background-color: white; } 
#colamino span.x        { background-color: white; } 
#colamino span.adenine  { background-color: #FFFF99; }
#colamino span.thymine  { background-color: #CC6666; }
#colamino span.guanine  { background-color: #99FF66; }
#colamino span.cytosine { background-color: #33CCFF; }

#anaproseq span { display: block; margin-top: 20px; }
#anaproseq input.button  { 
	display: block; 
	margin: 10px 0 10px 200px;
}
#anaproseqresults pre {
	margin: 0px;
	padding:0px;
}
#anaproseqresults h2 {
	margin: 10px 0px 0px 0px;
	padding:0px;
	border-bottom: solid;
	border-width: 3px;
}
#anaproseqresults h3 {
	margin: 10px 0px 0px 0px;
	font-weight: bold;
	font-size: 14px;
	font-style: italic;
}
#anaproseqresults span {
	display: block;
	margin: 5px 0px 10px 0px;
}
#anaproseqresults table {
	margin-left:auto;
	margin-right:auto;
	border-collapse: collapse;
}
#anaproseqresults table th {
	background-color: #330B00;
	color: white;
	padding: 3px 20px;
}
#anaproseqresults table td {
	background-color: #E8722C;
	color: white;
	padding: 3px 20px;
	color: black;
}
#anaproseqresults table td.numtd {
	text-align: right;
}
#anaproseqresults fieldset {
	margin-top: 40px;
}
#anaproseqresults center {
	margin: 30px 0px;
}
#anaproseqresults .codingreg {
	color: #E8722C;
	display: inline;
}
#anaproseqresults table td a {
	font-weight: bold;
}

div.example {
	font-size: 10px;
	margin-left: 50px;
	border: solid 1px;
	padding-left: 15px;
	width: 450px;
}

/* 3D structure visualization */

#style3d { font-size: 10px; }
#style3d th { 
	color: white;
	background: black;
}
#style3d td { 
	vertical-align: top;
}
#AnimBut {
	border-style:solid; 
	background-color: black; 
	color: white;
}
#help3d { font-size: 10px; }
#help3d td { padding-left:10px }

/* Conopeptide classification */

#classificationmainlist td {
	vertical-align: top;
	text-align: justify;
}
#classificationmainlist br {
	margin-bottom: 8px;
}

#classificationmainlist img {
	margin-right:20px;
}

table.classification_table {
	margin-top: 10px;
	border: solid;
	border-collapse:collapse;
	width: 100%;
}
table.classification_table tr.odd {
	background-color: #ffefdf;
}
table.classification_table tr.even {
	background-color: #ffcb97;
}
table.classification_table th {
	background-color: #330b00;
	color: #ffffff;
	font-variant: small-caps;
}
table.classification_table td {
	border: none;
	padding: 3px 0;
}
table.classification_table td.superfamily {
	text-align: center;
	font-weight: bold;
}
table.classification_table td.temporary_superfamily {
	text-align: left;
	font-weight: bold;
	padding-left: 20px;
}
table.classification_table td.framework {
	text-align: center;
	font-family: monospace;
	font-weight: bold;
}
table.classification_table td.fr_pattern {
	text-align: center;
	white-space: nowrap;
}
table.classification_table td.pharm_family {
	text-align: left;
	font-weight: bold;
	white-space: nowrap;
	padding-left:5px;
}
table.classification_table td.pharm_desc {
	width: 600px;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
}
table.classification_table td.blank {
	border:none;
}
table.classification_table td.roman {
	font-family: monospace;
}
table.classification_table td.ref {
	min-width: 200px;
	padding-left:5px;
}
table.classification_table td.num {
	text-align: center;
}
table.classification_table caption {
	margin-top: 5px;
	font-size: 12px;
	text-align : justify;
	margin-bottom: 2px;
}

.illustration {
	max-width: 550px;
	margin-left: 30px;
}
.illustration img {
	border-style: solid;
	border-width: 1px;
	padding: 5px;
	max-width: 530px;
}
.illustration span {
	margin-top: 5px;
	display: block;
	text-align: justify;
	width: 540px;
	font-size: 12px;
}


/* Divers */

#simpleform span { display: block; margin-top:20px; font-variant: small-caps; font-weight: bold;}
#simpleform input { width: 400px; }
#simpleform select { width: 400px; }
#simpleform fieldset {margin-top: 12px; }
#simpleform input.button { width: 100px; margin-top: 10px;}
#simpleform table input { width: 50px; }
#simpleform table { border-style: solid }
#simpleform table td { border-style: none }
#simpleform table select.exttableselect { width: 100px }
#simpleform span.comment { font-style: italic; font-variant: normal; margin-top:0px; font-weight: normal}

#selectidfield {
	background-color: #330B00;
color: #ffffff;
padding: 3px 10px;
}
#selectidfield form {
display: inline;
		 padding-right: 10px;
}



/* Footer of the page */

#foothr {
	border-color: #bd650c;
	border-style: solid;
	border-width: 1px;
	height: 1px;
}

#foot {
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 0px 0px;
	border-style: none;
	clear: both;
	font-size: 12px;
	background-color: #ffffff;
	background-image: url('images/back2.png');
	font-size: 10px;
}

#foot img {
	float: right;
	margin-top: 20px;
}

#annotbuttons {
	position: fixed;
	bottom:0px;
	display: inline;
	background-image: url('images/backspe.png');
	width:100%;
	padding: 2px 0px;
	color: white;
}

/* printing */

@media print {
	html {
		margin: 0px;
		padding: 0px;
	}
	#globalcontainer { margin-left:0; }
	#menu { display: none; width: 0 }
	#quicksearch { display: none; width: 0 }
	#main {
		width:100%;
		margin-left: 0;
	}
}