/*
This stylesheet is necessary for the ACE custom web applications.
*/
/*----- begin GENERAL WEBSITE FORM -----*/
#webSiteForm{
	font-size:14px;
	overflow:hidden;
	zoom:1;
}
#webSiteForm .formRow{
	margin-bottom:10px;
	overflow:hidden;
	width:auto;
	zoom:1;
}
#webSiteForm label, #webSiteForm span.errorMessage {
	line-height: 26px;
}
#webSiteForm input, #webSiteForm textarea, #webSiteForm select{
	border: 1px solid #ababab !important;
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset;
	padding:3px;
}
#webSiteForm label, #webSiteForm input, #webSiteForm span.errorMessage, #webSiteForm select, #webSiteForm textarea {
	display:block;
	font-family: "Myriad Pro", Tahoma, arial, sans-serif;
	float:left;
	width:28%;
}
#webSiteForm input, #webSiteForm span.errorMessage, #webSiteForm select, #webSiteForm textarea {
	font-size:12px;
}
#webSiteForm input[type="image"] {
	font-size:14px;
}

#webSiteForm #submit{
	background-color: #75943c !important;
	border-color: #a2a986;
	/*-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;*/
	border-width: 1px;
	color: #ffffff !important;
	font: 14px "Open Sans", Tahoma, arial, sans-serif;
	font-weight: 700 !important;
	text-align: center !important;
	padding: 15px 18px !important;
	text-transform: uppercase;
	width: auto !important;
	line-height: 1.3 !important;
}

#webSiteForm:hover #submit:hover {
	background-color: #566e2a !important; 
	text-decoration: none !important;
}


#webSiteForm .required{
	color:#f00;
}
#webSiteForm #message{
	height: 200px;
	width: 38%;
}
#webSiteForm #messageLimit{
	float:left;
}
#webSiteForm span.errorMessage {
	color:#cc0000;
	visibility:hidden;
}
#webSiteForm .formRow.error span.errorMessage {
	visibility:visible;
}
#webSiteForm input, #webSiteForm select {
	width:38% !important;
}
#webSiteForm span.errorMessage {
	width:28%;
	padding-left:10px;
}
#webSiteForm .formRow.error input, #webSiteForm .formRow.error textarea, #webSiteForm .formRow.error select{
	background-color:#ffcccc;
}

/* DMoxin; Added on 8/6/2012 
input.button.green100x37.variableWidth {
	background:url(../images/bg_button_green_variable_width.png) repeat-x 0px -1px;
	border-color:#a2a986;
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-width:1px;
	color:#ffffff;
	display:inline !important;
	font:12px "Myriad Pro", Tahoma, arial, sans-serif;
	padding:0 15px;
	text-shadow: 0 -1px 0 #000033;
	width:auto;
}*/
/*input.button.green100x37.variableWidth:hover {
	text-decoration:underline;
}*/
/* BChang; Added on 8/29/2012 - Overrides te width on form buttons for ACE web applications - BEGIN */

#webSiteForm input[type=button].webApp, #webSiteForm input[type=submit].webApp, #contactForm input[type=button].webApp, #contactForm input[type=submit].webApp {
	width: auto !important;	
}
/*
#webSiteForm input.variableWidth, #contactForm input.variableWidth {
	padding-left: 15px;
	padding-right: 15px;
	padding: 0 15px 0 15px;
}*/
/* BChang; Added on 8/29/2012 - Overrides te width on form buttons for ACE web applications - END */

/* Custom style to place form buttons on left or right of the page/div */
#webSiteForm input[type=button].alignLeft, #webSiteForm input[type=submit].alignLeft {
	float: left !important;
	margin: 0 15px 0 0;	
	margin-right: 15px;
}
#webSiteForm input[type=button].alignRight, #webSiteForm input[type=submit].alignRight {
	float: right !important;
	margin: 0 0 0 15px;	
	margin-left: 15px;
}
/*----- end GENERAL WEBSITE FORM -----*/
#twoColumnRightWide {
	padding-bottom: 20px;
}
.formRow sub {
	padding-left: 28%;
}
/* */
#webSiteForm div.formRowCheckbox input {
	margin-left: 22% !important;
	border: 0px none !important;
	box-shadow: none !important;
	/*width: 5% !important;*/
}
#webSiteForm input[type='checkbox'], #webSiteForm input[type='radio'],#contactForm input[type='checkbox'], #contactForm input[type='radio'] {
	border: 0px none !important;
	box-shadow: none !important;
	width: auto !important;
}
div.formRowCheckbox p {
	margin-left: 28%;
}
ul.buttons.center {
	margin-left: 150px;	
}
ul.buttons li {
	list-style-type: none;
	float: left;
	padding-right: 20px;
	display: block;
}
ul.radiobuttons li {
	list-style-type: none;
	float: left;
	padding-right: 20px;
	display: block;
}
table.tbl td {
	vertical-align: top;
	font: normal 14px "Myriad Pro", Tahoma, arial,sans-serif !important;
	line-height: 20px !important;
	margin: 0 0 15px !important;
}
/*----- One Column Wide -----*/
#oneColumnWide, .oneColumnWide {
	float: left;
	width: 960px;
	clear:right;
}
#oneColumnWide.buttonsRight, #oneColumnWide.buttonsRight, #twoColumnRightEven.buttonsRight {
	text-align: right !important;
	float: right !important;
}
#oneColumnWide.buttonsLeft, #oneColumnWide.buttonsLeft, #twoColumnLeftEven.buttonsLeft {
	text-align: left !important;
	float: left !important;
}
#oneColumnWide.buttonsRight.bottom, #oneColumnWide.buttonsLeft.bottom, #twoColumnLeftEven.buttonsLeft.bottom, #twoColumnRightEven.buttonsRight.bottom {
	padding-top: 25px;
}

/*----- H4 PageTitle with smaller text -----*/
H4#pageTitle.smaller span  {
	font-size: 15px;	
}
/* Read only field */
input.readonly {
	background-color: #DDD;
	color: #777;
}
/* Added 12/6/2013 Bob C. For loading image on JQuery UI Autocomplete fields e.g. Institution Name (lookup) */
input[type=text].ui-autocomplete-input, input[name=email] {
	background-repeat: no-repeat;
	background-position: right;
}
/* Added 4/1/2013 Bob C. For limiting the results of of the JQuery UI Autocomplete fields */
.ui-autocomplete {
	height: 200px; 
	width: 400px; 
	font-size: 0.9em !important; 
	overflow-y: scroll; 
	overflow-x: hidden;
}