/*---------overview page 2014 0224 start-----------*/ /*----------switchboard page and normal page new start at 2014---------------*/ .overview-sidebar-l{padding: 0; margin-bottom:30px;} .overview-sidebar-l ul { margin: 0; padding: 0; list-style-type:none; } .overview-sidebar-l .overview-starul li { padding: 0px 5px; } .overview-sidebar-l .overview-starul li a{ color:#222222;} .overview-sidebar-l ul li { background-color: #f4f4f4; color: #58585b; font-size: 14px; line-height: 16px; margin: 0; padding:3px 0 3px 8px; } .overview-sidebar-l ul li ul li { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); margin: 0; } .overview-sidebar-l ul li ul li a:link, .overview-sidebar-l ul li ul li a:visited { color: #58585b; font-weight: normal; text-decoration: none; } .overview-sidebar-l .overview-starul .overview-title{font-size:16px; line-height: 1.3em; padding: 10px 15px; background-color:#dbdbdb; color:#222222} .overview-sidebar-l ul li ul li a:hover { color: #0066cc; } .overview-sidebar-l .overview-title-few{ padding-bottom:2px; background-color:#f4f4f4; padding:20px 15px} .overview-sidebar-l .overview-title-few li span{ display:block;} .overview-sidebar-l .overview-title-few li span a{line-height:1.3em; font-size:14px;} .overview-sidebar-l .overview-title-few li span a:hover{color:#06c; text-decoration:none} .overview-sidebar-l .overview-title-few li .selected a{color:#06c; font-weight:bold;} .overview-sidebar-l .overview-title-few li { padding: 5px 0;} .overview-sidebar-l .overview-title-few li .overview-title-sub{} .overview-sidebar-l .overview-title-few .overview-sub-none{ border-bottom-width:0} /*-------05192014------------*/ .overview-sidebar-c a:link{ color:#0066cc} .overview-sidebar-c a:visited{ color:#0066cc; text-decoration: none} .overview-sidebar-c a:hover{ color:#0066cc; text-decoration:underline} .overview-sidebar-c{ width:74%; float:right;} .overview-sidebar-c h1, .overview-sidebar-c h2, .overview-sidebar-c h3 { /*line-height:1.25em; margin-top: .633em; margin-bottom: .633em; font-weight: 600;*/} .overview-sidebar-c h1 {/*font-size: 1.4em; margin-top: .833em;*/} .overview-sidebar-c h2 {/*font-size: 1.2em;*/} .overview-sidebar-c h3 {/*font-size: 1.0em;*/} .overview-sidebar-c p{ line-height:1.6em !important; margin-bottom: 12px} .overview-sidebar-c .homepagetable{ margin-top:15px;} /*-------07082014--------*/ .overview-sidebar-c table { vertical-align:inherit} .overview-sidebar-c .homepagetable tr td ul, .overview-sidebar-c .homepagetable tr td ol{ margin:0; padding:10px 0 0 18px; list-style: inherit;} .overview-sidebar-c .homepagetable tr td ul li, .overview-sidebar-c .homepagetable tr td ol li { padding: 5px 0; line-height:1.3em } .overview-sidebar-c .homepagetable tr th{ text-align:center; font-weight:bold; font-size:15px; padding:10px 15px} .overview-sidebar-c .homepagetable-cell a:link{ color:#0066cc; text-decoration:none} .overview-sidebar-c .homepagetable-cell a:hover{ color:#0066cc; text-decoration:underline} .overview-sidebar-c .homepagetable-cell a:visited{ color:#0066cc;} /*-------07082014 end--------*/ .overview-sidebar-c .homepagetable tr td p a:link { color: #333333; text-decoration:none} .overview-sidebar-c .homepagetable tr td p a:visited { color: #333333; text-decoration:none} .overview-sidebar-c .homepagetable tr td p a:hover { color: #0066cc; text-decoration:none} .overview-sidebar-r{ width:100%; height:auto; padding:0} .overview-sidebar-rl{ width:100%; height:auto; padding:0} .overview-sidebar-one{ background-color: #f4f4f4; margin-bottom:30px; min-height:40px; text-align:left; padding:20px 15px} .overview-sidebar-none{ border-width:0; background:none; box-shadow:none; padding:0 10px} .overview-sidebar-one .linheight:hover{ font-weight:bold; color:#16964b} .overview-sidebar-one h2{ font-weight: normal; font-size: 16px; line-height: 1.3em; text-align: left; margin-bottom:12px; margin-top:0} .overview-sidebar-one ul{ list-style-type:none; margin:0; padding:0} .overview-sidebar-one ul li{ line-height:16px; padding:5px 0} .overview-sidebar-one ul li a{ font-weight:normal; line-height:1.3em} .overview-sidebar-one ul li a:hover{ color: #0066cc;text-decoration: none;} #accordion ul{ margin-top:0; margin-bottom:0} #accordion ul li{ list-style-type:none} .toggler-overview, .toggler-overview-on { background: url("/gsimages/genscript/tag_over02.gif") no-repeat scroll left top rgba(0, 0, 0, 0); color: #003f98; cursor: pointer; font-size: 14px; height: 22px; line-height: 22px; text-align: left;padding:0 0 0 25px } .toggler-overview-on { background-position:left -35px;} /*--------02122014-----------*/ .tableul_sub{ margin:0; padding:0} .tableul_sub li{list-style-type:none;margin-bottom:5px;background-image:url(/gsimages/english/orangeball.jpg); background-position:left 4px; background-repeat:no-repeat; padding-left:15px} .tableul_sub .tableul-down li{ background-image:none; list-style-type:disc; padding:0} /*--------crispr.html----------*/ .left-crispr{width:23%; float:left;} .overview-sidebar-c .tableul li{ line-height:20px;} .floatR { float: right; margin-left: 20px} .floatL { float: left; margin-right: 20px} /*fragment-sample.html*/ .overview-sidebar-c .yearBox-1-sub label { float:none; text-align:left;width:100%; font-weight:400} .overview-sidebar-c .yearBox-1-sub { padding:20px 52px;border-color: #a9a9a9;background: #fbfbfb;} .overview-sidebar-c .yearBox-1-sub .inputM { padding:4px 0} .overview-sidebar-c .yearBox-1-sub .inputM .input-control { border-radius: 4px; border: 1px solid #cccccc; width: 100%; padding: 6px 8px; font-size: 1.0em; font-weight: 400; color: #3b3b3b; outline: none; } .overview-sidebar-c .yearBox-1-sub .inputM .input-control:focus { border-color: #004b95; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.055), 0 0 6px #004b95; box-shadow: inset 0 1px 1px rgba(0,0,0,.055), 0 0 6px #004b95; outline: 0; } .overview-sidebar-c .yearbox-free { width:60%; float:right;} .yearbox-free .input-btn { margin-top:15px} .news-adc { width: 50%; display: table-cell; vertical-align: middle; padding-right: 5px; padding-top: 6px; padding-bottom: 10px; padding-left:20px; } .free-img { width: 10%; display: table-cell; vertical-align: middle; } .overview-sidebar-c p.text-gray { line-height:1.4em !important; margin-bottom:0 } .news-adc .news-adc-title-1 { font-weight: normal; margin-bottom: .13em; color:#9c3d08; } .free-box {width:60%; position:relative} .free-box .free-code { background-image:url(/gsimages/genscript/dna-fragment-bg.png); background-position:38px 70px; background-repeat:no-repeat; outline:2px dashed #05a8dc; padding:15px 10px 10px 10px; background-color:#02b7f0; border-radius: 15px; border:1px solid #05a8dc; margin-right:5px; margin-top:5px; position:relative; overflow:hidden} .free-box .freeLi { text-align:left; display:inline-block; float:left; width:48%; } .free-box .free-pro { width:66% } @media only screen and (max-width: 992px) { .free-box { width:98%} .overview-sidebar-c .yearbox-free { width:52%} .pra-d .ifn, .pra-d .floatL { display: table-cell; margin: 0 auto; float:none; } } @media only screen and (max-width: 767px) { .news-adc-free { width:100%; display:block; } .overview-sidebar-c .yearBox-1-sub { padding:20px 10px} .ifn { float: none; display: table-cell; margin: 0 auto; margin-bottom: 10px; } .overview-sidebar-c .yearbox-free { width:100%; float: none} .free-box .freeLi { float; none} .free-box .free-pro { width:72% } .free-box .free-pro { width: 70%} .free-box .freeLi { width:100%} .free-box .free-code { background-position:14px 112px; } } .overview-sidebar-c .type-button-white { background: #ffffff; font-size: 18px; /*font-size: 1.8rem*/ } .overview-sidebar-c .type-button-white:hover { background: #eeeded; /*font-size: 1.8rem*/ } /*-------0521---------*/ /*#mainContent2 .homepagetable span .over-title:link{ color:#222222; text-decoration:none} #mainContent2 .homepagetable span .over-title:hover{ color:#0066cc; text-decoration:none} #mainContent2 .homepagetable span .over-title:visited{ color:#222222; text-decoration:none}*/ .overview-sidebar-one span.subtitle { font-weight: normal; font-size: 16px; line-height: 1.3em; text-align: left; margin-bottom: 12px; margin-top: 0; display: block; }