@charset "utf-8";


/* SoQ AKT Assess and Apply CSS */

/* updated 2018-04-15 2pm Pacific  */
/* updated 2018-04-25  fm */
/* updated 2018-05-08  djj */

/* Reminder:   # for Idname    .  for classname */ 

/* -- START: Title -- */
/* -- END: Title -- */


/*
 * #sgE-4629204-31-263-box img,
#sgE-4629204-29-243 -box img {
  	width: 400px;
  	clear: none;
}

#sgE-4646409-31-256-box {
* */




/* -- START: Standard and Gizmo Standard -- */
.sg-body h1{font-size:2.35em}
.sg-body h2{font-size:2.1em}
.sg-body h3{font-size:1.9 em}
.sg-body h4{font-size:1.7em}
.sg-body h5{font-size:1.5em}
.sg-body h6{font-weight:400;font-size:1.3em}
.sg-body p{font-size:1.1em;line-height:1.72222;margin:0 0 .833em}
.sg-body small{font-size:83%;line-height:2.067}

/* ??? page width... how can make 100%?? */ 

.sg-wrapper {width:100% !Important;}

.sg-survey-form {width:100% !Important;}
 
.sg-body h1.sg-title {font-size:20px !important;background-color:#025598}

/* ???Body text... how can make that 14??  * */
.sg-page-title{ font-size: 20px!important; font-weight:bold !important;color:#025598!important;}

.sg-title {padding: 10px !important}

.sg-body  {background-color:rgb(255, 255, 255) !important;}
/*background color on sg body change not working*/

.sg-progress-bar-text  {background-color:#025598}
.sg-progress-bar-background  {background-color:#025598}
.sg-progress-bar-inner {background-color:#025598}

.sg-progress-bar{display:none !Important;}



.noborder { border-width: 0px !important;}

.sg-button  { background-color:#025598;}

.sg-back-button {display:none !important;}
/*
* */

.sg-question input[type="text"]:focus, .sg-question input[type="number"]:focus, .sg-question input[type="password"]:focus, .sg-question textarea:focus{
	border-color: #025598 !important;
	border-width: 2px !important;
}	



.sgE-4289205-14-127 {
 	background-color: #f4f4f4 !Important;
}

.hline {
 width:100%;
 height:1px;
 background: #000000
}

.width-30 {
    float: left;
    width: 25%;
    display: inline-block;
  	clear: none;
}
.width-10 {
    float: left;
    width: 10%;
    display: inline-block;
  	clear: none;
}
.width-20 {
    float: left;
    width: 20%;
    display: inline-block;
  	clear: none;
}

.width-30-real {
    float: left;
    width: 30%;
    display: inline-block;
  	clear: none;
}

.width-50 {
    float: left;
    width: 50%;
    display: inline-block;
  	clear: none;
}
.width-70 {
    float: left;
    width: 70%;
    display: inline-block;
  	clear: none;
}
.width-80 {
    float: left;
    width: 80%;
    display: inline-block;
  	clear: none;
}

/* -- END: Standard and Gizmo Standard -- */

/* -- START: Library Pages - AKT overview Section -- */

.akt-lib_txt01,
.akt-lib_txt03  {
    float: left;
    width: 60%;
    display: inline-block;
   	border-width: 0px !important;
  	clear: none;
}

.akt-lib_txt02,
.akt-lib_txt04 {
    float: left;
    width: 40%;
    display: inline-block;
   	border-width: 0px !important;
  	clear: none;
}
/*  this commented out because when I attempted to use it in the 
 * library element between the top 2 and bottom 2 elements 
 * the element was overlaying instead of being inbetween
 * thus I have placed   noboard in the css location on the element
 * also used dashes for the content and made them white in the element
 * best not to uncomment this!!!
 * djj  2019-03-11
.akt-lib_txt05  {
  	clear: none;
}
*/
.akt-lib_txt06 {
   	border-width: 0px !important;
  	clear: none;
}

.akt-lib_txt07 {
    float: left;
    width: 50%;
    display: inline-block;
   	border-width: 0px !important;
  	clear: none;
}
.akt-lib_txt08 {
    float: left;
    width: 50%;
    padding: 10px;
    display: inline-block;
   	border-width: 0px !important;
  	clear: none;
}

/* -- END: Library pages AKT overview-- */


/* -- commented out 2020-08-05  impacts Question p1 in series 
 * and impacts the Pocket for the better.
 * 
.sg-question-title label{
    font-weight: bold;
  	clear: none;
}
**/

/* -- START: Content Reflections Section -- */


/* currently for the master but will have each survey added to this list 
 * for each course chapter 100+ of each 
 * cntrefl_1-xxxx-C_chzz  class is in the Master !!   */
/* pg 1 pic element  fyi: adding 	text-align:center;  does not center the picture*/
.cntrefl_1-xxxx-C_chzz_q01p1pic,
.cntrefl_1-xxxx-C_chzz_q02p1pic,
.cntrefl_1-xxxx-C_chzz_q03p1pic,
.cntrefl_1-xxxx-C_chzz_q04p1pic,
.cntrefl_1-xxxx-C_chzz_q05p1pic,
.cntrefl_1-xxxx-C_chzz_q06p1pic,
.cntrefl_1-xxxx-C_chzz_q07p1pic,
.cntrefl_1-xxxx-C_chzz_q08p1pic,
.cntrefl_1-xxxx-C_chzz_q09p1pic,
.cntrefl_1-xxxx-C_chzz_q10p1pic,
.cntrefl_1-xxxx-C_chzz_q11p1pic,
.cntrefl_1-xxxx-C_chzz_q12p1pic {
    float: left;
    width: 45%;
    display: inline-block;
   	border-width: 0px !important;
  	clear: none;
}

/* class name for picture(img)'s outer div  but inside pic element
 * this is to align the picture the outter element css nor does not accomplish this */
.cntrefl_1-xxxx-C_chzz_q01p1picdiv,
.cntrefl_1-xxxx-C_chzz_q02p1picdiv,
.cntrefl_1-xxxx-C_chzz_q03p1picdiv,
.cntrefl_1-xxxx-C_chzz_q04p1picdiv,
.cntrefl_1-xxxx-C_chzz_q05p1picdiv,
.cntrefl_1-xxxx-C_chzz_q06p1picdiv,
.cntrefl_1-xxxx-C_chzz_q07p1picdiv,
.cntrefl_1-xxxx-C_chzz_q08p1picdiv,
.cntrefl_1-xxxx-C_chzz_q09p1picdiv,
.cntrefl_1-xxxx-C_chzz_q10p1picdiv,
.cntrefl_1-xxxx-C_chzz_q11p1picdiv,
.cntrefl_1-xxxx-C_chzz_q12p1picdiv {
	text-align:center;
}

/* pg 1 qu */
.cntrefl_1-xxxx-C_chzz_q01p1q,
.cntrefl_1-xxxx-C_chzz_q02p1q,
.cntrefl_1-xxxx-C_chzz_q03p1q,
.cntrefl_1-xxxx-C_chzz_q04p1q,
.cntrefl_1-xxxx-C_chzz_q05p1q,
.cntrefl_1-xxxx-C_chzz_q06p1q,
.cntrefl_1-xxxx-C_chzz_q07p1q,
.cntrefl_1-xxxx-C_chzz_q08p1q,
.cntrefl_1-xxxx-C_chzz_q09p1q,
.cntrefl_1-xxxx-C_chzz_q10p1q,
.cntrefl_1-xxxx-C_chzz_q11p1q,
.cntrefl_1-xxxx-C_chzz_q12p1q {
    float: left;
    width: 50%;
    display: inline-block;
   	border-width: 0px !important;
  	clear: none;
}


/*  contentreflections continued */ 
/* there will be several classes for images */

/* pg 1 and pg 2 img  class for img - retangle hortizontal */
.cntrefl_1-xxxx-C_chzz_q01p1picdiv-img,
.cntrefl_1-xxxx-C_chzz_q02p1picdiv-img,
.cntrefl_1-xxxx-C_chzz_q03p1picdiv-img,
.cntrefl_1-xxxx-C_chzz_q04p1picdiv-img,
.cntrefl_1-xxxx-C_chzz_q05p1picdiv-img,
.cntrefl_1-xxxx-C_chzz_q07p1picdiv-img,
.cntrefl_1-xxxx-C_chzz_q08p1picdiv-img,
.cntrefl_1-xxxx-C_chzz_q09p1picdiv-img,
.cntrefl_1-xxxx-C_chzz_q10p1picdiv-img,
.cntrefl_1-xxxx-C_chzz_q01p2picdiv-img,
.cntrefl_1-xxxx-C_chzz_q02p2picdiv-img,
.cntrefl_1-xxxx-C_chzz_q03p2picdiv-img,
.cntrefl_1-xxxx-C_chzz_q04p2picdiv-img,
.cntrefl_1-xxxx-C_chzz_q05p2picdiv-img,
.cntrefl_1-xxxx-C_chzz_q07p2picdiv-img,
.cntrefl_1-xxxx-C_chzz_q08p2picdiv-img,
.cntrefl_1-xxxx-C_chzz_q09p2picdiv-img,
.cntrefl_1-xxxx-C_chzz_q10p2picdiv-img,
.cntrefl_1-xxxx-C_chzz_q11p1picdiv-img,
.cntrefl_1-xxxx-C_chzz_q12p1picdiv-img,
.cntrefl_1-xxxx-C_chzz_q11p2picdiv-img,
.cntrefl_1-xxxx-C_chzz_q12p2picdiv-img,
.cntrefl_1-20Cultr_chzz_q05p1picdiv-img,
.cntrefl_1-20Cultr_chzz_q05p2picdiv-img,
.cntrefl_1-20Cultr_chzz_q11p1picdiv-img,
.cntrefl_1-20Cultr_chzz_q11p2picdiv-img,


.cntrefl_1-20Life_chzz_q05p1picdiv-img,
.cntrefl_1-20Life_chzz_q05p2picdiv-img,

.cntrefl_1-20Life_chzz_q07p1picdiv-img,
.cntrefl_1-20Life_chzz_q07p2picdiv-img,
.cntrefl_1-20Life_chzz_q12p1picdiv-img,
.cntrefl_1-20Life_chzz_q12p2picdiv-img,
.cntrefl_7-10Parbl_chzz_q01p1picdiv-img,
.cntrefl_7-10Parbl_chzz_q01p2picdiv-img,
.cntrefl_7-10Parbl_chzz_q07p1picdiv-img,
.cntrefl_7-10Parbl_chzz_q07p2picdiv-img,
.cntrefl_1-20StryAppOn_chzz_q04p1picdiv-img,
.cntrefl_1-20StryAppOn_chzz_q04p2picdiv-img,
.cntrefl_1-20StryAppOn_chzz_q06p1picdiv-img,
.cntrefl_1-20StryAppOn_chzz_q06p2picdiv-img,
.cntrefl_1-20StryAppOn_chzz_q10p1picdiv-img,
.cntrefl_1-20StryAppOn_chzz_q10p2picdiv-img,
.cntrefl_1-20StryAppOn_chzz_q12p1picdiv-img,
.cntrefl_1-20StryAppOn_chzz_q12p2picdiv-img,

.cntrefl_7-11DiscWrt_chzz_q04p1picdiv-img,
.cntrefl_7-11DiscWrt_chzz_q04p2picdiv-img,
.cntrefl_7-11DiscWrt_chzz_q06p1picdiv-img,
.cntrefl_7-11DiscWrt_chzz_q06p2picdiv-img,
.cntrefl_7-11DiscWrt_chzz_q10p1picdiv-img,
.cntrefl_7-11DiscWrt_chzz_q10p2picdiv-img,
.cntrefl_7-11DiscWrt_chzz_q12p1picdiv-img,
.cntrefl_7-11DiscWrt_chzz_q12p2picdiv-img {
	width: 300px;
  	clear: none;
}


/* square ish  250 wide*/

.cntrefl_1-20Life_chzz_q01p1picdiv-img,
.cntrefl_1-20Life_chzz_q01p2picdiv-img,
.cntrefl_1-20Life_chzz_q02p1picdiv-img,
.cntrefl_1-20Life_chzz_q02p2picdiv-img,
.cntrefl_1-20Life_chzz_q08p1picdiv-img,
.cntrefl_1-20Life_chzz_q08p2picdiv-img,
.cntrefl_1-20Life_chzz_q09p1picdiv-img,
.cntrefl_1-20Life_chzz_q09p2picdiv-img,

.cntrefl_1-20StryAppOn_chzz_q01p1picdiv-img,
.cntrefl_1-20StryAppOn_chzz_q01p2picdiv-img, 
.cntrefl_1-20StryAppOn_chzz_q02p1picdiv-img,
.cntrefl_1-20StryAppOn_chzz_q02p2picdiv-img,
.cntrefl_1-20StryAppOn_chzz_q03p1picdiv-img,
.cntrefl_1-20StryAppOn_chzz_q03p2picdiv-img,
.cntrefl_1-20StryAppOn_chzz_q07p1picdiv-img,
.cntrefl_1-20StryAppOn_chzz_q07p2picdiv-img,
.cntrefl_1-20StryAppOn_chzz_q09p1picdiv-img,
.cntrefl_1-20StryAppOn_chzz_q09p2picdiv-img,
.cntrefl_1-20StryAppOn_chzz_q08p1picdiv-img,
.cntrefl_1-20StryAppOn_chzz_q08p2picdiv-img,
.cntrefl_7-11DiscWrt_chzz_q01p1picdiv-img,
.cntrefl_7-11DiscWrt_chzz_q01p2picdiv-img,
.cntrefl_7-11DiscWrt_chzz_q03p1picdiv-img,
.cntrefl_7-11DiscWrt_chzz_q03p2picdiv-img,
.cntrefl_7-11DiscWrt_chzz_q02p1picdiv-img,
.cntrefl_7-11DiscWrt_chzz_q02p2picdiv-img,

.cntrefl_7-11DiscWrt_chzz_q07p1picdiv-img,
.cntrefl_7-11DiscWrt_chzz_q07p2picdiv-img,
.cntrefl_7-11DiscWrt_chzz_q09p1picdiv-img,
.cntrefl_7-11DiscWrt_chzz_q09p2picdiv-img,
.cntrefl_7-11DiscWrt_chzz_q08p1picdiv-img,
.cntrefl_7-11DiscWrt_chzz_q08p2picdiv-img {
	width: 250px;
  	clear: none;
}

/* pg 1 and pg 2 img class  for img -  square ish
possibly * */

.cntrefl_1-20Life_chzz_q03p1picdiv-img,
.cntrefl_1-20Life_chzz_q03p2picdiv-img,
.cntrefl_1-20Life_chzz_q04p1picdiv-img,
.cntrefl_1-20Life_chzz_q04p2picdiv-img,
.cntrefl_1-20Life_chzz_q06p1picdiv-img,
.cntrefl_1-20Life_chzz_q06p2picdiv-img, 
.cntrefl_1-20Life_chzz_q10p1picdiv-img,
.cntrefl_1-20Life_chzz_q10p2picdiv-img,
.cntrefl_1-20Life_chzz_q11p1picdiv-img,
.cntrefl_1-20Life_chzz_q11p2picdiv-img,

.cntrefl_1-20Paths_chzz_q02p1picdiv-img,
.cntrefl_1-20Paths_chzz_q02p2picdiv-img,
.cntrefl_1-20Paths_chzz_q08p1picdiv-img,
.cntrefl_1-20Paths_chzz_q08p2picdiv-img{
	width: 200px;
  	clear: none;
}


/* pg 1 and pg 2 img class  for img - rectangle vertical   */

.cntrefl_1-xxxx-C_chzz_q06p1picdiv-img,		
.cntrefl_1-xxxx-C_chzz_q06p2picdiv-img,
.cntrefl_1-20Cultr_chzz_q01p1picdiv-img,
.cntrefl_1-20Cultr_chzz_q01p2picdiv-img,
.cntrefl_1-20Cultr_chzz_q02p1picdiv-img,
.cntrefl_1-20Cultr_chzz_q02p2picdiv-img,
.cntrefl_1-20Cultr_chzz_q03p1picdiv-img,
.cntrefl_1-20Cultr_chzz_q03p2picdiv-img,
.cntrefl_1-20Cultr_chzz_q04p1picdiv-img,
.cntrefl_1-20Cultr_chzz_q04p2picdiv-img,
.cntrefl_1-20Cultr_chzz_q06p1picdiv-img,
.cntrefl_1-20Cultr_chzz_q06p2picdiv-img, 
.cntrefl_1-20Cultr_chzz_q07p1picdiv-img,
.cntrefl_1-20Cultr_chzz_q07p2picdiv-img,
.cntrefl_1-20Cultr_chzz_q08p1picdiv-img,
.cntrefl_1-20Cultr_chzz_q08p2picdiv-img,
.cntrefl_1-20Cultr_chzz_q09p1picdiv-img,
.cntrefl_1-20Cultr_chzz_q09p2picdiv-img,
.cntrefl_1-20Cultr_chzz_q10p1picdiv-img,
.cntrefl_1-20Cultr_chzz_q10p2picdiv-img,
.cntrefl_1-20Cultr_chzz_q12p1picdiv-img,
.cntrefl_1-20Cultr_chzz_q12p2picdiv-img,  
.cntrefl_1-20Jour_chzz_q01p1picdiv-img,
.cntrefl_1-20Jour_chzz_q01p2picdiv-img,
.cntrefl_1-20Jour_chzz_q02p1picdiv-img,
.cntrefl_1-20Jour_chzz_q02p2picdiv-img,
.cntrefl_1-20Jour_chzz_q03p1picdiv-img,
.cntrefl_1-20Jour_chzz_q03p2picdiv-img,
.cntrefl_1-20Jour_chzz_q04p1picdiv-img,
.cntrefl_1-20Jour_chzz_q04p2picdiv-img,
.cntrefl_1-20Jour_chzz_q05p1picdiv-img,
.cntrefl_1-20Jour_chzz_q05p2picdiv-img,
.cntrefl_1-20Jour_chzz_q06p1picdiv-img,
.cntrefl_1-20Jour_chzz_q06p2picdiv-img, 
.cntrefl_1-20Jour_chzz_q07p1picdiv-img,
.cntrefl_1-20Jour_chzz_q07p2picdiv-img,
.cntrefl_1-20Jour_chzz_q08p1picdiv-img,
.cntrefl_1-20Jour_chzz_q08p2picdiv-img,
.cntrefl_1-20Jour_chzz_q09p1picdiv-img,
.cntrefl_1-20Jour_chzz_q09p2picdiv-img,
.cntrefl_1-20Jour_chzz_q10p1picdiv-img,
.cntrefl_1-20Jour_chzz_q10p2picdiv-img,
.cntrefl_1-20Jour_chzz_q11p1picdiv-img,
.cntrefl_1-20Jour_chzz_q11p2picdiv-img,
.cntrefl_1-20Jour_chzz_q12p1picdiv-img,
.cntrefl_1-20Jour_chzz_q12p2picdiv-img,  

.cntrefl_7-10Parbl_chzz_q02p1picdiv-img,
.cntrefl_7-10Parbl_chzz_q02p2picdiv-img,
.cntrefl_7-10Parbl_chzz_q03p1picdiv-img,
.cntrefl_7-10Parbl_chzz_q03p2picdiv-img,
.cntrefl_7-10Parbl_chzz_q04p1picdiv-img,
.cntrefl_7-10Parbl_chzz_q04p2picdiv-img,
.cntrefl_7-10Parbl_chzz_q05p1picdiv-img,
.cntrefl_7-10Parbl_chzz_q05p2picdiv-img,
.cntrefl_7-10Parbl_chzz_q06p1picdiv-img,
.cntrefl_7-10Parbl_chzz_q06p2picdiv-img,
.cntrefl_7-10Parbl_chzz_q08p1picdiv-img,
.cntrefl_7-10Parbl_chzz_q08p2picdiv-img,
.cntrefl_7-10Parbl_chzz_q09p1picdiv-img,
.cntrefl_7-10Parbl_chzz_q09p2picdiv-img,
.cntrefl_7-10Parbl_chzz_q10p1picdiv-img,
.cntrefl_7-10Parbl_chzz_q10p2picdiv-img,
.cntrefl_7-10Parbl_chzz_q11p1picdiv-img,
.cntrefl_7-10Parbl_chzz_q11p2picdiv-img,
.cntrefl_7-10Parbl_chzz_q12p1picdiv-img,
.cntrefl_7-10Parbl_chzz_q12p2picdiv-img,
.cntrefl_1-20Paths_chzz_q01p1picdiv-img,
.cntrefl_1-20Paths_chzz_q01p2picdiv-img,
.cntrefl_1-20Paths_chzz_q03p1picdiv-img,
.cntrefl_1-20Paths_chzz_q03p2picdiv-img,
.cntrefl_1-20Paths_chzz_q04p1picdiv-img,
.cntrefl_1-20Paths_chzz_q04p2picdiv-img,
.cntrefl_1-20Paths_chzz_q05p1picdiv-img,
.cntrefl_1-20Paths_chzz_q05p2picdiv-img,
.cntrefl_1-20Paths_chzz_q06p1picdiv-img,
.cntrefl_1-20Paths_chzz_q06p2picdiv-img,
.cntrefl_1-20Paths_chzz_q07p1picdiv-img,
.cntrefl_1-20Paths_chzz_q07p2picdiv-img,
.cntrefl_1-20Paths_chzz_q09p1picdiv-img,
.cntrefl_1-20Paths_chzz_q09p2picdiv-img,
.cntrefl_1-20Paths_chzz_q10p1picdiv-img,
.cntrefl_1-20Paths_chzz_q10p2picdiv-img,
.cntrefl_1-20Paths_chzz_q11p1picdiv-img,
.cntrefl_1-20Paths_chzz_q11p2picdiv-img,
.cntrefl_1-20Paths_chzz_q12p1picdiv-img,
.cntrefl_1-20Paths_chzz_q12p2picdiv-img,
.cntrefl_1-20StryAppOn_chzz_q05p1picdiv-img,
.cntrefl_1-20StryAppOn_chzz_q05p2picdiv-img,
.cntrefl_1-20StryAppOn_chzz_q11p1picdiv-img,
.cntrefl_1-20StryAppOn_chzz_q11p2picdiv-img,

.cntrefl_7-11DiscWrt_chzz_q05p1picdiv-img,
.cntrefl_7-11DiscWrt_chzz_q05p2picdiv-img,
.cntrefl_7-11DiscWrt_chzz_q11p1picdiv-img,
.cntrefl_7-11DiscWrt_chzz_q11p2picdiv-img {
	width: 150px;
  	clear: none;
}


/* pg 2  pic element  */
.cntrefl_1-xxxx-C_chzz_q01p2pic,
.cntrefl_1-xxxx-C_chzz_q02p2pic,
.cntrefl_1-xxxx-C_chzz_q03p2pic,
.cntrefl_1-xxxx-C_chzz_q04p2pic,
.cntrefl_1-xxxx-C_chzz_q05p2pic,
.cntrefl_1-xxxx-C_chzz_q06p2pic,
.cntrefl_1-xxxx-C_chzz_q07p2pic,
.cntrefl_1-xxxx-C_chzz_q08p2pic,
.cntrefl_1-xxxx-C_chzz_q09p2pic,
.cntrefl_1-xxxx-C_chzz_q10p2pic,
.cntrefl_1-xxxx-C_chzz_q11p2pic,
.cntrefl_1-xxxx-C_chzz_q12p2pic {
    float: left;
    width: 45%;
    display: inline-block;
   	border-width: 0px !important;
  	clear: none;
}

/* pg 2  pic div inside element to center picture
 * center on box does not touch pic nor does on img  */
.cntrefl_1-xxxx-C_chzz_q01p2picdiv,
.cntrefl_1-xxxx-C_chzz_q02p2picdiv,
.cntrefl_1-xxxx-C_chzz_q03p2picdiv,
.cntrefl_1-xxxx-C_chzz_q04p2picdiv,
.cntrefl_1-xxxx-C_chzz_q05p2picdiv,
.cntrefl_1-xxxx-C_chzz_q06p2picdiv,
.cntrefl_1-xxxx-C_chzz_q07p2picdiv,
.cntrefl_1-xxxx-C_chzz_q08p2picdiv,
.cntrefl_1-xxxx-C_chzz_q09p2picdiv,
.cntrefl_1-xxxx-C_chzz_q10p2picdiv,
.cntrefl_1-xxxx-C_chzz_q11p2picdiv,
.cntrefl_1-xxxx-C_chzz_q12p2picdiv {
	text-align:center;
}


/* pg 2 quest element {   */
.cntrefl_1-xxxx-C_chzz_q01p2q,
.cntrefl_1-xxxx-C_chzz_q02p2q,
.cntrefl_1-xxxx-C_chzz_q03p2q,
.cntrefl_1-xxxx-C_chzz_q04p2q,
.cntrefl_1-xxxx-C_chzz_q05p2q,
.cntrefl_1-xxxx-C_chzz_q06p2q,
.cntrefl_1-xxxx-C_chzz_q07p2q,
.cntrefl_1-xxxx-C_chzz_q08p2q,
.cntrefl_1-xxxx-C_chzz_q09p2q,
.cntrefl_1-xxxx-C_chzz_q10p2q,
.cntrefl_1-xxxx-C_chzz_q11p2q,
.cntrefl_1-xxxx-C_chzz_q12p2q {
    float: left;
    width: 45%;
    display: inline-block;
    text-align: left !important;
    padding: 5px; !important;
    background-color: #f7f7f7;
    border: 2px dotted #aab1b9;
    border-radius: 5px;
    margin: 0px  10px 10px 10px !important;
    font-weight: bold;
	clear: none;
}

/* pg 2 answer spacer */
.cntrefl_1-xxxx-C_chzz_q01p2a-spacer {
    float: left;
    width: 45%;
    display: inline-block;
    text-align: left !important;
    border-width: 0px !important;
  	clear: none;
}

/* pg 2 answer element */
.cntrefl_1-xxxx-C_chzz_q01p2a,
.cntrefl_1-xxxx-C_chzz_q02p2a,
.cntrefl_1-xxxx-C_chzz_q03p2a,
.cntrefl_1-xxxx-C_chzz_q04p2a,
.cntrefl_1-xxxx-C_chzz_q05p2a,
.cntrefl_1-xxxx-C_chzz_q06p2a,
.cntrefl_1-xxxx-C_chzz_q07p2a,
.cntrefl_1-xxxx-C_chzz_q08p2a,
.cntrefl_1-xxxx-C_chzz_q09p2a,
.cntrefl_1-xxxx-C_chzz_q10p2a,
.cntrefl_1-xxxx-C_chzz_q11p2a,
.cntrefl_1-xxxx-C_chzz_q12p2a {
    float: left;
    width: 45%;
    display: inline-block;
    text-align: left !important;
    padding: 5px; !important;
	border: 2px dotted #aab1b9;
	border-radius: 5px;
	margin: 0px  10px 10px 10px !important;
  	clear: none;
}



/* pg 3 question element no special css at this time */
.cntrefl_1-xxxx-C_chzz_q01p3q,
.cntrefl_1-xxxx-C_chzz_q02p3q,
.cntrefl_1-xxxx-C_chzz_q03p3q,
.cntrefl_1-xxxx-C_chzz_q04p3q,
.cntrefl_1-xxxx-C_chzz_q05p3q,
.cntrefl_1-xxxx-C_chzz_q06p3q,
.cntrefl_1-xxxx-C_chzz_q07p3q,
.cntrefl_1-xxxx-C_chzz_q08p3q,
.cntrefl_1-xxxx-C_chzz_q09p3q,
.cntrefl_1-xxxx-C_chzz_q10p3q,
.cntrefl_1-xxxx-C_chzz_q11p3q,
.cntrefl_1-xxxx-C_chzz_q12p3q {
	padding: 5px; !important;
    background-color: #f7f7f7;
    border: 2px dotted #aab1b9;
    border-radius: 5px;
    margin: 0px  10px 10px 10px !important;
           	font-weight: bold;
  	clear: none;
}

/* orginal - backup 2018-10-08 no longer 50 or any css
/*
.cntntrefl-width-33-p3q {
    float: left;
    width: 30%;
    display: inline-block;
    text-align: left !important;
    padding: 5px; !important;
    background-color: #f7f7f7;
    border: 2px dotted #aab1b9;
    border-radius: 5px;
    margin: 0px  10px 10px 10px !important;
  	clear: none;
}
* */

/* was 33 now 50  2018-10-08 djj 

/* pg 3 answer element */
.cntrefl_1-xxxx-C_chzz_q01p3a,
.cntrefl_1-xxxx-C_chzz_q02p3a,
.cntrefl_1-xxxx-C_chzz_q03p3a,
.cntrefl_1-xxxx-C_chzz_q04p3a,
.cntrefl_1-xxxx-C_chzz_q05p3a,
.cntrefl_1-xxxx-C_chzz_q06p3a,
.cntrefl_1-xxxx-C_chzz_q07p3a,
.cntrefl_1-xxxx-C_chzz_q08p3a,
.cntrefl_1-xxxx-C_chzz_q09p3a,
.cntrefl_1-xxxx-C_chzz_q10p3a,
.cntrefl_1-xxxx-C_chzz_q11p3a,
.cntrefl_1-xxxx-C_chzz_q12p3a {
    float: left;
    width: 45%;
    display: inline-block;
    text-align: left !important;
    padding: 5px !important;
    background-color: #f7f7f7;
    border: 2px dotted #aab1b9;
    border-radius: 5px;
    margin: 0px  10px 10px 10px !important;
  	clear: none;
}

/*  #aab1b9   grey  padding:.25em .5em;*/

/* pg 3 highlight q element  also see highlight css file */
.cntrefl_1-xxxx-C_chzz_q01p3h,
.cntrefl_1-xxxx-C_chzz_q02p3h,
.cntrefl_1-xxxx-C_chzz_q03p3h,
.cntrefl_1-xxxx-C_chzz_q04p3h,
.cntrefl_1-xxxx-C_chzz_q05p3h,
.cntrefl_1-xxxx-C_chzz_q06p3h,
.cntrefl_1-xxxx-C_chzz_q07p3h,
.cntrefl_1-xxxx-C_chzz_q08p3h,
.cntrefl_1-xxxx-C_chzz_q09p3h,
.cntrefl_1-xxxx-C_chzz_q10p3h,
.cntrefl_1-xxxx-C_chzz_q11p3h,
.cntrefl_1-xxxx-C_chzz_q12p3h {
    float: left;
    width: 50%;
    display: inline-block;
    text-align: left !important;
    padding: 5px; !important;
    background-color: #ffffff;
 	border: 3px solid #4d99b0;
	border-radius: 5px;
	margin: 0px  10px 10px 10px !important;
  	clear: none;
}

.cntrefl_1-xxxx-C_chzz_txt1{
    float: left;
    width: 100%;
    display: inline-block;
   	border-width: 0px !important;
   	margin: 0px !Important;
	Height:5px;
  	clear: none;
}


.cntrefl_1-xxxx-C_chzz_txt2,
.cntrefl_1-xxxx-C_chzz_txt3,
.cntrefl_1-xxxx-C_chzz_q00urg,
.cntrefl_1-xxxx-C_chzz_q00strong {
    float: left;
    width: 50%;
    display: inline-block;
   	border-width: 0px !important;
  	clear: none;
}



/* -- END: Content Reflections Section -- */


/* -- START: How Does This Apply Section -- */
.how-width-05-noborder {
    float: left;
    width: 5%;
    display: inline-block;
   	border-width: 0px !important;
  	clear: none;
}
.how-width-10-noborder {
    float: left;
    width: 10%;
    display: inline-block;
   	border-width: 0px !important;
  	clear: none;
}
.how-width-15-noborder {
    float: left;
    width: 15%;
    display: inline-block;
   	border-width: 0px !important;
  	clear: none;
}
.how-width-50-noborder {
    float: left;
    width: 50%;
    display: inline-block;
   	border-width: 0px !important;
  	clear: none;
}
.how-width-50-noborder-pic {
    float: left;
    width: 50%;
    display: inline-block;
   	border-width: 0px !important;
  	clear: none;
}
.how-width-50-noborder-q {
    float: left;
    width: 50%;
    display: inline-block;
   	border-width: 0px !important;
  	clear: none;
}
.how-width-33-noborder {
    float: left;
    width: 33%;
    display: inline-block;
   	border-width: 0px !important;
  	clear: none;
}
.how-width-66-noborder {
    float: left;
    width: 66%;
    display: inline-block;
   	border-width: 0px !important;
  	clear: none;
}
.how-width-40-noborder {
    float: left;
    width: 40%;
    display: inline-block;
   	border-width: 0px !important;
  	clear: none;
 }   
.how-width-60-noborder {
    float: left;
    width: 60%;
    display: inline-block;
   	border-width: 0px !important;
  	clear: none;
 } 
 .how-width-65-noborder {
    float: left;
    width: 60%;
    display: inline-block;
   	border-width: 0px !important;
  	clear: none;
 } 
 .how-width-3-noborder {
    float: left;
    width: 3%;
    display: inline-block;
   	border-width: 0px !important;
  	clear: none;
} 
.how-width-30-noborder {
    float: left;
    width: 30%;
    display: inline-block;
   	border-width: 0px !important;
  	clear: none;
} 
.how-width-70-noborder {
    float: left;
    width: 70%;
    display: inline-block;
   	border-width: 0px !important;
  	clear: none;
}  
.how-width-20-noborder {
    float: left;
    width: 20%;
    display: inline-block;
   	border-width: 0px !important;
  	clear: none;
 }   
 
.how-width-20-noborder-cntr {
    float: left;
    width: 20%;
    display: inline-block;
    text-align: center !important;
   	border-width: 0px !important;
   	clear: none;
}
.how-width-80-noborder {
    float: left;
    width: 80%;
    display: inline-block;
   	border-width: 0px !important;
  	clear: none;
 }      
.how-width-100-noborder {
    float: left;
    width: 100%;
    display: inline-block;
   	border-width: 0px !important;
  	clear: none;
}

.how-width-100 {
    float: left;
    width: 100%;
  	clear: none;
}

img.how-image-brdrsld-pd10mrg10 {
	border-style:solid;
	padding:10px;
	margin:10px;"
}


/* -- END: How Does This Apply Section -- */

/* -- START: How Pocket Unlearn -- */

.bkgrndimage-pocket-unlearn {
	background-image: url("//library-c.pocketwisdominsights.com/images/pwi_soq_ana/PWI-blackwhitepocket.jpg");
	background-size: 600px 500px;
  height: 600px;
  width: 600px;
	background-repeat: no-repeat;
    background-position: center; 
  	text-align:left;
}
.bkgrndimage-pocket-unlearn textarea {
	margin-top: 53px;
   	margin-left: 40px;
	height: 265px;
	width: 475px;
	border: 1px dashed rgba(0,0,0,0.2);
	background-color: rgba(255,255,153,0.1);
}
/* -- END:  How Pocket Unlearn -- */

/* -- START: Your Pocket Wisdom Most Important -- */

.pocket_1-xxxx-C_chzz_p01txt1,
.pocket_1-xxxx-C_chzz_p01imgele,
.pocket_1-xxxx-C_chzz_p02h,
.pocket_1-xxxx-C_chzz_p02txt1,
.pocket_1-xxxx-C_chzz_p03txt1 {
	  	clear: none;
}

.pocket_1-xxxx-C_chzz_p01q {
   	border-width: 0px !important;
	clear: none;
}

/* to move background up or down chgn the height in this class */
.bkgrndimage-pocket-mostimpt{
	background-image: url("//library-c.pocketwisdominsights.com/images/pwi_soq_ana/PWI-blackwhitepocket.jpg");
	background-size: 600px 500px;
	height: 650px;
	width: 600px;
	background-repeat: no-repeat;
    background-position: center; 
  	text-align:left;
  	  	clear: none;
}
.bkgrndimage-pocket-mostimpt textarea {
	margin-top: 53px;
   	margin-left: 40px;
	height: 265px;
	width: 475px;
	border: 1px dashed rgba(0,0,0,0.2);
	background-color: #FFFFFF;
	  	clear: none;
}
/* pocket future if want color  background-color: rgba(255,255,153,0.1);*/ 
/* -- END: Your Personal Pocket Wisdom -- */





/* -- START: Comments and Discussion -- */
/*  may need to modify classes as we build out ComDisc*/

/* comment out - We do want the question to display 
 * we want the dashes ---- to split the section   2019-03-05  djj sd
.cnd_1-xxxx-C_chzz_p02h .sg-question-title,
.cnd_1-xxxx-C_chzz_p03h .sg-question-title,
.cnd_1-xxxx-C_chzz_p04h .sg-question-title,
.cnd_1-xxxx-C_chzz_p05h .sg-question-title,
.cnd_1-xxxx-C_chzz_p06h .sg-question-title,
.cnd_1-xxxx-C_chzz_p07h .sg-question-title,
.cnd_1-xxxx-C_chzz_p08h .sg-question-title,
.cnd_1-xxxx-C_chzz_p09h .sg-question-title,
.cnd_1-xxxx-C_chzz_p10h .sg-question-title{
    display: none;
  	clear: none;
}
* */

.cnd_1-xxxx-C_chzz_p01txt1,
.cnd_1-xxxx-C_chzz_p01txt2 {
    float: left;
    width: 50%;
   	border-width: 0px !important;
  	clear: none;
}


.cnd_1-xxxx-C_chzz_p01txt3 {
    float: left;
    width: 100%;
   	border-width: 0px !important;
  	clear: none;
}

/*  p01h has intstuctions -do not hid eunless there is a major change   */
.cnd_1-xxxx-C_chzz_p01h,
.cnd_1-xxxx-C_chzz_p02h,
.cnd_1-xxxx-C_chzz_p03h,
.cnd_1-xxxx-C_chzz_p04h,
.cnd_1-xxxx-C_chzz_p05h,
.cnd_1-xxxx-C_chzz_p06h,
.cnd_1-xxxx-C_chzz_p07h,
.cnd_1-xxxx-C_chzz_p08h,
.cnd_1-xxxx-C_chzz_p09h,
.cnd_1-xxxx-C_chzz_p10h,

.cnd_1-xxxx-C_chzz_p01txt4,
.cnd_1-xxxx-C_chzz_p02txt1,
.cnd_1-xxxx-C_chzz_p02txt2,
.cnd_1-xxxx-C_chzz_p02txt3,
.cnd_1-xxxx-C_chzz_p02txt4,
.cnd_1-xxxx-C_chzz_p03txt1,
.cnd_1-xxxx-C_chzz_p03txt2,
.cnd_1-xxxx-C_chzz_p03txt3,
.cnd_1-xxxx-C_chzz_p03txt4,
.cnd_1-xxxx-C_chzz_p04txt1,
.cnd_1-xxxx-C_chzz_p04txt2,
.cnd_1-xxxx-C_chzz_p04txt3,
.cnd_1-xxxx-C_chzz_p04txt4,
.cnd_1-xxxx-C_chzz_p05txt1,
.cnd_1-xxxx-C_chzz_p05txt2,
.cnd_1-xxxx-C_chzz_p05txt3,
.cnd_1-xxxx-C_chzz_p05txt4,
.cnd_1-xxxx-C_chzz_p06txt1,
.cnd_1-xxxx-C_chzz_p06txt2,
.cnd_1-xxxx-C_chzz_p06txt3,
.cnd_1-xxxx-C_chzz_p06txt4,
.cnd_1-xxxx-C_chzz_p07txt1,
.cnd_1-xxxx-C_chzz_p07txt2,
.cnd_1-xxxx-C_chzz_p07txt3,
.cnd_1-xxxx-C_chzz_p07txt4,
.cnd_1-xxxx-C_chzz_p08txt1,
.cnd_1-xxxx-C_chzz_p08txt2,
.cnd_1-xxxx-C_chzz_p08txt3,
.cnd_1-xxxx-C_chzz_p08txt4,
.cnd_1-xxxx-C_chzz_p09txt1,
.cnd_1-xxxx-C_chzz_p09txt2,
.cnd_1-xxxx-C_chzz_p09txt3,
.cnd_1-xxxx-C_chzz_p09txt4,
.cnd_1-xxxx-C_chzz_p10txt1,
.cnd_1-xxxx-C_chzz_p10txt2,
.cnd_1-xxxx-C_chzz_p10txt3,
.cnd_1-xxxx-C_chzz_p10txt4 {
   	border-width: 0px !important;
  	clear: none;
}



.cnd_1-xxxx-C_chzz_p01pic01div,
.cnd_1-xxxx-C_chzz_p01pic02div,
.cnd_1-xxxx-C_chzz_p02pic01div,
.cnd_1-xxxx-C_chzz_p02pic02div,
.cnd_1-xxxx-C_chzz_p03pic01div,
.cnd_1-xxxx-C_chzz_p03pic02div,
.cnd_1-xxxx-C_chzz_p04pic01div,
.cnd_1-xxxx-C_chzz_p04pic02div,
.cnd_1-xxxx-C_chzz_p05pic01div,
.cnd_1-xxxx-C_chzz_p05pic02div,
.cnd_1-xxxx-C_chzz_p06pic01div,
.cnd_1-xxxx-C_chzz_p06pic02div,
.cnd_1-xxxx-C_chzz_p07pic01div,
.cnd_1-xxxx-C_chzz_p07pic02div,
.cnd_1-xxxx-C_chzz_p08pic01div,
.cnd_1-xxxx-C_chzz_p08pic02div,
.cnd_1-xxxx-C_chzz_p09pic01div,
.cnd_1-xxxx-C_chzz_p09pic02div,
.cnd_1-xxxx-C_chzz_p10pic01div,
.cnd_1-xxxx-C_chzz_p10pic02div {
	text-align:center;
}

.cnd_1-xxxx-C_chzz_p01pic01div-img,
.cnd_1-xxxx-C_chzz_p01pic02div-img,
.cnd_1-xxxx-C_chzz_p02pic02div-img,
.cnd_1-xxxx-C_chzz_p03pic01div-img,
.cnd_1-xxxx-C_chzz_p03pic02div-img,
.cnd_1-xxxx-C_chzz_p04pic01div-img,
.cnd_1-xxxx-C_chzz_p05pic01div-img,
.cnd_1-xxxx-C_chzz_p06pic01div-img,
.cnd_1-xxxx-C_chzz_p06pic02div-img,
.cnd_1-xxxx-C_chzz_p07pic02div-img,
.cnd_1-xxxx-C_chzz_p08pic01div-img,
.cnd_1-xxxx-C_chzz_p08pic02div-img,
.cnd_1-xxxx-C_chzz_p09pic01div-img,
.cnd_1-xxxx-C_chzz_p10pic01div-img {
	width: 300px;
  	clear: none;
}

/* cnd img class  for img - rectangle vertical   */
.cnd_1-xxxx-C_chzz_p02pic01div-img,
.cnd_1-xxxx-C_chzz_p04pic02div-img,		
.cnd_1-xxxx-C_chzz_p07pic01div-img,
.cnd_1-xxxx-C_chzz_p09pic02div-img {
	width: 150px;
  	clear: none;
}

/* cnd img class  for img - square  */
.cnd_1-xxxx-C_chzz_p05pic02div-img,
.cnd_1-xxxx-C_chzz_p10pic02div-img {
	width: 300px;
  	clear: none;
}


/* -- END: Comments and Discussion -- */




/* -- START: Another Pair of Glasses Section -- */
/* currently not in use */
.glasses-instr-width-50-noborder {
    float: left;
    width: 50%;
    display: inline-block;
   	border-width: 0px !important;
  	clear: none;
}
.glasses-instr-width-50-noborder-video {
    float: left;
    width: 50%;
    display: inline-block;
   	border-width: 0px !important;
  	clear: none;
}
.glasses-width-50-noborder {
    float: left;
    width: 50%;
    display: inline-block;
   	border-width: 0px !important;
  	clear: none;
}
.glasses-noborder {
   	border-width: 0px !important;
}
/* -- END: Another Pair of Glasses Section -- */


/* -- START: Thank you page Section -- */


/* -- END: Thank you page Section  -- */



.comdisc-width-50-noborder {
    float: left;
    width: 50%;
    display: inline-block;
   	border-width: 0px !important;
  	clear: none;
}
.comdisc-width-50-noborder-pic {
    float: left;
    width: 50%;
    display: inline-block;
   	border-width: 0px !important;
  	clear: none;
}
.comdisc-width-50-noborder-q {
    float: left;
    width: 50%;
    display: inline-block;
   	border-width: 0px !important;
  	clear: none;
}
.comdisc-width-33-noborder {
    float: left;
    width: 33%;
    display: inline-block;
   	border-width: 0px !important;
  	clear: none;
}
.comdisc-width-66-noborder {
    float: left;
    width: 66%;
    display: inline-block;
   	border-width: 0px !important;
  	clear: none;
}
.comdisc-width-30-noborder {
    float: left;
    width: 30%;
    display: inline-block;
   	border-width: 0px !important;
  	clear: none;
 }   
.comdisc-width-70-noborder {
    float: left;
    width: 70%;
    display: inline-block;
   	border-width: 0px !important;
  	clear: none;
 }   
.comdisc-width-20-noborder {
    float: left;
    width: 20%;
    display: inline-block;
   	border-width: 0px !important;
  	clear: none;
 }   
.comdisc-width-80-noborder {
    float: left;
    width: 80%;
    display: inline-block;
   	border-width: 0px !important;
  	clear: none;
 }        
.comdisc-width-100 {
    float: left;
    width: 100%;
    display: inline-block;
   	border-width: 0px !important;
  	clear: none;
  	
}