@import "reset.css";

/*-------------------------------------------------------------------

[Table of Contents]


1. Body

2. Header

   2a. Utility Nav

3. Content

4. Sign In Screens

5. Registration

6. Pretest

7. Profile

8. PostTest

9. PostTest Results

10. Resources

11. Footer

-------------------------------------------------------------------*/

#content h2 { font-size: 18px; line-height: 27px; text-align: left; }

/*-------------------------------------------------------------------

[1. Body]

*/


body { height:100%; background:#fff; font-family:Helvetica, Arial, sans-serif; color:#3c3b44; }

#footerFix { min-height:100%; position:relative; }

#container { width:960px; min-height:100%; margin:0 auto; position:relative; padding-bottom:50px; }

img { border:none; }



/*-------------------------------------------------------------------

[2. Header]

*/



#header { margin:0; width:960px; height:250px; background:url(../images/header-bg.jpg) no-repeat; position:relative; overflow:hidden; }

#headerLogo { margin:0; position:absolute; top:185px; left:55px; border:none; }



/*-------------------------------------------------------------------

[2a. Utility Nav]

*/



#utilNav { margin:22px 52px 0 0; float:right; }

#utilNav li { margin:0; padding:0; display:inline; }

#utilNav li a { margin:0 12px 0 0; padding:0 12px 0 0; font-size:12px; color:#fff; float:left; text-decoration:none; border-right:1px solid #fff; }
#utilNav li.last a { margin:0 0 0 0; padding:0; border-right:none; }
#utilNav li a:hover { text-decoration:underline; }



/*-------------------------------------------------------------------

[3. Content]

*/

#content { margin:50px 0 0 0; width:960px; }

#content h2 { margin:0 0 15px 0; font-size:14px; font-weight:bold; color:#161b98; }

#content h3 { margin:0 0 5px 0; font-size:10px; color:#000; }

#content p { margin-bottom:15px; font-size:10px; line-height:12px; }

#content em { font-style:italic;}

#content strong { font-weight:bold;}


#content a { text-decoration:underline; color:#000; }
#content a:hover { text-decoration:none; }
#content a:active { text-decoration:underline; }


#content ol { margin:0 0 15px 20px; padding:0 0 0 0px; list-style-type:decimal; }

#content ol li { margin:5px 0 5px 0; padding:0 0 0 0; background:none; list-style:decimal; text-indent:0; font-size:10px; line-height:12px; }

#content ol#resultsAnswers {font-size: 12px}

#content ol#resultsAnswers li {}

#content ol#resultsAnswers li ul.result_answers {font-size: 12px; margin-left: 8px; }

#content ol#resultsAnswers li ul.result_answers li {font-size: 12px; margin-left: 8px; }

div#adminPanel ol#resultsAnswers li ul#1_answers.result_answers li.correct {color: #0F0;}


#content #col1 { margin:0 88px 0 0; width:320px; float:left; }

#content #col2 { margin:0; width:450px; float:left; }

#frontPage { margin: auto; display: block; width: 860px; }

.speakerName { font-size:12px; color:#161b98; }

.box { background: rgb(199,222,255); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; overflow: hidden; }

.box.gray { background: rgb(227,227,227); }

.box p { padding: 0 0 22px 40px; font-size: 12px !important; clear:both; color: #000; }

.boxHeader h1 { color: rgb( 22,27,152 ); font-size: 18px; font-weight: bold; padding: 35px 0 15px 33px; }

.boxHeader h2 { text-align: center; font-size: 12px !important; }

/* box forms */

div.formElement { margin-bottom: 10px; position: relative; overflow: hidden; }

div.formElement dt { margin:0 0 15px 0; width:540px; line-height:20px; }

.formElement.inline div { float: left; display: inline; }

.formElement.inline label { padding: 4px 15px 0 15px; }

.formElement .errors { color: red; font-size: 10px; margin-bottom: 0 !important; }

.formElement.inline .required  { clear: both; position: relative; }

.formElement.submitBtn { width: 100%; margin: auto; }

.formElement.submitBtn input { border: medium none; background: rgb(15, 31, 166); color: #fff; display: block; margin: auto; padding: 5px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; }

.formElement.cancelBtn input { border: medium none; background: rgb(15, 31, 166); color: #fff; display: block; margin: auto; padding: 5px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; }

.txtInput.small input { width: 111px !important; }

.txtInput label { text-align: left; color: #000; font-size: 12px; }

.select label { text-align: left; color: #000; font-size: 12px; }

.formLink a { font-size: 12px; font-weight: bold; }

.boxButton { display: inline-block; border: medium none; background: rgb(15, 31, 166);  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.boxButton a { display: block; min-width: 126px; padding: 5px; font-size: 14px; color: #fff !important; text-align: center; text-decoration: none !important; }

/*-------------------------------------------------------------------

[4. Sign In Screens]

*/

.signInWrap { width: 813px; position: relative; margin: auto; height: 272px;  }

.signIn { width: 462px; position: relative; height: 100%; float: left; }

#signInForm .txtInput input { width: 334px; }

#signInForm .txtInput div { position: relative; left: 103px; }

#signInForm .formElement { clear: both; display: block; }

#signInForm .formElement #email-label, #signInForm .formElement #password-label { margin-bottom: 5px; }
#signInForm .formElement .errors { position: relative; left: 103px;  }

#signInForm .directions { font-size: 12px; position: relative; left: 103px; }

#signInForm .formLink { float: right; padding: 0 20px 7px 0; }

.registerLink { width: 331px; position: relative; height: 100%; float: left; margin-right: 20px; }

.registerLink h2 { padding-top: 80px; font-size:12px !important; line-height: 14px; }

.registerLink .boxButton { width:146px; margin: auto; display: block; }

.registerLink .boxButton a { font-size: 11px; }

#signInForm .submitBtn { padding: 0 0 0 37px; text-align: center; display: block; }

#signInForm .submitBtn input { width: 126px; }

.signIn.forgot .submitBtn { display: block; margin-top: 50px; }



/*-------------------------------------------------------------------

[5. Registration]

*/

.registration { width: 606px; margin: auto; display: block; padding-bottom: 20px; margin-top: 30px; }

.registrationFormWrap { }

.registration .formElement { position: relative; right: 15px; float: right; clear: both; }

.registration .submitBtn input { width: 126px; }

.registration .contain { clear: both; position: relative; }

.registration .contain div { clear: none; }

.bumpedInline { margin-left: 23px; }

.registration .txtInput input { width: 335px; }

.registration select { width: 121px; }


/*-------------------------------------------------------------------

[6. Pretest]

*/

.box.pretest { width: 606px; margin: auto; display: block; padding-bottom: 20px; margin-top: 22px; }

#pretestForm { padding-left: 33px; }

.pretest .formElement {padding: 20px 0 31px; margin-left: 33px; display: block; }

.pretest .choices { position: relative; left: 38px; font-size: 11px; }

.pretest .legend { font-size: 13px; }

/*.pretest .choices input { margin-bottom: 7px; }*/

.posttest .choices label, dt label { font-size:12px; display:block; line-height: 1.7em; }

.posttest .choices input { margin-right:7px; }

.posttest input[type="text"] { width: 225px; padding: 3px; }

.pretest .contain { display: block; position: relative; left: 200px; padding-top: 0px;  }

.pretest .contain div { float: left; display: inline; padding: 0 24px 0 0; }

.pretest .submitBtn { right: 0; padding: 0; width: 156px; }

.pretest .cancelBtn { width: 156px; text-align: center; padding-top: 10px; }

.pretest .submitBtn input { width: 156px; }

.pretest .cancelBtn a { margin:15px 0 0 0; width: 156px; font-size:13px; display:block; }

table#preTestParticipantsTable {width: 100%;}

table#preTestParticipantsTable tr {border-top: 1px solid #666; }

table#preTestParticipantsTable tr td {}

table#preTestParticipantsTable tr td.first {}

table#preTestParticipantsTable tr td.last {}





/*-------------------------------------------------------------------

[7. Profile]

*/

.box.profile { width: 606px; margin: auto; display: block; padding-bottom: 20px; }

.profile .formElement { position: relative; right: 15px; float: right; clear: both; }

.profile .submitBtn { right: 0; }

.profile .contain { clear: both; position: relative; }

.profile .contain div { clear: none; }

.profile .contain div.formElement:nth-child(1) { margin-left: 23px; }

.profile .txtInput input { width: 335px; }

.profile select { width: 121px; }

.box.credentials { width: 606px; margin: auto; display: block; margin-top: 22px; }

.credentials .formElement { padding: 20px 0 31px 34px; display: block; }

.credentials .choices { position: relative; left: 38px; font-size: 11px; }

.credentials .legend { font-size: 13px; display: block; }

.credentials .choices input { margin-bottom: 7px; }

.credentials .choices .other { margin-left: 12px; }

.credentials .contain { display: block; position: relative; left: 145px; }

.credentials .contain div { float: left; width: auto; padding: 0 24px 0 0; }

.credentials .submitBtn { right: 0; padding: 0; }

.credentials .submitBtn input { width: 126px; }

.box.downloads { width: 606px; margin: auto; display: block; padding-bottom: 62px; margin-top: 22px; }

.downloadTable { text-align: left; width: 100%; }

.downloadTable th { padding-bottom:43px; text-align: left;  }

.downloadTable td:nth-last-child(1) { padding-right: 20px; }

.downloadTable td:first-child, .downloadTable th:first-child { padding-left: 24px; width: 350px; }

.downloadTable .activity { font-size: 11px; font-weight: bold; }

.downloadTable .credits { font-size: 10px; font-style: italic; min-width: 60px;}

.downloadTable .downloadCME { font-size: 9px; }

.downloadTable .downloadCME a { color: blue !important; font-style: italic;  line-height: 1.1em; }

.downloadTable td { padding: 10px 0 10px 0; line-height: 1.3em;}

.highlighted { background: rgb(225,237,255); }



/*------------------    CONTROL    -------------------*/


#control .downloadMonographBtn { margin:100px 0 50px 220px; width:174px; height:31px; text-indent:-9999px; background:url(../images/buttons/download-monograph.png) no-repeat; display:block; }

#control .takePosttestBtn { margin:0 0 50px 220px; width:174px; height:31px; text-indent:-9999px; background:url(../images/buttons/take-posttest.png) no-repeat; display:block; }



/*-------------------------------------------------------------------

[8. PostTest]

*/

.box.posttest { width: 606px; margin: auto; display: block; padding-bottom: 20px; margin-top: 22px; }

.box.posttest:nth-child(3) { padding-bottom: 60px; }

.posttest .formElement {padding: 15px 0; margin-left: 33px; display: block; clear: both; }
.posttest .formElement.radioBtn.indent { margin-left: 50px; }

.posttest .mainlabel {padding: 20px 0 0 0px; margin-left: 33px; display: block; }

.posttest .choices { position: relative; left: 38px; font-size: 11px; width: 500px; }

.posttest .legend { font-size: 13px; }

.posttest .choices div { padding-bottom: 7px; }

.posttest .choices label { font-size:12px; display:block; }

.posttest .choices input { margin-right:7px; }

.posttest .choices .other { margin-left: 12px; }

.posttest .contain { display: block; position: relative; left: 145px; }

.posttest .contain div { float: left; width: auto; padding: 0 24px 0 0; }

.posttest .submitBtn { right: 0; padding: 0; clear: both; padding-top: 20px; margin: 0; }

.posttest .submitBtn input { width: 126px; }

.posttest .survey.choices { width: 450px; padding-top:10px; }

.posttest .radioBtn div.horizontal { float: left; }

.posttest .radioBtn .horizontal div { text-align: center; padding-right: 15px; }

.posttest .radioBtn .horizontal:nth-child(2) div:nth-child(1), .posttest .radioBtn .horizontal:nth-child(3) div:nth-child(1), .posttest .radioBtn .horizontal:nth-child(4) div:nth-child(1) { visibility: hidden; }



/*-------------------------------------------------------------------

[9. PostTest Results]

*/

.box.results { width: 606px; margin: auto; display: block; padding-bottom: 60px; margin-top: 22px; }

.results .score { font-size: 18px; font-weight: bold; color: rgb( 22, 27, 152 ); text-align: center; padding-bottom: 25px; }

.results .scoreMsg { position: relative; left: 53px; font-size: 14px; font-weight: bold; text-align: center; width: 500px; padding-bottom: 50px; line-height: 18px; }

.results .contain { display: block; position: relative; text-align: center; }

.results .submitBtn { right: 0; padding: 0; clear: both; }

.viewResults  { width: 606px; margin: auto; display: block; padding-bottom: 20px; margin-top: 68px; }

.viewResults .boxButton { display: inline-block; }

.viewResults p { position: relative; left: 53px; font-size: 14px !important; font-weight: bold; text-align: center; width: 500px; padding-bottom: 25px; line-height: 18px; color: #000; }

/*-------------------------------------------------------------------

[10. Resources]

*/

#resources #contentMain { margin:0 auto; width:640px; }

#resources p { font-size:12px; }


/*-------------------------------------------------------------------

[11. Footer]

*/

#footer { margin:0; padding:0; width:100%; height:50px; position:absolute; bottom:0; font-size:10px; clear: both;}

#footerContainer { margin:0 auto; padding-top:17px; width:870px; height:27px; }


#footerNav { float:left; }

#footerNav li { padding:0; display:inline; }

#footerNav li a { margin-left:5px; padding-right:5px; color:#000; float:left; border-right:1px solid #000; text-decoration:none; }

#footerNav li a:hover { text-decoration:underline; }

#footerNav li.first a { margin-left:0; }

#footerNav li.last a { border-right:none; }


#copyright { float:right; }


/* additional tweaker stylees ---- */

#zipCode-label label {
    min-width: 49px;
}

.likert-legend-wrap {
  display: inline-block;
  margin-bottom: 10px;
  float: right;
}
.likert-legend,
ul.likert {
  display: inline-block;
  min-width: 130px;
  text-align: center;
  list-style-type: none;
}
.likert-legend,
.likert-legend .limit,
ul.likert {
  float: right;
  margin-left: 10px;
}
.likert-legend .limit {
  width: 100%;
}
.likert-legend .limit .limit-high {
  font-size: 11px;
  float: left;
}
.likert-legend .limit .limit-low {
  font-size: 11px;
  float: right;
}
.likert-legend .limit .limit-low.short { margin-right: 10px; }
.likert-legend .limit .limit-high.short { margin-left: -25px; }

ul.likert li {
  float: left;
}
.likert-label {
  text-align: center;
  font-size: 14px;
  line-height: 1.4em;
  margin-bottom: 12px;
}
label.likert {
  clear: both;
  font-size: 12px;
  line-height: 1.2em;
  display: block;
  float: left;
  max-width: 365px;
}
.likert label {
  display: inline-block;
  margin-right: 10px;
}

#posttestForm .box { padding: 20px; }

.likert-question.triples label.likert {
  max-width: 145px;
}
.likert-question.triples ul.likert label {
  margin-right: 4px;
  margin-bottom: 5px;
}

#posttest p {
	margin-top: 15px;
	padding: 0 0 0 33px;
	color: #3C3B44;
	clear: both;
}

#posttest .formElement p {
	padding: 0;
}

.checkbox input[type="checkbox"] {
	float: left;
	clear: both;
}
.checkbox input[type="text"] {
	float: left;
	clear: both;
	margin-bottom: 5px;
	margin-left: 8px;
}
.checkbox label {
	float: left;
	display: block;
	max-width: 430px;
	padding-top: 5px;
	margin-bottom: 5px;
}
#posttest #firstname, #posttest #lastname, #posttest #email {
	margin-bottom: 0;
}
#posttest #firstname label, #posttest #lastname label, #posttest #email label {
	min-width: 100px;
	display: inline-block;
}
#posttest #firstname input, #posttest #lastname input, #posttest #email input {
	width: 350px;
	display: inline-block;
}
#pick-obtain label {
	line-height: 1.3em;
}

#contentSearch404 {
	padding: 20px;
}

#aafp {
	padding: 10px 0 0;
	margin-bottom: 0;
}