/* Styles for Canvas toggles and ProteinSimple tiles  */

/* Toggle styles */
.toggle .togglet {
	/* Reproduce the H2 style */
	font-family:'MuseoSans-500', sans-serif;
	font-size:22px;
	font-weight:700;
	color:#005f9f;
	line-height:1.5em !important;
	text-transform: uppercase;
}
.toggle .togglet, .toggle .toggleta {
	padding:0.2em 1em;
}
.toggle.toggle-bg .togglet, .toggle.toggle-bg .toggleta {
	padding:0.2em 1em;
}
.toggle .togglet i {
	position:absolute;
	top:0;
	left:auto !important; /* override default style */
	right:0.5em !important;
	width:1em;
	font-size:26px;
	line-height:42px !important;
	text-align:center;
	color:#d0d0d0;
}
.toggle .ps-bg {
	padding:0 1em;
	background:#f9f9f9;
}

.toggle .togglec {
	padding:0.5em 0;
}
.toggle.toggle-bg .togglec {
	padding:0.5em 0;
}

/* For standard text content, indent to match the toggle header */
.toggle .tech_app {
	padding:1.5em !important;
}
.toggle.toggle-bg .tech_app {
	padding:1.5em !important;
}
/* End */

.toggle .togglec h3 {
	text-transform:none;
	color:#686868;
	font-family:'MuseoSans-300', sans-serif;
	font-size:22px;
}

.toggle .togglec h4 {
	text-transform:none;
	color:#686868;
	font-family:'MuseoSans-300', sans-serif;
}

/* Tile styles */
.toggle .togglec .tilewrapper, .tilewrapper  {
	width:212px;
	margin:0 auto;
	padding-left:10px;
	overflow:hidden;
}

@media (min-width: 460px) { .toggle .togglec .tilewrapper, .tilewrapper  { width:412px; } }
@media (min-width: 660px) { .toggle .togglec .tilewrapper, .tilewrapper  { width:612px; } }
@media (min-width: 860px) { .toggle .togglec .tilewrapper, .tilewrapper  { width:812px; } }

.ps_tile {
	width:190px;
	height:190px;
	padding:0;
	margin:0 10px 10px 0;
	background-color:#eeeeee;
}
.ps_tile a {
	display:block;
	width:190px;
	height:190px;
	overflow:hidden;
	color:#707070;
	border:5px solid #ffffff;
	text-align:center;
    font-family:'MuseoSans-500', sans-serif;
	font-size:24px;
}
.ps_tile a:hover {
	color:#ffffff;
	background-color:#7d7d7d;
	border-color:#ffffff;
}
.ps_tile a:active {
	border-color:#f7c179;
}
.ps_tile a .ps_icon {
	margin-top:18px;
	font-size:36px;
	color:#ffffff;
}
.ps_tile a .ps_icon .ps_icon_bg {
	color:#ef8100;
}
.ps_tile a p {
	line-height:1.1em !important;
	margin:8px 0 0 !important;
}

.ps_tile_alphaimager-hp a { background:#eeeeee url("images_ps/tiles/tile-bg-alphaimager-hp.png") no-repeat 0px 180px; }
.ps_tile_alphaimager-mini a { background:#eeeeee url("images_ps/tiles/tile-bg-alphaimager-mini.png") no-repeat 0px 180px; }
.ps_tile_ella a { background:#eeeeee url("images_ps/tiles/tile-bg-ella.png") no-repeat 0px 180px; }
.ps_tile_fluorchem a { background:#eeeeee url("images_ps/tiles/tile-bg-fluorchem.png") no-repeat 0px 180px; }
.ps_tile_fluorchem-r a { background:#eeeeee url("images_ps/tiles/tile-bg-fluorchem-r.png") no-repeat 0px 180px; }
.ps_tile_fluorchem-m a { background:#eeeeee url("images_ps/tiles/tile-bg-fluorchem-m.png") no-repeat 0px 180px; }
.ps_tile_fluorchem-e a { background:#eeeeee url("images_ps/tiles/tile-bg-fluorchem-e.png") no-repeat 0px 180px; }
.ps_tile_fluorchem-q a { background:#eeeeee url("images_ps/tiles/tile-bg-fluorchem-q.png") no-repeat 0px 180px; }
.ps_tile_fluorchem-hd2 a { background:#eeeeee url("images_ps/tiles/tile-bg-fluorchem-hd2.png") no-repeat 0px 180px; }
.ps_tile_fluorchem-fc3 a { background:#eeeeee url("images_ps/tiles/tile-bg-fluorchem-fc3.png") no-repeat 0px 180px; }
.ps_tile_ice3 a { background:#eeeeee url("images_ps/tiles/tile-bg-ice3.png") no-repeat 0px 180px; }
.ps_tile_jess a { background:#eeeeee url("images_ps/tiles/tile-bg-jess.png") no-repeat 0px 180px; }
.ps_tile_abby a { background:#eeeeee url("images_ps/tiles/tile-bg-abby.png") no-repeat 0px 180px; }
.ps_tile_maurice a { background:#eeeeee url("images_ps/tiles/tile-bg-maurice.png") no-repeat 0px 180px; }
.ps_tile_maurice-c a { background:#eeeeee url("images_ps/tiles/tile-bg-maurice-c.png") no-repeat 0px 180px; }
.ps_tile_maurice-s a { background:#eeeeee url("images_ps/tiles/tile-bg-maurice-s.png") no-repeat 0px 180px; }
.ps_tile_mfi a { background:#eeeeee url("images_ps/tiles/tile-bg-mfi.png") no-repeat 0px 180px; }
.ps_tile_milo a { background:#eeeeee url("images_ps/tiles/tile-bg-milo.png") no-repeat 0px 180px; }
.ps_tile_nanopro-1000 a { background:#eeeeee url("images_ps/tiles/tile-bg-nanopro-1000.png") no-repeat 0px 180px; }
.ps_tile_peggy-sue a { background:#eeeeee url("images_ps/tiles/tile-bg-peggy-sue.png") no-repeat 0px 180px; }
.ps_tile_sally-sue a { background:#eeeeee url("images_ps/tiles/tile-bg-sally-sue.png") no-repeat 0px 180px; }
.ps_tile_wes a { background:#eeeeee url("images_ps/tiles/tile-bg-wes.png") no-repeat 0px 180px; }

.ps_tile_alphaimager-hp a:hover,
.ps_tile_alphaimager-mini a:hover,
.ps_tile_ella a:hover,
.ps_tile_fluorchem a:hover,
.ps_tile_fluorchem-r a:hover,
.ps_tile_fluorchem-m a:hover,
.ps_tile_fluorchem-e a:hover,
.ps_tile_fluorchem-q a:hover,
.ps_tile_fluorchem-hd2 a:hover,
.ps_tile_fluorchem-fc3 a:hover,
.ps_tile_ice3 a:hover,
.ps_tile_jess a:hover, .ps_tile_abby a:hover,
.ps_tile_maurice a:hover,
.ps_tile_maurice-c a:hover,
.ps_tile_maurice-s a:hover,
.ps_tile_mfi a:hover,
.ps_tile_milo a:hover,
.ps_tile_nanopro-1000 a:hover,
.ps_tile_peggy-sue a:hover,
.ps_tile_sally-sue a:hover,
.ps_tile_wes a:hover { background-position:0px 0px; background-size:100% 100%; }