/* CSS Document */

img
{
    border: 0;
}

body	
{
	background: #FFF;
}

#page-content								
{ 
    width: 980px; margin: 10px 0; 
}

.floating-branding
{
	z-index: 3;
	position: absolute;
	top: 0;
	left: 0px;	
}
#mastheader-search-container
{
	z-index: 4;	
	position: relative;
}

h1.header-title	
{
	margin: 0;
	padding: 0;
	line-height: 100px;
	font-size: 51px;
	font-weight: 500;
	height: 80px; 
}

.screen, body
{
	background: #FFF url(./?mortyurl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20150905092536im_%2Fhttp%3A%2F%2Fcssp.chemspider.com%2Fimages%2Fchemspider-slim-header.png) repeat-x top center !important; 	
}

.site-logo
{
	float: left;
	color: #FFF;
	margin: 10px 0 0 10px;
}

.rsc-logo-mobile { display: none; }

.rsc-logo
{ 
	width: 120px; 
	height: 80px; 
	display: block; 
	float: right;
	margin: 10px 10px 10px 0; 
	background-image: url(./?mortyurl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20150905092536im_%2Fhttp%3A%2F%2Fcssp.chemspider.com%2Fimages%2Frsc_logo3.png); 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: pointer;
}

.content-container
{
	background-color: #FFF;
}

.brand-header								{ clear: both; width: 960px; height: 100px; display: block; overflow: hidden; }
.brand-head-nav-container					{ float: left; height: 50px; width: 240px; margin: 31px 0 0 0; }
.brand-head-nav								{ margin: 0; padding: 0; }
.brand-head-nav li							{ margin: 0; padding: 0; float: left; list-style-type: none; width: 25%; line-height: 20px; }
.brand-head-nav li a:link					{ display: block; float: left; color: #003D6E; text-decoration: none; font-family: museo_sans_500regular, Arial; font-size: 1.1em; padding: 0px 5px; }
.brand-head-nav li a:visited				{ display: block; float: left; color: #003D6E; text-decoration: none; font-family: museo_sans_500regular, Arial; font-size: 1.1em; padding: 0px 5px; }
.brand-head-nav li a:hover					{ display: block; float: left; color: #5FC3E8; text-decoration: none; font-family: museo_sans_500regular, Arial; font-size: 1.1em; padding: 0px 5px; }


/* Navigation */
.content-nav-container						{ clear: both; width: 100%; background-color: #006BA6; height: 40px; line-height: 40px; }
.content-nav								{ margin: 0; padding: 0; font-family: museo_sans_500regular, Arial; }
.content-nav li								{ background-color: #006BA6; float: left; font-size: 0.95em; }
.content-nav li a:link						{ display: block; color: #FFF; padding: 0 10px; text-decoration: none; }
.content-nav li a:visited					{ display: block; color: #FFF; padding: 0 10px; text-decoration: none; }
.content-nav li a:hover						{ display: block; color: #001B3F; padding: 0 10px; text-decoration: none; background: #FFF; }
.content-nav li a.selected					{ display: block; color: #001B3F; padding: 0 10px; text-decoration: none; background: #FFF; }


.content-nav-mobile							{ display: none; }

/*
#footer										{ background-color: #006BA6; font-size: 0.7em; line-height: 1.4em; height: 100px; }
#footer-inner								{ padding: 10px; color: #FFF; }
#footer-link-container						{ width: 400px; float: right; margin: 0; padding: 0; }
#footer-link-container li					{ line-height: 1.6em; margin: 0; padding: 0; list-style-type: none; float: left; width: 32%; margin: 0; padding: 2px;  }
#footer-link-container li a:link			{ color: #FFF; text-decoration: none; }
#footer-link-container li a:visited			{ color: #FFF; text-decoration: none; }
#footer-link-container li a:hover			{ color: #A3C7D2; text-decoration: underline; }
*/

#rsc-global-footer										{ font-family: museo_sans_500regular, Arial, Helvetica, sans-serif; background-color: #006BA6; font-size: 12px; line-height: 1.4em; height: 100px; }
#rsc-global-footer-inner								{ padding: 10px; color: #FFF; }
#rsc-global-footer-link-container						{ width: 400px; float: right; margin: 0; padding: 0; }
#rsc-global-footer-link-container li					{ line-height: 1.6em; margin: 0; padding: 0; list-style-type: none; float: left; width: 32%; margin: 0; padding: 2px;  }
#rsc-global-footer-link-container li a:link				{ color: #FFF; text-decoration: none; }
#rsc-global-footer-link-container li a:visited			{ color: #FFF; text-decoration: none; }
#rsc-global-footer-link-container li a:hover			{ color: #A3C7D2; text-decoration: underline; }
#rsc-global-footer .copyright							{ font-size: 11px; }


.copyright									{  }


#content-search-container					{ width: 142px; float: right; margin: 6px 8px 0px 3px; }
.content-search-input						{ float: left; margin: 2px 0 0 0px; width: 100px; height: 16px; border: 1px solid #C3C4C6; background: #F8F7F4 url(./?mortyurl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20150905092536im_%2Fhttp%3A%2F%2Fcssp.chemspider.com%2Fimg%2Ft_search_bg.png) no-repeat left center; color: #111; font-size: 0.8em; padding: 3px 3px 3px 3px; font-family: 'museo_sans_500regular', Arial, Helvetica, sans-serif; font-weight: 500;  }
.content-search-btn							{ float: left; margin: 2px 0 0 6px; }


.content-nav-menuclick-mobile				{ font-size: 1.05em; }

/* site specific styling */
.btn_login									{ display: block; float: right; margin: 8px 10px 0 8px; padding: 0; height: 21px; line-height: 21px; }
.btn_login a:link							{ float: right; color: #FFF !important; text-decoration: none; background: #001B3F; padding: 2px 4px !important; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-weight: 500; }
.btn_login a:visited						{ float: right; color: #FFF !important; text-decoration: none; background: #001B3F; padding: 2px 4px !important; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-weight: 500; }
.btn_login a:hover							{ float: right; color: #FFF !important; text-decoration: none; background: #006BA6 !important; padding: 2px 4px !important; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-weight: 500; }




/**********************************************************************/
/* Site Specific styles */
/* Design for a width of 768px * /

    @media only screen and (max-width: 959px) {
		
		.floating-branding	
		{ 
			display: none;
		}
		
		.brand-head-nav-container
		{
			display: none;
		}
		
		#content-nav-container
		{
			display: block;
		}
		
		
		#content-nav
		{
			display: block;	
			font-size: 0.75em;
		}
	}

/**********************************************************************/
/* Site Specific styles */
/* Design for a width of 480px * /

    @media only screen and (max-width: 767px) {
		
	
		.pagewidth						{ min-width: 320px;  width: 100% !important; margin: 0 auto; }
		
		.brand-header
		{
			padding: 0 0 0 10px;
			height: 100px;
		}
		
		.floating-branding	
		{ 
			display: none;
		}
		
		h1.header-title	
		{
			clear: both;
			line-height: 60px;
			
			height: 50px;
			float: left;
			font-size: 1.8em;
		}
		
		.site-logo
		{
			clear: both;
			float: left;	
		}
	
		.rsc-logo-mobile { 
			width: 120px; 
			height: 80px; 
			display: block; 
			float: left;
			margin: 10px 0 10px 0; 
			background-image: url(./?mortyurl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20150905092536im_%2Fhttp%3A%2F%2Fcssp.chemspider.com%2Fimg%2Finterface%2Froyal-society-of-chemistry-logo-white.png); 
			background-repeat: no-repeat; 
			background-position: left top; 
			cursor: pointer; 
		}

		.rsc-logo
		{ 
			display: none; 
			/*clear: both;
			width: 120px; 
			height: 80px; 
			display: block; 
			float: left; 
			margin: 0; 
			background-image: url(./?mortyurl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20150905092536im_%2Fhttp%3A%2F%2Fcssp.chemspider.com%2Fimg%2Finterface%2Froyal-society-of-chemistry-logo-white.png); 
			background-repeat: no-repeat; 
			background-position: left top; * /
		}
		
		#content-nav-container
		{
			height: auto;	
		}
		
		#content-nav
		{
			clear: both;
			display: none;
			font-size: 1em;
		}
		
		#content-nav li
		{
			width: 100%;	
		}
		
		#footer { height: auto; }
		#footer-link-container { width: 100%; }
		#footer-link-container li { width: 50%; }
		.copyright { clear: both; width: 100%; display: block; padding: 20px 0 0 0; }
	}
	
/* Design for a width of 320px * /

    @media only screen and (max-width: 479px) {
		
		.pagewidth						{ min-width: 320px; width: 100% !important; margin: 0 auto; }
	
		.brand-header
		{
			padding: 0 0 0 10px;
			height: 100px;
		}
		
		.floating-branding	
		{ 
			display: none;
		}
		
		h1.header-title	
		{
			line-height: 60px;
			width: 100%;
			height: 50px;
			float: left;
		}
	
		.site-logo
		{
			clear: both;
			float: left;	
		}
		.site-logo img
		{
			width: 300px;
			height: 60px;	
		}
		
		.rsc-logo-mobile { 
			width: 120px; 
			height: 80px; 
			display: block;
			float: left;
			margin: 10px 0 10px 0; 
			background-image: url(./?mortyurl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20150905092536im_%2Fhttp%3A%2F%2Fcssp.chemspider.com%2Fimg%2Finterface%2Froyal-society-of-chemistry-logo-white.png); 
			background-repeat: no-repeat; 
			background-position: left top; 
			cursor: pointer; 
		}

		.rsc-logo
		{ 
			display: none; 
		}		
		
		.content-nav
		{
			clear: both;
			display: none;
			font-size: 1em;
		}
		.copyright { width: 100%; display: block; }
	}
	*/
/*
     FILE ARCHIVED ON 09:25:36 Sep 05, 2015 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 23:30:23 Nov 30, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.518
  exclusion.robots: 0.045
  exclusion.robots.policy: 0.034
  esindex: 0.009
  cdx.remote: 7.245
  LoadShardBlock: 190.991 (3)
  PetaboxLoader3.datanode: 195.605 (5)
  PetaboxLoader3.resolve: 129.804 (3)
  load_resource: 295.215 (2)
*/