body {
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-align: left;
}

A:link {
	color:blue;
	text-decoration: none;
}
A:visited {
	color:blue;
	text-decoration: none;
}

table.main { background-color:#ffffb2; }
th.main { background-color:#083b62; color:#fff; }
td.main { text-align:left; }
a.thmain:link,a.thmain:visited { color:white; }

th {
	text-align: center;
	font-weight: bold;
}

/*Pig database BANNER*/

#banner-frame {
	min-width: 1000px;
	position: relative;
	margin:0;
	background-image:url(../images/banner_bg.jpg);
	background-repeat: x-repeat;
	height: 65px;
}

#banner-frame p {
	float: left;
	position: block;
	margin: 0;
	padding: 0;
	text-align: left;
	margin-top: 18px;
	margin-left: 150px; 
	margin-left: 15px !important; 
	color:#3b75ae;
	font-style: italic;
	font-size: 40px;
	font-weight: bold;
	font-family: Arial, Helvetica;
}

#banner-frame ul {
	position: absolute;
	display: inline;
	top:30px;
	top:40px !important;
	right:5px;
	text-align: right;
}

#banner-frame li {

	list-style-type: none;

	color:#1B99AF;

	float: left;

	margin-left:6px;

	margin-left:3px !important;

}

.login-submit {
	color:#0a558f;
	background-color: #82c1f2;
	border: 2px solid #82c1f2;
	/*border-bottom: 2px solid #2c8dd8;*/
	font-family: Arial, Helvetica;
	font-weight:bold;
	height: 21px;
	height: 23px !important;
	width: 80px;
}
.login-input {

	color:#000;

	border: 1px solid #ccc;

	/*border-bottom: 3px solid #bbb;*/

	/*background-color:#eee;*/

	font-family: Arial, Helvetica;

	font-weight:bold;

	height: 16px;

	width: 150px;

}

/*menu nav*/

#main-menu-bg {
	background-color:#083b62;
	color:#fff;
	margin:0;
	padding:0;
	height:32px;
}

#main-menu {
	width: 800px;
	margin:0;
	padding:0;
}

#main-menu ul {
/*	display: inline;
	margin:0 auto;*/
	list-style-type: none;
}

#main-menu li {
	float:left;
	margin-left: 35px;
	margin-top:2px;
}

#main-menu a {

	color:#fff;

	text-align:center;

	font-weight:bold;

	font-size:15px;

	display: block;
	
	letter-spacing:1px;

	text-decoration: none;

	/*background-image: url(../images/menu_bg.jpg);*/

	padding-top:5px;

	padding-top:3px !important;

	/*border-bottom:2px solid #fff;*/
}

#main-menu a:hover {
	/*color: #fbbd01;*/

	color: #82c1f2;

	text-decoration: none;

	/*background-image: url(../images/menu_bg_onmouse.jpg);*/

}

.long-menu a {

	color: #fff;

	text-align:center;

	font-family: Arial, Helvetica;

	font-weight:bold;

	font-size:17px;

	display: block;

	text-decoration: none;

	width: 185px;

	height: 27px;

	background-image: url(../images/long_menu_bg.jpg);

	background-repeat: no-repeat;

	padding-top:6px;

	padding-top:4px !important;

}

.long-menu a:hover {

	text-decoration: none;

	background-image: url(../images/long_menu_bg_onmouse.jpg);

	background-repeat: no-repeat;

}

/*shade-line*/

.shadow-line {

	margin: 0;

	padding: 0;

	line-height: 0;

	font-size:1px;

	height:7px;

	background-color:#e7e7e7;

	border-bottom:2px solid #ccc;
}

/*left-bar*/
#left-bar {
	background-color:#2c5782;
	color:#fff;
	margin:0;
	padding:0;
	width:180px;
}
#left-bar A:link {
	color:#82c1f2;
	text-decoration: none;
}
#left-bar A:visited {
	color:#82c1f2;
	text-decoration: none;
}
#left-bar A:hover {
	color:#ffcc66;
}
.left-bar-title {
	font-size: 14px;
	font-weight: bold;
	margin-top:5px;
	margin-left:10px;
	padding-bottom:3px;
	padding-left:10px;
	background-color:#3b75ae;
	color:#fff;
}
.left-bar-item {
	font-size: 12px;
	padding:5px;
	padding-left:18px;
	color:#aaaaaa;
}
.left-bar-item-item {
	font-size: 12px;
	font-weight: normal;
	padding:5px;
	padding-left:24px;
	border-bottom:1px dashed #fff;
	color:#aaaaaa;
}
/*main-content*/

.main-content {
	margin: 0;
	padding:0;
	border:0;
	line-height: 160%;
	font-weight: normal;
	font-family: Arial, Helvetica;
	color:#000;
	text-align: left;
}

#main-content-text {

	text-align:left;

	padding:10px;

}


.foot {


	margin: 0 ;

	padding: 0;

	line-height: 0;

	height:30px;
	border-top:5px solid #c6c6c6;

	background-color:#f0f0f0;

}

.foot p {

	margin: 0;

	padding-top: 15px;

	padding-left: 20px;

	height:15px;

	text-align: center;

	font-family: Arial, Helvetica;

	font-size:10px;

	color: #777;

}


/* Ruan Jue */



H2 {

	font-family: Arial, Helvetica;

	font-size: 18px;

	letter-spacing: 1px;

	color: #5C95C7;

	padding:5px;

	background-color: #EEEEEE;

}

H3 {

	font-family: Arial, Helvetica;

	font-size: 16px;

	padding:5px;

	letter-spacing: 1px;

	color: #5C95C7;

	background-color: #EEEEEE;

}

H4 {

	font-family: Arial, Helvetica;

	font-size: 15px;

	letter-spacing: 1px;

	color: #5C95C7;

	background-color: #EEEEEE;

}

FIELDSET {

	text-align: left;

}

.input {

	color: #660000;

	border-style: ridge;

}

.bodyfont {

	font-family: Arial, Helvetica;

	font-size: 12px;

}

.seqfont {
	font-family: monospace, courier;
	font-size: 11px;
	font-weight: normal;
}

.border {
	background: #ADC495;
}

.bluepanel {
	background-color: #CFDCC0;
	color: #333366;
}

.nocodon5 {
	background-color: #FFDF33;
}

.nocodon3 {

	background-color: #FFDF33;

}

.codon_region {

	background-color: #FFF9AF;

}

.codon_region_alias {

	background-color: #F0F0F0;

}

.exon_font_color {

	color: blue;

}

.exon_font_color_alias {

	color: black;

}

.codon1 {

	background-color: #FFF9AF;

	color: blue;

}

.codon2 {

	background-color: #FFF9AF;

	color: blue;

}

.codon3 {

	background-color: #FFF9AF;

	color: blue;

}

.codon4 {

	background-color: #F0F0F0;

	color: blue;

}

.codon5 {

	background-color: #F0F0F0;

	color: blue;

}

.codon6 {

	background-color: #F0F0F0;

	color: blue;

}

.codonstart {

	background-color: green;

}

.codonend {

	background-color: red;

}

.pep {

	color: #9966FF;

}

.qn, .qhn {

	background-color: silver;

}

.q1, .qh1 {

	background-color: #FFCCCC;

}

.q2, .qh2 {

	background-color: #FFE5FF;

}

.q3, .qh3 {

	background-color: #ffffb2;

}

.q4, .qh4 {

	background-color: #9CDEFF;

}

.q5, .qh5 {

	background-color: #b2ffe5;

}

.pseduo_snp {

	color: #FFFFFF;

	background-color: #CCCCCC;

}

.putative_snp {

	color: #FFFFFF;

	background-color: #999999;

	cursor: hand;

}

.snp {

	color: #FFFFFF;

	background-color: #FF0000;

	cursor: hand;

}

.underlineitem {

	text-indent: 20px;

	border-bottom-width: 1px;

	border-bottom-color: #666699;

	border-bottom-style: dashed;

	letter-spacing: 0px;

}

.top {

	border: 1px dashed gray;

}