.clr{width: 0; height: 0; clear:both; overflow: hidden;}
body{background: #f2f3f3}
pre{white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap;  white-space: -o-pre-wrap; word-wrap: break-word;       }
input[type='submit'],input[type='reset'],input[type='button']{padding: 2px 7px; display: inline_block;}
input[type='text']{border-bottom: 1px solid #ccc; border-left: 2px solid #999; border-top: 2px solid #999; padding: 2px; height: 20px;}
textarea{border-bottom: 1px solid #ccc; border-left: 2px solid #999; border-top: 2px solid #999; padding: 2px; }
select{border-bottom: 1px solid #ccc; border-left: 2px solid #999; border-top: 2px solid #999; padding: 2px; }
td a{ text-decoration: underline; }
.bigTitle{font-size: 25px; color: #79939b;}
#container{ width: 1000px; margin: 0 auto; font: 14px/28px arial,sans-serif; color: black; }
#header{height:150px; width:1000px; background: url("header.png"); position: relative;}
#nav{line-height: 28px; position: relative; top: 102px; left: 450px;}
#nav a{display: block;}
.BG{min-height:400px; _height:400px; background: url('padding2.png') white; background-repeat:no-repeat; background-position:bottom right; margin-top: 30px; padding: 20px 20px; box-shadow: 4px 3px 2px #888888; color: #525c68;}
/*下拉菜单*/
ul.nav-main>li:hover{background: white; color: #173161;}
ul.nav-main>li{float: left; padding: 0 6.5px;  color: white;}
/*隐藏盒子设置*/
div.hidden-box{ width: 140px; border-top: 0; position: absolute; display:none; background:white; top: 28px; color:#173161}
.hidden-box>ul{ list-style-type: none; cursor: pointer;}
.hidden-box li:hover{ background: #173161; color: white;}
.hidden-box li{padding: 0 6.5px; color:#173161;}
.hidden-box li a{display: block; width: 140px;}
/*隐藏盒子位置设置*/
/* .hidden-loc-index{left:  11.13%}
.hidden-loc-us{left: 28.77%}
.hidden-loc-info{left: 466.5px;} */
/*home*/
#main{float: left; width: 700px; height:610px; margin-top: 30px; padding: 20px 20px; background: white; }
.wel{color: #e1524b; font-size: 28px; margin: 0 auto; width: 340px; font-weight: bold;}
.intro{line-height:23px; text-align: justify; margin-top: 10px; }
.cite{margin-top: 20px;}
.guide1{margin: 20px  0 10px 0 ;color: #79939b; font-size: 17px; }
#indexBrowser li{float: left; height: 180px; }
/*#indexBrowser li:first-of-type{margin-right: 20px;}*/
/*#indexBrowser li:last-of-type{margin-left: 35px;}*/
.siderBar{width: 190px; padding:0 20px; box-shadow: 4px 3px 2px #888888; float: left; margin: 30px 0 0 30px; background: white; border-radius: 9px; color:#4b4c4c}
.siderTitle{font-size: 20px; color: #79939b; padding-top: 15px; }
.siderBar span{color: #898989;}
.siderBar li{padding-left: 20px; background: url('style-circle.png') no-repeat}
/*search*/
#main2{background: white; margin-top: 30px; padding: 20px 20px; box-shadow: 4px 3px 2px #888888;}
.searchTitle{background: #e7e9f0; font-size: 17px; text-align: center; border-radius: 12px; color:#173161; padding: 5px 20px; position: absolute; top: -22px; left: 20px;}
#searchByKeyword{border: 2px solid #173161; position: relative; margin-top: 30px;  padding: 30px 25px;}
#searchByKeyword input[type='text']{width: 300px;}
#searchByKeyword input[type='submit']{margin-left: 5px;}
#searchByKeyword p{margin-top: 15px; color:#525c68; line-height: 23px; }
#explain p{background: #ece8e8; padding: 5px; }

#searchByDetail{border: 2px solid #173161; position: relative; margin-top: 30px;  padding: 30px 25px;}
#searchByDetail input[type='text']{width: 200px;}
#searchByDetail input[type='submit']{margin-left: 5px;}
#searchByDetail p{margin-top: 15px; color:#525c68; line-height: 23px; }
#specieSelect{border-bottom: 1px solid #ccc; border-left: 2px solid #999; height: 25px;}
#locationSelect{border-bottom: 1px solid #ccc; border-left: 2px solid #999; height: 25px; }
#RNASelect{border-bottom: 1px solid #ccc; border-left: 2px solid #999; height: 25px; }

/*contact* *download */
.box1{margin-top: 30px;padding: 30px 20px; background: white; color: #79939b; font-size: 14px;box-shadow: 4px 3px 2px #888888;}
.box1 td:first-of-type, .box2 td:first-of-type{
	/* [disabled]text-align: left; */
	padding-right: 10px;
}
.box1 td{padding: 3px 5px 3px 0px; color:#525c68;}
.box2{position: relative;padding: 10px 25px 20px 25px; }
.box2 td{padding: 3px 5px 3px 0px;}
.box2,.box3 p,li{color:#525c68;}
.box2 a,span{color:#e1524b;}
.box2 li{list-style-position: inside;}
/* #API tr:first-of-type{background: #eadcdc;} */
#API td{padding: 2px 10px; color:#525c68; border: 1px solid #bcbcbc; }
#API table{ margin: 10px 0;}

/*submit*/
.box3{position: relative; padding: 10px 25px 20px 25px; }
.box3 td{padding: 3px 30px 3px 0px;}
.box3 span{color: #e1524b;}
.box3 input[type='text']{width: 300px;}
.box3 textarea{width:420px; height: 70px; }

/*blast*/
.blast,#blast2,#blast3{border: 2px solid #173161; position: relative; margin-top: 30px;  padding: 30px 25px;}
#example1,#example2,#example3{cursor: pointer; font-family: aril;}
#blast3{display: none;}
.box11{float: left; width: 550px;}
.box4,.box5,.box6,.box7{float: left}
.box7{ padding-left: 30px;}
.box6{width: 150px;  border-right: 1px dashed #b4b4b4;}
.box5{margin-top: 10px;}
.box8{width: 300px; float: right;}
.box8 input[type='text'],.box7 input[type='text']{width: 50px;}
#FTdescription{width: 300px; padding: 5px; display: none; font-style: italic; background: #dcebf8; margin-top: 25px;}
/*browser*/
.box9{width: 650px; margin-top:5px; float: left;  padding-left: 10px; font-size: 14px;}

/*search-browser-result*/
#location_Detail1 td,#location_Detail2 td{padding-left: 5px; color:#525c68; border : 1px solid #bcbcbc; }
#table1{margin-top: 10px;}
#table1 td{padding-left: 5px; color:#525c68; border-collapse:collapse;}

/*visulize*/
.box10{width:63%; float:left; position:relative;border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 2px solid #999; border-top: 2px solid #999; height: 380px; }
#cytoscape{width:95%; height: 95%; margin-left:2.5%; margin-top:1.5%; }
#layoutSelect{width:32%; float: right;}
#layoutSelect input{display: block; margin-top: 5px; padding: 3px 7px; }
#win{position: absolute; top: 40%; left:30%; font-size: 13px; background: white; border: 1px solid #b4b4b4; display: none; min-width: 420px; padding-bottom: 20px;}
#win h3{background:#173161;}
#win span{margin-left: 85%; cursor:default; background: white;  padding: 2px 5px; border-radius: 6px; line-height: 27px;}
#win table{width: 90%; margin:0 auto; line-height: 30px;}
#detailTable td{border: 2px groove white; padding: 0 0 0 10px;  border-collapse:collapse;  border: 1px solid #bcbcbc;}
#detailTable img{margin:auto auto;}
#showEdge{position: absolute; background: white; font-size: 13px; top: 30%; left: 20%; padding: 10px; border: 1px solid #b4b4b4; display: none; line-height: 20px;}

/*RNA Specise Location click*/
#IntraR{ border: 1px solid black; position: absolute; width: 170px; height: 30px; top:40px; left:55px;  }
#ER{ border: 1px solid black; position: absolute; width: 170px; height: 25px; top:111px; left:240px; }
#Ribosome{border: 1px solid black; position: absolute; width: 105px; height: 30px; top:13px; left:400px;}
#Peroxisome{border: 1px solid black; position: absolute; width: 90px; height: 20px; top:142px; left:60px;}
#Cytoskeleton{border: 1px solid black; position: absolute; width: 100px; height: 25px; top:202px; left:110px;}
#Centersome{border: 1px solid black;position: absolute; width: 95px; height: 30px; top:221px; left:280px;}
#Nucleus{border: 1px solid black;position: absolute; width: 90px; height: 25px; top:209px; left:400px;}
#Chloroplast{border: 1px solid black;position: absolute; width: 110px; height: 30px; top:468px; left:17px; }
#Cytoplasm{border: 1px solid black;position: absolute; width: 100px; height: 30px; top:575px; left:10px;}
#ExtraR{border: 1px solid black;position: absolute; width: 175px; height: 30px;top:653px; left:8px;}
#Mitochondrion{border: 1px solid black;position: absolute; width: 140px; height: 27px; top:588px; left:253px;}
#Golgi{border: 1px solid black;position: absolute; width: 140px; height: 33px; top: 632px; left:376px;}
#Melanosome{border: 1px solid black;position: absolute; width: 115px; height: 25px; top:655px; left:530px; }
#Lysosome{border: 1px solid black;position: absolute; width: 90px; height: 27px; top:606px; left:612px;}

#lncRNA{border: 1px solid black;position: absolute; width: 100px; height: 30px; top:12px;left:382px;}
#snRNA{border: 1px solid black;position: absolute; width: 75px; height: 30px; top:200px; left:8px;}
#snoRNA{border: 1px solid black;position: absolute; width: 90px; height: 30px; top:293px; left:240px;}
#mRNA{ border: 1px solid black;position: absolute; width: 90px; height: 30px;top: 542px; left:5px;}
#miRNA{border: 1px solid black;position: absolute; width: 90px; height: 30px; top:544px; left:161px;}
#piRNA{border: 1px solid black;position: absolute; width: 80px; height: 30px; top:413px; left:614px;}
#tRNA{ border: 1px solid black;position: absolute; width: 70px; height: 30px; top:520px; left: 601px;}
#rRNA{ border: 1px solid black;position: absolute; width: 70px; height: 30px; top:610px; left:597px;}
#csRNA{ border: 1px solid black;position: absolute; width: 87px; height: 30px; top:629px; left:470px;}

#Hibiscus_chlorotic_ringspot_virus,#Human_immunodeficiency_virus_1,#Simian_virus_40,#Human_herpesvirus_8,#Human_herpesvirus_4,#Human_herpesvirus_5,#Bovine_herpesvirus_1,#Human_herpesvirus_2,#Plasmodium_falciparum,#Clytia_hemisphaerica,#Monodelphis_domestica,#Ovis_aries,#Capra_hircus,#Bubalus_bubalis,#Bos_taurus,#Cervus_elaphus,#Sus_scrofa,#Equus_caballus,#Felis_catus,#Canis_lupus_familiaris,#Cavia_porcellus,#Rattus_norvegicus,#Mus_musculus,#Cricetulus_griseus,#Oryctolagus_cuniculus,#Chlorocebus_sabaeus,#Homo_sapiens,#Gallus_gallus,#Columba_livia,#Rana_pipiens,#Xenopus_tropicalis,#Xenopus_laevis,#Anoplopoma_fimbria,#Oryzias_latipes,#Carassius_auratus_gibelio,#Danio_rerio,#Apis_mellifera,#Drosophila_melanogaster,#Aedes_aegypti,#Chironomus,#Ephestia_kuehniella,#Manduca_sexta,#Doryteuthis_pealeii,#Spisula_solidissima,#Lymnaea_stagnalis,#Ascidian,#Saccharomyces_cerevisiae,#Physcomitrella_patens,#Hyacinthus_orientalis,#Allium_cepa,#Zea_mays,#Oryza_sativa,#Lemna,#Beta_vulgaris,#Olea_europaea,#Solanum_americanum,#Solanum_tuberosum,#Petunia_hybrida,#Nicotiana_tabacum,#Pisum_sativum,#Glycine_max,#Hibiscus_cannabinus,#Brassica_rapa_subsp_pekinensis,#Arabidopsis_thaliana,#Citrus_sinensis{position: absolute; width: 16px; height: 16px; }
#Hibiscus_chlorotic_ringspot_virus{top:684px;left:263px;}
#Human_immunodeficiency_virus_1{top:683px;left:229px;}
#Simian_virus_40{top:583px;left:223px;}
#Human_herpesvirus_8{top:600px;left:191px;}
#Human_herpesvirus_4{top:591px;left:162px;}
#Human_herpesvirus_5{top:579px;left:140px;}
#Bovine_herpesvirus_1{top:555px;left:118px;}
#Human_herpesvirus_2{top:539px;left:93px;}
#Plasmodium_falciparum{top:525px;left:61px;}
#Clytia_hemisphaerica{top:490px;left:58px;}
#Monodelphis_domestica{top:473px;left:30px;}
#Ovis_aries{top:422px;left:74px;}
#Capra_hircus{top:400px;left:61px;}
#Bubalus_bubalis{top:375px;left:45px;}
#Bos_taurus{top:346px;left:61px;}
#Cervus_elaphus{top:322px;left:40px;}
#Sus_scrofa{top:301px;left:67px;}
#Equus_caballus{top:274px;left:47px;}
#Felis_catus{top:250px;left:69px;}
#Canis_lupus_familiaris{top:213px;left:21px; }
#Cavia_porcellus{top:198px;left:61px;}
#Rattus_norvegicus{top:164px;left:66px;}
#Mus_musculus{top:155px;left:97px;}
#Cricetulus_griseus{top:119px;left:97px;}
#Oryctolagus_cuniculus{top:82px;left:102px;}
#Chlorocebus_sabaeus{top:67px;left:132px;}
#Homo_sapiens{top:84px;left:167px;}
#Gallus_gallus{top:79px;left:197px;}
#Columba_livia{top:63px;left:219px;}
#Rana_pipiens{top:49px;left:242px;}
#Xenopus_tropicalis{top:27px;left:262px;}
#Xenopus_laevis{top:35px;left:288px;}
#Anoplopoma_fimbria{top:8px;left:315px;}
#Oryzias_latipes{top:35px;left:339px;}
#Carassius_auratus_gibelio{top:26px;left:367px;}
#Danio_rerio{top:59px;left:384px;}
#Apis_mellifera{top:59px;left:415px;}
#Drosophila_melanogaster{top:17px;left:461px;}
#Aedes_aegypti{top:81px;left:461px;}
#Chironomus{top:94px;left:483px;}
#Ephestia_kuehniella{top:87px;left:519px;}
#Manduca_sexta{top:116px;left:535px;}
#Doryteuthis_pealeii{top:136px;left:557px;}
#Spisula_solidissima{top:162px;left:572px;}
#Lymnaea_stagnalis{top:184px;left:583px;}
#Ascidian{top:227px;left:547px;}
#Saccharomyces_cerevisiae{top:219px;left:636px;}
#Physcomitrella_patens{top:254px;left:628px;}
#Hyacinthus_orientalis{top:285px;left:620px;}
#Allium_cepa{top:311px;left:573px;}
#Zea_mays{top:337px;left:565px;}
#Oryza_sativa{top:363px;left:575px;}
#Lemna{top:376px;left:547px;}
#Beta_vulgaris{top:407px;left:566px;}
#Olea_europaea{top:435px;left:565px;}
#Solanum_americanum{top:480px;left:581px;}
#Solanum_tuberosum{top:503px;left:557px;}
#Petunia_hybrida{top:518px;left:535px;}
#Nicotiana_tabacum{top:542px;left:519px;}
#Pisum_sativum{top:539px;left:489px;}
#Glycine_max{top:540px;left:458px;}
#Hibiscus_cannabinus{top:591px;left:456px;}
#Brassica_rapa_subsp_pekinensis{top:655px;left:451px;}
#Arabidopsis_thaliana{top:615px;left:406px;}
#Citrus_sinensis{top:591px;left:371px;}

#Insects{position: absolute; width: 45px; height: 11px; top:570px;left:612px;}
#Molluscs{position: absolute; width: 60px; height: 11px; top:586px;left:612px;}
#Ascomycetes{position: absolute; width: 80px; height: 11px; top:603px;left:612px;}
#Plant{position: absolute; width: 40px; height: 11px; top:619px;left:612px;}
#Virus{position: absolute; width: 40px; height: 11px;top:633px;left:612px;}
#Apicomplexans{position: absolute; width: 80px; height: 11px;top:649px;left:612px;}
#Hydrozoans{position: absolute; width: 70px; height: 11px;top:666px;left:612px; }
#Vertebrates{position: absolute; width: 70px; height: 11px;top:682px;left:612px;}

#RNA,#specise,#location{display: block; position: absolute; }
.pic{ float: left; position: relative; width:710px; height:710px; }
/*footer*/
#footer{height: 90px; background:#0a2346; margin-top: 30px;	}
.copy{ width: 530px; height: 28px; margin:0 auto; color: white; padding-top: 40px; }
#textSeq{width: 500px;; height: 90px;}