.learnbody {
	position: relative;
	width: 650px;
	padding: 30px 10px 10px 10px;
	line-height: 1.5;
}
.learnbody .menufix {
	position: absolute;
	width: 181px;
	left: -200px;
	top: 30px;
	z-index: 1;
}
.learnbody .menufix div {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #D9D9D9;
	border-radius: 6px;
	margin-bottom: 15px;
}
.learnbody .menufix div a {
	display: block;
	padding: 3px 10px 3px 20px;
}
.learnbody .menufix div a:hover {
	background-color: #c5dfbc;
}
.learnbody .menufix div a.h1 {
	font-weight: bold;
	padding-left: 8px;
}
.learnbody.tissue {
	width: 730px;
}
.learnbody.cancer {
	width: 850px;
}
.learnbody.brain {
	width: 820px;
}
.learnbody.immunecell {
	width: 690px;
}
.learnbody.blood {
    width: 720px;
}
.learnbody.cell {
	width: 744px;
}
.learnbody.cellline {
	width: 1050px;
}
.learnbody.singlecell,
.learnbody.celltype {
    width: 900px;
}
.learnbody.tissuecelltype {
    width: 760px;
}
.learnbody.interaction,
.learnbody.structureinteraction {
	width: 720px;
}
.learnbody.about,
.learnbody.method {
	width: 730px;
}
.learnbody.proteinclasses {
	width: 890px;
}
.learnbody.proteinclasses .pcTreemap svg {
	width: 330px;
	height: auto;
	margin: 5px 30px;
}
.learnbody.proteinevidence {
	width: 850px;
}
.learnbody.dictionary {
	width: 820px;
}
.learnbody.dictionary.overview {
	width: 1050px;
}
.learnbody h1, h2, h3, h4 {
	font-size: 18px;
	display: block;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #6C6C6C;
	position: relative;
}
.learnbody h1:first-of-type {
	margin-bottom: 25px;
}
.learnbody h1 span {
	font-size: 18px;
}
.learnbody h2, h3, h4 {
	font-size: 14px;
	margin-bottom: 10px;
}
.learnbody h4 {
	border-bottom: none;
	padding-bottom: 0px;
}
.learnbody p {
	margin-top: 12px;
	margin-bottom: 12px;
}
.learnbody span.infoTerm {
	cursor: help;
	text-decoration: underline dotted;
}
.learnbody table td {
	padding: 2px 5px 2px 5px;
	background-color: #d9d9d9;
	border-color: #d2d2d2;
	line-height: 1.5;
}
.learnbody table th {
	background-color: #c2c2c2;
	border-color: #c2c2c2;
}

.learnbody div.column1 {
	box-sizing: border-box;
	width: 50%;
	float: left;
	clear: left;
	padding-right: 6px;
}
.learnbody div.column2 {
	box-sizing: border-box;
	width: 50%;
	float: left;
	clear: right;
	padding-left: 6px;
}
.learnbody div.clear {
	clear: both;
}

.learnbody span.atlasImage,
.learnbody span.staticImage {
	text-align: center;
	display: inline-block;
}
.learnbody span.staticImage.block,
.learnbody span.staticImage.block > span:first-of-type,
.learnbody span.staticImage.block > a:first-of-type {
	display: block;
}
.learnbody span.atlasImage > a,
.learnbody span.staticImage > span:first-of-type,
.learnbody span.staticImage > a:first-of-type {
	position: relative;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 50%;
}
.learnbody span.atlasImage > a,
.learnbody span.staticImage.round > span:first-of-type,
.learnbody span.staticImage.round > a:first-of-type {
	border-radius: 7px;
}
.learnbody span.staticImage.black > span:first-of-type,
.learnbody span.staticImage.black > a:first-of-type {
	background-color: #000;
}
.learnbody span.atlasImage > span,
.learnbody span.staticImage > span {
	line-height: 11px;
	font-size: 11px;
	font-weight: bold;
}
.learnbody.tissue > .column2, .learnbody.celltype > .column2, .learnbody.tissuecelltype > .column2 {
	background-color: #f2f2f2;
	border-radius: 7px;
	margin-top: 12px;
	margin-left: 12px;
	width: 40%;
	padding-right: 25px;
}
.learnbody.tissue > .column2 ~ .column2,
.learnbody[markdown_name='/humanproteome/tissue/regulatory'].tissue > .column2,
.learnbody[markdown_name='/humanproteome/tissue/druggable'].tissue > .column2,
.learnbody[markdown_name='/humanproteome/tissue/housekeeping'].tissue > .column2 {
	background-color: transparent;
	border-radius: 0px;
	margin: 0px;
	padding-right: 0px;
	width: 50%;
}
.learnbody[markdown_name='/humanproteome/single cell type/dataset comparison'].celltype > .column2 {
    margin: 0px;
    padding-right: 0px;
    width: 50%;
}
.learnbody .hk_treemap {
	width: 230px;
	height: 200px;
	display: inline-block;
}
.learnbody .hk_treemap svg {
	width: 100%;
	height: auto;
}

.learnbody.cell > .column2 {
	position: relative;
	left: -100px;
	top: 50px;
}
.learnbody.cell > .column2 ~ .column2 {
	left: 0px;
	top: 0px;
}
/* organell page example images */
.learnbody.cell span.examples {
	font-size: 0;
	line-height: 6px;
}
.learnbody.cell span.examples a {
	width: 120px!important;
	height: 120px!important;
	background-size: 120px 120px!important;
}
.learnbody.cell span.examples span.atlasImage {
	position: relative;
	margin-right: 5px;
}
.learnbody.cell span.examples span.atlasImage span {
	color: #fff;
	font-weight: normal;
	position: absolute;
	left: 0px;
	bottom: 2px;
	width: 100%;
}
.learnbody[markdown_name='/learn/method/flow cytometry'] ol {
	list-style-type: upper-alpha;
}
.learnbody[markdown_name='/learn/method/immunohistochemistry'] table {
	margin: auto;
}
.learnbody[markdown_name='/learn/method/immunohistochemistry'] table td,
.learnbody[markdown_name='/learn/method/immunohistochemistry'] table th {
	background-color: #fff;
	vertical-align: middle;
}
.learnbody[markdown_name='/learn/method/immunohistochemistry'] table th {
	text-align: center;
}
.learnbody[markdown_name='/learn/method/immunohistochemistry'] table td:first-of-type {
	text-align: right;
}
.learnbody h1:first-of-type:after {
	content: "";
	position: absolute;
	right: -2px;
	top: 10px;
	width: 51px;
	height: 51px;
	background-repeat: no-repeat;
	background-size: auto 51px;
}
.learnbody[markdown_name^='/humanproteome/single cell/tf/single cell type'] {
    width:1400px;
    background-color:green;
}
/* H1 ICONS */
/* tissue & cancer */
.learnbody[markdown_name='/humanproteome/tissue/pituitary gland'] h1:first-of-type:after,
.learnbody[markdown_name='/humanproteome/brain/human brain'] h1:first-of-type:after,
.learnbody[markdown_name='/humanproteome/tissue/mouse brain'] h1:first-of-type:after,
.learnbody[markdown_name='/humanproteome/cancer/glioblastoma multiforme'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/brain.png');
}
.learnbody[markdown_name='/humanproteome/tissue/adrenal gland'] h1:first-of-type:after,
.learnbody[markdown_name='/humanproteome/tissue/parathyroid gland'] h1:first-of-type:after,
.learnbody[markdown_name='/humanproteome/tissue/thyroid gland'] h1:first-of-type:after,
.learnbody[markdown_name='/humanproteome/cancer/thyroid carcinoma'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/endocrine.png');
}
.learnbody[markdown_name='/humanproteome/tissue/lung'] h1:first-of-type:after,
.learnbody[markdown_name='/humanproteome/cancer/lung ac'] h1:first-of-type:after,
.learnbody[markdown_name='/humanproteome/cancer/lung sqcc'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/lung.png');
}
.learnbody[markdown_name='/humanproteome/tissue/bone marrow'] h1:first-of-type:after,
.learnbody[markdown_name='/humanproteome/tissue/lymphoid tissue'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/hematopoietic.png');
}
.learnbody[markdown_name='/humanproteome/tissue/liver'] h1:first-of-type:after,
.learnbody[markdown_name='/humanproteome/tissue/gallbladder'] h1:first-of-type:after,
.learnbody[markdown_name='/humanproteome/cancer/liver hepatocellular carcinoma'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/liver.png');
}
.learnbody[markdown_name='/humanproteome/tissue/testis'] h1:first-of-type:after,
.learnbody[markdown_name='/humanproteome/tissue/epididymis'] h1:first-of-type:after,
.learnbody[markdown_name='/humanproteome/tissue/seminal vesicle'] h1:first-of-type:after,
.learnbody[markdown_name='/humanproteome/tissue/ductus deferens'] h1:first-of-type:after,
.learnbody[markdown_name='/humanproteome/tissue/prostate'] h1:first-of-type:after,
.learnbody[markdown_name='/humanproteome/cancer/testis cancer'] h1:first-of-type:after,
.learnbody[markdown_name='/humanproteome/cancer/testicular germ cell tumor'] h1:first-of-type:after,
.learnbody[markdown_name='/humanproteome/cancer/prostate ac'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/male.png');
}
.learnbody[markdown_name='/humanproteome/tissue/adipose tissue'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/adipose.png');
}
.learnbody[markdown_name='/humanproteome/tissue/heart'] h1:first-of-type:after,
.learnbody[markdown_name='/humanproteome/tissue/skeletal muscle'] h1:first-of-type:after,
.learnbody[markdown_name='/humanproteome/tissue/smooth muscle'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/muscle.png');
}
.learnbody[markdown_name='/humanproteome/tissue/salivary gland'] h1:first-of-type:after,
.learnbody[markdown_name='/humanproteome/tissue/esophagus'] h1:first-of-type:after,
.learnbody[markdown_name='/humanproteome/tissue/tongue'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/proximal_digestive_tract.png');
}
.learnbody[markdown_name='/humanproteome/tissue/stomach'] h1:first-of-type:after,
.learnbody[markdown_name='/humanproteome/tissue/intestine'] h1:first-of-type:after,
.learnbody[markdown_name='/humanproteome/cancer/stomach ac'] h1:first-of-type:after,
.learnbody[markdown_name='/humanproteome/cancer/colon ac'] h1:first-of-type:after,
.learnbody[markdown_name='/humanproteome/cancer/rectum ac'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/gastro.png');
}
.learnbody[markdown_name='/humanproteome/tissue/pancreas'] h1:first-of-type:after,
.learnbody[markdown_name='/humanproteome/cancer/pancreatic ac'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/pancreas.png');
}
.learnbody[markdown_name='/humanproteome/tissue/kidney'] h1:first-of-type:after,
.learnbody[markdown_name='/humanproteome/tissue/urinary bladder'] h1:first-of-type:after,
.learnbody[markdown_name='/humanproteome/cancer/kidney chromophobe'] h1:first-of-type:after,
.learnbody[markdown_name='/humanproteome/cancer/kidney renal clear cell carcinoma'] h1:first-of-type:after,
.learnbody[markdown_name='/humanproteome/cancer/kidney renal papillary cell carcinoma'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/kidney.png');
}
.learnbody[markdown_name='/humanproteome/tissue/breast'] h1:first-of-type:after,
.learnbody[markdown_name='/humanproteome/tissue/vagina'] h1:first-of-type:after,
.learnbody[markdown_name='/humanproteome/tissue/cervix'] h1:first-of-type:after,
.learnbody[markdown_name='/humanproteome/tissue/endometrium'] h1:first-of-type:after,
.learnbody[markdown_name='/humanproteome/tissue/fallopian tube'] h1:first-of-type:after,
.learnbody[markdown_name='/humanproteome/tissue/ovary'] h1:first-of-type:after,
.learnbody[markdown_name='/humanproteome/tissue/placenta'] h1:first-of-type:after,
.learnbody[markdown_name='/humanproteome/cancer/breast invasive carcinoma'] h1:first-of-type:after,
.learnbody[markdown_name='/humanproteome/cancer/uterine corpus endometrial carcinoma'] h1:first-of-type:after,
.learnbody[markdown_name='/humanproteome/cancer/ovary serous cystadenocarcinoma'] h1:first-of-type:after,
.learnbody[markdown_name='/humanproteome/cancer/cervical sqcc and endocervical ac'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/female.png');
}
.learnbody[markdown_name='/humanproteome/tissue/skin'] h1:first-of-type:after,
.learnbody[markdown_name='/humanproteome/cancer/skin cuteneous melanoma'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/skin.png');
}
.learnbody[markdown_name='/humanproteome/tissue/eye'] h1:first-of-type:after,
.learnbody[markdown_name='/humanproteome/tissue/retina'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/eye.png');
}
.learnbody[markdown_name='/humanproteome/cancer/head and neck sqcc'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/headandneck.png');
}
.learnbody[markdown_name='/humanproteome/cancer/bladder urothelial carcinoma'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/bladder.png');
}
.learnbody[markdown_name='/humanproteome/tissue/tissue specific'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/tissuespecific.png');
	width: 44px;
	top: 12px;
}
.learnbody[markdown_name='/humanproteome/tissue/housekeeping'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/housekeeping.png');
	width: 44px;
	top: 12px;
}
.learnbody[markdown_name='/humanproteome/tissue/housekeeping'] .piechart {
	display: inline-block;
}
.learnbody[markdown_name='/humanproteome/tissue/regulatory'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/regulatory.png');
	width: 44px;
	top: 12px;
}
.learnbody[markdown_name='/humanproteome/tissue/membrane proteome'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/membrane_large.png');
	width: 44px;
	top: 12px;
}
.learnbody[markdown_name='/humanproteome/tissue/secretome'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/secretome_large.png');
	width: 44px;
	top: 12px;
}
.learnbody[markdown_name='/humanproteome/tissue/isoform'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/isoform.png');
	width: 44px;
	top: 12px;
}
.learnbody[markdown_name='/humanproteome/tissue/druggable'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/druggable.png');
	width: 44px;
	top: 12px;
}
/* cancer */
.learnbody[markdown_name='/humanproteome/cancer/proteome'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/cancer.png');
	width: 44px;
	top: 12px;
}
.learnbody[markdown_name='/humanproteome/cancer/hallmarks of cancer'] h1:first-of-type:after {
	background-image: url('/images_learn/cancer_hallmark.png');
	width: 50px;
	top: 12px;
}
.learnbody[markdown_name='/humanproteome/cancer/cancer statistics'] h1:first-of-type:after {
	background-image: url('/images_learn/humanpathology.png');
	width: 20px;
	top: 12px;
}
/* cell */
.learnbody[markdown_name='/humanproteome/subcellular/cell line'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/cell_line_transcriptome.png');
	width: 44px;
}
.learnbody[markdown_name='/humanproteome/subcellular/organelle'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/organelle_proteome.png');
	width: 44px;
}
.learnbody[markdown_name='/humanproteome/subcellular/multilocalizing'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/multilocalizing_proteome.png');
	width: 44px;
}
.learnbody[markdown_name='/humanproteome/subcellular/cell cycle dependent'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/cell_cycle_dependent_proteome.png');
	width: 44px;
}
.learnbody[markdown_name='/humanproteome/subcellular/metabolic proteome'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/metabolic_proteome.png');
	width: 44px;
}
.learnbody[markdown_name='/humanproteome/subcellular/nuclear membrane'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/nuclear_membrane.png');
}
.learnbody[markdown_name='/humanproteome/subcellular/nucleoli'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/nucleoli.png');
}
.learnbody[markdown_name='/humanproteome/subcellular/nucleoplasm'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/nucleoplasm.png');
}
.learnbody[markdown_name='/humanproteome/subcellular/actin filaments'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/actin_filaments.png');
}
.learnbody[markdown_name='/humanproteome/subcellular/centrosome'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/centrosome.png');
}
.learnbody[markdown_name='/humanproteome/subcellular/cytosol'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/cytosol.png');
}
.learnbody[markdown_name='/humanproteome/subcellular/intermediate filaments'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/intermediate_filaments.png');
}
.learnbody[markdown_name='/humanproteome/subcellular/microtubules'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/microtubules.png');
}
.learnbody[markdown_name='/humanproteome/subcellular/mitochondria'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/mitochondria.png');
}
.learnbody[markdown_name='/humanproteome/subcellular/endoplasmic reticulum'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/endoplasmic_reticulum.png');
}
.learnbody[markdown_name='/humanproteome/subcellular/golgi apparatus'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/golgi_apparatus.png');
}
.learnbody[markdown_name='/humanproteome/subcellular/plasma membrane'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/plasma_membrane.png');
}
.learnbody[markdown_name='/humanproteome/subcellular/secreted proteins'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/secreted_proteins.png');
}
.learnbody[markdown_name='/humanproteome/subcellular/vesicles'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/vesicles.png');
}
/* methods */
.learnbody[markdown_name*='/learn/method/'] h1:first-of-type:after {
	width: 49px;
}
.learnbody[markdown_name='/learn/method/antibodypedia'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/antibodypedia.png');
	width: 48px;
}
.learnbody[markdown_name='/learn/method/elisa'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/elisa.png');
}
.learnbody[markdown_name='/learn/method/flow cytometry'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/flow_cytometry.png');
}
.learnbody[markdown_name='/learn/method/immunocytochemistry'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/immunocytochemistry.png');
}
.learnbody[markdown_name='/learn/method/immunoelectron microscopy'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/immunoelectron_microscopy.png');
}
.learnbody[markdown_name='/learn/method/immunohistochemistry'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/immunohistochemistry.png');
}
.learnbody[markdown_name='/learn/method/immunoprecipitation'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/immunoprecipitation.png');
}
.learnbody[markdown_name='/learn/method/immunoproteomics'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/immunoproteomics.png');
}
.learnbody[markdown_name='/learn/method/proximity ligation assay'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/proximity_assays.png');
}
.learnbody[markdown_name='/learn/method/western blot'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/western_blot.png');
}
.learnbody[markdown_name='/humanproteome/blood protein/secreted to blood'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/secreted_blood.svg');
}
.learnbody[markdown_name='/humanproteome/blood protein/secreted in brain'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/secreted_brain.svg');
}
.learnbody[markdown_name='/humanproteome/blood protein/secreted to digestive system'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/secreted_digestive.svg');
}
.learnbody[markdown_name='/humanproteome/blood protein/secreted in female reproductive system'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/secreted_female.svg');
}
.learnbody[markdown_name='/humanproteome/blood protein/immunoglobulin genes'] h1:first-of-type:after {
    background-image: url('/images_learn/icons/immunoglobulin.svg');
}
.learnbody[markdown_name='/humanproteome/blood protein/intracellular and membrane'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/intracellular_membrane.svg');
}
.learnbody[markdown_name='/humanproteome/blood protein/secreted in male reproductive system'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/secreted_male.svg');
}
.learnbody[markdown_name='/humanproteome/blood protein/secreted - unknown location'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/secreted_unknown.svg');
}
.learnbody[markdown_name='/humanproteome/blood protein/secreted in other tissues'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/secreted_other.svg');
}
.learnbody[markdown_name='/humanproteome/blood protein/secreted to extracellular matrix'] h1:first-of-type:after {
	background-image: url('/images_learn/icons/secreted_matrix.svg');
}
.learnbody[markdown_name='/humanproteome/single cell+type/glandular epithelial cells'] h1:first-of-type:after {
    background-image: url('/images_learn/icons/epithelial.svg');
}
.learnbody[markdown_name='/humanproteome/single cell type/squamous epithelial cells'] h1:first-of-type:after {
    background-image: url('/images_learn/icons/squamous_epithelial.svg');
}
.learnbody[markdown_name='/humanproteome/single cell type/specialized epithelial cells'] h1:first-of-type:after {
    background-image: url('/images_learn/icons/specialized_epithelial.svg');
}
.learnbody[markdown_name='/humanproteome/single cell type/endocrine cells'] h1:first-of-type:after {
    background-image: url('/images_learn/icons/endocrine.svg');
}
.learnbody[markdown_name='/humanproteome/single cell type/adipocytes'] h1:first-of-type:after {
    background-image: url('/images_learn/icons/adipocytes.svg');
}
.learnbody[markdown_name='/humanproteome/single cell type/germ cells'] h1:first-of-type:after {
    background-image: url('/images_learn/icons/germ.svg');
}
.learnbody[markdown_name='/humanproteome/single cell type/endothelial cells'] h1:first-of-type:after {
    background-image: url('/images_learn/icons/vascular.svg');
}
.learnbody[markdown_name='/humanproteome/single cell type/pigment cells'] h1:first-of-type:after {
    background-image: url('/images_learn/icons/pigment.svg');
}
.learnbody[markdown_name='/humanproteome/single cell type/undifferentiated cells'] h1:first-of-type:after {
    background-image: url('/images_learn/icons/undifferentiated.svg');
}
.learnbody[markdown_name='/humanproteome/single cell type/neuronal cells'] h1:first-of-type:after {
    background-image: url('/images_learn/icons/neuronal.svg');
}
.learnbody[markdown_name='/humanproteome/single cell type/glial cells'] h1:first-of-type:after {
    background-image: url('/images_learn/icons/glial.svg');
}
.learnbody[markdown_name='/humanproteome/single cell type/trophoblast cells'] h1:first-of-type:after {
    background-image: url('/images_learn/icons/trophoblast.svg');
}
.learnbody[markdown_name='/humanproteome/single cell type/muscle cells'] h1:first-of-type:after {
    background-image: url('/images_learn/icons/muscle.svg');
}
.learnbody[markdown_name='/humanproteome/single cell type/mesenchymal cells'] h1:first-of-type:after {
    background-image: url('/images_learn/icons/mesenchymal.svg');
}
.learnbody[markdown_name^='/humanproteome/single cell type/blood & immune cells' i] h1:first-of-type:after {
    background-image: url('/images_learn/icons/blood_cells.svg');
}

.learnbody table.elevated_gene_table th.sub_head ~ td:first-of-type {
	border-left-style: none;
}

.learnbody table.elevated_gene_table tr:nth-of-type(3) {
	border-top: hidden;
}
.learnbody table.elevated_gene_table tr:nth-of-type(2) th:nth-child(3) {
	border-left: none;
}

.learnbody div.secretome_icon {
	position: relative;
	display: inline-block;
	line-height: 0;
}

.learnbody div.secretome_icon > a > svg {
	width: 51px;
	height: 59px;
}

.learnbody div.secretome_icon > a > img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 41px;
}


table.stat {
		border-collapse: collapse; 
		table-layout: fixed; 
		width: 820px;
		border: 2px solid black;
	}
table.stat td {
		font-size: 11px;
		white-space: nowrap;
		text-align: center;
		padding: 4px;
	}
table.stat td.left {
		text-align: left;
	}
table.stat td.white {
		background-color:#f5f5f5;
		font-weight: bold;
		font-size: 12px;
	}
table.stat td.bold {
		font-weight: bold;
	}
table.stat td.darkgray {
		background-color:#D8D8D8;
	}
table.stat td.mediumgray {
		background-color:#ededed;
	}
table.stat td.center_padd {
		text-align: right;
		padding-right: 30px;
}
table.stat td.center_padd_less {
		text-align: right;
		padding-right: 15px;
}
table.stat td.border_top {
		border-top: 2px solid black;
		border-collapse: collapse; 
	}
table.stat td.border_right {
		border-right: 2px solid black;
		border-collapse: collapse; 
	}
table.stat tr.odd td {
	background-color:#FFFFFF;
}

table.cellcycle {
		width: 100%;
		background-color:#FFFFFF;
		font-weight: bold;
	}

table.cellcycle th, table.cellcycle td, table.cellcycle tr {
		font-size: 14px;
		white-space: nowrap;
		text-align: center;
		background-color:#FFFFFF;
		padding: 4px;
	}
	
table.border tr.green td {
	background-color: #b4d7af;
}

.node circle {
  stroke: #000;
  stroke-width: 1.5px;
}
/*
.node circle:hover {
  stroke: #3366ff;
}
*/

.node .text {
  pointer-events: none;
	font: 300 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	white-space: wrap;
}

.mouseoverselected circle {
  stroke: #3366ff;
	stroke-width: 3px;
}

.brush .extent {
  fill-opacity: .1;
  stroke: #fff;
  shape-rendering: crispEdges;
}

.arc text {
	font: 300 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
}
.arc:hover {
  /* stroke: #3366ff; */
}

.piechart {
	text-align: center;
}

.vennintersecttext {
	font: 300 10px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
}

.venncircletext {
	font: 300 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
}

.learnexampleimage {
	text-align: center;
	/*width: 400px;
	/* display: inline-block; */
}
.learnexampleimage div {
	display: inline-block;
}
.learnexampleimage div div{
	display: block;
	font-size: 14px;
	font-weight: bold;
}

DIV.roundedsupp {
	background-color: #f2f2f2;
	margin-right: 4px;
	text-align: left;
	border-radius: 7px;
}
DIV.roundedsupp DIV {
	display: table-cell; 
	vertical-align: middle;
}

TABLE.white TD {
	background-color: white;
}

/****************/
/*About table*/
.learnbody table:not([class]) {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.learnbody table:not([class]) th {
	background: grey;
	color: white;
	padding-left: 5px;
	border-bottom: 1px solid grey;
}
.learnbody table:not([class]) th:empty {
	padding: 0px;
	border: none;
}
.learnbody table:not([class]) th.middle {
	padding-left: 5%;
	padding-right: 5%;
}
.learnbody table:not([class]) tr:nth-child(2n) td {
	background-color: #E2E2E2;
}
.learnbody table:not([class]) tr:first-child th:first-child,
.learnbody[markdown_name='/about/antibody validation'] table:not([class]) tr:first-child td:first-child {
	border-top-left-radius: 7px;
}
.learnbody table:not([class]) tr:first-child th:last-child,
.learnbody[markdown_name='/about/antibody validation'] table:not([class]) tr:first-child td:last-child {
	border-top-right-radius: 7px;
}
.learnbody table:not([class]) tr:last-child td:first-child {
	border-bottom-left-radius: 7px;
}
.learnbody table:not([class]) tr:last-child td:last-child {
	border-bottom-right-radius: 7px;
}


table.image_vertical tr td {
	vertical-align: middle;
}

tr.organelle td {
	text-align: right;
	padding-bottom: 20px;
}
tr.organelle div {
	text-align: left;
	padding: 5px 0px 5px 8px;
	/*display: inline-block;*/
	white-space: nowrap;
}
tr.organelle div img, tr.organelle div span {
	vertical-align: top;
}
tr.organelle div img {
	width: 74px;
	margin: 3px;
}
tr.organelle div > span {
	display: inline-block;
	min-height: 75px;
	width: 130px;
	padding: 2px 2px 2px 5px;
	margin-left: 5px;
	border-left: 1px solid #3777BC;
	white-space: normal;
}

table.icon_left td.blueborder, table.icon_right td.blueborder {
	padding: 18px 0px;
}
table.icon_left td.blueborder div {
	border-left: 1px solid #3777BC;
	padding-left: 5px;
	width: 139px;
}
table.icon_right td.blueborder div {
	border-right: 1px solid #3777BC;
	padding-right: 5px;
	width: 139px;
}
td.humancell td.blueborder div {
	width: 70px;
}
div.cancer td.blueborder div {
	width: 210px;
}

table.align_right td {
	text-align: right;
}

td.organ_icon div {
	height: 1px; 
	width: 100%;
	background: #3777BC;
	position: relative;
}
td.organ_icon div a {
	position: relative;
	top: -22px;
	z-index: 100;
}
td.organ_icon div.brain_icon_background {
	position: absolute;
	top: -20px;
	width: 40px;
	height: 40px;
	border-radius: 20px;
}
td.organ_icon img:hover {
	opacity: 0.5;
}
.schematic_brain_image, .schematic_brain_image svg {
	max-width: 100%;
	max-height: 318px;
}
#colorbox div {
	background-color: #fff;
}
#colorbox .schematic_brain_image_colorbox {
	border:  1px solid #000;
	max-width: 100%;
	height: auto;
	display: block;
}
svg .region {
	fill: #d2d1d0;
}

.learntitle {
	padding: 10px;
}
.learntitle h3 span {
	 font-size: larger;
}

tr.totalRow td {
	font-weight: bold;
	border-top: 2px solid #000;
}


#BP, #MF {
	width: 600px;
	margin: auto;
	max-height: 350px;
	overflow: hidden;
	position: relative;
	padding:0px 55px;
}

td.largerfont div a {
	font-size: 14px;
}
.bloodcelltext:hover {
	font-weight:bold;
}

DIV.roundedatlas .brainatlas {
	width: 820px;
	background-size: 802px 176px;
}
DIV.roundedatlas .bloodatlas {
	width: 650px;
	background-size: 632px 176px;
}
DIV.roundedatlas {
	position: relative;
	height: 176px;
	border-radius: 7px;
	background-position: left top;
	background-repeat: no-repeat;
	margin: auto;
	text-align: center;
}
DIV.roundedatlas div {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 18px;
	height: 176px;
	text-decoration: none;
	color: black;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
}
DIV.roundedatlas div div {
	font-size: 11px;
	letter-spacing: 2px;
	line-height: 11px;
	width: 18px;
	height: 176px;
	padding-top: 5px;
}

div.learnitem {
	margin-bottom: 25px;
}

/************************/
/*Digital collection css*/

div.learnbody div.lightbluebox {
	background-color: #e0f2fe; 
	padding-left: 25px; 
	padding-right: 25px; 
	padding-bottom: 20px; 
	border-radius: 7px;
}
div.learnbody div.lightbluebox div {
	width:100%; height: 45px;
}
div.learnbody div.lightbluebox div div.milestoneno {
	float: left; font-size: 18px;  font-family: 'Titillium Web', arial, sans-serif; color: #005b70; font-weight: bold; padding-top: 18px; width: 200px;
}
div.learnbody div.lightbluebox div div.milestoneno a {
	font-size: 15px; font-weight: bold; padding-left: 4px; padding-right: 4px;  color: #005b70;
}
div.learnbody div.lightbluebox div div.milestoneno a:hover {
	text-decoration: none; color: #58b5ec;
}
div.learnbody div.lightbluebox div div.milestoneyear {
	float: right; font-size: 54px; font-family: 'Titillium Web', arial, sans-serif; color: #005b70; width: 120px;
}
div.learnbody div.lightbluebox div.milestoneheader {
	width:100%; font-size: 28px; color: #005b70; font-family: 'Titillium Web', arial, sans-serif;
}
div.learnbody div.lightbluebox h4 {
	color: #005b70; padding-top: 15px; font-family: 'Titillium Web', arial, sans-serif;
}
div.learnbody div.lightbluebox p.maintext {
	line-height: 20px;
}
div.learnbody div.lightbluebox p.refline {
	line-height: 15px;
}
div.learnbody span.figurelegend {
	font-weight: normal; font-size: 11px;
}
div.learnbody div.darkbluebox {
	background-color: #005b70; padding-top: 15px; padding-left: 15px; padding-right: 15px; padding-bottom: 10px; border-radius: 7px; color: #fff;
}
div.learnbody div.darkbluebox h4 {
	font-family: 'Titillium Web', arial, sans-serif;
}
div.learnbody table.blue {
	font-family: 'Titillium Web', arial, sans-serif;
}

div.learnbody table.blue {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
div.learnbody table.blue th {
	background-color: #396F86;
	color: white;
	padding-left: 5px;
	border-bottom: 1px solid #396F86;
}
div.learnbody table.blue th:empty {
	padding: 0px;
	border: none;
}
div.learnbody table.blue th.middle {
	padding-left: 5%;
	padding-right: 5%;
}
div.learnbody table.blue tr td {
	background-color: #e0f2fe;
}
div.learnbody table.blue tr:first-child th:first-child {
	border-top-left-radius: 7px;
}
div.learnbody table.blue tr:first-child th:last-child {
	border-top-right-radius: 7px;
}
div.learnbody table.blue tr:last-child td:first-child {
	border-bottom-left-radius: 7px;
}
div.learnbody table.blue tr:last-child td:last-child {
	border-bottom-right-radius: 7px;
}

#organelles div#cellImage {
	width:420px;
	min-height:350px;
	border-right:1px dashed #ccc;
	display: inline-block;
	vertical-align: top;
}

#organelles div#subcellPageBox {
	display: inline-block;
	vertical-align: top;
	float: right;
	padding-left: 10px;
}

#organelles div#subcellPageBox > div {
	margin-bottom: 1em;
}

#organelles div#subcellPageBox div.subcellPageLink {
	display: inline-block;
	vertical-align: top;
	width: 125px;
}

#clusterWrapper {
	width: 1150px;
	position: relative;
	left: -200px;
}
#clusterWrapper h1 {
	margin-bottom: 5px;
}
.learnbody.cellline #clusterWrapper {
	left: -10px;
}

#clusterWrapper > div {
	display: table-cell;
}

#clusterWrapperLeft {
	position: relative;
	display: inline-block;
	width: 700px;
}
#clusterWrapperRight {
	position: relative;
	display: inline-block;
	width: 420px;
	vertical-align: top;
	padding-top: 20px;
}

#clusterWrapper div#clusterPlots {
	height: 500px;
}
#countDisplay {
	position: absolute;
	top: 0;
	left: 30px;
	z-index: 2;
}
#countDisplay > p {
	margin: 0;
}

#clusterWrapper div#clusterDetails, #clusterWrapper div#clusterPlots {
	/*display: inline-block;*/
	/*vertical-align: top;*/
	position: -webkit-sticky;
	position: sticky;
	/* based on div.page_header height value */
	top: 90px;
	/*width: 420px;*/
}
#clusterWrapper div#clusterDetails {
	max-height: calc(100vh - 90px);
	overflow-y: auto;
	width: 430px;
}
/*#clusterWrapper div#clusterDetails .clusterOverlay {
	width: 400px;
}*/

#clusterAnnotations {
	padding-left: 20px;
	padding-top: 20px;
}
#clusterAnnotations > div {
	display: inline-block;
}

#clusterAnnotations div#clusterTable table {
	width: 660px;
}
#clusterAnnotations div#clusterTable table > tbody > tr.selected > td:not(:first-child) {
	background-color: #c5dfbc;
}


.clusterOverlay .map,
.clusterOverlay div.clusterPlot {
	max-width: 400px;
	max-height: 300px;
}
.clusterOverlay div.clusterData {
	/*min-height: 300px;*/
}

.clusterOverlay div.clusterData > table {
	width: auto;
}

.clusterOverlay div.clusterData table.geneList {
	width: auto;
	margin-top: 1em;
}
.clusterOverlay div.clusterData table.geneList > tbody > tr > td {
	padding: 0 15px 0 5px;
	min-width: 80px;
}

.clusterOverlay div.clusterData table.geneList > tbody > tr > td.ensembl {
	text-align: right;
}

.clusterOverlay div.clusterMaps {
	width: 400px;
	text-align: center;
}
.clusterOverlay div.clusterMaps > div.inline,
.clusterOverlay div.clusterData,
.clusterOverlay div.clusterPlot {
	/*display: inline-block;*/
	vertical-align: top;
}

div.learnbody.cell .clusterLocations > div {
	text-align: left;
}
div.learnbody.cell div.clusterLocations {
	display: inline-block;
	vertical-align: top;
	padding-left: 2em;
}

.locationLegendGroup {
	vertical-align: top;
}

.locationLegendGroup .locationGroupColumn {
	display: inline-block;
	vertical-align: top;
	padding-right: 3em;
}
#locationLegend div.location > div.color,
div.learnbody.cell .clusterLocations > div.locationGroup > div.location > div.color,
.viewerLegend .entryColor {
	width: 12px;
	height: 12px;
	display: inline-block;
	vertical-align: text-top;
}

#subcellUMAP div#cellUMAP,
#subcellUMAP div.clusterLocations {
	display: table-cell;
}
#subcellUMAP div#cellUMAP {
	vertical-align: middle;
}

div.learnbody.cell .clusterLocations > div.locationGroup {
	margin-bottom: 2em;
}
#locationLegend h2 > span.hastip {
	font-size: inherit;
}
#locationLegend h2 > span.hastip > span {
	font-weight: normal;
}
#locationLegend .locationName,
#locationLegend .color {
	cursor: pointer;
}

#locationLegend .locationName.inactive {
	cursor: pointer;
	color: #999999;
}

.learnbody.cell #clusterPlotSlider {
	width: 100%;
	text-align: center;
	display: inline;
}

#cellUMAP #plotDiv {
	display: flex;
}

#cellUMAP #plotDiv > #plotPlacement
{
	vertical-align: top;
}
#plotDiv > #plotPlacement {
	flex-grow: 3;
}
#clusterPlots {
	position: relative;
	min-height: 420px;
}

#clusterPlots .clusterPlot > div.loading {
	width: 100%;
	height: 100%;
}
#clusterPlots .clusterPlot > div.loading > img {
	position: absolute;
	top: 50%;
	left: 50%;
}

#rightDetails {
	width: 250px;
}

#imageDetails {
	display: none;
}

#imageDetails div.image img {
	width: 160px;
	height: 160px;
}

#imageDetails #imageData {
	text-align: center;
}

#imageDetails #imageData > table{
	margin-top: 4em;
}

#imageDetails .location > p {
	white-space: nowrap;
}

#imageDetails span.plural {
	font-size: inherit;
}

#cellUMAP #filterPlacement {
	margin-top: 1em;
	margin-bottom: 1em;
	background-color: #fff;
}

#fullScreenSubcell {
	background-color: white;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
}

#fullScreenSubcell .top {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	width: 100vw;
	flex-grow: 2;
	margin-top: 1em;
}

#fullScreenSubcell .right,
#fullScreenSubcell .left {
	width: 250px;
	margin-left: 2em;
	margin-right: 2em;
	overflow-y: auto;
}

/*FIXME: check */
#fullScreenSubcell .right,
#fullScreenSubcell #plotPlacement {
	display: table-cell;
	vertical-align: middle;
}

#fullScreenSubcell .search {
	width: 100%;
	margin-bottom: 60px;
}

#fullScreenSubcell .search #filterGenes {
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
}

#imageData div.title {
	font-weight: bold;
	padding-bottom: 1em;
}

#imageData div.text {
	/*padding-bottom: 1em;*/
}

#imageData div.image {
	text-align: center;
}

#imageData div.text > span.head {
	font-weight: bold;
}

tr.publication > td {
	vertical-align: top;
}


div.show_text:not(.show) > div.text_toggle span:nth-child(2), div.show_text.show > div.text_toggle span:nth-child(1) {
	display: none;
}

div.show_text > div.text_toggle {
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	position: relative;
}

div.show_text:not(.show) > div.text {
	overflow-y: hidden;
}

#descriptionUMAP div.show_text:not(.show) > div.text {
	max-height: 157px; /* line-height * font-size * lines */
}

div.show_text {
	padding: 0 0 2em;
}

div.show_text > div.text > :first-child {
	margin-top: 0;
	padding-top: 0;
}

div.show_text > div.text_toggle > p {
	margin: 0;
	padding: 0;
}

div.show_text > div.text_toggle:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 35px;
	top: -35px;
	left: 0px;
	background: -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0)); /* Standard syntax (must be last) */
	pointer-events: none;
}

div.show_text.show > div.text_toggle:after {
	display: none;
}

#cellineWrapper {
    width: 900px;
    position: relative;
}

.cellineWrapper > div {
    display: table-cell;
}

.cellineWrapperLeft {
    position: relative;
    display: inline-block;
    width: 400px;
}
.cellineWrapperRight {
    position: relative;
    display: inline-block;
    width: 650px;
    vertical-align: top;
    /*padding-top: 30px;*/
}
.cellineTable {
    margin-left:30px;
    width:360px;
    overflow:hidden;
    overflow-y: auto;
    height: 320px;
}
.cellineTableFull {
    width:360px;
    overflow:hidden;
    overflow-y: auto;
    height: 622px;
}
tr.highlightRow td {
    background-color: #6AA692!important;
}

.viewerWrapper {
	display: flex;
	gap: 1rem;
	align-items: center;
}
.viewerWrapper .navigator {
	background-color: #F1F1F1!important;
}
.viewerWrapper .viewerLegend .entryName {
	display: inline-block;
	text-wrap: nowrap;
}
.viewerWrapper .viewerLegend .legendEntry {
	display: flex;
	gap: 0.2rem;
	align-items: center;
}
.viewerWrapper .legendHeader {
	font-weight: bold;
}
.mathFormula {
    font-size:16px
}

table.floatheader caption {
	background-color: #ffffff;
}
.learnbody[markdown_name$='/data'] > .column2 {
    background-color: #f2f2f2!important;
    border-radius: 7px!important;
    margin-top: 12px!important;
    margin-left: 12px!important;
    width: 40%!important;
    padding-right: 25px!important;
}