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: 900px;
	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;
}

/* 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 {
    border: 1px solid #999999;
    line-height: 100%;
	font-size: 10pt;
}

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

#mapping img {
	border: 0px;
}

#cage_stat {
	width: 400px;
}

#cage_stat th {
	width: 100px;
}

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

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

/* View AS */
#ASregion {
	border: 1px solid #999999;
}

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

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

#ASregion p {
	clear: both;
}

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

/* View 3D assign */
#assign3D {
	border: 1px solid #999999;
}

#assign3D img {
	border: none;
}

#control {
	padding: 2px;
	height: 40px;
}

/* View 3D data */
#transcript {
	border: 1px solid #999999;
}

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

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

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

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

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

/* Detail */
#detail {
	border: 1px solid #999999;
}

#aseast 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;
}

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

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

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

#refseq 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;
}

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

#refseq li {
	clear: both;
	width: 800px;
	padding: 5px 10px 5px 10px;
	list-style-type: none;
}

#refseq li.mapping {
	margin: 0px;
	padding: 0px 10px 0px 10px;
}

#refseq span {
	vertical-align: middle;
}

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

.str {
    text-align: center;
}

.num {
    text-align: right;
}

td.numdel {
    text-align: right;
    color: #ff0000;
}

td.numins {
    text-align: right;
    color: #00ffff;
}

td.numsub {
    text-align: right;
    color: #9900ff;
}
    
td.strdel {
    text-align: center;
    color: #ff0000;
}

td.strins {
    text-align: center;
    color: #00ffff;
}

td.strsub {
    text-align: center;
    color: #9900ff;
}
    
td.seq {
    font-family: monospace;
    text-align: left;
    line-height: 120%;
}

td.trunnum {
    color: #aaaaaa;
    text-align: right;
}

td.trunstr {
    color: #aaaaaa;
    text-align: center;
}

th.obi {
    padding: 0em 0.3em 0em 0.3em;
    background-color: #ffffff;
    border: 0px;
    font-size: 95%;
}

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

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;
    vertical-align: middle;
    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;
}

caption.del, th.del, span.del {
    color: #ff0000;
}

caption.ins, th.ins, span.ins {
    color: #00ffff;
}

caption.sub, th.sub, span.sub {
    color: #9900ff;
}

span.red {
    color: #ff0000;
}

p.mid {
	text-align: center;
}

p.right {
	text-align: right;
}

span.del {
    color: #ff0000;
}

span.ins {
    color: #00ffff;
}

span.sub1 {
    color: #7700ff;
}

span.sub2 {
    color: #77ff77;
}

span.utr {
    color: #0077ff;
}

span.cds {
    color: #bbbb00;
}

span.unk {
    color: #aaaaaa;
}

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