DEFAULT, BODY, TD, DIV, HTML { font-family: Arial, helvetica, sans-serif; font-size:11pt; color:#333333; }

/* Global Elements (applicable to both Presentation and Scenario Pages) */
H1 { font-size:21pt; font-weight:bold; color:#004577; }
H2 { font-size: 15pt; font-weight:bold; color:#647B35; }
H3 { font-size:12pt; font-weight:bold; color:#004577; }
H4 { font-size:11pt; font-weight:bold; color:#333333; }

#divbanner { position:absolute; left:0px; top:0px; width:778px; height:111px; }
#divcoursetitle { position:absolute; left:10px; top:81px; width:580px; font-weight:bold; color:#004975; }
#divglobalbtns { position:absolute; right:10px; top:52px }
#divmenu { position:absolute; right:10px; top:77px; }
A.glblbtn, A.glblbtn:active, A.glblbtn:visited { text-decoration:none; font-size:10pt; color: #FFFFFF; }
A.glblbtn:hover, A.glblbtn:active:hover, A.glblbtn:visited:hover { color: #FFC65E; }
.glblsep { color: #FFFFFF }

#divfooter { position:absolute; left:0px; top:562px; width:778px; height:160px; z-index:0; }
#divdebug { position:absolute; top:586px; left:724px; }

/* Presentation Pages */
#divpresbody { position:absolute; left:0px; top:114px; padding:12px; width:766px; min-height:340px; }
#divprescontent { position:relative; min-height:420px; }
#divpresfooter { position:relative; left:-12px; width:770px; height:160px; z-index:0; }
#divnextprevious { position:relative; left:-12px; width:778px; height:28px; background-color:#ECF3E3; padding-top:3px; }
#divnpbtns { float:right }

/* Role-Play Response Area */
#divresponse { position:absolute; left:10px; top:114px; width:528px; height:200px; border: solid 1px #D2DEB6; background-color:#FFFFFF; padding:6px 6px 6px 6px; overflow: auto; }
#divrespcontent { width:520px; height:180px; overflow:auto; }

/* Role-Play Action Area */
#divactions { position:absolute; left:10px; top:321px; width:540px; height:189px; padding-top:12px; }
#divacttitle { width: 540px; height:29px; background-color:#D1DFBC; color:#84906C; }
#divacttittext { height:19px; padding: 5px; font-weight:bold;  font-size:12pt; color:#84906C; }
#divacttitright { float:right; width:26px; height:29px; }
#divactcontent { width:530px; height:160px; overflow:auto; background-color:#ECF3E3; padding:5px; }
A.actbtn, A.actbtn:active, A.actbtn:visited, A.actbtn:link { font-size:10pt; color:#2F6886; }
A.actbtn:hover, A.actbtn:active:hover, A.actbtn:visited:hover, A.actbtn:link:hover { color:#FFC65E; }
td.actcell { padding-bottom:12px }

/* Role-Play/Checklist/Quickcase Coaching Corner Area */
#divcoaching { position:absolute; left:568px; top:114px; width:200px; height:225px; }
#divcoachtitle { width:200px; height:22px; background-color:#014478; color:#D9E2EB; font-size:12pt; font-weight:bold; padding:5px; }
#divcoachcontent { width:200px; height:200px; background-color:#D9E2EB; padding:5px; }
A.rsrclink, A.rsrclink:active, A.rsrclink:visited, A.rsrclink:link { color:#014478; font-size:10pt; }
A.rsrclink:hover, A.rsrclink:active:hover, A.rsrclink:visited:hover, A.rsrclink:link:hover { color:#FFC65E; }

/* Role-Play/Checklist/Quickcase Resource area */
#divresources { position:absolute; left:568px; top:356px; width:200px; height:195px; }
#divresourcetitle { width:200px; height:22px; background-color:#5A7AA1; color:#D9E2EB; font-size:12pt; font-weight:bold; padding:5px }
#divresourcecontent { width:200px; height:150px; background-color:#D9E2EB; padding:5px; }
div.rsrcitems { border:solid 1px #FFFFFF; padding:3px; margin-bottom:2px; }

/* Role-Play Miscellaneous stuff */
#divscenbtns { position:absolute; left:10px; top:540px; width:500px; height:30px; }
A.preslink, A.preslink:visited, A.preslink:active { color:#FFFFFF; }
A.preslink:hover, A.preslink:visited:hover, A.preslink:active:hover { color:#FF9900; }
ul.pres { margin:0px 0px 0px 20px; color:#FFFFFF; }
div.coachtext { width:252px; height:320px; overflow:auto; }
A.closebtn, A.closebtn:visited, A.closebtn:active { text-decoration:none; color: #000000; }
A.closebtn:hover, A.closebtn:visited:hover, A.closebtn:active:hover { color: #FF9900; }
span.title { font-size:14pt; color:#376F9B; }
span.popuptitle { font-size:14pt; color:#FFFFFF; }

/* Role-Play Reflection Page */
#divreflection { position:absolute; left:10px; top:114px; width:768px; height:426px;  }
#divreflecttitle { width:758px; height:22px; background-color:#014478; color:#D9E2EB; font-size:12pt; font-weight:bold; padding:5px }
#divreflectcontent { width:758px; height: 370px; background-color:#D9E1EB; color:#004577; padding:5px; overflow:auto; }
#divreflectbuttons { position:absolute; left:10px; top:540px; width:768px; height:30px; }

/* Popup windows */
#divcoachpopup { visibility:hidden; position:absolute; left:10px; top:114px; width:768px; height:446px; background-color:#D9E1EB; }
#divcoachpopuptitle { width:758px; height:22px; font-size:12pt; font-weight:bold; padding:5px; background-color:#014478; color:#D9E2EB; }
#divcoachpopupcontent { width:758px; height:380px; background-color:#D9E1EB; color:#004577; padding:5px; overflow:auto; border-bottom: solid 1px #014478; }
#divcoachbtn { position:absolute; right:20px; padding-top:3px; }

#divmispopup { visibility:hidden; position:absolute; left:10px; top:114px; width:768px; height:446px; background-color:#D9E1EB;  color:#D9E2EB; }
#divmispopuptitle { width:758px; height:22px; font-size:12pt; font-weight:bold; padding:5px; background-color:#014478; color:#D9E2EB;  }
#divmispopupcontent { width:758px; height:380px; color:#004577; padding:5px; overflow:auto; }
#divmisbtn { position:absolute; right:20px; }
div.mislinks { width:300px; }
.helplinkstitle { font-weight: bold; color:#004577; }
A.helplinksitem, A.helplinksitem:active, A.helplinksitem:hover { color:#004577; }
.missectitle { font-size:12pt; font-weight:bold; }

#divtranspopup { position:absolute; left:10px; top:114px; width:768px; height:446px; background-color:#ECF3E3; visibility: hidden; }
#divtranspopuptitle { width:758px; height:22px; font-size:12pt; font-weight:bold; padding:5px; background-color:#D1DFBC; color:#84906C;  }
#divtranspopupcontent { width:758px; height:380px; background-color:#ECF3E3; color:#2F6886; padding:5px; overflow:auto; }
#divtransclosebtn { position:absolute; right:20px; padding:3px; }

/* QC Pages (response width/heighth is defined on the main page to make the shrink work) */
#divqcresponse { position:absolute; left:10px; top:114px; visibility:visible; border: solid 1px #D2DEB6; background-color:#FFFFFF; color:#000000; }

#divqcactions { position:absolute; left:10px; top:268px; width:540px; height:255px; background-color:#ECF3E3; visibility:hidden; z-index:1; }
#divqcactionarea { width:530px; height:220px; background-color:#ECF3E3; color:#2F6886; padding: 0px 5px 0px 5px; z-index:2;}
#divqcstartbtn { visibility:hidden; position:absolute; left:10px; top:540px; z-index:1; }
#divqcendbtn { visibility:hidden; position:absolute; left:10px; top:540px; }

#divqcresults { position:absolute; left:-1000px; top:114px; width:768px; height:90px; visibility:hidden; }
#divqcresultstitle { width:762px; background-color:#D1DFBC; color:#84906C; font-size:12pt; font-weight:bold; padding-top:5px; padding-left:5px; }
#divqcresultscontent { width:757px; height:70px; background-color:#ECF3E3; color:#004577; padding:5px; }

#divqcfeedback { position:absolute; left:-1000px; top:230px; width:768px; height:290px; visibility:hidden; }
#divqcfeedbacktitle { width:762px; background-color:#014478; color:#D9E2EB; font-size:12pt; font-weight:bold; padding-top:5px; padding-left:5px; }
#divqcfeedbackcontent { width:757px; height:270px; background-color:#D9E2EB;  color:#1D5A86; padding:5px; overflow:auto; }
#divqcfeedbackbuttons { width:757px; height:30px; padding:3px; z-index:1; }
div.selectchoice { height:200px; border-left:solid 1px #376F9B; border-right:solid 1px #376F9B; border-bottom:solid 1px #376F9B; }

/* QC Pages pulldown menus (clTopMenuText should be 2 pixels wider than TopMenu so rightside shows) */
/*
div.prompt { position:relative; top:0px; color:#014478; font-weight:bold; padding-bottom:6px; }
*/
div.prompt { color:#014478; font-weight:bold; padding-bottom:6px; }
div.outermenu { visibility:hidden; padding:0px 0px 12px 0px; z-index:3; }
div.clTopMenu  { width:520px; border:solid 1px #376F9B; background-color:#F6FCEB; visibility:hidden; z-index:4; }
div.clTopMenuText { position:absolute; left:5px; width:522px; visibility:hidden; padding:0px; background-color:#F6FCEB; z-index:5; }
table.selecttable { width: 520px; z-index:5; }
A.currentselection, A.currentselection:visited, A.currentselection:active { color:#014478; font-size:10pt;  }
A.currentselection:hover, A.currentselection:visited:hover, A.currentselection:active:hover { color:#FFC65E; }
.selecttableprompt { font-size:10pt; text-decoration:none; font-style:italic; color: #014478; }
td.menucell { height:40px; padding-bottom:3px; z-index:11; }
A.menuitem, A.menuitem:active, A.menuitem:visited { color: #014478; }
A.menuitem:hover, A.menuitem:visited:hover, A.menuitem:active:hover { color:#FFC65E; }

/* QC Popup windows */
#divqccoachpopup { position:absolute; left:-1000px; top:114px; width:768px; height:445px; visibility:hidden; background-color:#D9E1EB;  z-index:2; }
#divqccoachpopuptitle { width:758px; height:22px; font-size:12pt; font-weight:bold; padding:5px; background-color:#014478; color:#D9E2EB; }
#divqccoachpopupcontent { width:758px; height:375px; background-color:#D9E1EB; color:#004577; padding:5px; overflow:auto; border-bottom: solid 1px #014478; }
#divqccoachbtn { position:absolute; right:20px; padding-top:3px; }

#divqctranspopup { position:absolute; left:-1000px; top:114px; width:768px; height:445px; visibility: hidden; background-color:#ECF3E3; z-index:2; }
#divqctranspopuptitle { width:758px; height:22px; font-size:12pt; font-weight:bold; padding:5px; background-color:#D1DFBC; color:#84906C;  }
#divqctranspopupcontent { width:758px; height:370px; background-color:#ECF3E3; color:#2F6886; padding:5px; overflow:auto; }
#divqctransclosebtn { position:absolute; right:20px; padding:3px; }

/* Checklist */
#divstrategyintro { position:absolute; left:10px; top:114px; width:530px; height:200px; border: solid 1px #D2DEB6; background-color:#FFFFFF; padding:5px; overflow:auto; }
#divstrategyitems { position:absolute; left:10px; top:320px; width:530px; height:184px; padding-top:12px; }
#divstratitemstitle { width: 540px; height: 29px; background-color:#D1DFBC; color:#84906C; }
#divstratitemstittext { padding-top:5px; padding-left:5px; font-weight:bold; }
#divstratitemstitright { float:right; width:26px }
#divstratitemcontent { width:530px; height:154px; overflow:auto; padding:5px; background-color:#ECF3E3; overflow:auto }
#divstrategybutton { position:absolute; left:10px; top:530px; height:30px; padding:3px; }

#divstratfeedbackintro { position:absolute; left:10px; top:114px; width:756px; height:170px; border:solid 1px #D2DEB6; background-color:#FFFFFF; padding:5px; overflow:auto; }
#divstratfeedbackitems { position:absolute; left:10px; top:300px; width:759px; height:229px; }
#divstratfeedtitle { width:769px; height:29px; background-color:#D1DFBC; color:#84906C; font-weight:bold; }
#divstratfeedtittext { padding:5px; font-weight:bold; }
#divstratfeedtitright { float:right; width:26px }
#divstratfeedbackcontent { width:759px; height:190px; padding:5px; background-color:#ECF3E3; overflow:auto }

/* Ask */
#divaskquestion { position:absolute; left:10px; top:114px; width:400px; height:140px; }
#divaskqtitle { width: 400px; height:29px; background-color:#D1DFBC; color:#84906C; }
#divaskqtittext { height:19px; padding: 5px; font-weight:bold;  font-size:12pt; color:#84906C; }
#divaskqtitright { float:right; width:26px; height:29px; }
#divaskqcontent { width:391px; height:80px; padding:3px; overflow:auto; border: solid 1px #D2DEB6; }

#divaskresponse { position:absolute; left:10px; top:240px; width:400px; height:200px; }
#divaskresptitle { width: 400px; height:29px; background-color:#D1DFBC; }
#divaskresptittext { height:19px; padding: 5px; font-weight:bold;  font-size:12pt; color:#84906C; }
#divaskresptitright { float:right; width:26px; height:29px; }
#divaskrespcontent { width:391px; height:280px; overflow:auto; padding:3px; border: solid 1px #D2DEB6; }

#divaskactions { position:absolute; left:420px; top:114px; width:358px; height:240px;  }
#divaskacttitle { width:358px; height:29px; background-color:#014478; }
#divaskacttittext { height:19px; font-weight:bold;  font-size:12pt; color:#FFFFFF; padding:5px; }
#divaskacttitright { float:right; width:26px; height:29px; }
#divaskactcontent { width:349px; height:240px; overflow:auto; background-color:#D9E1EB; color:#3A6F96; padding:5px; }

#divaskresources { position:absolute; left:420px; top:404px; width:349px; height:120px; background-color:#FF0000; }
#divaskresourcetitle { width:349px; height:22px; background-color:#5A7AA1; color:#D9E2EB; font-size:12pt; font-weight:bold; padding:5px }
#divaskresourcecontent { width:349px; height:110px; background-color:#D9E2EB; padding:5px; overflow:auto; }