body {
    background-color: #eeeeee;
    font-style: normal;
    font-weight: normal;
    text-align: left;
    text-indent: 0pt;
    color: black;
    font-family: Optima, Lucida Grande, Trebuchet MS, Verdana, sans-serif;
    margin: 0px 5px 0px 5px;
	font-size: 12pt;
}

table {
    width: 880px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    border-collapse: collapse;
	border: 0px solid #999999;
    color: #000000;
    line-height: 150%;
	font-size: 10pt;
}

caption {
    caption-side: top;
    font-size: 12pt;
    font-weight: bold;
    margin-bottom: 5px;
}

th {
    padding: 0.3em 0.5em 0.3em 0.5em;
    color: #333333;
    background-color: #cccccc;
    border: 1px solid #999999;
	text-align: center;
}

td {
    padding: 0.3em 0.5em 0.3em 0.5em;
    border: 1px solid #999999;
    background-color: #ffffff;
    font-size: 100%;
}

form {
	margin: 0px;
}

p {
	margin: 0px;
	padding: 0px;
}

a:link {
    color:#3333ff;
}

a:visited {
    color:#3333ff;
}

a:active {
    color:#ff9933;
}

a:hover {
	color:red;
}

/* Header */
#header {
	width: 900px;
	height: 80px;
	margin: 0px;
	padding: 5px;
}

#header h1 {
    background-color: #eeeeee;
    padding: 0px;
    border: 0px solid #eeeeee;
    color: #000000;
}

#logo {
	float: left;
	margin: 0px;
	padding: 5px;
}

#logo img {
	border: none;
}

#info {
	float: right;
	margin: 0px;
	padding: 5px;
}

#info li {
	list-style-type: none;
	margin: 0px;
	padding: 1px;
}

/* Menu */
#menu {
	clear: both;
	width: 900px;
	height: 50px;
	margin: 0px;
	padding: 0px 10px 0px 10px;
}

#menu li {
	list-style-type: none;
}

#menu_left {
	float: left;
	margin: 0px;
	padding: 0px;
}

#menu_right {
	float: right;
	margin: 0px;
	padding: 0px;
}

#q_search {
	margin: 0px;
	padding: 0px;
}

#examples {
	font-size: 10pt;
	margin: 2px;
	padding-left: 0px;
}

#examples li {
	list-style-type: none;
}

/* Navigation */
#navi {
	width: 900px;
	height: 20px;
	margin: 0px;
	padding: 5px 10px 5px 10px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-width: 1px;
	font-size: 10pt;
}

#navi_left {
	float: left;
	margin: 0px;
	padding: 0px;
}

#navi_right {
	float: right;
	margin: 0px;
	padding: 0px;
}

/* Footer */
#footer {
	width: 900px;
	margin: 5px;
    padding: 1em;
	text-align: right;
	font-size: 10pt;
}

/* Contents */
#contents {
	clear: both;
	width: 901px;
	background-color: transparent;
    margin: 0px;
	padding: 10px;
}

#contents h1 {
	font-size: 14pt;
	margin-top: 1em;
	margin-bottom: 0.5em;
}

/* Top */
#top h1 {
	font-size: 14pt;
	margin-top: 1em;
	margin-bottom: 0.5em;
}

#top ul {
	margin: 0px 5px 0px 5px;
	padding: 0px 2em 0px 2em;
}

#top p {
	margin: 5px 5px 5px 5px;
	padding: 0px 1em 0px 1em;
}

#top p.image {
	text-align: center;
}

#top td {
	text-align: center;
}

/* Advanced Search */
#advanced_search form {
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding: 5px;
    border: 1px solid #999999;
	background-color: #ffffff;
	font-size: 10pt;
}

#advanced_search h1 {
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 5px;
}

#advanced_search ul {
	margin: 0px;
	padding: 0px 10px 0px 10px;
}

#advanced_search li {
	padding: 5px 10px 5px 10px;
	list-style-type: none;
}

/* FASTA Search */
#FASTAsearch {
	font-size: 10pt;
}

#FASTAsearch h1 {
	font-size: 12pt;
	margin-top: 1em;
	margin-bottom: 0.5em;
}

/* Summary or Search Results */
#summary th {
	width: 100px;
}

#summary td.count {
	width: 20px;
}

#summary td.data {
	width: 140px;
}

#summary ul {
	width: 660px;
	margin: 0 0 0 20px;
	padding: 0;
	text-align: left;
}

#summary li {
	float: left;
	margin-right: 20px;
	margin-bottom: 3px;
	width: 200px;
}

/* Mapping Result */
#mapping table {
    border: 1px solid #999999;
    line-height: 100%;
	font-size: 10pt;
}

#mapping td {
	height: 16px;
	padding: 2px 4px 2px 4px;
}

#mapping img {
	border: 0px;
}

#mapping .toggle {
	color: #0000ff;
}

#cage_stat {
	width: 400px;
}

#cage_stat th {
	width: 100px;
}

/* View transcript */
#mRNA table {
	border: 1px solid #999999;
}

#exons table {
	border: 1px solid #999999;
}

/* View AS */
#ASpattern {
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	font-size: 10pt;
}

#pattern {
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #999999;
    background-color: #ffffff;
	font-size: 10pt;
}

#ASpattern form {
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #999999;
    background-color: #ffffff;
	font-size: 10pt;
}

#ASpattern h1 {
	font-size: 12pt;
	font-weight: bold;
	margin: 5px;
	text-align: center;
}

#ASpattern table {
	margin-top: 40px;
}

#ASpattern ul {
	width: 820px;
	margin: 5px;
	padding: 5px;
}

#ASpattern li {
	list-style-type: none;
	list-style-position: inside;
	margin: 2px;
	padding: 2px;
}

#ASpattern li.legend {
	text-align: center;
}

#ASpattern div.fig {
	text-align: center;
}

#ASregion table {
	border: 1px solid #999999;
}

#ASregion ol {
	width: 820px;
	margin: 0 0 0 30px;
	padding: 0;
	text-align: left;
}

#ASregion ul {
	width: 820px;
	margin: 0 0 0 30px;
	padding: 0;
	text-align: left;
}

#ASregion li {
	float: left;
	margin-right: 20px;
	margin-bottom: 3px;
	width: 350px;
	font-size: 9pt;
}

#ASregion p {
	clear: both;
}

#ASregion td.error {
	color: #ff0000;
	font-weight: bold;
	text-align: center;
}

#Sequence {
	border: 1px solid #999999;
}

/* View 3D assign */
#assign3D h1 {
	font-size: 12pt;
}

#assign3D td {
	height: 30px;
}

#assign3D td.sep {
	border-top-style: solid;
	border-top-width: thin;
	border-top-color: #999999;
}

#assign3D table {
	border: 1px solid #999999;
}

#assign3D img {
	border: none;
}

#Details h1 {
	font-size: 12pt;
}

#Details h2 {
	font-size: 10pt;
}

#Details th {
	width: 120px;
}

#Details table {
	border: 1px solid #999999;
}

#Details td.seq {
    font-family: monospace;
    text-align: left;
	font-size: 9pt;
}

#Details .toggle {
	font-weight: normal;
	color: #0000ff;
}

/* View 3D data */
#ThreeD h1 {
	font-size: 12pt;
}

#ThreeD table {
	border: 1px solid #999999;
}

#ThreeD td.seq {
    font-family: monospace;
    text-align: left;
	font-size: 9pt;
}

/* Detail */

#detail h1 {
	font-size: 12pt;
}

#detail table {
	border: 1px solid #999999;
}

#detail .legend {
	text-align: center;
}

/*AS-EAST*/
#aseast h1 {
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 5px;
}

#aseast ul {
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding: 5px;
    border: 1px solid #999999;
	background-color: #ffffff;
	font-size: 10pt;
}

#aseast li {
	padding: 5px 10px 5px 10px;
	list-style-type: none;
}

#aseast p.option {
	padding: 5px 10px 5px 10px;
}

#aseast table {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding: 5px;
    border: 1px solid #999999;
	background-color: #ffffff;
	font-size: 10pt;
}

#aseast_fig table {
	border: 0px;
}

#aseast_fig td {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#progress p {
	font-size: 14pt;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 0.5em;
}

#gen_seq {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
    font-family: monospace;
    text-align: left;
    line-height: 120%;
}

#modeling table {
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding: 5px;
    border: 1px solid #999999;
	background-color: #ffffff;
	font-size: 10pt;
}

#modeling ul {
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding: 5px;
    border: 1px solid #999999;
	background-color: #ffffff;
	font-size: 10pt;
}

#modeling ul.second {
	width: 800px;
	margin-left: 2em;;
	margin-right: auto;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding: 5px;
    border: 0px solid #999999;
	background-color: #ffffff;
	font-size: 10pt;
}

#modeling li {
	padding: 5px 10px 5px 10px;
	list-style-type: none;
}

#AlignmentData {
	font-family: monospace;
	line-height: 120%;
}

#guide h1 {
	font-size: 16pt;
	font-weight: bold;
	margin-bottom: 5px;
	text-align: center;
}

#guide h2 {
	font-size: 14pt;
	font-weight: bold;
	margin-bottom: 5px;
}

#guide h3 {
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 5px;
}

#guide div.route {
	width: 820px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin: 0px;
	padding: 5px;
}

#guide div.tag {
	font-weight: bold;
}

#guide div.path {
	font-size: 11pt;
	margin: 5px;
	padding: 5px;
}

#guide p {
	margin: 5px;
	padding: 2px;
}

.del {
    color: #ff0000;
}

.ins {
    color: #00ffff;
}

.sub {
    color: #9900ff;
}

.str {
    text-align: center;
}

.num {
    text-align: right;
}

.trun {
    color: #aaaaaa;
}

.obi {
    vertical-align: middle;
    border: 0px;
    font-size: 95%;
}

.middle {
    text-align: center;
}

.right {
    text-align: right;
}

.left {
    text-align: left;
}

td.seq {
    font-family: monospace;
    text-align: left;
    line-height: 120%;
}

td.obinum {
    text-align: right;
    padding: 0.3em 0.3em 0.3em 0.3em;
    border: 0px;
    font-size: 95%;
}

td.obi_left {
    text-align: left;
    border: 0px;
    font-size: 95%;
}

td.obi_middle {
    text-align: center;
    vertical-align: middle;
    border: 0px;
    font-size: 95%;
}

td.obi_right {
    text-align: right;
    vertical-align: middle;
    border: 0px;
    font-size: 95%;
}

td.sig {
	background-color: #ffbbbb;
}

th.str {
	text-align: left;
}

span.red {
    color: #ff0000;
}

p.mid {
	text-align: center;
}

p.close {
	text-align: center;
}

p.right {
	text-align: right;
}

span.sub1 {
    color: #7700ff;
}

span.sub2 {
    color: #77ff77;
}

span.utr {
    color: #0077ff;
}

span.cds {
    color: #bbbb00;
}

span.dis {
    text-decoration: line-through;
}

span.unk {
    color: #aaaaaa;
}

span.query {
    color: #ff0000;
    font-size: 120%;
}