.c-submit {
	margin: 5px auto;
	text-align: center;
}

/****** contact form and basic login form *********/

.contact-dept,
.login-app {
	padding: .3em .9em;
	margin: .2em;
	border-top: 3px solid #a1b6ba;
	border-right: 1px solid #a1b6ba;
	border-bottom: 1px solid #a1b6ba;
	border-left: 1px solid #a1b6ba;
	color: #0061aa;
	background-color: #eff3f7;
}

.contact-dept label,
.login-app label {
	font-size: 122%;
	margin: .5em 0;
	width: 100px;
}

.contact-dept input,
.login-app input { width: 200px; }

.contact-dept textarea,
.login-app textarea { width: 250px; }

.contact-dept strong,
.login-app strong { color: #c28218; }

#contact-dept-sub,
#login-sub {
	margin-left: 110px;
	padding: 3px 12px;
}

#consub { width: 250px; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
* {
	padding: 0;
	margin: 0;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link { color: #666666; }

#TB_window a:visited { color: #666666; }

#TB_window a:hover { color: #000; }

#TB_window a:active { color: #666666; }

#TB_window a:focus { color: #666666; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#084b80;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	height:100%;
	width:100%;
}

* html #TB_overlay { /* ie6 hack */ position: absolute;  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #084b80;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption {
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow {
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow {
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle {
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title {
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent {
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal { padding:15px; }

#TB_ajaxContent p { padding:5px 0px 5px 0px; }

#TB_load {
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect {
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */ position: absolute;  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent {
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

/****** BEA STYLES *********/

/*
// --------------------------------------------------------------------------------------------------------------------
// Button
// --------------------------------------------------------------------------------------------------------------------
*/

.bea-portal-button,
.bea-portal-button-delete,
.bea-portal-button-float { }

.bea-portal-button img,
.bea-portal-button-delete img,
.bea-portal-button-float img {
	vertical-align: top;
	margin: 1px;
	border-style: solid;
	border-width: 1px;
	border-color: #666699;
}

.bea-portal-button:hover img,
.bea-portal-button-delete:hover img,
.bea-portal-button-float:hover img { border-color: #660000; }

/*
// --------------------------------------------------------------------------------------------------------------------
// W S R P   ( v 0 . 9 2 )   S T A N D A R D   P O R T L E T   C S S
// --------------------------------------------------------------------------------------------------------------------
*/


/*   F O N T S   */


.portlet-font,
.portlet-font-dim {
	font-family: arial, tahoma, sans-serif;
	font-size: small;
}

.portlet-font { color: #000000; }

.portlet-font-dim { color: #999999; }

/*   M E S S A G E S   */


.portlet-msg-status { font-style: italic; }

.portlet-msg-info { font-weight: bold; }

.portlet-msg-error {
	font-weight: bold;
	color: #ff0000;
}

.portlet-msg-alert {
	font-style: italic;
	font-weight: bold;
}

.portlet-msg-success {
	font-weight: bold;
	color: #009900;
}

/*   S E C T I O N S   */


.portlet-section-header {
	font-size: 120%;
	font-weight: bold;
	border-style: dotted;
	border-width: 1px 0px;
	color: #333399;
	padding: 2px 0px;
}

.portlet-section-body { background-color: #f0f0ff; }

.portlet-section-alternate { background-color: #d8d8ff; }

.portlet-section-selected {
	background-color: #9999ff;
	color: #ffffff;
}

.portlet-section-subheader {
	font-weight: bold;
	color: #6666cc;
	padding: 2px 0px;
}

.portlet-section-footer {
	font-size: 80%;
	font-weight: bold;
}

/*
// --------------------------------------------------------------------------------------------------------------------
// RENEWAL
// --------------------------------------------------------------------------------------------------------------------
*/

.tData {
	FONT-WEIGHT: bold;
	COLOR: #484848
}

.tOverdue {
	FONT-WEIGHT: bold;
	COLOR: #ff0000
}

.tdDataHeading {
	FONT-WEIGHT: bold;
	BACKGROUND: #003399;
	COLOR: #ffffff;
	HEIGHT: 20px
}

.tdDataDetail { HEIGHT: 20px }

.tdDataDetailAlt {
	BACKGROUND: #ebf2f2;
	HEIGHT: 20px
}

.tdDataDetailAlt td,
.tdDataDetail td { border-bottom: 1px solid black; }

.tablebody {
	border-collapse: collapse;
	empty-cells: show;
}

.header {
	COLOR: white;
	BACKGROUND-COLOR: navy
}

.errorBanner {
	COLOR: white;
	BACKGROUND-COLOR: red
}

.errorLabel {
	COLOR: white;
	BACKGROUND-COLOR: navy
}

/* validation message decorations */
.errorText {
	FONT-SIZE: 12px;
	COLOR: red
}

.errorBox,
.errorBox p,
.errorBox li {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: red;
}

.errorBox {
	border: 3px double red;
	margin:10px 0;
	padding: 0 10px;
}

.label {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: black;
	text-align: right;
}

.actionErrorText {
	COLOR: blue;
	FONT-STYLE: italic
}

.sectionLabel {
	border:1px solid #999999;
	border-left:18px solid #999999;
	padding:3px 0px 3px 8px;
 background-color:#ffffff  font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #003399;
	background-color: #EEEEEE
}

.addrChNote {
	font-style: italic;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px
}

/*
// --------------------------------------------------------------------------------------------------------------------
// Window
// --------------------------------------------------------------------------------------------------------------------
*/

.bea-portal-window {
	margin: 5px;
	padding: 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #333366;
	background-color: #ffffff;
    /* Fix for IE height problem; uses Mozilla's recognition of and IE's ignorance of C-style line comment... */
    height: 100%;
}

.bea-portal-window-content {
	/*
	margin: 0;
	padding: 0;
	scrollbar-base-color:#d8d8e5;
	*/
}

/*
// --------------------------------------------------------------------------------------------------------------------
// Window Titlebar
// --------------------------------------------------------------------------------------------------------------------
*/

.bea-portal-window-titlebar {
	background-color: #d8d8e5;
	padding: 2px;
	margin: 0px;
	font-size: small;
	font-weight: bold;
}

.bea-portal-window-titlebar-container {
	padding: 0px;
	width: 100%;
}

.bea-portal-window-icon {
	text-align: center;
	padding: 0px 4px 0px 0px;
	margin: 0px;
	width: 1%;
}

.bea-portal-window-icon img {
	padding: 0px;
	margin: 0px;
}

.bea-portal-window-titlebar-title {
	color: #333366;
	text-align: left;
	padding: 0px;
	white-space: nowrap;
	overflow: hidden;
}

.bea-portal-window-titlebar-buttons {
	text-align: right;
	padding: 0px;
	white-space: nowrap;
	overflow: hidden;
}

/* login page Nov-7-07 Wes Lindamood  add IE5 mac fix from section1.css */


#login-box {
	width: 380px;
	padding: 1em;
	margin-left: 10px;
	margin-top: 10px;
	border: 1px solid #a1b6ba;
	border-left: 1px solid #a1b6ba;
	color: #0061aa;
	background-color: #eff3f7;
}

#login-box legend {
	font-size: 152%;
	color: #0061aa;
	margin-bottom: .6em;
	font-weight: bold;
}

#login-box fieldset { border: 0; }

#login-box label {
	font-size: 129%;
	margin: .5em 0;
	width: 100px;
}

#login-box input { margin: .5em; }

#main-signin {
	margin-left: 100px !important;
	padding: .3em;
	color: #1e73b3;
	font-weight: bold;
	font-size: 14px;
}

#login-box p {
	margin-bottom: 5px;
	font-size: 85%;
	clear:both;
}

.forgot-pw { margin-left: 105px; }

/* reset PW page Nov-7-07 Wes Lindamood  add IE5 mac fix from section1.css */


#reset-pw {
	width: 460px;
	padding: .5em;
	margin-top: .7em;
	border: 1px solid #a1b6ba;
	border-left: 1px solid #a1b6ba;
	color: #0061aa;
	background-color: #eff3f7;
}

#reset-pw legend {
	font-size: 152%;
	color: #0061aa;
	margin-bottom: .6em;
	font-weight: bold;
}

#reset-pw fieldset { border: 0; }

#reset-pw label {
	font-size: 122%;
	margin: .2em 0;
	float: none !important;
	text-align:left;
}

#reset-pw input {
	margin: .5em 0;
	padding: .2em;
}

#reset-pw-btn {
	padding: .2em;
	color: #1e73b3;
}

.alert-error { color: red; }

#left-content {
	width:600px;
	padding:10px 0 0 10px;
	margin:0;
	float:left;
}

#right-content {
	width:315px;
	padding:0;
	margin:0;
	float:right;
}

#acs-full-name {
	color:#9FB4CF;
	float:left;
	font-size:85%;
	margin-left:6px;
	margin-top:2px;
}



/*------ Added for OMA home page ------*/
.toolTip {
	padding-right: 20px;
	background: url('/portal/framework/skins/wpp/images/help.gif') no-repeat right;
	/**/color: #000000;
	/*cursor: help;*/
        /**/position: relative;
}

.toolTipWrapper {
	width: 311px;
	position: absolute;
	bottom:20px;
	padding:0;
	margin:0 0 0 50px;
	display: none;
	color: /*#FFF;*/#000;
	font-size: 9pt;
	z-index: 3000;
}

.toolTipTop {
	width: 311px;
	height: 13px;
	background: url('/portal/framework/skins/wpp/images/shadow-top.png') no-repeat;
}

.toolTipMid {
	padding: 8px 15px;
	background: transparent url('/portal/framework/skins/wpp/images/shadow-middle.png') repeat-y top;
}

.toolTipBtm {
	height: 13px;
	background: url('/portal/framework/skins/wpp/images/shadow-btm.png') no-repeat;
}

.address-box {
	width:456px;
	padding:10px 0 15px 0;
	float:left;
	margin:0; /*clear:left;*/
}

.left-address {
	width:220px;
	float:left;
	padding:0;
	margin:0;
}

.right-address {
	width:220px; /**/
	float:left;
	padding:0;
	margin:0;
}

.content-container {
	padding:10px 0 10px 0;
	margin:0;
	width:936px;
	float:left;
}

.rightbox {
	float:left;
	padding:22px 0 0 0;
	margin:0 0 0 32px;
	width:404px;
}

.leftbox {
	float:left;
	padding:0 0 0 5px;
	margin:0;
	width:452px;
}

.leftbox h3,
h4 {
	padding:4px 0 2px 0;
	margin:0;
}

.leftbox p {
	padding:4px 0 6px 0;
	margin:0;
}

.leftbox ul {
	padding:0 0 4px 6px;
	margin:0;
}

.leftbox ul li {
	padding:2px 0 4px 0;
	margin:0;
}

/*.leftbox ul li a{ text-decoration:underline; color:#125889;}
.leftbox ul li a:hover{ text-decoration:none; color:#125889;}*/
.wrapper-rndcorners {
	padding:0 0 14px 0;
	margin:0;
}

#wrapper p {
	padding:2px 0;
	margin:0;
}

#wrapper p.wrapper-right-align {
	padding:16px 0 6px 0;
	font-size:10px;
	text-align:right;
	margin:0;
}

#flash-rndcorners {
	padding:0;
	margin:0;
}

#flash-container {
	padding:27px 0 0 27px;
	margin:0 0 0 0;
}

.wrapper-rndcorners h4 {
	background-image:url('/portal/framework/skins/wpp/images/sm-rounded-box-header.png');
	background-position:top left;
	background-repeat:repeat-x;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;/**/
	font-size:12px;
	height:20px;
	margin:0 0 0 0;
	padding:6px 1px 0 0;
	width:99%;
	text-align:center;
}
/*------ Ends here: Added for OMA home page ------*/

/* legacy apps */	
		#bd .program label, #bd .designation label { font-weight:bold; line-height:1.6em; margin-right:10px; }
		#bd .program label { text-align:left; width:auto; }
		#bd .program label, #bd .total-amount label, #bd .honor-gift label, #bd .designation label { float:none; clear:none; display:inline; }
		#bd label { width:12em; float:left; width:10em; display:block; clear:left; margin-right:1em; text-align:left;  cursor:hand; }
		#bd label, #bd .designation { font-size:100%; text-align:right; }
		#bd textarea, #bd input, #bd select, #bd label, #bd button, #bd optgroup { margin-top:12px; }
		#tributedetail .donor-group { margin: 1.6em 0 0 0; padding:0; border:none; }
		#bd small { font-size:87%; margin:0 0 0 .5em; }
		#bd .designation label { text-align:left; width:auto }
		#bd fieldset .ui-state-error, #bd fieldset .ui-state-highlight { margin: 0.25em 0 0 10em; }
		#bd fieldset .ui-state-error, #bd fieldset .ui-state-highlight { width: 23.07em; }
		#bd .ui-state-error.no-margin { width:auto; }


/* moved from form.css to legacy.css 	*/
		.ui-state-error.no-margin { margin:	 0.25em 0 0 0em !important; }
		.valid { border:#328217 1px solid; padding:1px;}
		.error { border:#C00 1px solid; padding:1px;}
		.application #bd div.yui-g { margin:0 2em 1.5em; } 
		.application th, .application td { vertical-align:baseline; }
		#bd .required, #bd label strong {  padding-left:.25em;  }
		textarea, input, select, label, button, optgroup { margin-top:5px; _margin-top:0px; }	
		#tributedetail .donor-group { margin: 1.6em 0 0 0; padding:0; border:none; }
		#bd .ui-state-error.no-margin { width:auto; }
		#bd .designation label { text-align:left; width:auto }
		#bd .designation label { font-weight:bold; line-height:1.6em; margin-right:10px; }
		#bd .program label { font-weight:bold; line-height:1.6em; margin-right:10px; }
		#bd .program label { text-align:left; width:auto; }
		#bd .program label, #bd .total-amount label, #bd .honor-gift label, #bd .designation label { float:none; clear:none; display:inline; }
		#bd .designation { font-size:100%; text-align:right; }
		#bd label strong {color:#F00; font-weight:bold}
		

		
/* donations | section1.css  */
		#bd fieldset.donor-letter-group legend { background:none; }
		#bd fieldset.donor-letter-group { border:none; margin-top:2em; }
		#bd .total-amount { background-color:#eff3f7; border:1px solid #a1b6ba; padding:0px 8px 1.32em 12px; margin:1em 0 0 0; -moz-border-radius:4px }
		#bd .ui-datepicker-trigger { position:relative; left:5px; top:7px; }
		
		#bd .prefix {
			margin-left:0;
		}
		#bd .prefix label, #bd .prefix input { width:auto; float: none; clear:none; display:inline;} 
		
		#bd .donor-group .prefix label, #bd .designation label, #bd .radio3 label {
			display:inline;
			float:none;
		}
		#bd .donor-group label {
			width:150px; /* removed from #bd .donor-group p*/
		}
		#bd .label {
			font-weight:bold;
			text-align:right;
		}	
		#bd .errorBox {
			border:3px double red;
			margin:10px 0;
			padding:0 10px;
		}
		#bd .errorBox, #bd .errorBox p, #bd .errorBox li {
			color:red;
			font-size:12px;
			font-weight:bold;
		}
		
/* Registration | main.css | http://portal.acs.org/portal/acs/corg/memberapp?_nfpb=true&_pageLabel=mapp_register_page */
#left-content { float:left;	margin:0; padding:10px 0 0 0px; width:585px; }
#right-content { float:right; margin:0; padding:0; width:315px; }

/* Search Awards add code to either form.css or awds_main.css */
.awards-locator #yui-main .yui-b { background-image:none; }
form.awards-locator-form label { text-align:left !important; }
.div-form-chemistryfield, .div-form-keywords, .div-form-purpose, .div-award-types, .div-form-education, .div-form-geographic, .div-form-sponsor, .div-form-action { clear:both; }

/* Project SEED 2010 */
.errortxt3 { color:#ff0000; }

/* National Historic Chemical Landmark Nomination Form */
#bd .form-group { margin:0em !important; }
#bd .form-group .toplabel label { text-align:left !important; width:25em !important; }

/* Careers Boxwood */
body.boxwood .yui-t5 #yui-main .yui-b { padding:0 !important; }
body.boxwood .yui-t5 #yui-main .yui-b h2 { padding-bottom:10px; }

/* Solar */
.solar #bd { padding:0 3em 3em; }

/* ACS_Perl, Pharma Leaders */


/* Short Courses */
.short-courses #bd label { width:18em; }
.short-courses #FormsButton80 { margin-left:19em; }

/* Email Alerts */
.emailalerts #sub-but {
	margin-left:11em;
	padding:3px 12px;
	width:auto;
}
/* Register */
.register .app { padding: 0; }
.register #left-content { *width:565px; }
/* erosters */
.erosters #bd th, .erosters #bd td { vertical-align:inherit; }

/* OMA */
.oma .academic-training .autocomplete{ margin:0 !important; }
.oma .academic-training #collegenameWithstar { padding-top:0px !important;}
.oma .academic-training th, .oma .academic-training td {vertical-align:bottom !important;}
.oma .academic-training input[type="radio"] { margin-right:2px; }
.oma .academic-training #degreeExpectingLabel { padding: 1em 0 3px 0; }
.oma .academic-training #collegenameWithstar { padding:0 0 4px 0; overflow:visible;}
.oma .academic-training #degreeReceivedLabel { padding: 1em 0 3px 0; }
.oma .academic-training .label { padding-bottom: 4px !important; }
.oma .academic-training #underGradDegreesBlock .label{ padding-bottom:4px; }