/*CSS DOCUEMNT*/

.right { float: right; }
.left { float: left; }
.grayText { color: #999; }
.center { margin: auto; }
.inst { color: red; background-color: yellow; font-weight: bold; }
.wordBox { width: 300px; border: thin #000 solid; padding: 10px; }
.scoring-chart { background: #b8cfe1; text-align: left; width: 80%; }
.scoring-chart .left { width: 10%; }
.scoring-chart .right { width: 90%; }

.clearboth {clear:both;}


/*----------------------------------*/
/*-------------carry to other PDA course---------------------*/
/*----------------------------------*/


/* this one's for drag and drop */
  

.activityAPI-dragDrop .prompt { 
   animation: fade-in 1s;
   }
   
 @keyframes fade-in {
    0% {opacity:0;}
    50% {opacity:0;}
	100% {opacity:1;  }
	
 }
     
/*-----*/



/*activity */
.MC-feedback .score { text-align:center; font-size:130%;}
.MC-feedback .review { font-weight:bold;}
.MC-feedback .ul { }
.MC-feedback li {margin-bottom:20px;}
.MC-feedback li i {  color:#999; }

/* drag and drop review title  0107,227 */
#activityAPI-v1-feedback p.review { text-align:center; font-size:130%; font-weight:bold;}

/*CYK directions (in the activity) + (with purple links) */
.activityDirections { color:#888 ; font-style:italic;}
.activityDirections strong { color:#333; }
.activityDirections a { color:#9E70C8; /*color:#CDB8E1;*/}
.activityDirections a[href$=".pdf"]:not([class*="button-"]):not([class*="no-icon"]) {background:none; padding-right:0px;}
.activityDirections .purp { display:inline-block; width:17px; height:18px; background:#9E70C8 url(../img/icon-download-15x.png) 1px 1px no-repeat; color:#9E70C8; margin:0px 5px 0px 5px;}

/*CYK directions (outside of the activity - like in word cloud)  */
.directions { color:#888 ; font-style:italic;}
.directions strong { color:#333; }

/* MCMQ activity submit button */
.submitActivity {text-align:center;padding-top:50px;}


/*CYK drag and drop 0107,  0227*/
.prompt-container {margin-top:30px;}


button.read-more.ui-state-default:after {
    content: 'Answer...';
}
button.read-more.ui-state-active:after {
    content: 'Hide answer...';
}

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

  .prompt { 
   animation: fade-in 1s;
   }
   
 @keyframes fade-in {
    0% {opacity:0;}
    50% {opacity:0;}
	100% {opacity:1;  }
	
 }




/*----------------------------------*/
/* reflection boxes with purpl links like activity directions */
.image-reflection a { color:#9E70C8; /*color:#CDB8E1;*/}
.image-reflection a[href$=".pdf"]:not([class*="button-"]):not([class*="no-icon"]) {background:none; padding-right:0px;}


.image-reflection .purp { display:inline-block; width:17px; height:18px; background:#9E70C8 url(../img/icon-download-15x.png) 1px 1px no-repeat; color:#9E70C8; margin:0px 5px 0px 5px;}
 


/*---- picture variations ---*/
figure.fully {display:block; max-width:70%;clear:both;   }
@media (max-width: 740px){ figure.fully { max-width:100%;  }  }
figure.fully img {border:1px solid #DEDEDE;}

figure.full-width { display:block;  width:100%; float:none; max-width: 80%; margin:0px auto 0px auto;}
figure.full-width img {  }
figure.logos {display:block;  width:100%; float:none; max-width: 80%; margin:0px auto 0px auto;  }
figure.logos img {  float:left; }
.fcim {width:20%; }
.fldrs { width:20%;}
.fldoe {width:60%; }
@media (max-width: 740px){ 
figure.logos img {   float:none; width:100%;  margin:0px auto 0px auto; }
.fcim {max-width:40%; }
.fldrs { max-width:50%;}
.fldoe {max-width:100%; }
 } 




/* Please notes */
/*outer wrapper and icon*/
.pleasenote {background-color:#F7EFFF;padding:20px; margin:0px auto 0px auto; min-height:100px;}
.pleasenote img { width:95px; float:left;  margin-right:10px; }
/*sometimes the info is in two chunks. top or solo chunk goes here*/
.please { line-height:1.3em;} 
/*add a class to that div to give it a starting height - they should line up vertical center */
.pnmt10 { margin-top:10px;}
.pnmt20 { margin-top:20px;}
.pnmt30 { margin-top:30px;}
.pnmt40 { margin-top:40px;}
.pnmt50 { margin-top:50px;}
/*more "note can go here - look at 0316 to see one */
.note { clear:both;line-height:1.3em; }
 

/*CYK drag and drop 0107*/
#activityAPI-v1.child-activity .drop-box .title { vertical-align: middle; }
#activityAPI-v1.child-activity .prompt p { background-image: url('../img/0107-child-fill.png'); background-position: left center; background-repeat: no-repeat; padding: 1em 0 1em 40px; }
#activityAPI-v1.child-activity .indicators .singleIndicator { background-color: transparent; background-image: url('../img/0107-child-dots.png'); border-radius: 0; box-shadow: none; height: 40px; width: 29px; }
#activityAPI-v1.child-activity .indicators .singleIndicator.filled { background-image: url('../img/0107-child-fill.png'); }
.read-less { text-align: right; }



/*CYK 0311 */
table.agecalc { margin:0px auto 30px auto; }
table.agecalc caption {font-weight:bold; font-style:italic; }
table.agecalc tr, table.agecalc th, table.agecalc td {border:2px solid black; padding:10px;}
table.agecalc td {text-align:center;}
table.agecalc th[scope=row] {text-align:left;}
table.agecalc th[scope=col] { width:20%;  }
table.agecalc thead tr:nth-child(1), table.agecalc .void {background-color:#3D848C; color:#FFF;}
table.agecalc tfoot td {background-color:#FFF99A; padding:3px 10px 3px 10px; font-size:80%;}
table.agecalc .blank{ font-size:140%;}
table.agecalc .final { font-size:220%;}
table.agecalc .blank { color:#999; }
table.agecalc .final { color:#3D848C;}
table.agecalc td span {color:#666; padding-left:2px;}

/*0312 points tables (one on 0315, too)  */
table.points {margin:0px 20px 30px auto; line-height:1em; width:45%; float:left;}

table.points th[colspan="2"] {background-color:#3D848C; color:#FFF;}
table.points  th {background-color:#BCEAEF;}
table.points  th:nth-child(2) {text-align:left; }
table.points tr, table.points th, table.points  td {border:2px solid black; padding:10px;}
table.points td {text-align:center;}
table.points  td:nth-child(1) {width:50px;}
table.points td:nth-child(2) {text-align:left;}
 table.points  td span {color:#666; padding-left:2px;}

@media (max-width: 740px){ table.points {margin:0px auto 30px auto; width:100%; float:none; }  }

/*overrides for 0315*/
table.pointscenter {float:none; margin: 1em auto;}
p.pointscenter {text-align:center; }
p.pointscenter img {width:60%;}


/*table 0105 */
.generictable {background-color:#E6F2F2; word-wrap: break-word }
.generictable td, .generictable th {border:1px solid #ADD6D6; padding:10px; }