﻿/* proteinUniversity page styles */


.title {
	background:#0B5399;
	height:36px;
}

.title h2 {
	font-size:19px;
	color:white;
	padding-left:20px;
	line-height:36px;
	text-transform:none;
}

#proteinUniversity p, #proteinUniversity .wrap {
	padding:0 20px;
}

#proteinUniversity .wrap h3 {
	text-transform:none;
}

#proteinUniversity .wrap p {
	padding:0;
}

#proteinUniversity p.b_title {
	padding:1px 20px;
	margin:0;
	font-size:15px;
}

#proteinUniversity p.b_title.mobile, #search_parm td.mobile {
	display:none;
}

#proteinUniversity table {
	width:1000px;
	table-layout: fixed;
}

#proteinUniversity tr.th {
	background-color:#EAEAEA;
}

#proteinUniversity th {
	padding:0 5px;
	min-height:32px;
	line-height:32px;
	color:#0C539A;
	position:relative;
	border-left:1px #DADADA solid !important;
	text-align:left;
}

#proteinUniversity th:first-child {
	border-left:0 !important;
}

#proteinUniversity th input {
	width:100%;
	background:transparent;
	border:0;
	height:100%;
	cursor:pointer;
	text-align:left;
	padding-left:0;
}

#proteinUniversity th span {
	position:absolute;
	display:block;
	width:13px;
	height:6px;
	right:2px;
	top:15px;
}

#proteinUniversity th span.asc {
	background:url(images_ps/ascend.gif);
}

#proteinUniversity th span.desc {
	background:url(images_ps/descend.gif);
}

#proteinUniversity #search_results td {
	word-break: keep-all;	
	word-wrap: break-word;
}

#proteinUniversity td {
	padding:0 8px;
	min-height:38px;
	line-height:38px;
	color:#000000;
	vertical-align:top;
}

#proteinUniversity #search_results tr.odd {
	background-color:#FFFFFF;
}

#proteinUniversity #search_results tr.even {
	background-color:#F3F3F3;
}

#proteinUniversity #search_results td {
	padding:5px;
	line-height:15px;
	font-size:11px;
}

#proteinUniversity #search_results td input {
	white-space: normal;
	text-align:left;
	padding-left:15px;	
}

#proteinUniversity #search_results td span.target {
	display:block;
	white-space: normal;
	text-align:left;
	padding-left:15px;	
}

#proteinUniversity th:first-child, #proteinUniversity td:first-child {
	padding-left:20px;
	text-align:left;
}

#proteinUniversity #search_results th, #proteinUniversity #search_results td {
	width:16%;
	height:auto;
}

#proteinUniversity #search_parm {
	margin-bottom:3px;
}

#proteinUniversity #search_parm td {
	padding-top:5px;
}

#proteinUniversity td div {
	line-height:25px;
}

#proteinUniversity input[type=text] {
	line-height:25px;
}

#proteinUniversity  #search_parm div {
	position:relative;
	padding-left:22px;
	line-height:21px;
	margin-bottom:0;
}

#proteinUniversity  #search_parm div.date {
	padding-left:0;
}

#proteinUniversity  #search_parm div.date span {
	display:inline-block;
	width:50px;
}

.disable div {
	color:#CCCCCC;
}

#proteinUniversity #search_parm input[type=checkbox] {
	position:absolute;
	left:0;
	top:2px;
}

#proteinUniversity #fetch {
	text-align:center;
}

#proteinUniversity #fetch input, #proteinUniversity #fetch2 input {
	display:inline-block;
	width:144px;
	height:50px;
	background:transparent url(images/fetch.png);
	margin:0 auto;
	text-indent:-999px;
	vertical-align:top;
	border:0;
}

#proteinUniversity #fetch2 input {
	background:transparent url(images/search.png);
}

#proteinUniversity #fetch2.mobile {
	display:block;
	width:100%;
}

#proteinUniversity #fetch2.mobile input {
	display:block;
}



#proteinUniversity #fetch2 input {
	margin-top:17px;
}

#proteinUniversity #new_fetch {
	display:inline-block;
	width:184px;
	height:50px;
	background:transparent url(images/fetch_new.png);
	margin:0 0 20px 20px;
	text-indent:-999px;
	vertical-align:top;
	border:0;
}

#proteinUniversity #share {
	display:inline-block;
	width:204px;
	height:50px;
	background:transparent url(images/share_page.png);
	margin:0 0 0 20px;
}

#proteinUniversity th {
	font-size:12px;
}

input.link {
	border:0;
	background:transparent;
	color:#ef8100;
	cursor:pointer;
}

#proteinUniversity h2 {
	margin:0;
}

#proteinUniversity h3 {
	font-size:16px;
	color:black;
	margin:0;
}

#charts_data {
	padding-bottom:25px;
}

#references a, #allTechniques input {
	display:block;
}

#charts_data img {
	max-width:49%;
	height:auto !important;
	display:block;
	margin-bottom:15px;
}

#charts_data .left {
	float:left;
	clear:both;
}

#charts_data .right {
	float:right;
}

.closer_together #charts_data .right {
	float:left;
	margin-left:20px;
}

.m_scroll {
	overflow-x:auto;
	overflow:auto;	
}

.pagi {
	display:inline-block;
	padding:3px;
	color:#ef8100;
	background:transparent;
	border:0;
	font-size:14px;
}

.pagi.current, #allTechniques input.current {
	color:black;
	cursor:default;
}

#allTechniques {
	padding-bottom:25px;
}

#proteinUniversity .wrap #allTechniques h3 {
	color:#005f9f;
	text-transform:uppercase;
}

.wrap .technique {
	display:none;
	padding-bottom:15px;
}

.wrap .technique h4 {
	margin:0;
}

.wrap .technique p {
	margin-bottom:10px;
}

.wrap .technique ul.ps {
	margin-top:5px;
	margin-bottom:15px;
}

.wrap .technique li span {
	font-weight:bold;
	color:black;
	padding-right:5px;
}

#content .wrap .technique li p {
	margin-bottom:5px;
	line-height:1.3em;
	word-wrap: break-word;
}

#content .wrap .technique p.topPad {
}

#content .wrap .technique ul.ps li {
	margin-bottom:0px;
}

#content .wrap .technique ul.ps li p {
	margin-bottom:0px;
	margin-bottom:0;
}

#content .wrap .technique p, #content .wrap .technique ul {
	margin-bottom:5px;
}

#content .wrap .technique p:empty {
	display:none;
}

.wrap .technique.all,
.wrap.Simple_Plex_Multianalyte .onlySP,
.wrap.Simple_Plex_Single_Analyte .onlySP,
.wrap.Simple_Plex .onlySP,
.wrap.Single-Cell_Western .onlySCW,
.wrap.Simple_Western_Size .onlySW,
.wrap.Simple_Western_Charge .onlySW  {
	display:block;
}

#ART #page {
	padding:10px 0 0 20px;	
}

#ART #page button {
	padding:0 3px;
	display:inline-block;
	cursor:pointer;
	color:#ef8100;
	background:transparent;
	border:0;
	font-weight:bold;
}

#ART #page button.cur {
	cursor:default;
	color:black;
}

#content  #CoaSearchTool {
	padding-top:35px;
}

#CoaSearchTool h3 {
	background-color:#0B5399;
	display:inline-block;
	padding:5px 10px;
	color:white;
	text-transform:none;
	min-width:270px;
}

#CoaSearchTool form p {
	margin-bottom:5px;
}

#CoaSearchTool form p.err{
	padding-top:15px;
	font-weight:bold;
	color:#ef8100;
	clear:both;
}


#CoaSearchTool label {
	display:inline-block;
	width:110px;
	padding-left:10px;
	text-transform:none;
	cursor:default;	
}

#CoaSearchTool input {
	padding-left:10px;
}

#CoaSearchTool form a {
	color:white;
	margin-top:15px;
	margin-left:10px;
	cursor:pointer;
	position:relative;
	padding:5px 40px 5px 10px;
 	background:url(images/arrow.png) #ef8100 no-repeat right center;
	float:left;
	margin-bottom:5px;	
}

#CoaSearchTool form a span {
	color:white;
	font-size:30px;
	display:inline-block;
	position:absolute;
	top:-10px;
	right:10px;
}

#CoaSearchTool .grey_box {
	background-color:#eeeeee;
	margin:10px 20px;
	padding:25px 25px 5px;
}

.toggle.toggle-bg h4.togglet {
	text-transform:none;
	font-size:17px;
	padding:11px 17px;
}
.toggle.toggle-bg  select {
	font-size:17px;
	height:26px;
	margin:7px 0 6px;
}

#CoaSearchTool form select {
	display:block;
	width:273px;
	padding-left:13px;
	margin-bottom:15px;
	height:29px;
}
#CoaSearchTool form a i {
	font-size:inherit;
	font-style:normal;
}




@media (max-width: 1000px) {
	#proteinUniversity p.b_title.mobile {	display:block;	}
	#search_parm {	width:100% !important;	}
	#search_parm tr.th, .desktop {	display:none;	}
	#proteinUniversity #search_parm td {		display:block;	width:auto;	padding-top:5px;	}
	#proteinUniversity #search_parm td.mobile {		background-color:#EAEAEA;	color:#0C539A;	height:25px;	padding-top:0;	}	
}

@media (max-width: 800px) {
	#charts_data {	text-align:center;	}
	#charts_data img {	max-width:100%;	height:auto !important;	display:block;	margin:0 auto 15px;	float:none !important;	}
}

@media (max-width: 640px) {
}



