/* ====================================================================================
 HTML Overrides
===================================================================================== */
body, table { font-family: Arial; font-size: 14px; color: #000000; line-height: 123%; letter-spacing: 0px; cursor: default; }
button { letter-spacing: 0; line-height: 100%; }
body { background-color: #C8C8C8; margin: 0; }
br { font-size: 14px; line-height: 100%; }
table { border-collapse: collapse; }
tr { vertical-align: top; }
hr { height: 1px; border-top: 1px solid #CCCCCC; }
a { color: #3A5D85; text-decoration: none; }
a:hover { color: #FF9900; text-decoration: underline; }
a img { border: 0; }
ul li { list-style-image: url("../Images/Common/Bullet.gif"); }

/* ====================================================================================
 ID Styles
===================================================================================== */
#oCenteringCell { width: 100%; height: 100%; vertical-align: middle; }
#oContainer { width: 1014px; height: 678px; background-color: #FFFFFF; }
#oHeader { height: 95px; background-image: url("../Images/Common/Header_BG.jpg"); background-repeat: no-repeat; padding: 80px 14px 0 14px; }
#oTemplate { height: 100%; text-align: left; vertical-align: top; background-image: url("../Images/Common/Container_BG.jpg"); background-repeat: no-repeat; }
#oFooter { background-image: url("../Images/Common/footerBG.jpg"); background-repeat:no-repeat; height: 53px; overflow: auto; }
#oNavigationPager { position: relative; width: 87px; height: 10px; vertical-align: top; background-image: url('../Images/Common/progressBackground.jpg'); background-repeat: no-repeat; }
#oProgressTable { position: absolute; top: 0; left: 0; height: 10px; vertical-align: top; }
#oTemplateHelpLayer { position: absolute; top: 0; left: 0; height: 678px; width: 944px; }
#oHeaderContainer {border:0px solid red; width:300px; height:90px; padding:25px 10px 0 0; position:absolute; right:0; top:0; text-align:right;}
#oCourseTitle   {font-family: Arial; font-size: 18px; color: #fff; font-weight:lighter; }
#oModuleTitle {font-family: Arial; font-size: 14px; color: #C1D1F0; font-weight:bold;}

#oInstructionContinue { display: none; cursor: pointer; }
/* ====================================================================================
 Class Styles
===================================================================================== */
.pagePadding { padding: 0 0px; width: 100%; height: 100%; overflow:hidden; }

.topicTitle { color: #EBAD1F; }

.leaderText { color: #66CC00; font-size: 18px; line-height: 22px; margin: 0 0 10px 0; }
.bigText { font-size: 18px; color: #993399; }
.instruction { background: url("../Images/Common/Instruction_Bullet.gif") no-repeat 0 3px; font-size: 13px; margin: 15px 0 0 0; padding-left: 10px; color: #000000; }
.instruction2 { background: url("../Images/Common/Instruction_Bullet_2.gif"); background-repeat: no-repeat; background-position: 0 3px; font-size: 13px; margin: 15px 0 0 0; padding-left: 10px; color: #000000; }
.instruction3 { background: url("../Images/Common/Instruction_Bullet_Long.gif") no-repeat 0 3px; font-size: 13px; margin: 15px 0 0 0; padding-left: 10px; color: #000000; }
.instruction4 { background: url("../Images/Common/Instruction_Bullet_Long_2.gif") no-repeat 0 3px; margin: 15px 0 0 0; }
.instruction5 { background: url("../Images/Common/Instruction_Bullet_Long_3.gif") no-repeat 0 3px; font-size: 13px; padding: 6px 70px 0 20px; color: #000000; }
.instruction6 { background: url("../Images/Common/Instruction_Bullet_Long_4.gif") no-repeat 0 3px; font-size: 13px; padding: 6px 70px 0 20px; color: #000000; }
.oModuleColumn { background-image: url("../Images/Common/HeaderModule_BG.gif");  }

.checkBox { margin: 3px 10px; }
.panel { padding: 20px; background-color: #EAEAF0; border: 1px solid #C0C0C0; }

a.link { border-bottom: 1px dotted #565FBC; }
a:hover.link { text-decoration: none; color: #FF9900; border-bottom: 1px dotted #FF9900; }

.text { height: 100%; overflow: auto; }

.navigationPadding { width: 100%; padding: 0px; }
.navigationPager { width: 109px; height: 36px; text-align: center; padding: 16px 0 0 0; font-family: verdana, arial; font-size: 12px; color: White}

.stepNavigation { color: #333333; white-space: nowrap; font-weight: bold; }
.stepNavigation a { color: #0099FF; }
.stepNavigation a:hover { color: #0099FF; }