html #webform-client-form-87 p {
    font-weight: 550;   
    font-size:16px;
    line-height:26px;
}

html .presidentvideo {
    margin:0 auto;
    text-align: center;
}

html .quizTitle {
    color:white;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

html #webform-client-form-87 .quizTitle2{
    font-size: 150%;
    color:#4B2E84;
    font-weight:bold;
    text-align:center;
    margin-top: 10px;
}

/*-----------------------------------------------------------------*/
/* differentiate between correct and incorrect answers*/
html #webform-client-form-87 .quizTitleCorrect{
    font-size: 150%;
    color:#4B2E84;
    font-weight:bold;
    text-align:center;
    margin-top: 10px;
}

html #webform-client-form-87 .quizTitleIncorrect{
    font-size: 150%;
    color:red;
    font-weight:bold;
    text-align:center;
    margin-top: 10px;
}
/*-----------------------------------------------------------------*/

html .ethicsColumn {
    float:left;
    width:23%;
    margin-left:3px;
}

html .ethicsColumn:after{
 clear:both;   
}

html .clearFix {
 overflow:hidden; 
 margin: 0 auto;
}



html .showQuiz1, .showQuiz2, .showQuiz3, .showQuiz4 {
 display:none;   
}

html .quizHover1:hover + .showQuiz1{
    display:inherit;
}

html .quizHover2:hover + .showQuiz2 {
    display:inherit;   
}

html .quizHover3:hover + .showQuiz3 {
    display:inherit;   
}

html .quizHover4:hover + .showQuiz4 {
    display:inherit;   
}

html .matchHidden1, .matchHidden2, .matchHidden3, .matchHidden4, .matchHidden5 {
    display:none;   
}

html .hoverC1, .hoverC2, .hoverC3, .hoverC4, .hoverC5 {
    width: 300px;
    height:150px;
    border: 20px solid #999;
    float:left;
    margin:5px;
}

html .quizMatch1 {
    display: block; /* shown as a block-type element by default, visible */
    width: 300px; /* same width as container */
    height: 150px; /* same height as container */   
}

html .hoverC1:hover .matchHidden1 {
    display:inherit;   
}

html .hoverC1:hover .quizMatch1 {
    display:none;   
}

html .hoverC2:hover .matchHidden2 {
    display:inherit;   
}

html .hoverC2:hover .quizMatch2 {
    display:none;   
}

html .hoverC3:hover .matchHidden3 {
    display:inherit;   
}

html .hoverC3:hover .quizMatch3 {
    display:none;   
}

html .hoverC4:hover .matchHidden4 {
    display:inherit;   
}

html .hoverC4:hover .quizMatch4 {
    display:none;   
}

html .hoverC5:hover .matchHidden5 {
    display:inherit;   
}

html .hoverC5:hover .quizMatch5 {
    display:none;   
}

html .pentaColumn {
 float:left;
 width:18%;
 margin-left:2px;
}

html .triColumn {
    float:left;
    width: 30%;
    margin-left:5px;
}

html .biColumn {
 float:left;
 width: 43%;
 margin-left:2.5%;
}

html #webform-client-form-87 .webform-component-fieldset.form-wrapper legend {
    border-bottom:none;
    font-size: 150%;
    color:white !important;
    font-weight:bold;
    text-align:center;
}


html .webform-component-radios .control-label {
    display:none;
}

html .ethicsHeader2 {
    font-size: 120%;
    font-weight:bold;
}

html .ethicsHeader3 {
    font-size: 150%;
    color:red;
}


/**********10/8/2014 Work on Ethics Quiz*********/
html #webform-client-form-87 {
    width: 95%;
    margin:0 auto;
}

html #webform-client-form-87 .quizTitle, .webform-component-fieldset.form-wrapper legend {
    font-size: 150%;
    color:white;
    background-color:#4B2E84;
    font-weight:bold;
    text-align:center;
    padding: 5px;
}

html #webform-client-form-87 .fieldset-description {
    font-size:16px;
    line-height: 26px;
    margin-bottom: 10px;
}

html #webform-client-form-87 #edit-next{
    float:right;   
}

html #webform-client-form-87 .btn.form-submit {
 background:#4B2E84;
 color:white;
	padding:		10px 20px !important;
	font-size:		14px !important;
	font-weight:bold;
	border-style:solid;
	border-color:black;
	border-width:3 px;
	margin-top: 20px;
}

html #webform-client-form-87 .pageCount {
    text-align:center;
    bottom: 0;
    margin-bottom:-30px
} 

html .certificateImage {
  display: block;
    margin-left: auto;
    margin-right: auto;
}

html .pdfCertificate {
  display: block;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
    margin-top: 10px;
    width: 150px;
    background-color: #85754d;
    color:white;
    border:solid 1px;
    border-color: #4b2e83;
}