* {
	margin: 0;
	padding: 0;
}

body {
	background: #fff url(http://acswebcontent.acs.org/cheminsight/images/bg.png) 0 -40px repeat-x;
	font-family: "Lucida Grande", Arial;
	font-size: 87.5%;
	color: #06415d;
	line-height: 1.5em;
}

/* ----------------- Basic Typography ----------------- */

h1, h2, h3, h4, h5, p, ul, ol {
	margin-bottom: 18px;
	line-height: 1.5em;
}

h1 { font-size: 1.8em; }

h2 { font-size: 1.5em; }

h3 { font-size: 1.2em; }

p { margin-bottom: 18px; }

ul, ol { margin-left: 40px; }

a {
	text-decoration: none;
	color: #207ea4;
	border-bottom: 1px solid #7fcbe9;
}

a img,
a.button-link,
a.img-link {
	border: 0;
	text-decoration: none;
}

.clearfix {
	clear: both;
}

.align-right {
	text-align: right;
}

.small {
	font-size: 80%;	
}

.w50  { width: 50px;  }
.w75  { width: 75px;  }
.w100 { width: 100px; }
.w150 { width: 150px; }
.w175 { width: 175px; }
.w200 { width: 200px; }
.w225 { width: 225px; }
.w250 { width: 250px; }
.w300 { width: 300px; }
.w350 { width: 350px; }
.w400 { width: 400px; }

#top-link-bar {
	height: 24px;
	border-bottom: 1px dashed #1e4b63;
	background: #04283a;
}

#top-link-inner-wrap {
	width: 800px;
	margin: 0 auto;
}

#header-top-links {
	float: right;
}

#outer-container {
	margin-top:7px;
	clear: both;
	width: 830px;
	background: #fff url(http://acswebcontent.acs.org/cheminsight/images/outer-container-bg.png) 0px -72px no-repeat;
	height: 808px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#cheminsight-logo {
	clear: left;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
}

#inner-container {
	clear: both;
	padding: 20px 35px 0 35px;	
	/* overflow: auto; */
}

#featured-content {
	clear: both;
	margin-bottom: 28px;
}


#featured-headline {
	padding: 20px 20px;
}

.boxed-content {
	clear: both;
	float: left;
	width: 720px;
	background: #eef2f4 url(http://acswebcontent.acs.org/cheminsight/images/boxed-content-bg.gif) no-repeat left top;
	padding: 16px 20px 0px 20px;
}

	.boxed-content-bottom {
		clear: both;
		background: url(http://acswebcontent.acs.org/cheminsight/images/boxed-content-bottom.gif) no-repeat bottom;
		height: 10px;
		width: 760px;
		margin-left: -20px;	
	}
	
	fieldset .boxed-content {
		background: #eef2f4 url(http://acswebcontent.acs.org/cheminsight/images/boxed-content-bg-narrow.gif) no-repeat top;
		width: 680px;
	}
					
	fieldset .boxed-content-bottom {
		background: #eef2f4 url(http://acswebcontent.acs.org/cheminsight/images/boxed-content-bottom-narrow.gif) no-repeat left bottom;
		width: 720px;
	}	
	
	.narrow-box {
		float: left;
		background: #EEF2F4 url(http://acswebcontent.acs.org/cheminsight/images/boxed-thin-top.png) top left repeat-y;
		padding: 20px 20px 0 20px;
		width: 360px;
	}
	
	.narrow-box ul {
		margin-bottom: 0;
	}
	
	li.submit-li-item {
		margin-bottom: 0;
	}
	
	.narrow-box-bottom {
		background:  url(http://acswebcontent.acs.org/cheminsight/images/boxed-thin-bottom.png) top left no-repeat;
		height: 10px;
		width: 400px;
		margin-left: -20px;
	}
	
	#signup-sidebar-info {
		float: right;
		width: 300px;		
	}
	
	#signup-sidebar-info h2 {
		font-size: 16px;
		margin-bottom: 14px;
	}

	#signup-sidebar-info ul {
		margin-left: 16px;
	}
	
	#signup-sidebar-info p,
	#signup-sidebar-info li {	
		font-size: 13px;
	}

#single-column {
	clear: both;
	padding: 10px 20px;
	margin-bottom: 20px;
}

#admin-column {
	clear: both;
	padding: 10px 0px 10px 20px;
}

#main-column {
	clear: both;
	float: left;
	padding-left: 20px;
	width: 465px;
}

#main-column, #side-column {
	padding-top: 10px;
}

#side-column {
	float: right;
	width: 230px;	
	padding-right: 10px;
}

	#side-column p, 
	#side-column ol, 
	#side-column ul {
		font-size: 95%;
	}
	
	#side-column ol,
	#side-column ul {
		margin-left: 10px;
	} 

#footer {
	clear: both;
	padding-top: 60px;
	margin-top: 20px;
	margin: 0 15px;
	border-top: 1px solid #e2e8f0;	
}

	#footer ul {
		list-style: none;
		float: left;
		margin-left: 15px;
	}
	
	#footer ul li {
		float: left;
		line-height: 49px;
		margin-right: 15px;
		font-size: 12px;
	}
	
	#footer p {
		float: left;
		padding-top: 30px;
		font-size: 12px;
		margin-left: 15px;
		line-height: 21px;
		color: #BED3E8;
	}
	
	#footer p strong {
		color: #06416F;
	}
	
	#footer p a {
		font-size: 11px;
		color: #06416F;
	}
	
	#footer a {
		border: 0;
	}
	
	#footer li a {
		border-bottom: 1px solid #BED3E8;
	}
	
	#footer img {
		float: left;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		border-right: 1px solid #e2e8f0;
	}

/*--------------------------------------------------------------------------------------
/*		#Header (Header Top Links, Logo, Navigation)
/*--------------------------------------------------------------------------------------*/

		/* ----------- Top Login Bar ----------- */
		
			ul#sidebar-login {
				list-style-type:none;
				margin-right: 0px;
				margin-left: 0;
				margin-top: 0px;
				padding-bottom: 0px;
				margin-bottom: 20px;
			}

			#sidebar-login li {
				clear: both;
				margin-left: 0px;
				line-height: 20px;
				height: 30px;
			}
			
			#sidebar-login li label {
				font-size: 11px;
				display: block;
				float: left;
				width: 60px;
				margin-top: 3px;
				margin-left: 0;
			}
			
			#sidebar-login li input[type="text"],
			#sidebar-login li input[type="password"] {
				width: 120px;
			}
			
			#sidebar-login li input[type="submit"] {
				margin-left: 60px;
			}

			li.forgot-username-password {
				clear: both;
			}
			
			.forgot-username-password a {
				font-size: 11px;
				border-bottom: 1px solid #7fcbe9;
			}

		/* ---------- Header Top Links (Account Status, Login/Logout, etc) -------- */

				ul#header-top-links {
					list-style-type: none;
					margin-right: 0px;
					margin-left: 0;
					margin-bottom: 8px;
				}

				ul#header-top-links li {
					float: left;
					line-height: 24px;
					margin-left: 18px;
					font-size: 12px;
				}

				ul#header-top-links li a {
					color: #fff;
					border: 0;
				}
				
				ul#header-top-links li a:hover {
					border-bottom: 1px solid #fff;
				}
				

		/* ---------- Header Main Logo -------- */

				a img#cheminsight-logo {
					border: 0;
				}

		/* ---------- Primary Navigation -------- */

				#primary-navigation {
	clear: both;
	float: right;
	padding-top:15px;
	padding-right: 18px;
	margin-top: 15px;
				}

				ul#navigation {
					list-style-type: none;
					margin-bottom: 0;
				}

				ul#navigation li {
					float: left;
					display: block;
					margin-right: 10px;
					height: 32px;
					background: url(http://acswebcontent.acs.org/cheminsight/images/passive-tab-right.gif) bottom right no-repeat;
				}

				ul#navigation li a {
					background: url(http://acswebcontent.acs.org/cheminsight/images/passive-tab-left.gif) bottom left no-repeat;	
					display: block;
					border: 0;
					height: 32px;
					float: left;
					line-height: 32px;
					padding: 0 12px 0 12px;
					color: #06415d;
				}
				
				ul#navigation li a:hover {
					background: url(http://acswebcontent.acs.org/cheminsight/images/hover-tab-left.gif) bottom left no-repeat;				
				}
				
				ul#navigation li:hover {
					background: url(http://acswebcontent.acs.org/cheminsight/images/hover-tab-right.gif) bottom right no-repeat;				
				}

				ul#navigation li.current {
					background: url(http://acswebcontent.acs.org/cheminsight/images/primary-tab-right.png) bottom right no-repeat; 	
				}

				ul#navigation li.current a {
					font-weight: bold;
					background: url(http://acswebcontent.acs.org/cheminsight/images/primary-tab-left.png) bottom left no-repeat;	
				}
				
				/*
				body#sandbox ul#navigation li#menu-home,
				body#searches ul#navigation li#menu-search,
				body#users ul#navigation li#menu-register{
					background: url(http://acswebcontent.acs.org/cheminsight/images/primary-tab-right.png) bottom right no-repeat; 	
				}				
				
				body#sandbox ul#navigation li#menu-home a,
				body#searches ul#navigation li#menu-search a,
				body#users ul#navigation li#menu-register a {
					font-weight: bold;
					background: url(http://acswebcontent.acs.org/cheminsight/images/primary-tab-left.png) bottom left no-repeat;
				}				*/
				
/*				body#admin ul#header-top-links li#admin-primary-nav {
					border-bottom: 1px solid #062E42;
					border-left: 1px dashed #1E4B63;
					border-right: 1px dashed #1E4B63;
					background: #062E42;
					padding-left: 7px;
					padding-right: 7px;
				}*/
				

				body ul#header-top-links li#admin-primary-nav a {
					color: #FDC82F;
					font-weight: bold;
				}							
				
				ul#header-top-links li a {
					color: #bdd5de;
					font-weight: normal;
				}		
				
				ul#header-top-links li a:hover {
					color: #fff;
				}
						
		/* ----- Flash Message Misc --------*/				
		
				.unbold {
					font-weight: normal;
				}
				
				#flash-inner-box {
					background: #EEF2F4;
					padding: 10px;
					margin-bottom: 10px;
				}

				#flash-inner-left {
					background: url(http://acswebcontent.acs.org/cheminsight/images/arrow.gif) no-repeat;
					width: 40px;
					height: 40px;
					float: left;
				}

				#flash-inner-right {
					width: 650px;
					float: right;
				}				
				
		/* ---------- Secondary Navigation -------- */
		
				#secondary-navigation {
					margin-top: 0;
					padding-top: 0;
				}
		
				#secondary-navigation ul {
					list-style-type: none;
					margin: 0 auto 24px auto;
					height: 37px;
					width: 760px;
					overflow: hidden;
				}
				
				#secondary-navigation ul li {
					float: left;
					display: block;
					height: 37px;					
				}
				
				#secondary-navigation ul li a {
					display: block;
					float: left;
					height: 24px;
					line-height: 24px;
					background: #cadbe1;
					color: #2e6178;
					margin-right: 2px;
					padding: 0 23px;	
					font-size: 13px;									
					border: 0;
				}
				
				#secondary-navigation ul li.current a {				
					font-weight: bold;
					color: #06415d;
				}
				
				#secondary-navigation ul li:hover,
				#secondary-navigation ul li.current {				
					background: url(http://acswebcontent.acs.org/cheminsight/images/secondary-nav-arrow.gif) center bottom no-repeat;
				}
				
				#secondary-navigation ul li.first-child a,
				#secondary-navigation ul li:first-child a {
					background: url(http://acswebcontent.acs.org/cheminsight/images/secondary-nav-round.gif) left top no-repeat;
				}
				
				#secondary-navigation ul li.last-child a {
					background: url(http://acswebcontent.acs.org/cheminsight/images/secondary-nav-round.gif) right top no-repeat;
				}				
				
/*--------------------------------------------------------------------------------------
/*		#featured-content (The stuff that is top & center in each page's inner-container)
/*--------------------------------------------------------------------------------------*/

	#featured-headline h1 {
		float: left;
		width: 260px;
		font-size: 26px;
	}
	
	#featured-headline h2 {
		float: right;
		font-weight: normal;
		font-size: 18px;
		width: 442px;
		margin-top: 6px;
		margin-bottom: 10px;
	}
	
	#featured-headline p {
		float: right;
		margin-bottom: 30px;
		margin-right: 15px;
	}
	
	#featured-content .boxed-content-bottom {
		padding-bottom: 10px;
	}
	
	.boxed-content {
		margin-bottom: 20px;
	}
	
	.boxed-content h2 {
		font-size: 21px;
		margin-bottom: 15px;
	}
	
	.boxed-content a {
		color: #3789a8;
		border-bottom: 1px solid #a9d2e1;
	}
	
	.boxed-content a.button-link,
	.boxed-content a.button-link:hover {
		border: 0;
		background: none;
	}
	
	.boxed-content a:hover {
		background: #fff;
	}
		
	.left-column {
		width: 320px;
		float: left;
	}
	
	.right-column {
		width: 320px;
		float: right;
	}
	
	.left-column, .right-column {
		font-size: 95%;
	}
	
	.left-column ul, .right-column ul {
		margin-left: 20px;
	}
	
	.left-column h3, .right-column h3 {
		margin-bottom: 12px;
	}
	
	#begin-registration a {
		float: right;
		border: 0;
		width: 184px;
		height: 0;
		padding-top: 37px;
		margin-top: 32px;
		margin-bottom: 8px;
		display: block;
		overflow: hidden;
		background: url(http://acswebcontent.acs.org/cheminsight/images/button-begin-registration.gif) no-repeat;
	}
	
	#register-as-expert-button a {
		float: right;
		border: 0;
		width: 197px;
		height: 0;
		padding-top: 37px;
		display: block;
		overflow: hidden;
		background: url(http://acswebcontent.acs.org/cheminsight/images/button-register-as-expert.png) no-repeat;
		margin-bottom: 15px;
	}
	
	#find-an-expert-button a {
		float: right;
		border: 0;				
		width: 161px;
		height: 0;
		padding-top: 37px;
		display: block;
		overflow: hidden;
		background: url(http://acswebcontent.acs.org/cheminsight/images/find-an-expert-button.png) no-repeat;
		margin-bottom: 15px;		
	}
	
	#register-as-expert-button a:hover,
	#find-an-expert-button a:hover,
	#begin-registration a:hover {
		background-position: 0 -37px;
	}


/*--------------------------------------------------------------------------------------
/*		Progress Indicator (Registration Form)
/*--------------------------------------------------------------------------------------*/


#progress-indicator {
	clear: both;
}

#progress-indicator ul {
	list-style-type: none;
	margin-left: 0;
	height: 24px;
}

#progress-indicator li {
	float: left;
	display: block;
	height: 24px;
}

#progress-indicator li a {
	float: left;
	display: block;
	height: 24px;
	line-height: 24px;
	font-size: 13px;
	border: 0;
	width: 190px;
	text-align: center;
	background: #edf2f4;
	color: #89adbe;
}

#progress-indicator li a.first-current {
	background: url(http://acswebcontent.acs.org/cheminsight/images/progress-indicator/first-current.gif);	
}

#progress-indicator li a.first-past {
	background: url(http://acswebcontent.acs.org/cheminsight/images/progress-indicator/first-past.gif);	
}

#progress-indicator li a.middle-next {
	background: #e1eaee url(http://acswebcontent.acs.org/cheminsight/images/progress-indicator/middle-next.gif);	
}

#progress-indicator li a.middle-current {
	background: #e1eaee url(http://acswebcontent.acs.org/cheminsight/images/progress-indicator/middle-current.gif);	
}

#progress-indicator li a.middle-distant {
	background: #e1eaee url(http://acswebcontent.acs.org/cheminsight/images/progress-indicator/middle-distant.gif);	
}

#progress-indicator li a.middle-past {
	background: #e1eaee url(http://acswebcontent.acs.org/cheminsight/images/progress-indicator/middle-past.gif);	
}

#progress-indicator li a.last-distant {
	background: #e1eaee url(http://acswebcontent.acs.org/cheminsight/images/progress-indicator/last-distant.gif);	
}

#progress-indicator li a.last-next {
	background: #e1eaee url(http://acswebcontent.acs.org/cheminsight/images/progress-indicator/last-next.gif);	
}

#progress-indicator li a.last-current {
	background: #e1eaee url(http://acswebcontent.acs.org/cheminsight/images/progress-indicator/last-current.gif);	
}

#progress-indicator li a.first-current,
#progress-indicator li a.middle-current,
#progress-indicator li a.last-current {
	color: #fff;
	font-weight: bold;
}

#progress-indicator li a.first-wayback {
	background: #e1eaee url(http://acswebcontent.acs.org/cheminsight/images/progress-indicator/first-wayback.gif);	
}

#progress-indicator li a.middle-previous {
	background: #e1eaee url(http://acswebcontent.acs.org/cheminsight/images/progress-indicator/middle-previous.gif);	
}

#progress-indicator li a.middle-wayback {
	background: #e1eaee url(http://acswebcontent.acs.org/cheminsight/images/progress-indicator/middle-wayback.gif);	
}

#progress-indicator li a.first-past,
#progress-indicator li a.middle-past,
#progress-indicator li a.middle-previous,
#progress-indicator li a.middle-wayback,
#progress-indicator li a.first-wayback {
	color: #518097;
}

#progress-indicator span {
	color: #b4c9d2;
	font-family: tahoma;
	font-size: 11px;	
}

#progress-indicator li a.first-current span,
#progress-indicator li a.middle-current span,
#progress-indicator li a.last-current span {
	color: #b5cdd6;
	font-family: tahoma;
	font-size: 11px;
}

#progress-indicator li a.first-past span,
#progress-indicator li a.middle-past span,
#progress-indicator li a.middle-previous span,
#progress-indicator li a.middle-wayback span,
#progress-indicator li a.first-wayback span {	
	color: #edf3f5;
	font-family: tahoma;
	font-size: 11px;
}


/*--------------------------------------------------------------------------------------
/*		Registration Page(s)
/*--------------------------------------------------------------------------------------*/

	.required-field {
		color: red;
		padding: 0 3px;
	}

	h3.question-header {
		font-size: 15px;
		font-weight: bold;
		margin-bottom: 12px;
	}
	
	.reg-question {
		border-top: 2px solid #EEF2F4;
		padding-top: 12px;
	}
	
	.reg-question p,
	.reg-question li {
		font-size: 13px;
	}

/*--------------------------------------------------------------------------------------
/*		TABLES
/*--------------------------------------------------------------------------------------*/

table#user-info-left {
	width: 350px;
	float: left;
}

	#user-info-left th {
		text-align: left;
		vertical-align: top;
		padding-right: 25px;
		font-size: 14px;
		color: #447085;
		padding-bottom: 4px;		
	}
	
table#user-info-right {
	float: right;
	width: 310px;
}

/* ---------- USER DIRECTORY -------- */

		#user-directory {
			width: 720px;
			border-bottom: 1px solid #B5CDD6;
			margin-bottom: 12px;
		}

		/* ---- */

		#user-directory th {
			text-align: left;
			border-bottom: 1px solid #B5CDD6;
		}

				#user-directory th.theader-pic {
					width: 60px;
					padding-left: 4px;
				}

				#user-directory th.theader-name {
					width: 180px;
				}

				#user-directory th.theader-expertise {
					width: 270px;
				}

				#user-directory th.theader-location {
					width: 150px;
				}

		/* ---- */

		#user-directory tr td {
			background: #fff;
		}

		#user-directory tr.even td {
			background: #eef2f4;
		}

		/* ---- */

		#user-directory td {}

				#user-directory td.td-pic {
					padding: 4px;
					display: block;
					height: 54px;
				}

					#user-directory td.td-pic img {
						padding: 1px;
						border: 1px solid #B5CDD6;
						background: #fff;
						max-height: 50px;
						max-width: 50px;
					}

				#user-directory td.td-name {
				}

				#user-directory td.td-expertise {
				}

				#user-directory td.td-location {
				}
				
/* ---------- SEARCH RESULTS -------- */
		
		#search-results {
			width: 720px;
			border-bottom: 1px solid #B5CDD6;
			margin-bottom: 12px;
		}		

		#search-results th {
			text-align: left;
			border-bottom: 1px solid #B5CDD6;
			padding-left: 4px;			
		}

		#search-results tr td {
			background: #fff;
			padding-top: 4px;
			font-size: 12px;
			padding-right: 10px;
			padding-bottom: 4px;
			vertical-align: top;
			padding-left: 4px;
			border-bottom: 1px solid #eef2f4;
		}

		#search-results tr.even td {
			/* background: #eef2f4; */
		}
		
		
		#search-results a {
			color: #2F6B87;
		}
		
	table.admin-view-users {
		margin-top: 20px;
		margin-bottom: 20px;		
	}
		
	table.admin-view-users th {
		text-align: left;
		padding-right: 18px;
		font-size: 13px;
		border-bottom: 1px solid #CADBE1;
		letter-spacing: -1px;
		vertical-align: top;
	}
		
	table.admin-view-users th a {
		border: 0;
	}
	
	table.admin-view-users tr {
		font-size: 11px;
		padding-right: 10px;
	}
	
	#report_title h3 {
		margin-bottom: 0;
	}
	
	#reports_container table.admin-view-users th {
		font-size: 15px;
	}
	
	#reports_container table.admin-view-users td {	
		font-size: 14px;
		padding-bottom: 4px;
	}
	

/* ---------- PAGE INTERFACE (next pg, previous pg, etc) -------- */

.page-interface {}

		.page-index {
			float: left;
		}
		
			.page-index a {
				background: #eef2f4;
				border: 0;
				padding: 4px 6px;
				color: #829fae;
			}
		
			.page-index a:hover {
				color: #eef2f4;
				background: #829fae;	
			}		
		
			.page-index a.current {
				background: #2f6b87;
				color: #fff;
			}
		
		.page-nav {
			float: right;
		}
		
			.page-nav a {
				color: #2F6B87;
			}
			
/* ---------- EXPERT PROFILE -------- */

		table#expert-profile-contact {
			width: 300px;
			float: left;
		}

				table#confirm-registration-table th,
				table#search-criteria th,
				table#expert-profile-contact th {
					text-align: left;
					vertical-align: top;
					padding-right: 25px;
					font-size: 14px;
					color: #447085;
				}

				table#confirm-registration-table td,
				table#expert-profile-contact td {
					padding-bottom: 8px;
				}
		
		table#expert-profile-background {}

				table#expert-profile-background th {
					text-align: left;
					vertical-align: top;
					padding-right: 21px;
					font-size: 14px;
					color: #447085;
					width: 245px;
				}

				table#expert-profile-background td {
					padding-bottom: 8px;
					vertical-align: top;			
				}
		
		p.expert-profile-pic {
			text-align: center;
		}
		
				p.expert-profile-pic img {
					background: #fff;
					padding: 1px;
					border: 1px solid #bdccd4;
					margin: 0 auto;
				}
				
	img.button-edit-info {
		float: right;
	}

/*--------------------------------------------------------------------------------------
/*		Form UI Design
/*--------------------------------------------------------------------------------------*/

fieldset {
	border: 0;
}

		/* ------------ Form & Fieldset Typography ----------- */

				fieldset h2 {
					font-size: 24px;
					margin-bottom: 8px;
					clear: left;
				}

				fieldset p {
					font-size: 14px;
				}

				fieldset ul,
				fieldset ol {
					list-style-type: none;
					margin-left: 0px;
					margin-bottom: 32px;
				}
				
					.boxed-content ul {
						margin-bottom: 0px;
					}
			
				fieldset li {
					margin-bottom: 15px;
					padding-bottom: 0;
					clear: left;
					display: block;
				}
			
				fieldset legend {
					margin-bottom: 15px;
				}
			
				label.description,
				label.small-description,
				label.large-description {
					font-size: 15px;
					font-weight: bold;
					display:inline-block;
					line-height: 1em;
					margin-bottom: 5px;
					padding-bottom: 0px;
				}
				
				label.small-description {
					font-size: 14px;
					font-weight: bold;
				}				
				
				label.large-description {
					font-size: 18px;
					font-weight: bold;
					margin-bottom: 14px;
				}
				
				label.disclaimer {
					font-size: 12px;
					line-height: 18px;
					display: block;
					color: #5D80A1;
				}
				
				label.same-line-label {
					display: block;
					float: left;
					width: 100px;
					font-weight: bold;
				}
				
				.same-line-meta {
					margin-left: 100px;
					font-size: 11px;
					color: #49809a;	
				}
				
				.same-line-buttons {
					margin-left: 100px;
				}
				
				.same-line-buttons input {
					margin-right: 4px;
				}
				
				.same-line-buttons,
				.same-line-buttons a {
					font-size: 11px;
					color: #49809a;					
				}
			
				span.floated-input {
					float: left;
					margin-right: 10px;
				}
			
				span.left-input {
					float: left;
					margin-right: 10px;
				}
				
				span.right-input {
					float: left;
				}				
				
				span.halved-input {
					width: 300px;
				}
				
				li.contains-halved-inputs .clearfix {
					margin-bottom: 0px;
				}
				
				span.left-input.with-gap {
					margin-right: 25px;
				}
			
				span.center-input {
					float: left;
					margin-right: 10px;
				}
			

				
				span.textarea-left {
					float: left;
					width: 350px;
					display: block;
				}
				
				span.textarea-right {
					float: right;
					width: 315px;
				}
				
				.textarea-right p {
					font-size: 12px;
					color: #49809a;
				}
				
				.textarea-right p strong {
					color: #06415d;
				}
			
				span.radio-choice {
					display: inline;
					float: left;
					margin-right: 0px;
					margin-top: 7px;
					margin-bottom: 5px;
				}		
			
					span.radio-choice label {
						display: block;
						float: left;
						margin-top: -7px;
					}
			
				input.radio {
					display: block;
					float: left;
					height: 13px;
					width: 13px;
					margin-right: 10px;
				}			
						
						span.indented label.description {
							font-size: 14px;
						}
			
				label.sub-description {
					font-size: 11px;
					color: #49809a;				
					padding-left: 2px;
				}
				
				label.left-label {
					width: 40px;
					clear: left;
					display: block;
					float: left;
				}
				
				.same-line-input {
					margin: 8px 0;
				}
			
				label.instructions {
					font-size: 12px;
					color: #49809a;				
					padding-left: 0px;
					margin-bottom: -12px;
					display: block;
				}
				
				label.checkbox-instructions {
					font-size: 12px;
					color: #49809a;				
					padding-left: 0px;					
				}
				
				br.extra-br {
					margin-bottom: 10px;
				}
			
				.optional {
					font-style: italic;
					font-size: 11px;
					color: #49809a;				
					padding-left: 2px;
					font-weight: normal;					
				}
		
				label.radio-choice {
					line-height: 2em;
					display: block;
					float: left;
					margin-top: -6px;
					margin-right: 25px;
				}
						
				span.block-input {
					float: left;
					margin-right: 10px;
					margin-bottom: 0px;
				}
			
				span.indented {
					border-left: 7px solid #bdccd4;
					padding-left: 18px;
					display: block;
				}
			
				input.text, select {
					font-size: inherit;
					margin: 0;
					padding: 2px 0;
				}
				
				.title-label {
					width: 200px;
				}
			
				textarea {
					font-size: 14px;
					padding: 4px;
					font-family: "Lucida Grande", Arial;
				}
				
				li.hr {
					border-bottom: 1px solid #BDCCD4;
				}
				
					.narrow-box li.hr, 
					.boxed-content li.hr {
						width: 720px;
						margin-left: -20px;
						border-bottom: 2px solid #fff;
						margin-bottom: 18px;
						padding-bottom: 0;
						line-height: 2px;
					}
					
					.narrow-box li.hr {
						width: 400px;
					}
						

		/*--------------- Search Form Styling -------------------*/
			
				#advanced_options h3 {
					font-size: 18px;
				}

				li.search-submit-box {
				}
		
				li.search-submit-box p {
					font-size: 12px;
				}
		
				li.search-submit-box input.button-img {
					float: left;
					height: 32px;
				}
		
				li.search-submit-box p.show-more {
					line-height: 32px;
					float: right;
					margin-bottom: 12px;
				}
		
				li.search-submit-box a {
					color: #49809a;
					border-bottom: 1px solid #89adbe;
				}


/*--------------- Inline Validation -------------------*/

.validation {
	background: white;
	border: 1px solid red;
	color: red;
	font-size: 12px;
	padding: 2px 10px;
	margin-left: 20px;
	display: block;
	float: left;
}

.select-country select {
	width: 200px;
}

/*--------------- Admin CMS -------------------*/

.admin-column-left {
	float: left;
	width: 400px;
}

.admin-column-right {
	float: right;
	width: 340px;
	margin-top: 20px;
}

	.admin-column-right h2 {
		font-size: 16px;
		margin-bottom: 12px;
	}

	.admin-column-right h3 {
		font-size: 14px;
		margin-bottom: 12px;
	}

	.admin-column-right p {
		font-size: 12px;
		margin-bottom: 12px;
	}

.admin-cms-textarea {
	width: 370px;
}

.html-style-guide span {
	color: red;
	font-weight: bold;	
}

/*--------------- Join ACS Banner -------------------*/

#join-acs-banner {
	background: url(http://acswebcontent.acs.org/cheminsight/images/join-acs-banner.png) no-repeat;
	padding-top: 70px;
	padding-left: 12px;
	padding-right: 12px;
}

#join-acs-banner p {
	font-size: 12px;
	color: #345992;
	margin-bottom: 12px;
}


/*--------------- Pre-Existing Rails-Generated Styles -------------------*/

		/* === FLASH MESSAGES === */
		div#flash-notice,
		div#flash-warning,
		div#flash-status,
		div#flash-error,
		div#check-message,
		div#expired-account-message {
			color: #3a3935;
			font-weight: bold;
			border: 1px solid #eac968;
			padding: 8px 18px;
			margin-bottom: 12px;
		}

		/* === ERROR MESSAGES === */
		div#errorExplanation {
			color: #3a3935;
			font-weight: bold;
			border: 1px solid #990000;
			padding: 8px 18px;
			margin-bottom: 12px;		  
		}
		div#errorExplanation h2 {}
		div#errorExplanation p {}
		div#errorExplanation ul {}
		div#errorExplanation ul li {}
		
		/* === FORMS === */
		div.fieldWithErrors {}
		div.fieldWithErrors label {}
		div.fieldWithErrors input, div.fieldWithErrors select, 
		div.fieldWithErrors textarea {}
		
/*------------------------- Inline Validation http://acswebcontent.acs.org/cheminsight/ ----------------------*/		

span.LV_validation_message {
}

.LV_valid.LV_validation_message {
	background: url(http://acswebcontent.acs.org/cheminsight/images/validate-success.png) no-repeat center left;
	width: 20px;
	height: 24px;
	line-height: 24px;
	padding-top: 4px;
	padding-bottom: 4px;
	display: inline-block;
}

.LV_invalid.LV_validation_message {
	background: url(http://acswebcontent.acs.org/cheminsight/images/validate-error.png) no-repeat left center;
	height: 24px;
	line-height:24px;
	padding-left: 24px;
	display: inline-block;
	padding-top: 4px;
	padding-bottom: 4px;	
}

/*------------------------- Resources ----------------------*/		

.resources-header {
	border-top: 1px solid #e5eff3;
}

		.resources-header h3 {
			float: left;
			font-size: 12px;
			margin-bottom: 0;
			width: 309px;
			color: #4991ab;
		}
		
		.resources-header p {
			display: inline;
			font-size: 12px;
			font-weight: bold;			
			margin-bottom: 0;
			color: #4991ab;			
		}

.resources-entry {
	clear: both;
	border-top: 1px solid #CADBE1;
	padding-top: 10px;
}

.resources-entry h3 {
	font-size: 13px;
}

.resources-entry h3 a {
	color: #225670;
}

.resources-entry .resources-left-column {
	float: left;
	width: 300px;
}

.resources-entry .resources-right-column {
	float: right;
	width: 450px;
}

/* ---- */

h2.resources-teaser-header {
	margin-bottom: 4px;
}

.resources-preview {
	border-top: 1px solid #CADBE1;
	padding-top: 10px;
}

.resources-preview h3 {
	font-size: 12px;
}

.resources-preview h3 a {

	border: 0;
}

.resources-preview p {
	font-size: 12px;
	margin-bottom: 10px;
}

.resources-preview .resources-left-column {
	float: left;
	width: 300px;
}

.resources-preview .resources-right-column {
	float: right;
	width: 450px;
}

.resources-trail-link {
	border-top: 1px solid #CADBE1;	
	text-align: right;
	padding-top: 8px;
	font-size: 12px;
}

#admin-header {
	padding: 10px;
	margin-bottom: 10px;
  background-color: #FDC82F;	
}

.development-toptext {
	color: white;
	float: left;
}

.staging-toptext {
	color: white;
	float: left;
  background-color: red;	
}
