@charset "UTF-8";
/* CSS Document */
body{background-color:#FFFFFF; font-family: 'Roboto', sans-serif; color:#2d2d2d; line-height: 1.2em; font-size: 1.2em;}
body.printWindow{background-color:#FFF; font-size:80%;}
.container {text-align:center; width:100%; }
.content {background-repeat:no-repeat;  width:1000px; height:600px; margin-left:auto; margin-right:auto;}
.topicContent {background-repeat:no-repeat;  width:90%; height:420px; margin-left:auto; margin-right:auto;}
#footer {  background-color:#FFF; font-size:70%; text-align:left; clear:both; color:#ABAFAA; padding:2px 0; width:1000px; margin-left:auto; margin-right:auto;}
.topHeader{width:100%; height:25px; background-color:#E8E8E8; text-align:center; color:#0D467D; padding-top:5px; text-transform:uppercase; border:2px solid #11364d; display:none;}
h1{font-size:120%; margin:0 0 10px 0; }
h2{ color:#000; font-size:100%;}


/*background images [Edit these images]*/
#waitingRoom{ background-image:url(../img/waiting_room_bg.png); background-color:#E3F3FA; height:600px;}
#patient1Topic1Room{ background-image:url(../img/consult_bg1.png);  height:420px;}
body.consultRoomBg {background-image:url(../img/consult_bg_stripe.png); background-repeat:repeat-x; margin-top:0; padding-top:0; background-image:none!important;}
.keyPointsPatientDiv{background-image:url(../img/patient1_consult.png);}

/*buttons*/
.button{float:left; width:163px ;color:#000; border:2px solid #FFF; height:34px; text-transform:uppercase; text-align:center; line-height:32px; padding:0; font-size:90%; cursor:pointer; border-radius:2px;}
.greenGradient{
	background-color:#4E8635;
	background-image: -moz-linear-gradient(top, #C1D5B8, #4E8635);
	background: -webkit-gradient(linear, left top, left bottom, from(#C1D5B8), to(#4E8635));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C1D5B8', endColorstr='#4E8635');
}
.shadow{
-moz-box-shadow: 2px 2px 10px  #03182B;
-webkit-box-shadow: 2px 2px 10px  #03182B;
box-shadow: 2px 2px 10px #03182B;
}
img{border:none;}
a {text-decoration:none;}
p.firstPara{clear:both; padding-top: 10px;}
.floatingObject{float:left; position:relative; padding:0; margin:0;}
.round {border-radius: 10px;} .smallround {border-radius: 3px;}
.instructions {padding-bottom:0; margin-bottom:5px;}
.invisible{display:none;}
.contentActivity {margin-top:0; padding-top:0;}
.highlighted {background-color:#E0E8D7; border-radius:5px; color:#000; font-size:100%; padding:5px; font-weight:bold; margin: 0; }
.highlighted2 {background-color:#b5c4cc; color:#000; font-size:100%; padding:0.5em;  margin: 0;}
.highlightNote {background-color:#b5c4cc; font-style:italic; color:#000; font-size:100%; padding:0.5em;  margin: 0 0 1em 0;}.highlightedRed {color:#FC0505; }

/*MARGINS*/
.noMarginTop{margin-top:0;}
.marginTop {margin-top:1em;}

/*Speech bubbles*/
.speechContainer{ }
.speech{ border-radius:10px;  font-size:80%; font-weight:bold; padding:0 10px; background-color:#FFF; border:3px solid #11364d;}
.speechPointer {background-repeat:no-repeat; width:42px; height:49px; float:left; margin-top:20px;}
.speechPointerRightDown{background-image:url(../img/speech_pointer_right.png);}

/*WAITING ROOM*/
#patient1Waiting{top:255px; left:190px;  width:200px; height:350px;}
#booksWaiting{top:220px; left:210px;  width:100px; height:100px;}
#doctorWaitingSpeech{width:430px; height:100px;  top:100px; left:-35px;}
#doctorWaitingSpeechContent{width:320px; float:left; min-height:60px; text-align:left;}
#waitingStartButton{float:left; width:163px; }
#doctorWaiting{top:120px; left:-160px;  width:210px; height:450px; }

/*UNIT PAGES*/
#unitLeftContentHolder{ float:left; margin:0; width: 195px; height:350px; padding:0; }
#unitSampleAnswer{width:80%; margin-left:auto; margin-right:auto; margin-top:60px; visibility:hidden;}
#unitSampleAnswerPointer{display:none; background-image:url(../img/speech_pointer_up.png); background-repeat:no-repeat; height:30px; margin-left:60px; visibility:hidden;}
#unitSampleAnswerText{ text-align:left; background-color:#FFF; border-radius:40px; border:3px solid #11364d; padding:15px;  font-size:80%; width:80%;}
#unitSampleAnswerText ul{margin:0; padding:0;} #unitSampleAnswerText ul li{margin:0 0 0 20px; padding:5px;}
.adviceArrow{ background-color:#b5c4cc; padding:5px; border-radius:10px;}
#unitContent{ float:left; margin:15px 0 0 0; width: 70%; height:390px;  text-align:left; padding:0;  }
#unitNav{ float:left; width:100%; margin:0; background-color:#FFF;  border-radius:0; border:3px solid #11364d; padding:10px; }
#unitNavNext, #unitNavBack{font-size:80%; color:#FFF;  float:right; background-color:#11364d;  margin-right:2px; padding:0.5em; cursor:pointer; border-radius:0; text-align:right;}
#unitNavBack{float:left; text-align:left; visibility: hidden;}
.unitText{ display:none; float:left;  margin:0; width:100%; min-height:350px; height:auto;  text-align:left; padding:10px; font-size:80%; background-color:#FFF; border-radius:0; border:3px solid #11364d;}
.unitText h1{color:#11364d; font-size:120%; }
.unitText h2{ color:#ff781e; font-size:100%;}
.unitSubPageHeader{float:left; width:45%; color:#11364d; font-size:120%; font-weight:bold; margin-bottom:5px;}
.unitSubPageSubHeader{float:right; width:45%; color:#11364d; font-size:100%; text-align:right; font-weight:bold; margin-right:10px;}
.unitText h3{ background-color:#11364d; color:#FFF; font-size:100%; padding:0 0 0 5px; font-weight:bold; margin: 0 0 0 18px; height:20px;}
.unitText p{margin: 0 0 10px 0;}
.unitText a{text-decoration:underline; color:#11364d;}
.unitText a.highlight{ text-decoration:none; border-bottom:dashed; color:#AD2B00;}
.unitText ul.verticalSpacedList li{margin-bottom:2px;}
.unitText img.borderImage{border:2px solid #002A32; border-radius:5px;}
.unitText img.rightImage {float:right; margin-left:5px;}
.fancybox-custom .fancybox-skin {box-shadow: 0 0 50px #003139;}
.unitTextSubPage{display:none; min-height:320px;}
.unitSubPageNav{clear:both; font-size:90%; color:#FFF; line-height:18px; padding-top:20px; }
.unitSubPageNavNumber {float:left; min-width:2em; text-align:center; background-color:#11364d;  margin-right:2px; padding:0.2em 0; cursor:pointer; border-radius:0; }
.unitSubPageNavNextBack{float:right; min-width:4em; text-align:center; background-color:#11364d;  margin-right:2px; padding:0.2em; cursor:pointer; border-radius:0;}
.unitComponent{clear:both; background-position:2px 2px;  background-repeat:no-repeat;  border-radius:0; padding: 5px 5px 5px 27px; margin:0 0 5px 0;  }
.unitTask {background-image:url(../img/icon_activity.png); border:0; background-color:#b5c4cc;}
.unitTask p{margin:2px 0 5px 0;}
.unitTask ol{margin:5px 0 5px 0;}
.unitTask ol li{margin:0; padding:0;}
.unitTask form{margin:0;}


.unitCaseStudy {background-image:url(../img/icon_casestudy.png); border:0;}
.unitReflection {background-image:url(../img/icon_reflection.png);  border:0; background-color:#b5c4cc; float:left; width:82%;}
.unitCheckReflection{line-height:16px; color:#FFF; width:10%; height:15px; background-color:#11364d; border-radius:0; padding:2px; margin:0 0 0 87%;  text-align:center; cursor:pointer; }
.unitDiscussion {background-image:url(../img/icon_discussion.png); border:0;  background-color:#b5c4cc;}
.storyAnswer{width:95%;padding:0.5em; font-family: 'Roboto', sans-serif; font-size:100%; height:1em;}
.unitResources {background-image:url(../img/icon_resources.png); }
.unitKeyPoint {background-image:url(../img/icon_keypoint.png);}
.unitKeyPoint ul{margin:2px 0 0 0;}

#unitPrintAnswers{float:left; color:#FFF; background-color:#11364d;  margin-right:2px; padding: 0.2em 0.5em; text-align:center; cursor:pointer; margin-left:1em;}

.quizFeedback{font-size:90%; color:#000;  padding:3px; margin:2px 0 0 0; visibility:hidden; background-color:#fff; }
img.mark{padding:0 3px 0 0; margin:0;}


.printButton {color:#FFF; border-top:0; border-bottom:0;  text-align:center; cursor:pointer; font-size:1em;  -webkit-appearance: none;  padding: 0.5em 2% 0 2%; max-width:10%; height:1.3em; position:absolute; right:0; line-height:1em; 
	
	
}

/*RESOURCES and KEY POINTS*/
.resourcesBody{background-color:#FFFFFF; margin:0; }
.resourcesBody a{text-decoration:underline; color:#008074;}
#resourcesHolder, #keypointsHolder { font-size:90%;margin:0;padding:5px;}
#resourcesHolder h3, #keypointsHolder h3 {clear:both; border:0; background-color:#11364d; color:#FFFFFF; border-radius:0; padding: 5px 5px 5px 5px; margin:0 0 5px 0; font-size:100%;}
#resourcesHolder h4, #keypointsHolder h4{font-size:100%; margin-bottom:0; padding-bottom:0;}
#resourcesHolder li{margin-bottom:20px;}
.downloadIcon, .websiteIcon {padding-right:5px;}
.resourcesDivider{padding-bottom:300px; width:200px;}
#resourcesHolder h3{margin-bottom:10px;}
.resourceItemHolder{margin: 0 0 20px 5px; clear:both; background-color: #f7f7f7; padding-bottom: 1em; padding-top: 0.5em;}
.resourceIcon{clear:both; float:left; width:40px;}
.resourceText{}

/*KEY POINTS*/
#keypointsHolder li{margin:5px;} #keypointsHolder ul.secondLevel {margin-bottom:20px;}
.keyPointsDiv{background-image:url(../img/dr_saunders.png); background-repeat:no-repeat; background-position:top left; min-height:300px;}
.keyPointsPatientDiv{background-image:url(../img/patient1_consult.png); min-height:300px; }
.keyPointsPatient2Div{background-image:url(../img/patient2_consult.png); min-height:300px; }
.keyPointsPatient3Div{}
.keyPointsDivNoBg{background-image:url(../img/blank.gif);}
.keyPointsDivNoBg .keyPointsDivContent {padding-left:10px;}
.keyPointsDivContent{padding-left:100px;}
.keyPointsDivIndent{padding-left:1em;}
.keyPointsReference{font-size:80%; margin-bottom:5px; color:#39557C; text-align:left;}
.keyPointsReferenceBorder{border:1px solid #39557D; width:90%;  padding:1%; background-color:#E3E8EF; text-align:left;}
.keyPointsImageDiv {background:none; width:100%; }
.keyPointsImageDiv .keyPointsDivContent {padding-left:0; text-align:center;} 


/*TABLES*/
table {width:100%; padding:0; margin:0; text-align:left; }
th {text-align:left; background-color:#39557C; font-weight:normal;  vertical-align:top; padding:0.4em; color:#FFF;}
td{border:1px solid #39557C; padding:0.4em;background-color:#FFF; vertical-align:top; margin:0;}
td.highlightTD{background-color:#7D9C4C; color:#FFF; font-weight:bold; border:0;}
table p{margin-top:0;}


/*ACTIVITIES*/
.activityBody{background-color:#FFFFFF; margin:0; }
#activityClose{float:right;display:none; }
.activityBg {height:100%; min-height:400px; padding:0; margin:0; background-position:bottom left; background-repeat:no-repeat; font-size:80%; }
.clearBoth{clear:both; }
.activityTextArea { background-color:#E1EBED; width:99%; padding:0.5em; width:80%; font-family:Helvetica, sans-serif; font-size:100%; border:1px solid #737373;}
.activityButton {color:#FFF; background-color:#ff781e; border:none; border-radius:0; text-align:center; cursor:pointer; font-size:1.2em;  -webkit-appearance: none;}
.activityHolder {padding:2%; margin:1em; height:100%; } 
.round {border-radius:1em;} .smallround {border-radius: 0.3em;}
.instructions {padding-bottom:0; margin-bottom:0.5em;}
.invisible{display:none;}
.contentActivity {margin-top:0; padding-top:0;}
.activityBody a{text-decoration:underline; color:#008074;}

/*MATCHING ACTIVITY STYLES*/
.itemsMatch {padding-right:0.5em;  float:left; }
.matchItems {float:left; }
.matchMark {height:20px; width:20px; float:left; margin-left:0.5em;}
.matchContent {background-color:#b5c4cc; clear:both; padding:0.5em; margin-bottom:0.2em;}
.matchingBottom {clear:both; width:95%; height:3em; }

/*DRAG AND DROP STYLES*/
.markIcon{ vertical-align:middle;}
.dragItems {width:45%; float:left; margin:0.5em 1.5em 0 0; }
.dragItem{  background-color:#b5c4cc; float:left;  width:100%; padding:0.3em; margin-bottom:0.5em; word-wrap: break-word; } 
.targetItems {width:45%; float:left; margin-top:0.5em; }
.targetItem{ border:0.2em solid #CAE1BE; background-color:#b5c4cc; float:left; width:100%; padding:0.5em; margin-bottom:0.4em;background-position:top left; background-repeat:no-repeat; background-size:100% auto;}
.targetHighlight { background-color:#CAE1BE;} 
.dragdropFeedback {background-color:#F8DD7D; padding:0.2em;}

/*SEQUENCING ACTIVITY STYLES*/
.seqDragItem{ width:74%; } 
.seqTargetItem{ height:2em; padding-top:10px;}

/*QUIZ ACTIVITY STYLES*/
.question, .feedback {background-color:#FFFFFF; width:99%; padding:0.2em; font-weight:bold;}
.feedback { float:left; background-color:#FFFFFF; color:#000000; margin-top:0.2em; padding:0.5em 1%; width:98%; font-weight:normal;}
.quizOption { clear:both; background-color:#b5c4cc; margin:0.5em 0; line-height:1.5em; padding:0.5em 0 0 0; cursor:pointer;min-height:2em;}
.quizOptionRadioHolder {float:left; margin-right:0.5em; }
.optionRadio {float:left; width:2em;}
.optionText {float:left;}
.checkButton { text-align:right; width:100%; clear:both; }
.mark {height:20px; width:20px;}
.quizNav {float:right; width:30%; height:3em;}
.quizNext{float:right;}
.quizBack {float:right; margin-right:0.5em;} .quizNav .quizBack .activityButton{background-color:#AAA8A8;}
img.quizQnImg {margin-right:1em;}



/*CHECKLIST ACTIVITY STYLES*/
.checklistOptionHolder{width: 100%; clear:both;}
.checklistMark {float:left; margin:0 0 0.5em 0.5em;  height:20px; width:20px;}
.checklistOption {clear:both;  margin:0 0 0.5em 0; float:left; width:85%;background-color:#b5c4cc;}
.checklistBox {float:left; margin:0; }
.checklistText {float:left; width:75%; padding:0.5em; margin:0; background-color:#b5c4cc; cursor:pointer;}
.checklistFeedback {width:100%; background-color:#b5c4cc;}


/*QUIZ DROPDOWN STYLES*/
.quizDDIntro {background-color:#FFFFFF; margin:0.5em 0 1em 0; width:99%; padding:0.2em; }
.quizDDQuestion {background-color:#b5c4cc; width:99%; padding:0.5em; font-weight:bold; color:#000;}
.quizDDSelect {font-size:95%; background-color: #b5c4cc; margin-top:0.2em;}
.quizNavDD{width:100%;} 


/*REFLECT SIMPLE STYLES*/
.reflectSimpleQuestion {background-color:#FFFFFF; margin:0.5em 0 1em 0; width:99%; padding:0.2em; }

/*CLOZE ACTIVITY STYLES*/
.clozeSelect {margin-left:0.2em;}
.clozeSentence {background-color:#FFFFFF; margin:0.5em 0 1em 0; width:99%; padding:0.2em; line-height:2em;}
.clozeSentence p{margin-bottom:2em;}
.clozeMark {margin-left:0.5em;}

/*DRAG ANSWER ACTIVITY STYLES*/
.dragAnswerQuestionImage {clear:both;float:left; padding: 0 0.5em 0.5em 0;}
.dragAnswerQuestion {background-color:#FFF; border:1px solid #11364d; float:left; width:50%; padding:0.5em;}
.dragAnswerQuestionTop {height:2em;padding:0.5em; }
.dragAnswerDrags {float:left; width:38%; margin-left:1em; }
.dragAnswerDrag {background-color:#b5c4cc; width:100%; min-height:2.5em; padding:0.5em; margin:0 0 0.5em 0;  }
.dragAnswerDragImage {clear:both;float:left;  margin: 0 0.5em 1em 0; border:1px solid #00272F;}
.dragAnswerNav {width:100%; height: 3em;}
.dragAnswerBottom {clear:both; width:95%; height:3em; }
.dragAnswerMark {padding-left:1em;}

/*reveal activity styles*/
.revealActivityHolder {clear:both; width:100%;}
.revealNumbers {float:left; width:4em; cursor:pointer;}
.revealNumber {background-color:#002A32; color:#FFF; text-align:center; width:3em; height:3em; margin:0.5em  0 0 0; padding:0.2em; line-height:2em;}
.revealContentHolder {float:left; width: 100%;}
.revealContent{background-color:#F78D1F; width:0; height:3em; margin:0.5em 0 0 0; padding:0.2em 0.5em; line-height:2em; visibility:hidden;}
/*RURAL EXTENSION //f18c38 f4b17a*/ 
.unitRural {border:0;  background-color:#e9e5ce;}
.unitRuralHeader, .unitRuralPageHeader{color: #008074;}
#keypointsHolder .keyPointsRuralDiv h3{background-color:#11364d;}
#keypointsHolder .keyPointsRuralDiv {background-color: #e9e5ce; padding-bottom: 0.5em;}
.resourceItemRuralHolder {background-color: #e9e5ce; padding-bottom: 1em; padding-top: 0.5em;}

@viewport { width:device-width; }
/*MOBILE SPECIFIC STYLES*/
@media only screen and (max-width: 60em) {
	#unitLeftContentHolder{display:none;}
	.unitCheckReflection{margin-left:0; display: none;}
	#unitContent{ margin:0; width: 100%; height:auto; }
}

@media only screen and (max-width: 38em) {
	.hideFromMobile{display:none;}
	.showInMobile{display:block;}
	
	#patient1Waiting{left:70px; }
	#doctorWaiting{display:none;}
	#doctorWaitingSpeech{top:-200px; left:0; }
	#doctorWaitingSpeechContent{width:60%;  }
	#speechPointerOffice{display:none;}
	
	#patient1Topic1Room, body.consultRoomBg{background:none !important;}
	#unitContent{ margin:0; width: 80%; height:auto; }
	.unitText, .shadow, .topicContent, #footer,#unitContent,.content  {width:100%; float:none; margin:0; padding:0;border:0; height:auto;}
	#unitNav{border:0; padding:0; }
	.unitSubPageNav{font-size:100%;}
	.unitSubPageNavNumber{margin-bottom:1em; padding:0.5em; text-align:center;}
	#unitNavNext, #unitNavBack, .unitSubPageNavNextBack, #unitPrintAnswers{clear:both; width:80%; float:none; margin:0.5em auto 0.5em auto;  padding:0.5em; text-align:center;}
	.unitCheckReflection {padding:0.5em;}
	.storyAnswer, .matchSelect, .quizDDSelect{max-width:90% !important;}
	.itemsMatch{width:90% !important;}
	.matchItems{margin-bottom:2em;}
	.shadow{
	-moz-box-shadow:none;
	-webkit-box-shadow: none;
	box-shadow: none;
	}
	.unitSubPageHeader, .unitSubPageSubHeader {width:100%;clear:both;float:none; text-align:left; margin:0.5em 0; }
.keyPointsDiv, .keyPointsPatientDiv, .keyPointsDivNoBg{background:none; height:auto;}
.keyPointsDivNoBg .keyPointsDivContent, .keyPointsDivContent , .keyPointsDivIndent{padding-left:0;}
#activityClose{max-width:30%;}
	
}