body, input {
	
}

.maintext {
	font-family: "Calibri", "Verdana", "Bitstream Vera Sans", "Helvetica",
		"Tahoma", "Arial", "sans-serif";
}

textarea {
	font-size: 10.5pt;
	background: #fffff7;
	width: 100%;
	height: 100px;
}

p {
	width: 780px;
	font-size: 14pt;
}

p li {
	/*width: 780px;*/
	font-size: 13pt;
}

/*
ul, li {
	margin-top, margin-bottom: 0;
	padding-top, padding-bottom: 0;
}
*/
div.mainpagealign {
	width: 80%;
	height: 100%;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

div.logodiv {
	padding: 5px 0px;
	font-size: 20pt;
	font-weight: bold;
	color: #033649;
	width: 48%;
	float: left;
}

div.maintitle {
	padding: 5px 10px;
	font-size: 20pt;
	font-weight: bold;
	color: #033649;
	width: 100%;
	float: left;
}

div.mainsubtitle {
	padding: 10px 20px 10px 0px;
	font-size: 16pt;
	font-weight: bold;
	color: #033649;
}

div.maintable {
	padding: 5px 15px;
}

div.eencnttable {
	padding: 10px 70px;
}

div.maintext {
	padding: 5px 0px;
	width: 100%;
}

div.maintextwithPic {
	padding: 5px 0px;
	width: 40%;
	float: left;
}

div.detail {
	padding: 5px 20px;
	width: 100%;
	border: 1px dotted;
}

div.detailmenu {
	padding: 0 0; /* should be inside another div */
	width: 100%;
	color: #3c6ea0;
}

div.longseq {
	padding: 0 15px;
	border: 2px outset;
	background: #f5fff0;
	white-space: pre;
	word-wrap: break-word;
	font-family: "DejaVu Sans Mono", "Monospace", "Courier New", "Consolas",
		"Terminal";
	font-size: 10.5pt;
}

div.rvddetail {
	text-align: center;
}

/* Only use in index page */
.logo {
	font-family: "寰蒋闆呴粦", arial, "Times New Roman", Georgia, serif;
	font-size: 35pt;
	font-weight: bold;
	color: #323298;
}

.sublogo {
	font-family: "寰蒋闆呴粦", arial, "Times New Roman", Georgia, serif;
	font-size: 10pt;
	color: #033649;
}

.logo2 {
	font-size: 24pt;
	font-weight: bold;
	color: #033649;
}

/* Characters font */
.big {
	font-size: 14pt;
}

.small {
	font-size: 10.5pt;
}

.small2 {
	font-size: 9pt;
}

.rvdnk {
	color: #008888;
}

.rvdnh {
	color: #0088FF;
}

.rvdn {
	color: #888800;
}

.rvdns {
	color: #880088;
}

.rvdother {
	color: #FF0000;
}

/* reommend engineering resources */
.recom {
	color: #F4FA58;
	font-weight: bold;
	font-style: italic;
}

.ntmut, .warning {
	color: #CC0000;
}

.ntmut1 {
	color: #CC0000;
}

.ntmut2 {
	color: #00CC00;
}

.ntmut3 {
	color: #0000CC;
}

.ntmut1u {
	color: #CC0000;
	text-decoration: underline;
}

.ntmut2u {
	color: #00CC00;
	text-decoration: underline;
}

.ntmut3u {
	color: #0000CC;
	text-decoration: underline;
}

.ntmet {
	color: #AA0000;
}

.disabledlink {
	color: #777777;
}

.longseqnote {
	color: #888800;
}

.zfnseqsearch {
	background: #BBBBBB;
}

.tips {
	padding: 10px 20px 10px 0px;
	font-size: 10pt;
	color: #8C2942;
}

.hr_nospace {
	padding: 0px 0px 0px 0px;
}

.constant {
	font-family: "DejaVu Sans Mono", "Monospace", "Courier New", "Consolas",
		"Terminal";
}

.emphasisLetter {
	color: #FF0606;
}

.innerlinksign {
	font-family: "DejaVu Sans Mono", "Monospace", "Courier New", "Consolas",
		"Terminal";
	font-size: 9pt;
	padding: 0 2px 0 2px;
	background-color: #8888bb;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

.instructions {
	border: 1px #C1C1C1 solid;
	font-size: 10px;
	color: #B5B5AF;
	word-wrap: break-word;
	word-break: break-all;
	padding: 5px 10px 5px 10px;
	margin: 5px 10px 5px 0px;
}

/* Tables */
table.detail td {
	padding: 6px 6px;
	font-size: 13pt;
}

.breakLine {
	word-wrap: break-word;
	word-break: break-all;
	/*overflow:auto;*/
}

table {
	margin: 0;
	border-collapse: collapse;
}

table.nav {
	width: 100%;
}

td {
	font-size: 11pt;
	color: #033649; /* 669 */
	padding: 5px 5px;
}

.tdaligncenter {
	font-size: 11pt;
	color: #033649; /* 669 */
	padding: 5px 5px;
	text-align: center;
}

td.firstcolumn {
	font-weight: bold;
	color: #002639;
	background: #8CBEF1;
	border-top: 1px #ffffff solid;
	border-bottom: 1px #ffffff solid;
	text-align: center;
}

td.menu {
	padding: 2px 5px;
	background: #3E4FAF;
	font-size: 16pt;
	font-weight: bold;
}

table.menu {
	border-top: 1px #323298 solid;
	border-bottom: 1px #323298 solid;
}

table.menu td {
	padding: 1px 0 1px 10px;
	border-top: 1px #323298 dashed;
	border-bottom: 1px #323298 dashed;
}

table.menu td.second {
	padding: 1px 0px 1px 25px;
	border-top: 1px #323298 dashed;
	border-bottom: 1px #323298 dashed;
}

td.center {
	text-align: center;
}

tr.ot td {
	background: #d8d8d8;
}

tr.ot td.firstcolumn {
	background: #78aadb;
}

tr.dupe td {
	background: #eeeeee;
}

tr.dupe td.firstcolumn {
	background: #80b2e4;
}

tr.noact td {
	background: #ffe0e0;
}

tr.noact td.firstcolumn {
	background: #ccaaaa;
}

tr.divideref td {
	border-top: 3px #323298 solid;
}

tr.divideref td.firstcolumn {
	border-top: 3px #ffffff solid;
}

tr:hover td {
	color: #339;
}

table.chrview td {
	border: 0;
}

table.chrview td img {
	vertical-align: middle;
}

tr.chrview_same td {
	background: #88baeb;
}

tr.chrview_0 td {
	background: #689acb;
}

tr.chrview_m td.distance, tr.chrview_g td.distance {
	color: #5C8EC1;
}

tr.chrview_k td.distance {
	color: #770000;
}

tr.chrview_1 td.distance {
	color: #007700;
}

tr.eencnt0 td {
	border: none;
	background: #ffffff;
	/*background: #d9e0e9;*/
	text-align: center;
}

tr.eencnt1 td {
	border: none;
	background: #c9d0d9;
	background: #d9e0e9;
	text-align: center;
}

tr.eencnt0 td.firstcolumn, tr.eencnt1 td.firstcolumn {
	text-align: left;
}

th {
	font-size: 11pt;
	color: #002639; /*#033649;*/
	background: #323298;
	text-align: center;
	padding: 5px 5px;
	border-right: 1px #ffffff solid;
	border-left: 1px #ffffff solid;
}

th.nav {
	padding: 15px 15px;
	background: #323298;
	border: none;
}

th.navcurrent {
	padding: 15px 15px;
	background: #3E4FAF;
	border: none;
}

th.nav:hover {
	background: #5c8ec1;
}

/* ZFNSiTer Results */
.type_zfpcut {
	background-color: #85ABDA;
}

.type_zfpbind {
	background-color: #B2C5DD;
}

.type_zfppart {
	background-color: #D3DDE9;
}

.type_coda {
	background-color: #FFD0D0;
}

.type_open {
	background-color: #C8FFC8;
}

.type_prs1, .type_prs2 {
	background-color: #F5DEB3;
}

.type_3xgnn {
	background-color: #FFFF88;
}

.exon {
	/*	background-color: #E8FFE8; */
	background-color: #E8E0D8;
}

.intron {
	background-color: #FFFFFF;
}

/* ZFP search result */
.tlinker {
	color: #6666ff;
}

.t1, .f1 {
	font-weight: bold;
	text-decoration: underline;
}

.t2, .f2, .t3, .f3 {
	font-weight: bold;
	border-bottom: 1px #000000 double;
	text-decoration: underline;
}

/* Links */
a.nocolor {
	text-decoration: none;
}

a.nocolor:link, a.nocolor:visited {
	/*	color: #0066cc; */
	text-decoration: none;
}

a.nocolor:hover, a.nocolor:active {
	/*	color: #5555ff; */
	text-decoration: none;
}

a.white:link, a.white:visited, a.white:hover, a.white:active {
	color: #ffffff;
}

a.extlink:link {
	color: #364D5E !important;
}

a.extlink:visited, a.extlink:hover, a.extlink:active { {
	color: #664D7E !important;
}

a.disable:link, a.disable:visited, a.disable:hover, a.disable:active {
	color: #999999 !important;
}

/*//////////////////////////// fieldset //////////////////////////////////////*/
fieldset {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

fieldset.space {
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
}

fieldset.sp_tools {
	background-color: #E1E8F2; /* Light grayish blue */
	border: solid 1px #e0e0e0 !important; /* Very light gray */
	padding: 0px 0px;
	width: 100%;
}

fieldset.hamap1 {
	background-color: #e1e6ea; /* Light grayish blue */
	border: solid 1px #e0e0e0 !important; /* Very light gray */
}

fieldset.hamap2 {
	background-color: #c6c6f8; /* Very soft blue */
	border: solid 1px #e0e0e0 !important; /* Very light gray */
}

fieldset.prosite1 {
	background-color: #dfefff; /* Very pale blue */
	border: solid 1px #e0e0e0 !important; /* Very light gray */
	padding: 10px 20px;
}

fieldset.prosite2 {
	background-color: #c1eeee; /* Light grayish cyan */
	border: solid 1px #e0e0e0 !important; /* Very light gray */
	padding: 10px 20px;
}

/*////////////////////////////// legend //////////////////////////////////////*/
legend {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

legend.sp_tools {
	background-color: #ffffff; /* White */
	border: solid 1px #e0e0e0; /* Very light gray */
	color: #000000;
	font-size: large !important;
	font-style: normal !important;
	font-weight: 400 !important;
	padding: 5px !important;
	width: 30%;
}