@charset "utf-8";
/* CSS Document */

/* -- -- -- -- -- -- --
 * Form
 * -- -- -- -- -- -- --
 *
 * 
 */

.form-top-header { margin-top:0 !important; clear:left; }
.form-list-header {clear:left;margin:1em 0 0.75em 0;}

.form-input-container table { margin-bottom:3px; }

.form-input-container .radio-container-wrap { float:left; padding-bottom:0.5em; margin-left:0em;}
.form-input-container .radio-container-wrap-indent { float:left; padding-bottom:0.5em; margin-left:14em;}
.form-input-container .radio-container-inner input { clear:left; float:left; }

.form-input-container ol { 	list-style: none; padding-left:0; }

.form-input-container ol li {
	font-size: 1em;
	line-height: 1.7em;
	margin-bottom: 6px;
	margin-left: 0px;
}
.form-input-container ol li .required { 
	display:block;
	clear:left;
	float: left;
	width:1em;
	color:#ff0000;
}
.form-input-container ol li.dynamic-field { 
	display:none;
}

.form-input-container ol li label {
	display:block;
	float:left;
	width: 14em;
	padding: 0 8px 0 2px;
	text-align: left;
}
.form-input-container ol li label.lg-label {
	display:block;
	float:left;
	width:auto;
}
.form-input-container ol li input,.form-input-container ol li textarea,.form-input-container ol li select  {
	float:left;
}

.form-error { clear:both; 
/* padding-left: 16.5em;  */
color:#ff0000; font-size:90%; }
.form-error-wide { clear:both; color:#ff0000; }
.form-error-nopad { clear:both; padding-left: 0px; color:#ff0000; font-size:90%; }
.form-border-elastic { 
	/*
	border: 1px solid #DDDDDD;  
	padding: 1em;
	*/
	}

.indent-select, .indent-textarea { clear:left; margin: 0.5em 0 1em 0; }
.lg-label-container { margin-left:1em; }
.input-no-table { margin-top:6px; } 


.radio-container-wrap .valign-middle, .radio-container-wrap-indent .valign-middle { vertical-align:middle; }
.radio-container-wrap .lbl-auto,  .radio-container-wrap-indent .lbl-auto  { display:inline-block; width:auto; }

.radio-container-wrap .lbl-4em,  .radio-container-wrap-indent .lbl-4em  { width:4em; }
.radio-container-wrap .lbl-6em,  .radio-container-wrap-indent .lbl-6em  { width:6em; }
.radio-container-wrap .lbl-8em,  .radio-container-wrap-indent .lbl-8em  { width:8em; }
.radio-container-wrap .lbl-10em, .radio-container-wrap-indent .lbl-10em { width:10em; }
.radio-container-wrap .lbl-12em, .radio-container-wrap-indent .lbl-12em { width:12em; }
.radio-container-wrap .lbl-14em, .radio-container-wrap-indent .lbl-14em { width:14em; }
.radio-container-wrap .lbl-16em, .radio-container-wrap-indent .lbl-16em { width:16em; }
.radio-container-wrap .lbl-18em, .radio-container-wrap-indent .lbl-18em { width:18em; }
.radio-container-wrap .lbl-20em, .radio-container-wrap-indent .lbl-20em { width:20em; }
.radio-container-wrap .lbl-22em, .radio-container-wrap-indent .lbl-22em { width:22em; }
.radio-container-wrap .lbl-24em, .radio-container-wrap-indent .lbl-24em { width:24em; }


.question-container-wrap { }
.question-container-required { float:left; width:1em; color:#ff0000; }
.question-container-label { float:left; width:90%; }


li.padded { padding-top:0.25em; }
/*
.secondary-btn {
	width:auto;
	height:auto;
	margin: 0 0.5em 0 0.5em;
	padding: 0.5em 0.25em 0.75em 0.25em;
	border: medium none;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}
.secondary-btn-over {
	color: #ffffff;
}
*/

    .secondary-btn{
        border: none;
        background-color: #3072BE !important;
        color: #fff;
        width: 107px;
        height: 50px;
        font-family: 'Open Sans';
        font-weight: 400;
        font-style: normal;
        font-size: 18px;
    }
    
    .secondary-btn:hover{
        border: none !important;
        background-color: #003082 !important;
        color: #fff;
    }
    
    .secondary-btn.disabled {
        border: 2px solid #B5B5B5 !important;
        background-color: #D7D7D7 !important;
        color: #949494 !important;
    }


.workshop-selection { margin-bottom:0.75em; }	

/* -- -- -- -- -- -- --
 * Accordion
 * -- -- -- -- -- -- --
 * load https://forms.ets.org/sf/rsc/css/jq.accordion.corp.css first
 * then modify for responsiveness
 */	

	.topic-disabled { width:100%; }
	div.info-content { padding-left:1em; }
	div.info-radio { width:100%; }
	
	#accordion, .topic, .toggle-container {width: 100%}
	
	table.accordion-table { font-size:.97em; }
	table.accordion-table .bullet { width:.9em; }
	table.accordion-table td.label { width:65px; height:25px; }
	table.accordion-table td.label-radio { width:70px; height:25px; text-align:right; }	
	
	.accordion-label-block { width:6em; float:left;}
	.accordion-content-block { float:left; }
	.accordion-label-block p { margin:0 0 0.25em; }


	.simuLink { font-size: 1em; color: #003082; }
	.bio {
		font-family: arial, verdana, helvetica, san-serif;
		font-size:0.95em;
		line-height:1.4;
		width:30em; background-color:#F0F3F7; position:absolute; border:0.25em solid #D9E0EC; padding:.45em .75em .45em .75em; }
	.bio_h1 { float:left; clear:left; font-size:1.1em; color:#003082; font-weight:bold; }
	.bio_h2 { float:left; clear:left; font-size:1em; color:#003082; }
	.bio_p { width:29.5em; float:left; clear:left; padding-top:.35em; color:#444444;}
	a.acc_link { text-decoration:none; color: #003082;}
	/* disable these styles when editing the form
	div#form-close-container { display:none; }
	div#form-open-container { display:none; } */
	#c-webinar { display:none; }
	#p-webinar { display:none; }


/* */ #form-close-container { display:none; }

/* -- -- -- -- -- -- --
* Media Queries
* -- -- -- -- -- -- --
*
* 
*/	

@media screen and (max-width:320px) {   
	#audience-header { margin-bottom:0; } 
	div#wrapper-center { width:100% !important; }
	div#wrapper-content { width:100% !important;}
	div#page-contents { float:none; margin:0 1em 0 1em; padding-top:1.75em; }
	div#main-content { padding:0; }
	div#right-content, div#right-content ul { margin-bottom:0; }
	div#right-content ul { padding-bottom:0.5em; }
	div#center-content { margin-right:0; margin-left:5px !important; }
	input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], 
	input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {
		-moz-transition: all 0.15s linear 0s;
		-webkit-transition: all 0.15s linear 0s;
		transition: all 0.15s linear 0s;
		border: 1px solid #CCCCCC;
		border-radius: 2px 2px 2px 2px;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
		color: rgba(0, 0, 0, 0.75);
		display: block;
		font-size: 14px;
		height: 32px;
		margin: 0 1em 0.25em;
		padding: 6px;
		width: 100%;
		clear:left;
	}
	textarea { height:64px; }
	.form-input-container ol { 	list-style: none; padding-left:0; }
	.form-input-container ol li label { font-size:90%; }
	.form-input-container .radio-container-wrap { -moz-transition: all 0.15s linear 0s; transition: all 0.15s linear 0s; margin-left:0px; font-size:0.9em; }
	.form-input-container .radio-container-wrap-indent { -moz-transition: all 0.15s linear 0s; transition: all 0.15s linear 0s; margin-left:0px; font-size:0.9em; }
	.form-error { padding-left:1em; }
	.secondary-btn, .secondary-btn-over {
		width:98%;
		height:2em;
		font-size:1.5em !important;
		padding:0;
	}
	.question-container-label { font-size:90%; }
	.accordion-label-block p { font-weight:bold; }
	.accordion-content-block { clear:left; margin:0 0 0 1em; }

}

@media screen and (min-width:321px) and (max-width:410px) {
	#audience-header { margin-bottom:0; } 
	div#wrapper-center { width:100% !important; }
	div#wrapper-content { width:100% !important; }
	div#page-contents { float:none; margin:0 1em 0 1em; padding-top:1.75em; }
	div#main-content { padding:0; }
	div#right-content, div#right-content ul { margin-bottom:0; }
	div#right-content ul { padding-bottom:0.5em; }
	div#center-content { margin-right:0; margin-left:5px !important; } 
	input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], 
		input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {
		-moz-transition: all 0.15s linear 0s;
		-webkit-transition: all 0.15s linear 0s;
		transition: all 0.15s linear 0s;
		border: 1px solid #CCCCCC;
		border-radius: 2px 2px 2px 2px;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
		color: rgba(0, 0, 0, 0.75);
		display: block;
		font-size: 14px;
		height: 32px;
		margin: 0 1em 0.25em;
		padding: 6px;
		width: 100%;
		clear:left;
	}
	textarea { height:64px; }
	.form-input-container ol { 	list-style: none; padding-left:0; }
	.form-input-container ol li label { font-size:90%; }
	.form-input-container .radio-container-wrap { 
		-moz-transition: all 0.15s linear 0s;
		-webkit-transition: all 0.15s linear 0s;
		transition: all 0.15s linear 0s; 
		margin-left:0px;
		}
	.form-input-container .radio-container-wrap-indent { -moz-transition: all 0.15s linear 0s; transition: all 0.15s linear 0s; margin-left:0px; }
	.form-error { padding-left:1em; }
	.secondary-btn, .secondary-btn-over {
		width:98%;
		height:2em;
		font-size:1.5em !important;
		padding:0;
	}
	.question-container-label { font-size:90%; }
	.accordion-label-block p { font-weight:bold; }
	.accordion-content-block { clear:left; margin:0 0 0 2em; }

}

@media screen and (min-width:411px) and (max-width:600px) {
	#audience-header { margin-bottom:0; }
	div#wrapper-center { width:100% !important; }
	div#wrapper-content { width:100% !important; }
	div#page-contents { float:none; margin:0 1em 0 1em; padding-top:1.75em; }
	div#right-content{ padding:0; }
	div#right-content ul {margin-bottom:0; padding-bottom:0.5em; }
	div#center-content { margin-right:0; margin-left:5px !important; }
	.container-180 { margin-bottom:0; } 
	input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], 
		input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {
		-moz-transition: all 0.15s linear 0s;
		-webkit-transition: all 0.15s linear 0s;
		transition: all 0.15s linear 0s;
		border: 1px solid #CCCCCC;
		border-radius: 2px 2px 2px 2px;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
		color: rgba(0, 0, 0, 0.75);
		display: block;
		font-size: 14px;
		height: 32px;
		margin: 0 1em 0.25em;
		padding: 6px;
		width: 100%;
		clear:left;
	}
	textarea { height:64px; }
	.form-input-container .radio-container-wrap { 
		-moz-transition: all 0.15s linear 0s;
		-webkit-transition: all 0.15s linear 0s;
		transition: all 0.15s linear 0s; 
		margin-left:0px;
		}
	.form-input-container .radio-container-wrap-indent { -moz-transition: all 0.15s linear 0s; transition: all 0.15s linear 0s; margin-left:0px; }
	.form-error { padding-left:1em; }
	.secondary-btn, .secondary-btn-over {
		width:95%;
		height:2em;
		font-size:1.5em !important;
		padding:0;
	}
	
	.accordion-label-block p { font-weight:bold; }
	.accordion-content-block { clear:left; margin:0 0 0 2em; }

}	


@media screen and (min-width:601px) and (max-width:825px) {
	#page-contents { margin-top: 0; padding-top:1.75em; }
	#audience-header { margin-bottom:0; }
	input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], 
		input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {
		-moz-transition: all 0.15s linear 0s;
		-webkit-transition: all 0.15s linear 0s;
		transition: all 0.15s linear 0s;
		border: 1px solid #CCCCCC;
		border-radius: 2px 2px 2px 2px;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
		color: rgba(0, 0, 0, 0.75);
		display: block;
		font-size: 14px;
		height: 32px;
		margin: 0 1em 0.25em;
		padding: 6px;
		width: 98%;
		clear:left;
	}
	textarea { height:64px; }
	.form-input-container .radio-container-wrap { -moz-transition: all 0.15s linear 0s; -webkit-transition: all 0.15s linear 0s; transition: all 0.15s linear 0s; margin-left:0px;	}
	.form-input-container .radio-container-wrap-indent { -moz-transition: all 0.15s linear 0s; transition: all 0.15s linear 0s; margin-left:0px; }
	.form-error { padding-left:1em; }
	.secondary-btn, .secondary-btn-over {
		width:95%;
		height:2em;
		font-size:1.5em !important;
		padding:0;
	}

}

@media screen and (min-width:826px) {
#page-contents { margin-top: 0; padding-top:1.75em; }
#audience-header { margin-bottom:0; } 
.form-input-container ol li .textarea-lg-field { width:16em; }
}