/* CSS Document */
@charset "utf-8";

a:link   { text-decoration:none }
a:visited{ text-decoration:none; color:#145391 }
a:active { text-decoration:none }
a:hover  { text-decoration:underline; color:#FF6600 }
a        { text-decoration:none }

.jsub { font-size:16px} /*sub title size*/

.jjjj { font-size:14px } /*large size*/
.jjj  { font-size:12px } /*mid size*/
.jj   { font-size:10px } /*small size*/

.eee { font-size:12px;font-family:"Arial", "Helvetica", "sans-serif"} /*mid size for english*/

td { font-size:12px } /*mid size for table*/
th { font-size:12px } /*mid size for table*/

body {
	font-family: "Hiragino Kaku Gothic", "ƒqƒ‰ƒMƒmŠpƒS", "MS P Gothic", "‚l‚r ‚oƒSƒVƒbƒN", Osaka, sans-serif;
	background-color:#CCCCCC;
	margin: 0px;
}

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

.bgWhite{
	background-color: #ffffff;
}

/* header */
.box {
	clear:both;
    border-top:solid 4px #5E5E5E;
}

.box1 {
	height:10px;
	/*width: 922px;*/
	width: 1037px;
}
.blue {
	color: #00CCFF}
.white {
	color: #FFFFFF;
	padding-top:10px;
}
.green {
	color: #33FF66
}
.logo_white {
	color: #FFFFFF; 
	padding-top: 10px; 
	font-size: 14px; 
}
	
.orange {
	color: #FF9900}
.pink {
	color: #FF3399}
form.quickSearch {
	margin:0px 0px 0px 0px;
}


/* navigation */
.navigation {
	color: #ffffff;
	font-weight:bold;
	font-size:13px;
}

.tab1on a:link,
.tab2on a:link,
.tab3on a:link,
.tab4on a:link,
.tab5on a:link,
.tab6on a:link,
.tab7on a:link,
.tab8on a:link,
.tab9on a:link {
	color: #ffffff;
	text-decoration: none;
	display: block;
	margin-top: 5px;
}

.tab1on a:visited,
.tab2on a:visited,
.tab3on a:visited,
.tab4on a:visited,
.tab5on a:visited,
.tab6on a:visited,
.tab7on a:visited,
.tab8on a:visited,
.tab9on a:visited {
	color: #ffffff;
	text-decoration:none;
	display:block;
	margin-top:5px
}

.tab1on a:hover,
.tab2on a:hover,
.tab3on a:hover,
.tab4on a:hover,
.tab5on a:hover,
.tab6on a:hover,
.tab7on a:hover,
.tab8on a:hover,
.tab9on a:hover {
	color:#ffffff;
	text-decoration:none;	
	display:block;
	margin-top:5px
}

.tab1off a:link,
.tab2off a:link,
.tab3off a:link,
.tab4off a:link,
.tab5off a:link,
.tab6off a:link,
.tab7off a:link,
.tab8off a:link,
.tab9off a:link {
	color:#ffffff;
	text-decoration:underline;
	display:block;
	margin-top:5px
}

.tab1off a:visited,
.tab2off a:visited,
.tab3off a:visited,
.tab4off a:visited,
.tab5off a:visited,
.tab6off a:visited,
.tab7off a:visited,
.tab8off a:visited,
.tab9off a:visited {
	color:#ffffff;
	text-decoration:underline;
	display:block;
	margin-top:5px
}

.tab1off a:hover,
.tab2off a:hover,
.tab3off a:hover,
.tab4off a:hover,
.tab5off a:hover,
.tab6off a:hover,
.tab7off a:hover,
.tab8off a:hover,
.tab9off a:hover {
	color:#ffd236;
	text-decoration:underline;
	display:block;
	margin-top:5px
}

.tab1on  {
	background-color:#5E5E5E;
}
.tab1off {
	background-color:#999999;
}
.tab2on  {
	background-color:#5E5E5E;
}
.tab2off {
	background-color:#999999;
}
.tab3on  {
	background-color:#5E5E5E;
}
.tab3off {
	background-color:#999999;
}
.tab4on  {
	background-color:#5E5E5E;
}
.tab4off {
	background-color:#999999;
}
.tab5on  {
	background-color:#5E5E5E;
}
.tab5off {
	background-color:#999999;
}
.tab6on  {
	background-color:#5E5E5E;
}
.tab6off {
	background-color:#999999;
}
.tab7on  {
	background-color:#5E5E5E;
}
.tab7off {
	background-color:#999999;
}
.tab8on  {
	background-color:#5E5E5E;
}
.tab8off {
	background-color:#999999;
}
.tab9on  {
	background-color:#5E5E5E;
}
.tab9off {
	background-color:#999999;
}
.tab1on,.tab1off,.tab2on,.tab2off,.tab3on,.tab3off,.tab4on,.tab4off,.tab5on,.tab5off,.tab6on,.tab6off,.tab7on,.tab7off,.tab8on,.tab8off,.tab9on,.tab9off {
	display:block;
	width:110px;
	float:left;
	margin-right:5px;
	text-align:center;
	background-image:url(../images/tab1-1.gif);
	background-repeat:no-repeat;
	background-position:center top;
}
.box {
	clear:both;
	border-top:solid 4px #5E5E5E;
}

.title_gene {
	color: #003366; font-weight: bold; 
	font-size: 15px; 
}

.title_strain {
	color: #7D4500; 
	font-weight: bold; 
	font-size: 15px; 
	font-weight: bold;
}

/* navigation */
.navigation li  {
	float:left;
	display:block;
}


/* content */
#content {
	margin: 0px;
}
.bgGrayLine {
	background-color:#adadad;
}
.bgGray {
	background-color:#dbdbdb;
}
.bgLightGray {
	background-color:#F5F5F5;
}

bgGene {
	background-color:#E0EDFC;
}

bgStrain {
	background-color:#FFB120;
}

/* topic_path */
#topic_path {
	margin-top: 2px;
	margin-left: 6px;
}

/* Genome Viewer */
#genome_viewer ul {
	margin-left: 1.0em;
}
#genome_viewer ul li {
	margin-bottom: 0.5em;
	list-style-type: none;
}
#genome_viewer .pagetop {
	margin: 2px 0px;
	text-align: right;
	width: 820px;	
}
#shortLegend {
	position: absolute;
	top: 200px;
	left: 730px;
}

/* Chromosome View, Detail View */
a.sequenceCutterLink:link {
	color: #ffffff;
	text-decoration: underline;
}
a.sequenceCutterLink:visited{
	color: #ffffff;
	text-decoration: underline;
}
a.sequenceCutterLink:hover {
	color: #ff6600;
	 text-decoration:underline;  
}
#all_chromosome_view, #detail_view {
	margin-top: 1.0em;
}
#all_chromosome_view h3, #detail_view h3 {
	color: #000;
	font-family: Arial, sans-serif;
	font-size: 1.4em;
	font-weigth: bold;
	height: 1.4em;
	margin: 0em 0.1em 0.1em 0em;
	padding-left: 0.5em;
}
#all_chromosome_view div.viewer_help_link {
	margin: -2.0em 0px 0.8em 0px;
	position: relative;
	text-align: right;
	width: 760px;
}
#all_chromosome_view div.viewer_help_link a {
	cursor: help;
}
#all_chromosome_view div.viewer_help_link a img {
	border: none;
	vertical-align: text-bottom;
}
#all_chromosome_view table {
	margin-left: 32px;
}
#all_chromosome_view table td {
	overflow: hidden;
	padding-right: 3px;
	text-align: left;
}
#chromosome_view {
	saga margin-top: 0.25em;
}
#chromosome_view table td.chromosomeName {
	color: #cc3365;
	font-size: 1.5em;
	font-weight: bold;
	overflow: hidden;
	padding-right: 2px;
	padding-top: 3px;
	vertical-align: top;
	/*width: 30px;*/
}

#detail_view table.outline {
	border: 1px solid #c5d6e9;
	width: 854px;
}
#detail_view .division{
	background-color: #ffffff;
	text-align: center;
}
table#detail_view_controler {
	font-family: Arial, sans-serif;
	background: #eaeaea;
	border-left: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
	border-top: 1px solid #d2d2d2;
	height: 60px;
	width: 854px;
}
table#detail_view_controler tr form {
	margin: 0px;
	padding: 0px;
}
table#detail_view_controler td {
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
}
table#detail_view_controler td div#markerSearchForm {
	border-bottom: 1px dashed #7f7f7f;
	margin: 0px 15px;
	padding: 1px 0px 2px;
	text-align: left;
	width: 690px;
}
table#detail_view_controler td div#markerSearchForm td#markerSearchName {
	width: 250px;
}
table#detail_view_controler td div#markerSearchForm td#markerSearchName input {
	width: 14em;
}
table#detail_view_controler td div#markerSearchForm td#markerSearchType {
	width: 150px;
}
table#detail_view_controler td div#markerSearchForm td#markerSearchFormSubmit {
	padding: 0px 10px;
}
table#detail_view_controler td div#locationSearchForm {
	border-bottom: 1px dashed #7f7f7f;
	margin: 0px 15px;
	padding: 0px 0px 2px;
	text-align: left;
	width: 690px;
}
table#detail_view_controler td div#locationSearchForm table td#locationSearchHighlight {
	width: 400px;
}
table#detail_view_controler td div#locationSearchForm table td#locationSearchHighlight input {
	width: 12em;
}
table#detail_view_controler td div#locationSearchForm table td#locationSearchFormSubmit {
	padding: 0px 10px;
}
table#detail_view_controler td img {
	text-align: center;
	vertical-align: -0.375em;
}
table#detail_view_controler td h2 {
	color: #cc3365;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}
table#detail_view_controler td .scale {
	width: 105px;
}
#detail_view_components {
	background: #ffffff;
	border: none;
}
.detail_view_component {
	border-bottom: 2px solid #7b6666;
	border-left: 1px solid #7b6666;
	border-right: 1px solid #7b6666;
	border-top: 2px solid #7b6666;
}
.detail_view_component .detail_view_scale {
	margin-left: 1px;
	margin-right: 1px;
	width: 850px;
}
.detail_view_component .detail_view_cytolocation {
	border-left: 1px solid #d8d3d3;
	border-right: 1px solid #d8d3d3;
	width: 850px;
}
.detail_view_component img {
	display: block;
	text-align: left;
}
.detail_view_component .mapTitle_strain {
	background-image:url(../images/obj_ba_03.gif) ;
    background-repeat:repeat-x;
	border-bottom: #aebccd 1px solid;
	border-left: 1px solid #d76c6c;
	border-right: 1px solid #d76c6c;
	border-top: 1px solid #d76c6c;
	clear: both;
	color: #000000;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	padding-left: 10px;
	text-align: left;
	width: 840px;
}
.detail_view_component .mapTitle_strain p {
	float: left;
	margin: 0px;
	padding: 0px;
}
.detail_view_component .mapTitle_strain img {
	display: block;
	float: right;
	height: 20px;
	width: 251px;
}
.detail_view_component .detail_view_strain {
	border-bottom: 1px solid #d3d3d3;
	border-left: 1px solid #d76c6c;
	border-right: 1px solid #d76c6c;
	width: 850px;
}
.detail_view_component .mapTitle_genome {
	background-image:url(../images/obj_ba_02.gif) ;
    background-repeat:repeat-x;
	border-left: 1px solid #6b7fd7;
	border-right: 1px solid #6b7fd7;
	border-top: 1px solid #d3d3d3;
	color: #000000;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	padding-left: 10px;
	text-align: left;
	width: 840px;
}
.detail_view_component .mapTitle_genome p {
	float: left;
	margin: 0px;
	padding: 0px;
}
.detail_view_component .mapTitle_genome img {
	display: block;
	float: right;
	height: 20px;
	width: 400px;
}
.detail_view_component .detail_view_genome {
	border-bottom: 1px solid #6b7fd7;
	border-left: 1px solid #6b7fd7;
	border-right: 1px solid #6b7fd7;
	width: 850px;
}
.detail_view_component .detail_view_mode {
	background: #ffffff;
	line-height: 1.7em;
	text-align: left;
	width: 852px;
}
.detail_view_component .detail_view_mode_bottom_boder {
	background: #ffffff;
	border-bottom: 1px dashed #0073dc;
	line-height: 1.7em;
	text-align: left;
	width: 852px;
}
.detail_view_component .detail_view_mode strong, .detail_view_component .detail_view_mode_bottom_boder strong {
	padding-left: 30px;
}
.detail_view_component .detail_view_mode strong.open, .detail_view_component .detail_view_mode_bottom_boder strong.open {
	background: url(../images/detailViewer_open.gif) no-repeat center left;
	cursor: pointer;
}
.detail_view_component .detail_view_mode a:hover strong.open, .detail_view_component .detail_view_mode_bottom_boder a:hover strong.open {
	background-image: url(../images/detailViewer_openHover.gif);
}
.detail_view_component .detail_view_mode strong.close, .detail_view_component .detail_view_mode_bottom_boder strong.close {
	background: url(../images/detailViewer_close.gif) no-repeat center left;
	cursor: pointer;
}
.detail_view_component .detail_view_mode a:hover strong.close, .detail_view_component .detail_view_mode_bottom_boder a:hover strong.close {
	background-image: url(../images/detailViewer_closeHover.gif);
}
#detail_view .pagetop {
	margin: 2px 5px 8px;
	text-align: right;
	height: 20px;
	
}

/* Viewer Help Page */
#viewer_help .viewer_help_topic {
	clear: both;
	margin-top: 1em;
}
#viewer_help .viewer_help_topic h3 {
	color: #000;
	font-family: Arial, sans-serif;
	font-size: 1.4em;
	font-weigth: bold;
	height: 1.4em;
	line-height: 1.4em;
	margin: 0em 0.1em 0.1em 0em;
	padding-left: 0.5em;
}
#viewer_help .viewer_help_topic ul {
	margin: 5px 20px 5px 20px;
	padding: 0px;
}
#viewer_help .viewer_help_topic ul li {
	font-size: 1.2em;
	line-height: 1.6em;
	margin: 0.5em 0px 1.8em;
	padding: 0px;
	text-align: justify;
}
#viewer_help .viewer_help_topic ul img {
	border-bottom: 2px solid #dddddd;
	border-left: 1px solid #eeeeee;
	border-right: 2px solid #dddddd;
	border-top: 1px solid #eeeeee;
	float: right;
	margin-left: 10px;
}
#viewer_help .viewer_help_topic ul img#viewerHelpGeneralImage {
	height: 209px;
	width: 200px;
}
#viewer_help .viewer_help_topic ul img#viewerHelpCompositionImage {
	height: 192px;
	width: 150px;
}
#viewer_help .viewer_help_topic ul img#viewerHelpChromosomeViewImage {
	height: 64px;
	width: 300px;
}
#viewer_help .viewer_help_topic ul img#viewerHelpDetailViewImage {
	height: 292px;
	width: 200px;
}
#viewer_help .viewer_help_topic ul img#viewerHelpMoveAndZoomImage {
	height: 53px;
	width: 300px;
}
#viewer_help .viewer_help_topic ul img#viewerHelpSuggestionImage {
	height: 164px;
	width: 250px;
}
#viewer_help .viewer_help_topic ul img#viewerHelpHighlightImage {
	height: 201px;
	width: 250px;
}
#viewer_help .viewer_help_topic ul img#viewerHelpAuxiliaryLineImage {
	height: 193px;
	width: 200px;
}
#viewer_help .pageTop {
	clear: both;
	margin: 2px 20px 8px;
	text-align: right;
}

/* Gene List */
#genome_list form {
	margin: 0em;
}
#genome_list #genome_list_form {
	border: 1px solid #d3d3d3;
	border-collapse: collapse;
	empty-cells: show;
	margin: 0px;
	width: 100%;
}
#genome_list #genome_list_form th {
	background-color: #dcdcdc;
	line-height: 2.0em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-align: left;
}
#genome_list #genome_list_form td {
	height: 1.6em;
	line-height: 1.6em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-align: left;
	vertical-align: middle;
}
#genome_list #genome_list_form td input {
	font-size: 12px;
	vertical-align: middle;
}
#genome_list #genome_list_form td select {
	font-size: 12px;
	vertical-align: middle;
}

#genome_list p {
	text-indent: 1.0em;
}
#genome_list #pager {
	text-indent: 1.0em;
	width: 90%;
}
#genome_list #genome_list_table {
	border: 1px solid #d3d3d3;
	border-collapse: collapse;
	empty-cells: show;
	margin: 0px;
	table-layout: fixed;
	width: 100%;
}
#genome_list #genome_list_table th {
	background-color: #dcdcdc;
	line-height: 1.4em;
	text-align: center;
}
#genome_list #genome_list_table th.gene {
	width: 20%;
}
#genome_list #genome_list_table th.ft_key {
	width: 10%;
}
#genome_list #genome_list_table th.transcript {
	width: 22%;
}
#genome_list #genome_list_table th.chromosome {
	width: 18%;
}
#genome_list #genome_list_table th.location {
	width: 20%;
}
#genome_list #genome_list_table th.cytolocation {
	width: 10%;
}

#genome_list #genome_list_table td {
	border: 1px solid #d3d3d3;
	line-height: 1.4em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-align: left;
}

/* Search Result List */
#search_result_list p {
	margin: 10px 2px;
}
#search_result_list #pager {
	text-indent: 1.0em;
	width: 90%;
}
#search_result_list #genome_view_list_table {
	border: 1px solid #d3d3d3;
	border-collapse: collapse;
	empty-cells: show;
	margin: 0px;
	width: 100%;
}
#search_result_list #genome_view_list_table th {
	background-color: #dcdcdc;
	text-align: center;
}
#search_result_list #genome_view_list_table td {
	border: 1px solid #d3d3d3;
	line-height: 1.4em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-align: left;
}

/* BLAST */
#blast {
	margin: 15px 10px 10px;
}
#blast #blastDescription {
	background-color: #f0f8ff;
	margin: 10px;
	padding: 5px;
}
#blast #blastDescription p {
	margin: 0.4em;
	padding: 0px;
	text-indent: 1.0em;
}
#blast #blastDescription ul {
	margin: 10px 5px 10px 40px;
}
#blast #blastDescription ul li {
	list-style-type: decimal;
	margin: 5px 0px;
}
#blast form {
	margin: 0px;
}
#blast table.blast_title {
	margin: 0px 0px 5px;
	width: 90%;
}
#blast table.blast_title tr td {
	border-bottom: 1px solid #00ff66;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.2em;
	padding-left: 10px;
}
#blast table {
	margin: 0px 10px 10px;
}
#blast table tr td {
	padding: 2px 0px;
}

/* Download */
#download #downloadDescription {
	background-color: #f0f8ff;
	margin: 10px;
	padding: 5px;
}
#download #downloadDescription p {
	margin: 0.4em;
	padding: 0px;
	text-indent: 1.0em;
}
#download ul {
	margin: 5px 5px 5px 30px;
	padding: 0px;
}
#download li {
	margin: 0px;
	padding: 0px;
}
#download table.qualifier_table {
	border: 1px solid #d3d3d3;
	border-collapse: collapse;
	empty-cells: show;
	margin: 0px 5px 15px 40px;
}
#download table.qualifier_table th {
	background-color: #dcdcdc;
	line-height: 2.0em;
	text-align: center;
}
#download table.qualifier_table td {
	border: 1px solid #d3d3d3;
	line-height: 1.4em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-align: left;
}

/* Contact Us */
#concact_us h3 {
	color: #000;
	font-family: Arial, sans-serif;
	font-size: 1.4em;
	font-weigth: bold;
	line-height: 1.4em;
	margin: 0em 0.5em 0.5em 0em;
	padding-left: 0.5em;
}

/* Announcement */
.announcement {
	width : 90%;
	margin: 5px auto 0px auto;
	border: solid 3px #FF6600;
	font-size: 11pt;
}
.announcement th {
	background-color: #F4D2AC
}
.announcement td a {
	color: #00008B;
	color: #D2691E;
	text-decoration: underline;
}
.announcement td p {
	margin: 0px;
}

.sequence {
	font-family: monospace;
}

/* Search */
#search #search_table {
	border: 1px solid #d3d3d3;
	border-collapse: collapse;
	empty-cells: show;
	margin: 0px;
	table-layout: fixed;
	width: 100%;
}
#search #search_table th {
	border-bottom: 1px solid #cccccc;
	background-color: #dcdcdc;
	padding: 0.5em;
	text-align: right;
	width: 20%;
}
#search #search_table td {
	border: 1px solid #d3d3d3;
	padding: 0.5em;
	text-align: left;
}