@charset "utf-8";

a:link, a:hover, a:active { 
    text-decoration: none; 
}

body {
  margin:0;
}
select:-moz-focusring { color: transparent; }

#PSS_12500_container {
	font-family: "Helvetica", "Arial",  "Verdana", "sans-serif";
	font-size: 100%;
	position: relative;
  background-color: #578ca8;
	width:860px;
	height:458px;
	overflow: hidden;
  border: 1px solid #ccc;
  padding: 20px;
}

#PSS_12500_container h3{
  position: absolute;
  top: 0px;
  left: 20px;
  color: white
}


/*---------------------------------------------------
               *****  Quiz  ****** 
 ----------------------------------------------------*/

form label {
  display:block;
}

form input {
  margin-right:15px;
}

#PSS_12500_quiz_container{
  position: absolute;
  top:50px;
  left: 0px;  
}

#PSS_12500_quiz_questions_container{
  position: absolute;
  top: 0px;
  left: 18px;
  width: 360px;
  height: 390px;
  padding: 20px;
  background-color: #86b5cd;
}

#PSS_12500_instructions{
  position: absolute;
  top: 10px;
  left: 15px;
  line-height: 1.3em;
  font-size: 97%;
}

#PSS_12500_quizQ{
  position: absolute;
  top: 95px;
  left: 20px;
  width: 360px;
  line-height: 1.3em;
}

#PSS_12500_criteriaChoice0{
  position: absolute;
  left: 50px;
  top: 7px;
}

#PSS_12500_criteriaChoice1{
  position: absolute;
  left: 50px;
  top: 38px;
}

/*---------------------------------------------------
               *****  Criteria  ****** 
 ----------------------------------------------------*/

#PSS_12500_criteria_container{
  position: absolute;
  top: 0px;
  left: 435px;
  width: 360px;
  font-size: 97%;
  background-color: yellow;
}

#PSS_12500_criteriaTitle{
  padding: 5px 20px 5px 20px;  
  background-color: #93c7e1;
  text-align: center;
  width: 405px;
}

#PSS_12500_criteriaTitle p {
  margin:1px;
}

#PSS_12500_criteria0{
  width: 405px;
  height: 180px;
  padding: 10px 20px 10px 20px;  
  background-color: #b4d6e7;
  font-weight: 95%;
}

#PSS_12500_criteria1{
  width: 405px;
  height: 180px;
  padding: 10px 20px 10px 20px;  
  background-color: #a5c5d5;
  font-weight: 95%;
}


/*---------------------------------------------------
               *****  source choice  ****** 
 ----------------------------------------------------*/

#PSS_12500_sourceChoice_container{
  position: absolute;
  top: 165px;
  left: 15px;
  width: 300px;
  padding: 20px;
}


#PSS_12500_btn0{
  position: absolute;
  top: 20px;
  left: 20px;
  padding-bottom: 9px;
}

#PSS_12500_btn1{
  position: absolute;
  top: 50px;
  left: 20px;
  padding-bottom: 9px;
}

#PSS_12500_dot0{
  position: absolute;
  top: 20px;
  left: 27px;
  width: 7px;
  height:7px;
  z-index: 20;
  display: 0px;
}

#PSS_12500_dot1{
  position: absolute;
  top: 50px;
  left: 27px;
  width: 7px;
  height:7px;
  z-index: 20;
  display: 0px;
}

#PSS_12500_feedback_container{
  position: absolute;
  top: 246px;
  left:  33px;
  width: 240px;
  
}

#PSS_12500_feedback0{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 340px;
  padding: 0px 10px 0px 15px;
  border: 2px solid green;
  background-color: #ddd;
  display: none;
}

#PSS_12500_feedback1{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 340px;
  padding: 0px 10px 0px 15px;
  border: 2px solid red;
  background-color: #ddd;
  display: none;
}


/*---------------------------------------------------
               *****  Quiz buttons ****** 
 ----------------------------------------------------*/

#PSS_12500_submitBtn{
  position: absolute;
  top: 287px;
  left: 35px;
}

#PSS_12500_nextBtn{
  position: absolute;
  top: 203px;
  left: 363px;
  display: none;
}

#PSS_12500_done{
  position: absolute;
  top: 235px;
  left: 35px;
  z-index: 10;
  display: none;
}


#PSS_12500_quiz_questions1, #PSS_12500_quiz_questions2, #PSS_12500_quiz_questions3, #PSS_12500_quiz_questions4{
  display: none;
}

#PSS_12500_correctFeedback_0, #PSS_12500_correctFeedback_1, #PSS_12500_correctFeedback_2, #PSS_12500_correctFeedback_3{
  display: none;
}

#PSS_12500_incorrectFeedback_0, #PSS_12500_incorrectFeedback_1, #PSS_12500_incorrectFeedback_2, #PSS_12500_incorrectFeedback_3{
  display: none;
}