body
{
    background: #262861;
    margin: 0px;
}

h1, .surveyHeader h1
{
    font-family: Arial, Verdana;
    color: #ff9900;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 10px;
    margin-top: 5px;
    padding-left: 0px;
    margin-right: 0px;
}
.surveyHeader h1
{
    font-size: 32px;
}
h2
{
    font-family: Arial, Verdana;
    color: #990000;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 10px;
    margin-top: 5px;
    padding-left: 0px;
    margin-right: 0px;
}

h3
{
    font-family: Arial, Verdana;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

h4
{
    font-family: Arial, Verdana;
    color: #ff9900;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 5px;
    padding-left: 0px;
    margin-right: 0px;
}

h5
{
    font-family: Arial, Verdana;
    color: #000000;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 5px;
    padding-left: 0px;
    margin-right: 0px;
}

table.main
{
    border: none;
    border-collapse: collapse;
    width: 980px;
    height: 159px;
}

table.body
{
    border: none;
    border-collapse: collapse;
    width: 724px;
    height: 361px;
}

table.quiz
{
    border: none;
    border-collapse: collapse;
    width: 690px;
    height: 361px;
}

.surveyHeader
{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 18px;
    border: none;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 0px;
    padding-bottom: 0px;
    vertical-align: top;
    height: 75px;
    text-align: center;
}

.surveyHeader h1
{
    color: #ffcc01;
    text-align: center;
    font-size: 24px;
}

.surveyOption
{
    border: none;
    border-collapse: collapse;
    width: 100px;
    height: 50px;
}

.surveyQuestion
{
    border: none;
    border-collapse: collapse;
    width: 450px;
    height: 50px;
}

.answer
{
    border: none;
    border-collapse: collapse;
    width: 24px;
    height: 25px;
}
div.emptyAnswer
{
    position: relative;
    top: -10px;
    left: 5px;
    width: 24px;
    height: 25px;
}

label.correct
{
    color: #ff9900;
}

label.wrong
{
    color: red;
}

div.correct
{
    position: relative;
    top: -10px;
    left: 5px;
    width: 24px;
    height: 25px;
    background: url("../lessons/images_global/correctCheck.png");
}

div.wrong
{
    position: relative;
    top: -10px;
    left: 5px;
    width: 24px;
    height: 25px;
    background: url("../lessons/images_global/wrongCheck.png");
}

table.content
{
    border: none;
    border-collapse: collapse;
    width: 980px;
    height: 361px;
}

table.footer
{
    border: none;
    border-collapse: collapse;
    width: 980px;
    height: 100px;
}

table.bottom
{
    border: none;
    border-collapse: collapse;
    width: 980px;
    height: 40px;
}

td.main
{
    width: 724px;
    height: 361px;
}

td.slideContent, div.resourcesSlideContent
{
    width: 724px;
    height: 361px;
}
div.resourcesSlidecontent
{
    z-index: 50;
}

td.title
{
    width: 724px;
    height: 358px;
    vertical-align: middle;
}

td.topnav
{
    background-image: url(../images/navbg.jpg);
    width: 980px;
    height: 37px;
}

td.panelLeft
{
    background-image: url(../images/PanelLeft.jpg);
    width: 130px;
    height: 361px;
}

td.panelRight
{
    background-image: url(../images/PanelRight.jpg);
    width: 126px;
    height: 361px;
}

td.body
{
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 16px;
    list-style: square;
    border: none;
    padding-top: 20px;
    padding-left: 25px;
    padding-right: 15px;
    padding-bottom: 20px;
    vertical-align: top;
}

td.bodyspaced
{
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 16px;
    list-style: square;
    border: none;
    padding-top: 20px;
    padding-left: 25px;
    padding-right: 15px;
    padding-bottom: 20px;
    vertical-align: top;
    line-height: 150%;
}

td.bodynopadding
{
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 16px;
    list-style: square;
    border: none;
    vertical-align: top;
    padding-top: 0;
    padding-left: 25px;
    padding-right: 15px;
    padding-bottom: 0;
    vertical-align: top;
}

td.body ul, td.bodyb ul, td.body2 ul, td.body2b ul, td.bodypoi ul, td.bodyspaced ul, td.bodynopadding ul
{
    margin-left: 0px;
}

ul li
{
    margin-top: 0;
    margin-bottom: 10px;
    margin-right: 10px;
}

ul li.somespace
{
    margin-top: 8px;
    margin-bottom: 8px;
}

ul li.extraspace
{
    margin-bottom: 18px;
}

td.bodyb
{
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 15px;
    list-style: square;
    border: none;
    padding-top: 20px;
    padding-left: 16px;
    padding-right: 15px;
    padding-bottom: 20px;
    vertical-align: top;
}

td.body2
{
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 16px;
    list-style: square;
    border: none;
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 20px;
    vertical-align: top;
}

td.body2b
{
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 15px;
    list-style: square;
    border: none;
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 20px;
    vertical-align: top;
}

td.quizheader
{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 18px;
    border: none;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 0px;
    padding-bottom: 0px;
    vertical-align: top;
    height: 75px;
}
td.bodypoi
{
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 16px;
    font-weight: bolder;
    list-style: square;
    border: none;
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 20px;
    vertical-align: top;
}

td.quiz, .surveyOption, .surveyQuestion, .surveyContent
{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 15px;
    border: none;
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 0px;
    padding-bottom: 0px;
    vertical-align: top;
}

.surveyContent
{
    text-align: center;
}

td.quiz
{
    width: 450px;
}

td.header
{
    width: 980px;
    height: 122px;
    background-image: url(../images/header.jpg);
}

td.navbottom1
{
    width: 130px;
    height: 40px;
    background-image: url(../images/navBottom1.jpg);
}

td.navbottom2
{
    width: 600px;
    height: 40px;
    background-image: url(../images/navBottom2.jpg);
}

td.navbottom3
{
    width: 126px;
    height: 40px;
    background-image: url(../images/navBottom3.jpg);
}

td.navArrowBack
{
    width: 65px;
    height: 40px;
}

td.navArrowNext
{
    width: 59px;
    height: 40px;
}

td.footer
{
    width: 980px;
    height: 100px;
    background-image: url(../images/footer.jpg);
}

a.orange
{
    color: #ffffff; /*color: #ffb400;*/
    text-decoration: none;
}
a.orange:hover
{
    color: #000000;
}

a.bergundy
{
    color: #ffffff; /*color: #9f1010;*/
    text-decoration: none;
}
a.bergundy:hover
{
    color: #000000;
}

a.yellow
{
    color: #ffde00;
    text-decoration: none;
}
a.yellow:hover
{
    color: #ffffff;
}

input.submit, input.print, input.preview, input.startover
{
    position: relative;
    border: none;
    padding: 0;
    width: 115px;
    height: 37px;
    background: url("../lessons/images_global/submit_button.png");
    cursor: pointer;
}

input.print
{
    background: url("../lessons/images_global/print.png");
}

input.preview
{
    background: url("../lessons/images_global/preview.png");
}

input.startover
{
    background: url("../lessons/images_global/startover.png");
}

input.ArrowBack
{
    display: block;
    width: 65px;
    height: 40px;
    border: none;
    padding: 0;
    cursor: pointer;
    background: url("../images/navarrowLeft_Over.jpg");
}

input.ArrowBackDisabled
{
    display: block;
    width: 65px;
    height: 40px;
    border: none;
    padding: 0;
    background: url("../images/navarrowLeft.jpg");
}

input.ArrowNext
{
    display: block;
    width: 59px;
    height: 40px;
    border: none;
    padding: 0;
    cursor: pointer;
    background: url("../images/navarrowRight_Over.jpg");
}

input.ArrowNextDisabled
{
    display: block;
    width: 59px;
    height: 40px;
    border: none;
    padding: 0;
    background: url("../images/navarrowRight.jpg");
}

/* Chrome - get rid of focus highlight around clicked buttons */
input[type="button"]
{
    outline: none;
}

/* Firefox - get rid of focus rectangle around clicked buttons */
input[type="button"]::-moz-focus-inner
{
    border: 0;
}

/* Firefox - get rid of focus rectangle around clicked links */
a:focus
{
    outline: none;
}

div.answerAnnouncement
{
    display: none;
    float: right;
    padding: 5px 20px 0 0;
}

div.answerAnnouncement h5
{
    color: #ff9900;
    font-size: 14px;
}

ul.reddot
{
    list-style-image: url("../images/reddot.png");
}

.makeapoint
{
    padding: 0 0 0 50px; /* 75px being the width of the thumbnail + how much space you want to put between it and your text */
    position: relative; /* So the thumbnail is relative to this */
}

.makeapoint img
{
    left: 0;
    position: absolute;
    top: 0;
}

label.hoverlabel:hover, label.hoverlabel:active
{
    color: #ff9900;
    cursor: pointer;
}

a.ArrowBack:hover a.ArrowBack:visited, a.ArrowBack:link, a.ArrowBack:active
{
    display: block;
    width: 65px;
    height: 40px;
    border: none;
    padding: 0;
    background: url("../images/navarrowLeft.jpg");
}
a.ArrowBack:hover
{
    background: url("../images/navarrowLeft_Over.jpg");
}

a.ArrowNext:hover a.ArrowNext:visited, a.ArrowNext:link, a.ArrowNext:active
{
    display: block;
    width: 59px;
    height: 40px;
    border: none;
    padding: 0;
    background: url("../images/navarrowRight.jpg");
}
a.ArrowNext:hover
{
    background: url("../images/navarrowRight_Over.jpg");
}

#PrintCertificateHolder
{
    display: none;
}
/* Resources Content */
.ResourcesHolder
{
    width: 724px;
    height: 361px;
    background: #000000;
    color: White;
    font-family: Arial, Verdana;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
}
.ResourcesHolder p
{
    margin-left: 10px;
}
.ResourcesBody
{
    position: relative;
    width: 680px;
    height: 280px;
    overflow: hidden;
    margin: 0px 0px 0px auto;
}
.ResourcesScrollerMargin
{
    margin-right: 20px;
}

#ResourcesTopBar
{
    position: static;
    width: 100%;
    height: 81px;
    z-index: 0;
}

.OrangeText
{
    color: #ff9900;
}
.WhiteText
{
    color: #ffffff;
    font-family: arial, verdana, sans-serif;
    font-size: 13px;
}
.BlackText
{
    color: #000000;
}
.RedText
{
    color: #FF0000;
}
.GlossaryBackground
{
    background: url("../images/bg_glossary.jpg") repeat-x;
}
.GlossaryIcon, .HazardIcon, .POIIcon
{
    float: left;
    top: 0px;
    left: 0px;
    width: 83px;
    height: 81px;
    background: url("../images/icon_glossary.jpg") no-repeat;
}
.HazardBackground
{
    background: url("../images/bg_hazard.jpg") repeat-x;
}
.POIBackground
{
    background: url("../images/bg_POI.jpg") repeat-x;
}
.HazardIcon
{
    background: url("../images/icon_hazard.jpg") no-repeat;
}
.POIIcon
{
    background: url("../images/icon_poi.jpg") no-repeat;
}

.ResourceCloseButton
{
    float: right;
    top: 0px;
    right: 0px;
    border: none;
    padding: 0;
    background: none;
    font: 12px bold Arial,Helvetica,sans-serif;
    color: White;
    cursor: pointer;
}
.CertificateCloseButton
{
    position: absolute;
    top: 310px;
    left: 135px;
    width: 450px;
    border: none;
    padding: 0;
    background: none;
    font: 13px Arial,Helvetica,sans-serif;
    font-weight: bolder;
    color: Black;
    cursor: pointer;
}

.CheckTitle
{
    font: 14px bold Arial,Helvetica,sans-serif;
    color: White;
}

.divider
{
    height: 2px;
    width: 90%;
    background: #FFFFFF;
    margin: 0px auto;
}

/* Certificate Holder Section */

/* Certificate Styles */
#PreviewCertificateHolder
{
    position: relative;
    top: 0px;
    left: 0px;
    width: 724px;
    height: 361px;
    text-align: center;
}
.SalutationContent
{
    position: absolute;
    top: 100px;
    left: 165px;
    width: 381px;
    text-align: center;
    font: normal 12px Arial,Helvetica,sans-serif;
}

.StudentName
{
    position: absolute;
    top: 120px;
    left: 135px;
    width: 450px;
    text-align: center;
    font: bold 14px Arial,Helvetica,sans-serif;
}
.CourseCompletedContent
{
    position: absolute;
    top: 145px;
    left: 165px;
    width: 381px;
    text-align: center;
    font: normal 12px Arial,Helvetica,sans-serif;
}
.CourseLogoContent
{
    position: absolute;
    top: 185px;
    left: 165px;
    width: 381px;
    text-align: center;
}
.BankContent
{
    position: absolute;
    top: 190px;
    left: 45px;
    font: normal 8px Arial,Helvetica,sans-serif;
    border: 1px solid #ddd;
    padding: 5px;
}
.DateContent
{
    position: absolute;
    top: 250px;
    left: 0px;
    width: 80%;
    text-align: right;
    font: normal 12px Arial,Helvetica,sans-serif;
}
.CourseSessionContent
{
    position: absolute;
    top: 270px;
    left: 0px;
    width: 80%;
    text-align: right;
    font: bold 10px Arial,Helvetica,sans-serif;
}

.CourseModuleList
{
    color: white;
    text-decoration: none;
    font-family: arial, verdana, sans-serif;
    font-size: 13px;
}

.CourseModule
{
    color: white;
    text-decoration: none;
}

.CourseModuleActive
{
    color: orange;
}

.CourseModuleInactive
{
    color: gray;
    cursor: default;
}


.WhiteText a
{
    color: inherit;
    text-decoration: none;
}

.WhiteText a:hover {
    color: #ff9900;
}
