/*
file: genome/css/blast.css
author: 3170105188@zju.edu.cn
*/
#resbox
*{outline:0;}
body{position:relative;}
form{overflow:hidden;}
p.msg{color:#f00;background:rgba(255,255,255,.5);width:300px;line-height:24px;height:24px;padding-left:5px;}
.abtitle1{margin-left:0;padding-top:10px;font:bold 24px/36px "Arial",sans-serif;}
div.blastbox{width: 960px;margin: 20px auto}
div.blastbox>div,div.blastbox>form>div{margin-bottom:10px;overflow:hidden;}
div.l{float:left;width:260px;min-height:10px;font:bold 16px/32px "Arial",sans-serif;color:#008000;}
div.r{padding:10px 0;float:left;width:700px;background:#e5eecc;min-height:10px;}
#inputarea{width: 600px;margin:10px 0 5px 0;border:solid 1px #999;height:8em;padding:3px;resize:none;}
div.r>p,div.r>div>p{margin-left:30px;min-height:24px;}
div.r span{font-size:14px;}
input[type="radio"]+label{margin-left:3px;font-size:14px;width:100px;display:inline-block;margin-right:10px;}
div.r select{height:26px;border:solid 1px #ddd;min-width:200px;margin:5px 0 5px 0px;}
div.r select option{height:26px;}
#bn{background:#fff;text-align:center;}
#bn button{cursor:pointer;margin:0 auto;text-align:center;height:30px;width:200px;color:#fff;font:18px/30px "Arial",sans-serif;border-radius:5px;}
#bn button:hover{opacity:.8;}
.labelbox1{height:24px;border:solid 1px #999;display:inline-block;margin:5px 0 0 30px;padding:0 5px;font:bold 14px/24px "Arial",sans-serif;background-color:#fff;border-radius:4px;}
.labelbox2{height:24px;border:solid 1px #999;display:inline-block;margin:5px 0 0 30px;padding:0 5px;font:bold 14px/24px "Arial",sans-serif;background-color:#fff;border-bottom:solid 1px #fff;border-top-right-radius:4px;border-top-left-radius:4px}
.labelbox1:after{content: '+';display: inline-block;width: 10px;height: 10px;color:#008000;padding-left:24px;}
.labelbox2:after{content: '-';display: inline-block;width: 10px;height: 10px;color:#008000;padding-left:24px;}
.labelbox1 a:hover,.labelbox1 a:active,.labelbox2 a:hover,.labelbox2 a:active{text-decoration:none;}
.optbox{min-height:20px;margin:0 30px;border:solid 1px #999;margin-top:-2px;background-color:#fff;padding:10px;}
.optbox .cl{padding:10px 0;float:left;width:300px;min-height:20px;font:bold 14px/20px "Arial",sans-serif;color:#008000;}
.optbox .cr{padding:5px 10px;float:left;width:280px;background:#e5eecc;min-height:20px;}
.optbox>div{margin-bottom:10px;}
.optbox select{margin-left:10px;}
.optbox input[type='checkbox']{margin-left:10px;margin-top:5px;}
.sebox{overflow:hidden;width:600px;margin:10px 0 5px 30px;border:solid 1px #999;max-height:8em;min-height:50px;padding:3px;}
.sebox>div:first-of-type{float:left;width:562px;min-height:48px;max-height:120px;border:solid 1px #999;background:rgba(255,255,255,.5);padding:3px;overflow-y:auto;}
.sebox>div.bbox{float:left;width:24px;height:24px;position:relative;margin-left:6px;}
.bbox button{border-radius:12px;display:flex;align-items:center;border:solid 1px rgba(100,100,100,0);background:rgba(255,255,255,0);width:24px;height:24px;position:absolute;left:0;top:0;z-index:2;cursor:pointer;}
.bbox button:hover{border:solid 1px rgba(100,100,100,.2);background:#008000;}
.bbox button::before{content:'\e6b4';display:block;width:24px;height:24px;font:12px/24px "myfont";text-align:center;z-index:1;color:#008000;}
.bbox button:hover::before{color:#fff;}
.sebox>div p{word-break:break-all;font-family:'Consolas','Monaco',monospace}
.sebox>div p:first-of-type{text-overflow:ellipsis;overflow:hidden;word-break:keep-all;white-space:nowrap;}
.h{width:100%;height:100%;background:rgba(255,255,255,.4);position:absolute;left:0;top:0;z-index:99;}