@charset "UTF-8";
/* CSS Document */
body{background-color:#FFF; font-family: 'Open Sans', sans-serif; color:#333333; margin:0;  line-height: 1.4em; height: 100%; font-size:100%; font-weight:400;overflow-y: scroll; }
body.printWindow{margin:1em; font-size:80%;}
body.popup {background-color:#FFF; font-size:100%;  }
body.index {background-color:#FFF; margin:5%; background:url(http://www.ntgpe.org/workingwell/img/background2.jpg); background-image: url(http://www.ntgpe.org/workingwell/img/background2.jpg); background-color:#A74100; background-repeat:no-repeat; background-position:right top; background-size:100% auto; }
.indexContent{ padding:1%;}
.indexContentLogos {text-align:center; background-color:#FFF;} .indexContentLogo {margin-right:1em;}
html {height:100%;}
@viewport { width:device-width; }

h1 { font-size: 150%; padding:0; margin:0.2em 0 0.5em 0; color:#003554; font-weight:700;}
h2 { font-size: 110%; padding:0; margin:0.2em 0 0.5em 0;  font-weight:400;}
h3 { font-size: 110%; padding:0; margin:0.2em 0 0.5em 0; color:#003554; font-weight:400;}
h4 { font-size: 100%; padding:1em 0 0 0; margin:0 0 0 0; color:#003554; font-weight:700;}
.marginBottom{margin-bottom:1em;}
.marginTop{margin-top:3em;}
.marginSmallTop{margin-top:1em;}
ul.noMargin{margin:0 0 0.5em 0;}
img{border:none;}
.noBorder{border:none;}

a {color:#BF301A;}
body.popup a{text-decoration:none;}
body.popup ol li, body.popup ul li, body.index ol li, body.index ul li{padding-bottom:1em; word-wrap: break-word;}
body.popup ul.noPad li, body.index ul.noPad li{padding-bottom:0;}

.round {border-radius: 1em;} .smallround {border-radius: 0.3em;}
.responsive { width: 100%; max-width: 100%; height: auto; }
.borderLeft{border-left:0.1em solid #C17019;} .borderRight{border-right:0.1em solid #C17019;}
.borderTop{border-top:0.1em solid #000;}
.standardPadding{padding:0.5em;}
.invisible {display:none;}
.notes{font-style:italic; font-size:70%; line-height:1em; padding:0; font-family:Arial, Helvetica, sans-serif; margin-top:1em;}
.printSection{border-top:1px solid #666; padding-top:1em;}
.highlight {background-color:#FF931E; padding:0.3em; padding-left:0; padding-right:0; box-shadow: 0.3em 0 0 #FF931E,  -0.3em 0 0 #FF931E;  line-height:1.8em; }
.transparentWhiteBg{
	background: rgb(255, 255, 255) transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(255, 255, 255, 0.9);
}
.fullHeight{
	min-height: 100%; /* min. height for modern browser */
    height:auto !important; /* important rule for modern Browser */
    height:100%; /* min. height for IE */
    overflow: hidden !important; /* FF scroll-bar */
}

.left {float:left; margin-right:0.5em;}
.right {float:right; margin-left:0.5em;}
.clearBoth{clear:both;}
.heightNone{height:0; padding:0; margin:0;}
.hidden {display:none;}
.showInMobile{display:none;}

/*Glossary*/
.glossaryDiv{display:none;}
.glossaryDiv h2{font-weight:700; }
a.glossary {color:#003554; text-decoration:underline; cursor:help;}


/*QUIZ*/
.activityButton {color:#FFF;  background-color:#39B44A; text-transform:uppercase; border:0; text-align:center; cursor:pointer; font-size:1.1em;  -webkit-appearance: none;}
.activityButtonGrey{background-color:#A6A8A6;}
.markIcon{ vertical-align:middle;}
.quizQuestion{font-weight:700; font-size:110%;margin-bottom:1em;}
.checklistOptionHolder{clear:both; }
.checklistOption {clear:both; background-color:#EFEDED; margin:0 0.25em 0.5em 0; float:left;  width:92%; }
.checklistMark {float:left; width:5%; }
.checklistBox {float:left; width:8%; margin:0; margin-top:0.15em; }
.checklistText {float:left; width:91%; margin-top:0.25em;cursor:pointer; }
.quizOption { clear:both; cursor:pointer; padding-bottom:0.5em;}
.quizOptionText{padding-top:0.1em; margin-left:1.8em;}
.quizOptionRadioHolder {float:left; min-height:2em; }
.quizOptionMark{display:inline; padding-left:0.3em;}
.quizNav {clear:both; padding: 1em 0 1em 0; }
.quizNext{ float:right;}
.quizBack {float:left; }
.quizScore {padding: 0 1.5em 0 0; font-size:0.7em;float:right; }
.feedback { clear:both; background-color:#FCEEB5; color:#000000; width:96%; font-weight:normal; padding:2%; margin:2em 0 0 0; }

/*MOBILE SPECIFIC STYLES*/
@media only screen and (max-width: 45em) {
	.hideFromMobile{display:none;}
	.showInMobile{display:block;}
	body { font-size:120%; }
	body.glossary, body.popup,  body.popup ul,  body.popup ul li { font-size:100%; }
	a.glossary {color:#003554; text-decoration:underline; cursor:help;}
}


/*SMALL MOBILE SPECIFIC STYLES iphone 4, iphone 5 portrait, nexus 4 portrait, all small phones */
@media only screen and (max-width: 30em) {
	.indexContentLogo{max-width:90%; height:auto;}
}



/*DESKTOP SPECIFIC STYLES LAST*/
@media all and (min-width: 50em) {
   	
}