/*---------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 .button-face:link,
.overview-sidebar-c .button-face:visited,
.overview-sidebar-c .button-face:hover,
.overview-sidebar-c .button-face:visited, {
	color: #ffffff !important;
	text-decoration: none;
}


.overview-sidebar-c{ width:73%; 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!important;
}	
    .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;
}