body {
   margin: 0px;
   padding: 0px;
   color: #000;
   background-color: #fff;
   font: normal 10pt Arial, sans-serif;
}

@font-face {
  font-family: MyCursive;
  font-style: normal;
  font-weight: normal;
  src: url("/public/webtp/brushscript.eot");
}

.bigCursive {
   color: #ccc;
   font-family: BrushScript, MyCursive, Verdana, sans-serif;
   font-size: 25px;
   line-height: 1.3;
   padding: 0px 5px 0px 5px;
   margin: 0px;
}

img   { border: none; }
form  { display: inline; }

.comment {
   color:red;
   font-size:8pt;
}

a:link, a:hover, a:visited, a:active {
   font-weight: normal;
   font-family: Verdana, Arial, Helvetica;
   color: #00c;
   text-decoration: underline;
}

a:visited, a:active {
   text-decoration: underline;
}

a.suMenuLink:link,
a.suMenuLink:visited,
a.suMenuLink:active,
a.suMenuLink:hover {
   color: #000;
   font: bold 10pt Arial, sans-serif;
   text-decoration: none;
}

a.suMenuLink:hover  {
   text-decoration: underline;
}

a.topNavBarLink:link,
a.topNavBarLink:visited,
a.topNavBarLink:active,
a.topNavBarLink:hover {
   font: bold 10pt Arial, sans-serif;
   color: #0000CC;
   text-decoration: none;
   padding: 0px 5px;
}

a.topNavBarLink:active,
a.topNavBarLink:hover {
   text-decoration: underline;
}

table {
   text-align: left;
}

tr.topNav {
   background-color: #BEBEBE;
}

.smalltext {
   font-family: Arial, sans-serif;
   font-size: 7pt;
   color: #5f5f5f;
}

.topNavTitle {
   font: bold 10pt Arial, sans-serif;
   color: #fff;
   text-decoration: none;
}

.topCopy {
   width: 85%;
   font: normal 16px sans-serif;
   text-align: left;
   padding-bottom: 5px;
}

.middot {
   font: bold 12pt Arial, sans-serif;
   color: #D71635;
   margin: 0px 3px;
}

td.progNameHeader {
   color: #fff;
   background-color: #d71635;
   font: bold italic 20pt sans-serif;
   height: 55px;
}

td.courseNameHeader {
   color: #d71635;
   background-color: #fff;
   font: normal 18pt Arial, sans-serif;
}

div#logo {
   position: absolute;
   margin: 0px;
   border: 0px;
   padding: 7px 10px;
}

div#programHeader {
   color: #fff;
   background-color: #d71635;
   font: bold italic 24pt Arial, sans-serif;
   text-align: left;
   padding-left: 100px;
}

div#pledReturnLink {
   display: inline;
   position: absolute;
   top: -6px;
   right: 0px;
   overflow: hidden;
}

div#courseHeader {
   color: #D71635;
   background-color: #e8e8e8;
   font: bold italic 12pt Arial, sans-serif;
   padding-left: 100px;
   text-align: left;
}

div#topNav {
   color: #00c;
   background-color: #fff;
   font: bold 12pt Arial, sans-serif;
   text-align: right;
   float: right;
   margin-left: 100px;
   margin-bottom: 10px;
   border-bottom: 3px solid #00c;
   margin-right: 5px;
}

div#mainContent {
   clear: both;
   text-align: left;
   margin-left: auto;
   margin-right: auto;
   width: 85%;
}

#mainContent h3 {
   text-align: center;
}

table#performanceKey {
   border: 0;
   border-collapse: collapse;
   margin: 20px auto;
   width: 100%;
   vertical-align: center;
}

table#performanceKey thead {
   background-color: #E5E5E5;
   font-weight: bold;
   text-align: center;
}

table#performanceKey tbody {
   text-align: left;
}

.performanceRow {
   font-weight: bold;
}

.performanceRowHeader {
   color: #D71635;
   font-weight: bold;
}

.centeredItalic {
   text-align: center;
   font-style: italic;
}

tr.footer {
   background-color: #D71635;
}

tr.lightRow {
   background-color: #efefef;
}

tr.darkRow {
   background-color: #cfcfcf;
}

.blockHighlight {
   padding: 2px;
   background-color: #E5E5E5;
}

.redItalics {
   font-family: Arial, sans-serif;
   font-size: 10pt;
   color: #D71635;
   font-style: italic;
   font-weight: bold;
}

.sectionTitle {
   font-family: Arial, sans-serif;
   font-size:16pt;
   color: #000000;
   font-weight: bold;
}

form.noFormSpace {
   display: inline;
   margin: 0;
   padding: 0;
}

.script {
   font-family: Script, Arial, sans-serif;
   font-size: 30pt;
   color: #BEBEBE;
   font-weight: bold;
   float: left;
   clear: left;
   vertical-align: top;
}

.backToTop {
   font-size: 8pt;
   color: #D71635;
   text-align: right;
}

.mcQuestionNum {
   font: normal 8pt Arial, sans-serif;
   color: #000;
}

/* @todo group following 9 CSS classes
 */
.nextBackButton {
    color: #fff;
    border: outset 1px #999;
    font: bold 11px Tahoma,Verdana,Arial;
    background-color: #D71635;
    height:19px;
    text-decoration:none;
    cursor: pointer;
}

.goQuestionButton {
    color: #fff;
    border: outset 1px #999;
    font: bold 11px Tahoma,Verdana,Arial;
    background-color: #D71635;
    height:19px;
    text-decoration:none;
    cursor: pointer;
}

.goQuestionBox {
    color: #000;
    border: outset 1px #999;
    font: bold 11px Tahoma,Verdana,Arial;
    background-color: #FFFFFF;
    height:19px;
    text-decoration:none;
}

.doneButton {
    color: #fff;
    border: outset 1px #999;
    font: bold 11px Tahoma,Verdana,Arial;
    background-color: #D71635;
    height:19px;
    text-decoration:none;
    cursor: pointer;
}

.skipButton {
    color: #fff;
    border: outset 1px #999;
    font: bold 11px Tahoma,Verdana,Arial;
    background-color: #D71635;
    height:19px;
    text-decoration:none;
    cursor: pointer;
}

.completedButton {
    color: #fff;
    border: outset 1px #999;
    font: bold 11px Tahoma,Verdana,Arial;
    background-color: #D71635;
    height:19px;
    text-decoration:none;
    cursor: pointer;
}

.answerButton {
    color: #000;
    border: outset 1px #999;
    font: bold 11px Tahoma,Verdana,Arial;

    background-color: #E5E5E5;
    height:19px;
    width: 30px;
    text-decoration:none;
    cursor: pointer;
}

.answerButtonCorrect {
    color: #000;
    border: outset 1px #999;
    font: bold 11px Tahoma,Verdana,Arial;

    background-color: #C0FFC0;
    height:19px;
    width: 30px;
    text-decoration:none;
    cursor: pointer;
}

.answerButtonIncorrect {
    color: #000;
    border: outset 1px #999;
    font: bold 11px Tahoma,Verdana,Arial;

    background-color: #FFC0C0;
    height:19px;
    width: 30px;
    text-decoration:none;
    cursor: pointer;
}

.errmsg {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #FF0000;
}

.transcriptModName {
    font: bold 12pt Verdana, Arial, Helvetica, sans-serif;
    vertical-align: top;
}

.transcriptHeader {
    font: bold 14pt Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
}

.goButton {
    font: bold 11px Tahoma,Verdana,Arial;
    color: #fff;
    background-color: #D71635;
    border: outset 3px #fff;
    height:19px;
    width: 60px;
    text-decoration:none;
    cursor: pointer;
}

.footerButton {
    font: bold 12px Arial, sans-serif;
    color: #fff;
    background-color: #D71635;
    border: none;
    cursor: pointer;
}

.footerButton:hover {
    color: #cfcfcf;
    text-decoration:underline;
}

.questionNavButton {
   color: #000;
   background-color: #ccc;
   border: none;
   cursor: pointer;
   margin-top: 3px;
   border-bottom: solid 1px black;
   width: 65px;
   padding: 0px;
}

.questionNavButton:hover {
   background: #efefef;
}

.navButtons {
   width: 440px;
   background: #ccc;
   text-align: center;
}

.navButtons input.onedigit {
   width: 13px;
}

.navButtons input {
   font: normal 11px/1.3 Verdana, Arial;
   color: #000;
   background: #ccc;
   height: 20px;
   border: none;
   border-bottom: solid 1px black;
   cursor: pointer;
   display: inline;
   margin: 3px 0px 15px 0px;
}

.navButtons input:hover {
   background: #efefef;
}

input.answered {
   background: #fff;
}

input.current {
   color: blue;
   border: solid 1px black;
}

.markReviewButton {
   font: normal 12px Arial;
   color: #000;
   background-color: #ccc;
   border: outset 1px #fff;
   height: 40px;
   width: 100px;
   cursor: pointer;
   padding: 0em;
}

.topMCQNavButton {
   font-family: Arial, sans-serif;
   font-size: 10pt;
   color: #000;
   background-color: #ccc;
   border: outset 1px #fff;
   height: 60px;
   width: 70px;
   text-decoration: none;
}

a.topMCQNavLink {
   font-family: Arial, sans-serif;
   font-size: 10pt;
   color: #000;
   text-decoration: none;
}

.essayReprint {
    font-family: Courier, sans-serif;
    font-size:10px;
    background-color:#BEBEBE;
}

.SUSelectionHeader {
    background-color:#E5E5E5;
    color: #D71635;
    font-weight: bold;
    font-size: 14pt;
    text-align: center;
}

a.suChangedYes {
   color: #090;
}

a.suChangedNo {
   color: #00c;
}

div#suChangeLogEntries {
   border: 1px solid black;
   background-color: #E5E5E5;
   padding: 0.5em 0.5em 0.5em 0.5em;
   height: 200px;
   width: 600px;
   overflow: auto;
}

div#suChangeLogEntries p#entry {
   margin: 0em 1em 2em 5em;
   text-indent: -4em;
}

div#suChangedWarningBox {
   background-color: #E5E5E5;
   border: 1px solid black;
   padding: 1em 1em 1em 1em;
   width: 60%;
   text-align: left;
}

div#suChangedWarningBox span#suChangedWarningTitle{
   width: 100%;
   font-size: 1.5em;
   margin: 1em 1em 1em 1em;
   text-align: center;
   color: #D71635;
}

div#mcqQuestion {
   background-color: #fff;
   overflow: auto;
}

/* IE6 only */
* html div#mcqQuestion {
   margin-right: 1em;
}

.buttonArea {
   width: 30px;
   vertical-align: top;
}

.buttonArea input[type=radio] {
   cursor: pointer;
}

.explainArea {
   color: #000;
   background: #efefef;
   padding: 10px 5px;
   border: solid 1px #000;
   text-align: left;
   width: 80%;
}

#mcqQuestion label {
   cursor: pointer;
}

#mcqQuestion label:hover {
   background: #efefef;
}

@media screen{
   div#mcqQuestion{
      height: 400px;
   }

}

span.moduleUpdated {
   color: #000000;
   font-weight: bold;
}

div#factPattern {
   text-align: left;
   width: auto;
   background-color: #FFFFFF;
   border-bottom: 3px solid #ECE9D8;
   height:175px;
   overflow: auto;
   padding: 10px;
   margin: 0px;
}

div#mcqQuestionWFact{
   width: auto;
   background-color: #FFFFFF;
   border-bottom: 3px solid #ECE9D8;
   height: 175px;
   overflow: auto;
   padding: 10px;
}

div#mcqQuestionNoFact{
   width: auto;
   background-color: #FFFFFF;
   border-bottom: 3px solid #ECE9D8;
   height: 100%;
   overflow: auto;
   padding: 10px;
}

#bottomNav {
  background-color: #D71635;
  text-align: center;
}

#footer {
  text-align:center;
}

.bottomNavButton {
    font: bold 12px Arial, sans-serif;
    color: #fff;
    background-color: #D71635;
    border: none;
    cursor: pointer;
}

.bottomNavButton:hover {
    color: #cfcfcf;
    text-decoration:underline;
}
.ansIncorrect {
   color:#CC3333;
   font:bold 1em Verdana;
}
.ansCorrect {
   color:#337733;
   font:bold 1em Verdana;
}
.pTitle {
   text-align: left;
   font-size: 16px;
   font-weight: bolder;

}

.toggleViewBut {
   background-color: #D71635;
   cursor: pointer;
   color: white;
   padding: 1px;
}