/* Desktop Styles for SecondBankruptcyCourse.com
Version 1.0 - Modified 5/25/2012 */
/* ----- COLOR GUIDE ------
	#383B42 : Dark Gray
	#D1510D : Burnt Orange (base color)
	#FFF4D1 : Tan
	#BFBFBF : Light Gray
	#302825 : Dark Brown
*/
/* ----- TABLE OF CONTENTS -----
	^1 General Settings
		^1.1 Tags
		^1.2 Classes
	^2 Header
		^2.1 Website Header
	^3 Main Content
		^3.1 Website Homepage
		^3.2 Lists
		^3.3 Button Bar
		^3.4 Forms
		^3.5 Registration Message Box
	^4 Sidebar
		^4.1 Website Navigation
		^4.2 Log In Area
		^4.3 Course Navigation
	^5 Footer
	^6 Spry
		^6.1 Panels and Accordians
		^6.2 Nav Accordion (Course)
		^6.3 Text Field
		^6.4 Text Area
		^6.5 Radio Group
		^6.6 Select
		^6.7 Confirm Field
		^6.8 Checkbox
		^6.9 Password


To jump to particular section highlight the section ID and press:
Shift + F3 (Windows) / Cmd + Shift + G (Mac OS X)
*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700);

/*---------------------------------------------------
    ^1 GENERAL SETTINGS
---------------------------------------------------*/
header, section, footer, aside, nav, article, figure, time, canvas, details, figcaption, hgroup, menu, summary {
    /*html5 elements*/
    display: block;
}

h1, h2, h3, h4, h5, h6,
ul, ol, li, p, address, div, blockquote {
    /*limited scale reset*/
    margin: 0;
    padding: 0;
}
html,
body,
input,
textarea,
select {
    font-family: 'Open Sans', sans-serif;
    letter-spacing: -0.02em;
}

html, body {
    background-color: #383B42;
    font-size: 100%;
    color: #5b6064;
    margin: 0;
    padding: 0;
}

#wrapper {
    background-color: #fff;
    margin: 0 auto;
    position: relative;
    width: 860px;
    padding-bottom: 63px;
    min-height: 700px;
}

#course #wrapper {
    min-height: 995px;
    padding-bottom: 96px;
}


/* ----- 1.1 Tags ----- */
a {
    border-bottom: 1px dashed #D1510D;
    color: #D1510D;
    text-decoration: none;
}

h1 {
    border-top: #383b42 4px double;
    border-bottom: #383b42 4px double;
    color: #383b42;
    font-size: 1.5em;
    padding: 10px 0;
    text-align: center;
}

h2 {
    color: #383b42;
    font-size: 1.2em;
    margin: 15px 0;
}

h3 {
    color: #d1510d;
    margin: 15px 0 -10px 0;
    font-size: .9em;
}

h4 {
    color: #302825;
    font-size: .9em;
    margin: 15px 0 -10px 0;
}

p,
dl {
    font-size: .9em;
    line-height: 1.4em;
    margin: 15px;
}

dt {
    font-weight: bold;
    margin-top: 2em;
    margin-bottom: .2em;
    display: list-item;
    list-style-type: circle;
}

dt:first-of-type {
    margin-top: 0;
}

dd {
    margin-left: 2em;
}

img {
    outline: none;
    border: none;
}

/* ----- 1.2 Classes ----- */
.alert {
    color: red;
    font-weight: bold;
}

.bkExample {
    display: block;
    line-height: 2em;
    margin-left: 15px;
}

.bkExampleHighlight {
    background: yellow;
    color: red;
}

.bold {
    font-weight: bold;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 3px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.3);
}

.btn-green {
    color: #fff;
    background-color: #74b142;
    border-color: #5a9b25;
}

.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active {
    color: #fff;
    background-color: #61a22b;
    border-color: #50911c;
}

.btn-orange {
    color: #fff;
    background-color: #d1510d;
    border-color: #a83c03;
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active {
    color: #fff;
    background-color: #a83c03;
    border-color: #963400;
}

.btn-blue {
    color: #fff;
    background-color: #383b42;
    border-color: #1a202e;
}

.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active {
    color: #fff;
    background-color: #262a32;
    border-color: #131927;
}

.button-mainContent,
.button-reviewSection {
    font-size: .9em;
    height: 45px;
    width: 70%;
}

.center {
    display: block;
    text-align: center;
}

.centerSpan {
    display: block;
    margin: 15px;
    text-align: center;
}

.clear {
    clear: both;
}

.enterZero {
    font-size: .8em;
    font-weight: normal;
}

.input-readOnly {
    background: inherit;
    border: none;
    color: #D1510D;
    font-weight: bold;
}

.lead {
    margin: 0 22px 30px 0;
    color: #383b42;
    font-size: 1.2em;
}

.mobile {
    display: none;
}

.pop {
    -webkit-box-shadow: 0px 0px 10px 4px #006600;
    box-shadow: 0px 0px 10px 4px #006600;
    text-shadow: 5px 5px 10px #006600;
    filter: dropshadow(color=#006600, offx=5, offy=5);
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

.row:after {
    clear: both;
    content: " ";
    display: table;
}

.row:before {
    content: " ";
    display: table;
}

[class*='span-'] {
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.span-4 {
    width: 36%;
}

.span-5 {
    width: 46%;
}

.span-6 {
    width: 56%;
}

.submittedForm {
    border: double 4px #006600;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #006600;
    font-weight: bold;
    padding: 10px;
}

.dotted {
    border-top: 1px dashed #fff4d1;
    border-bottom: none;
    border-left: none;
    border-right: none;
}

/*---------------------------------------------------
    Public Website Only - Styles not to effect course pages
---------------------------------------------------*/

body.website h1 {
    border-top: none;
    border-bottom: none;
    color: #d1510d;
    font-size: 2.2em;
    font-weight: 400;
    padding: 10px 0;
    text-align: left;
}

body.website header {
    background: none;
}

body.website #mainContent {
    border-top: 1px solid #383b42;
    min-height: 460px;
}

body.website .textfieldRequiredState .textfieldRequiredMsg, 
body.website .passwordRequiredState .passwordRequiredMsg{
    color: #000000;
    font-size: 12px;
}
/*---------------------------------------------------
    ^2 HEADER
---------------------------------------------------*/

header {
    height: 50px;
    padding: 30px 0 0 30px;
    background: url('../_images/logo_240x50.png') no-repeat 30px 30px;
}

header a:link,
header a:visited,
header a:hover,
header a:active {
    border: none;
    text-decoration: none;
}

#headerBar {
    margin-top: -4em;
}

#headerBar p {
    border: 1px dashed #302825;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    float: right;
    margin: 4px 3px 30px 0;
    padding: 4px;
}

#headerBar h1 {
    clear: both;
}

/*---------------------------------------------------
    ^3 MAIN CONTENT
---------------------------------------------------*/
#mainContent {
    margin: 30px;
    width: 670px;
}

#reg #mainContent {
    width: auto;
}

/* ----- ^3.1 Website Homepage ----- */
#homepage #mainContent {
    border-top: none;
}
#mainContent #mainPhoto {
    background: url(../_images/couple_860x468.jpg) no-repeat;
    display: block;
    height: 468px;
    position: relative;
    width: 860px;
    margin-left: -60px;
}

#mainContent #mainPhoto #photoText {
    padding: 70px 30px 0px 30px;
    width: 800px;
    height: 398px;
    text-shadow: 0 2px 2px rgba(0,0,0,0.3);
}

#homepage #mainPhoto #photoText h1 {
    padding: 4px 0 0 0;
    color:#fff;
    border-top: none;
    border-bottom: none;
    text-align: left;
    font-size: 2.9em;
    font-weight: 600;
}

#mainContent #mainPhoto #photoText h2 {
    background: none;
    color: #fff;
    font-size: 1.2em;
    font-weight: 600;
    margin: 0;
    padding: 20px 0;
    text-align: center;
}

#mainContent #mainPhoto #photoText p.lead {
    color: #fff;
}

#mainContent #mainPhoto #photoText hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #383B42;
    margin: 0 auto;
    padding: 0;
}

#mainContent #mainPhoto #clickHere {
    background: rgb(209, 81, 13);
    border-top-left-radius: 45px;
    border-bottom-right-radius: 45px;
    bottom: 0;
    color: #FFF4D1;
    font-size: 1.5em;
    padding: 20px;
    position: absolute;
    right: 0;
}

#mainContent #mainPhoto a:link,
#mainContent #mainPhoto a:visited,
#mainContent #mainPhoto a:active,
#mainContent #mainPhoto a:hover,
#mainContent #mainPhoto a:focus {
    /*click to start now button on image*/
    text-decoration: none;
}

#mainContent #mainMarketing {
    width: 800px;
    margin-top: 30px;
}

#mainContent #mainMarketing h3 {
    margin: 15px 0;
    font-size: 2.2em;
    font-weight: 400;
}

#mainContent #mainMarketing ul {
    font-size: 1em;
    margin-left:2em;
}

#mainContent #mainMarketing .disclaimer {
    font-size: 0.8em;
    margin-top:30px;
    /*padding: 15px 15px 2px 15px;*/
    color:#898989;
/*    background-color:#ebebeb;*/
    /*text-align: center;*/
    clear: both;
}

#mainContent #mainMarketing .disclaimerLink {
    font-weight: bolder;
}

#mainContent #mainMarketing .disclaimer p {
    margin: 0 0 15px 0;
}



/* ----- ^3.2 Lists ----- */
#mainContent ol,
#mainContent ul {
    font-size: .9em;
    line-height: 1.4em;
    margin: 0 15px 30px 3em;
}

#mainContent ul {
    list-style: circle;
}

#mainContent ol li,
#mainContent ul li {
    margin: 10px 0;
}

#mainContent ul li,
#mainContent dl dt {
    list-style: none;
    background: url("../_images/bullet-orange.png") no-repeat left 5px;
    padding-left: 1.3em;
}

/* ----- ^3.3 Button Bar ----- */
#buttonBar {
    margin: 15px 0;
    overflow: hidden;
    text-align: center;
}

#buttonBar #previousButton {
    display: inline;
    margin-right: 20px;
}

#buttonBar #nextButton {
    display: inline;
}

#buttonBar input {
    background: #383b42;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    font-size: 1em;
    height: 45px;
    width: 125px;
}

#buttonBar input.btn-blue:hover,
#buttonBar input.btn-blue:focus,
#buttonBar input.btn-blue:active,
#buttonBar input.btn-blue.active {
    color: #fff;
    background-color: #262a32;
    border-color: #131927;
}

/* ----- ^3.4 Forms ----- */
.formElements {
    background: #ebebeb;
    border: 4px solid #ebebeb;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.formElements p {
    color: #302825;
}
#quizResults{
    max-height: 400px;
    overflow-x: hidden;
}

.form-disclosure {
    display: block;
    font-size: .9em;
}

/*labels */
.formLabel-short,
.formLabel-med,
.formLabel-long,
.formLabel-xlong {
    float: left;
    clear: left;
    font-weight:600;
}

.formLabel-short {
    width: 200px;
}

.formLabel-med {
    width: 275px;
}

.formLabel-long {
    width: 350px;
}

.formLabel-xlong {
    width: 500px;
}

.formLabel-block {
    display: block;
}

.formLabel-checkbox:hover {
    /*used for checkboxes and radio buttons*/
    cursor: pointer;
}

/*fields*/
.textField {
    width: 300px;
}

.textArea {
    height: 10em;
    width: 500px;
}

/*spry error messages*/
.error-short {
    margin-left: 200px;
}

.error-med {
    margin-left: 275px;
}

.error-long {
    margin-left: 350px;
}

/*inputs*/
input, select, textarea {
    font-size: 1em;
}

input[type=submit]:hover,
input[type=button]:hover {
    cursor: pointer;
}

input[disabled] {
    color: #D1510D;
    background: inherit;
    border: none;
    font-weight: bold;
}

p.forgot {
    font-size: 12px;
    margin: -5px 0 10px 367px;
}


/* ----- ^3.5 Registration Message Box ----- */
.messagebox {
    display: block;
    margin-left: 350px;
}

.messagebox.messageboxok {
    color: green;
}

.messagebox.messageboxerror {
    color: #CC3333;
    font-weight: bold;
}

/*---------------------------------------------------
    ^4 SIDEBAR
---------------------------------------------------*/
#sidebar {
    position: absolute;
    right: -50px;
    top: 70px;
    width: 180px;
}

#sidebar .block {
    background-color: #d1510d;
    border-top-right-radius: 45px;
    border-bottom-left-radius: 45px;
    margin-bottom: 15px;
}

#sidebar h2 {
    border-bottom: #fff4d1 4px double;
    border-top-right-radius: 45px;
    color: #fff4d1;
    font-size: 1em;
    padding: 10px 0;
    text-align: center;
}

 #sidebar .sidebarTimerHeader {
    border-bottom: #fff4d1 4px ;
    border-top-right-radius: 45px;
    color: #fff4d1;
    font-size: 1em;
    padding: 3px 0;
    text-align: center;
}

/* ----- ^4.1 Website Navigation ----- */
#nav ul {
    list-style: none;
    text-align: center;
}

#nav ul li {
    border-top: 1px solid #ed6922;
    font-size: 1.3em;
}

#nav ul li:first-of-type {
    border-top: none;
}

#nav ul li a,
#sidebar #login p {
    color: #fff;
    display: block;
    padding: 10px 0;
    text-decoration: none;
}

#sidebar #login p {
    height: 30px;
    cursor: hand;
    cursor: pointer;
}

#nav ul li a:hover  
, #nav ul li#login p:hover  {

    background-color: #ed6922;
    border-bottom: none;
}

#nav ul li .sidebarLoginText:hover {
     border-bottom-left-radius: 45px;
}

#nav ul li:first-child a:hover {
    border-top-right-radius: 45px;
}

/* ----- Faux active styles----- */
#faq li.nav-faq a,
#about li.nav-about a,
#contact li.nav-contact a,
#attorneys li.nav-attorneys a{
    background-color: #f7752e;
    border-bottom: none;
}


/* ----- ^4.2 Log In ----- */
#sidebar .sidebarLogin {
    height: 50px;
    overflow: hidden;
}

#sidebar .sidebarLoginExp {
    height: 308px;
    overflow: block;
}

#sidebar #login {
    -webkit-transition: all 150ms ease-in-out 0s;
    -moz-transition: all 150ms ease-in-out 0s;
    -ms-transition: all 150ms ease-in-out 0s;
    -o-transition: all 150ms ease-in-out 0s;
    transition: all 150ms ease-in-out 0s;
}

#sidebar #login p {
    margin: 0;
}

#sidebar #login label {
    color: #d7d7d7;
    font-size: .65em;
    margin-bottom: 0;
    padding: 0;
}

#sidebar #login input {
    font-size: .7em;
    margin-top: 0;
    width: 80%;
}

#sidebar #login input[type=submit] {
    font-size: .65em;
    margin-top: 15px;
    width: 50%;
}

#sidebar #login a {
    border: none;
    font-size: .5em;
}

/* ----- ^4.3 Course Navigation ----- */
#course #sidebar {
    top: 15px;
}

#course #sidebar h2 {
    margin: 0;
}

#course #sidebar p {
    color: #F4F4F4;
    font-size: 0.8em;
    margin: 0;
    padding: 10px 0;
    text-align: center;
}

#course #sidebar #timerBox p {
    /*timer box*/
    padding-bottom: 0;
    padding: 5px 0;
}

#course #sidebar #timer,
#course #sidebar #chapterTimer{
    /*timer*/
    background: #fff4d1;
    border: 4px #302825 double;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #302825;
    margin: 0 15px 0px 15px;
    padding: 5px;
    text-align: center;
}

#course #sidebar #timerBox #timeReq {
    /*time requirement div*/
    // border-bottom: 1px dashed #FFF4D1;
    color: #F4F4F4;
    font-size: 0.7em;
    margin: 3px 5px;
    padding: 0 0 5px 15px;
    text-align: center;
}

#course #sidebar #timerBox #chapterTimeReq{
    /*time requirement div*/
    border-bottom: 1px dashed #FFF4D1;
    color: #F4F4F4;
    font-size: 0.7em;
    margin: 3px 5px;
    padding: 0px 0px 5px 0px;
    text-align: center;
}

#course #sidebar #timerBox #chapterTimeReq #notCompeteMsg, 
#course #sidebar #timerBox #chapterTimeReq #competeMsg{
    color: #F4F4F4;
    font-size: 0.7em;
    margin: 3px 5px;
    padding: 0px 0px 5px 0px;
    text-align: center;
}

#course #sidebar #navigation #pageReq {
    /*time requirement div*/
    border-top: 1px dashed #FFF4D1;
    color: #F4F4F4;
    font-size: 0.7em;
    margin: 10px 5px 10px 5px;
    padding: 10px 0 10px 10px;
    text-align: center;
}

#course #sidebar #timerBox #timeReq img,
#course #sidebar #timerBox #chapterTimeReq img,
#course #sidebar #navigation #pageReq img {
    /*checkmark*/
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding-bottom: 2em;
}

#course #sidebar #navigation #pageReq {
}

/*logout*/
#logOut {
    padding-top: 10px;
}

#logOut a:link,
#logOut a:visited {
    background: red;
    border: #fff outset 1px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    display: block;
    font-weight: bold;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    width: 50%;
}

#course #sidebar #logOut p {
    font-size: 0.8em;
    text-align: justify;
    margin: 0 15px;
    padding-bottom: 15px;
}

/*---------------------------------------------------
    ^5 FOOTER
---------------------------------------------------*/
footer {
    background-color: #d1510d;
    clear: both;
    color: #fff;
    display: block;
    font-size: .8em;
    overflow: hidden;
    padding-top: 15px;
    padding-bottom: 30px;
    padding-right: 30px;
    padding-left: 30px;
    width: 800px;
    position: absolute;
    bottom: 0;
    margin: 0px 0px 0px 0px;
}

footer #copyright {
    float: right;
}

footer #footerNav {
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

footer #footerDetails {
    float: left;
}

footer #footerSupport {
    float:right;
}

footer #footerSupport p {
    text-align: right;
    font-size: 1em;
    margin: 0;
}

footer #footerDetails p:first-child,
footer #footerSupport p:first-child{
    font-size: 1.1em;
    font-weight: 600;
    margin: 0;
}

footer a:link,
footer a:visited {
    color: #fff;
    text-decoration: none;
}

footer a:active,
footer a:hover,
footer a:focus {
    text-decoration: underline;
}

/*---------------------------------------------------
    ^6 SPRY
---------------------------------------------------*/
/* ----- ^6.1 Panels and Accordions ----- */
.Accordion, .CollapsiblePanel {
    border-top: 1px dashed #302825;
    border-right: 1px dashed #302825;
    border-left: 1px dashed #302825;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    outline: none;
    overflow: hidden;
}

.AccordionPanel, .CollapsiblePanel {
    margin: 0px;
    padding: 0px;
}

.AccordionPanelTab, .CollapsiblePanelTab {
    border-bottom: 1px dashed #302825;
    cursor: pointer;
    font-size: .9em;
    margin: 0px;
    padding: 5px;
    -moz-user-select: none;
    -khtml-user-select: none;
}

.AccordionPanelContent, .CollapsiblePanelContent {
    background-color: #f4f4f4;
    border-bottom: 1px dashed #302825;
    margin: 0px;
    overflow: auto;
    padding: 0 10px 0 10px;
}

.AccordionPanelOpen .AccordionPanelTab,
#course .AccordionPanelOpen .AccordionPanelTab,
.CollapsiblePanelOpen .CollapsiblePanelTab {
    background-color: #d1510d;
    color: #fff4d1;;
    font-weight: bold;
}

.AccordionPanelTabHover,
.CollapsiblePanelTabHover {
    background: #302825;
    color: #fff4d1;
}

.AccordionPanelOpen .AccordionPanelTabHover,
.CollapsiblePanelOpen .CollapsiblePanelTabHover {
    text-decoration: none;
}

/* Rules for Printing */
@media print {
    .Accordion {
        overflow: visible !important;
    }

    .AccordionPanelContent {
        display: block !important;
        overflow: visible !important;
        height: auto !important;
    }
}

/* ----- ^6.2 Nav Accordion ----- */
#course #sidebar #navigation .Accordion {
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: #F4F4F4;
    margin: 5px;
}

#course #sidebar #navigation .AccordionPanelTab {
    border-bottom: none;
    margin-top: 5px;
}

#course #sidebar #navigation .AccordionPanelOpen .AccordionPanelTab {
    background: #302825;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#course #sidebar #navigation .AccordionPanelTabHover {
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#course #sidebar #navigation .AccordionPanelOpen .AccordionPanelTabHover {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

#course #sidebar #navigation .AccordionPanelContent {
    background: #fff4d1;
    border: none;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 0;
}

#course #sidebar #navigation .AccordionPanelContent ul {
    font-size: .8em;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#course #sidebar #navigation .AccordionPanelContent ul li {
    border-bottom: 1px dashed #302825;
}

#course #sidebar #navigation .AccordionPanelContent ul li:last-of-type {
    border-bottom: none;
}

#course #sidebar #navigation .AccordionPanelContent ul li a:link,
#course #sidebar #navigation .AccordionPanelContent ul li a:visited {
    color: #302825;
    display: block;
    font-weight: normal;
    padding: 10px;
    text-decoration: none;
}

#course #sidebar #navigation .AccordionPanelContent ul li a:hover,
#course #sidebar #navigation .AccordionPanelContent ul li a:focus,
#course #sidebar #navigation .AccordionPanelContent ul li a:active {
    background: #383b42;
    color: #fff4d1;
}

#course #sidebar #navigation .AccordionPanelContent ul li.notVisited {
    background: yellow;
    color: red;
    display: block;
    font-weight: normal;
    padding: 10px;
    text-decoration: none;
}

#course #sidebar #navigation .AccordionPanelContent ul li.notVisited:hover {
    cursor: not-allowed;
}

/* ----- ^6.3 Text Field ----- */
.textfieldRequiredMsg,
.textfieldInvalidFormatMsg,
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
    /*hide errors by default*/
    display: none;
}

.textfieldRequiredState .textfieldRequiredMsg,
.textfieldInvalidFormatState .textfieldInvalidFormatMsg,
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg {
    /*error messages*/
    display: block;
    color: #CC3333;
    font-weight: bold;
}

.textfieldValidState input, input.textfieldValidState {
    /*valid input*/
    /* -- DISABLED --
    border: 2px solid #B8F5B1;*/
}

input.textfieldRequiredState, .textfieldRequiredState input,
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input,
input.textfieldMinValueState, .textfieldMinValueState input,
input.textfieldMaxValueState, .textfieldMaxValueState input,
input.textfieldMinCharsState, .textfieldMinCharsState input,
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
    /*invalid input*/
    border: 2px solid #CC3333;
}

.textfieldFocusState input, input.textfieldFocusState {
    /*field focused*/
    /* -- DISABLED --
    background-color: #FFFFCC;*/
}

.textfieldFlashText input, input.textfieldFlashText {
    /*character masking flash*/
    color: red !important;
}

.textfieldHintState input, input.textfieldHintState {
    /*hint message*/
    /*color: red !important;*/
}

/* ----- ^6.4 Text Area ----- */
.textareaRequiredMsg,
.textareaMinCharsMsg,
.textareaMaxCharsMsg,
.textareaValidMsg {
    /*hide errors by default*/
    display: none;
}

.textareaRequiredState .textareaRequiredMsg,
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg {
    /*error messages*/
    display: block;
    color: #CC3333;
    font-weight: bold;
}

.textareaValidState textarea, textarea.textareaValidState {
    /*valid input*/
    /* -- DISABLED --
    border: 2px solid #B8F5B1;*/
}

textarea.textareaRequiredState, .textareaRequiredState textarea,
textarea.textareaMinCharsState, .textareaMinCharsState textarea,
textarea.textareaMaxCharsState, .textareaMaxCharsState textarea {
    /*invalid input*/
    border: 2px solid #CC3333;
}

.textareaFocusState textarea, textarea.textareaFocusState {
    /*field focused*/
    /* -- DISABLED --
    background-color: #FFFFCC;*/
}

.textareaFlashState textarea, textarea.textareaFlashState {
    /*character masking flash*/
    color: red !important;
}

textarea.textareaHintState, .textareaHintState textarea {
    /*hint message*/
    /* color: red !important;*/
}

/* ----- ^6.5 Radio Group ----- */
.radioRequiredMsg, .radioInvalidMsg {
    /*hide errors by default*/
    display: none;
}

.radioRequiredState .radioRequiredMsg,
.radioInvalidState .radioInvalidMsg {
    /*error message*/
    display: block;
    color: #CC3333;
    font-weight: bold;
}

/* ----- ^6.6 Select ----- */
.selectRequiredMsg, .selectInvalidMsg {
    /*hide errors by default*/
    display: none;
}

.selectRequiredState .selectRequiredMsg,
.selectInvalidState .selectInvalidMsg {
    /*error messages*/
    display: block;
    color: #CC3333;
    font-weight: bold;
}

.selectValidState select, select.selectValidState {
    /*valid input*/
    /* -- DISABLED --
    border: 2px solid #B8F5B1;*/
}

select.selectRequiredState, .selectRequiredState select,
select.selectInvalidState, .selectInvalidState select {
    /*invalid input*/
    border: 2px solid #CC3333;
}

.selectFocusState select, select.selectFocusState {
    /*field focused*/
    /* -- DISABLED --
    background-color: #FFFFCC;*/
}

/* ----- ^6.7 Confirm Field ----- */
.confirmRequiredMsg,
.confirmInvalidMsg,
.confirmValidMsg {
    /*hide errors by default*/
    display: none;
}

.confirmRequiredState .confirmRequiredMsg,
.confirmInvalidState .confirmInvalidMsg {
    /*error message*/
    display: block;
    color: #CC3333;
    font-weight: bold;
}

.confirmValidState input, input.confirmValidState {
    /*valid input*/
    /* -- DISABLED --
    border: 2px solid #B8F5B1;*/
}

input.confirmRequiredState, .confirmRequiredState input,
input.confirmInvalidState, .confirmInvalidState input {
    /*invalid input*/
    border: 2px solid #CC3333;
}

.confirmFocusState input, input.confirmFocusState {
    /*field focused*/
    /* -- DISABLED --
    background-color: #FFFFCC;*/
}

/* ----- ^6.8 Checkbox ----- */
.checkboxRequiredMsg, .checkboxMinSelectionsMsg, .checkboxMaxSelectionsMsg {
    display: none;
}

.checkboxRequiredState .checkboxRequiredMsg,
.checkboxMinSelectionsState .checkboxMinSelectionsMsg,
.checkboxMaxSelectionsState .checkboxMaxSelectionsMsg {
    /*error message*/
    display: block;
    color: #CC3333;
    font-weight: bold;
}

/* ----- ^6.9 Password ----- */
.passwordRequiredMsg,
.passwordInvalidStrengthMsg,
.passwordMinCharsMsg,
.passwordMaxCharsMsg,
.passwordCustomMsg,
.passwordValidMsg {
    /*hide errors by default*/
    display: none;
}

.passwordRequiredState .passwordRequiredMsg,
.passwordMinCharsState .passwordMinCharsMsg,
.passwordMaxCharsState .passwordMaxCharsMsg,
.passwordInvalidStrengthState .passwordInvalidStrengthMsg,
.passwordCustomState .passwordCustomMsg {
    display: block;
    color: #CC3333;
    font-weight: bold;
}

.passwordValidState input, input.passwordValidState {
    /*valid input*/
    /* -- DISABLED --
    border: 2px solid #B8F5B1;*/
}

input.passwordRequiredState, .passwordRequiredState input,
input.passwordInvalidStrengthState, .passwordInvalidStrengthState input,
input.passwordMinCharsState, .passwordMinCharsState input,
input.passwordCustomState, .passwordCustomState input,
input.passwordMaxCharsState, .passwordMaxCharsState input {
    /*invalid input*/
    border: 2px solid #CC3333;
}

.passwordFocusState input, input.passwordFocusState {
    /*field focused*/
    /* -- DISABLED --
    background-color: #FFFFCC;*/
}

.buttonHref{
    border-bottom-color: #D1510D;
    border: none;
    background-color: transparent;
    color: #D1510D;
    font-family: 'Open Sans',sans-serif;
    font-size: 14.4px;
    height:auto;
    width:auto;
    letter-spacing: -0.316667px;
    text-align: center;
    text-decoration:underline;
    text-decoration-style:dashed;
    -moz-text-decoration-color: #D1510D;
    -moz-text-decoration-style: dashed;
}

/************************** Credit Assurance Page ************************************/
span#CreditAssuranceBold {
    font-size: 32pt;
    font-weight: normal;
}

p#CAFooterSmall {
    line-height: 3px;
    font-size: 13pt;
    font-style: italic;
    margin-bottom: 50px;
}

section#IntroHeader {
    text-align: center;
    font-weight: lighter;
    font-size: 29pt;
    color: #333333; // A dark grey
}
p#IntroHeaderText {
    margin-top: 38px;
    line-height: 1em !important;
}

section#CreditReportHeadline {
    background-color: #e5e5e4;
    height: 330px;
    color: #333333;    
}

p#CreditReportHeaderText {
    position: relative;
    font-weight: lighter;
    font-size: 29pt;
    top: 25px;
    left: 60px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    line-height: 1em !important;
}

p#CreditReportBodyText {
    position: relative;
    font-size: 13pt;
    top: 10px;
    left: 60px;
    padding: 25px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

img#CreditReportImg {
    position: absolute;
    top: 225px;
    left: 471px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    z-index: 110;
}

div#CreditReportButton {
    background-image: url('../_images/Learn More button-magenta.png');
    position: relative;
    left: 60px;
    top: 35px;
    height: 35px;
    width: 232px;
}

div#CreditReportButton:hover {
    background-image: url('../_images/Learn More button-magenta-hover.png');
}

div#FinancialFutureButton {
    background-image: url('../_images/Learn More button-magenta.png');
    position: relative;
    left: 330px;
    top: -70px;
    height: 35px;
    width: 232px;
}

div#FinancialFutureButton:hover {
    background-image: url('../_images/Learn More button-magenta-hover.png');
}

section#FinancialFutureHeadline {    
    height: 330px;
    color: #333333;   
}

p#FinancialFutureHeaderText {
    position: relative;
    top: -100px;
    left: 330px;
    font-weight: lighter;
    font-size: 29pt;
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 1em !important;
}

p#FinancialFutureBodyText {
    position: relative;
    top: -90px;
    left: 330px;
    margin: 4px 0px 0px 0px;
    font-size: 13pt;
}

#FinancialSecurityImg {
   /*float: left;*/
   position: relative;
   top: 85px;
   left: 110px;
}

section#MyHorizonHeadline {
    font-weight: lighter;
    color: #333333;
    font-size: 12pt;
    text-align: center;
    background-color: #e5e5e4;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

img#PriceBanner {
   position: relative;
   top: -24px;
   left: -21px;
}

.CreditAssurance {
    font-size: 14pt;
    font-weight: bold;
}

section#MyHorizonHeadline > p#notes {
    margin: -15px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
    text-align: center;
    font-size: 9pt;
    font-weight: normal;
}

p#MyHorizonBodyText {
    font-weight: normal;
    font-size: .8em;
}

p#MyHorizonCopyrightText {
    margin: 0px;
    padding: 15px;
    font-weight: normal;
}

section#mainContent > label#requiredFieldsMarker {
    font-size: .8em;
    line-height: 1.4em;
    padding: 0px 0px 20px 15px;
    color: #302825;
    text-decoration: underline;
}

/********** Fee Waiver ***********/
table#FeeWaiverTable {
    width: 75%;
    margin: 0px 0px 0px 70px;
    border: 0.5px #d3d3d3 solid;
    border-spacing: 0px;
    text-align: center;
    vertical-align: central;    
}

table#FeeWaiverTable td {
    border: 0.5px #d3d3d3 solid;
    padding: 5px 3px 5px 3px;
}

div#disclaimer {
    font-size: 10px;
}

/******* Duplicate check ********/
div#dupStatusResponse {
    opacity: 0;    
}

div.formElements > label#requiredFieldsMarker {
    font-size: .8em;
    line-height: 1.4em;
    padding: 5px 0px 0px 15px;
    color: #302825;
    text-decoration: underline;
}

/******** Fee Waiver - Reg Page *********/
div > fieldset#FeeWaiverForm {
    width: 80%;
    margin: 0px 0px 10px 60px;
    padding: 5px;
}

div > fieldset#FeeWaiverForm {
    font-size: 0.9em;
}

fieldset > div#FeeWaiverIncome {
    margin: 5px 0px 0px 95px;
    line-height: 1.4em;
    color: #302825;
}

fieldset#FeeWaiverForm {
    border-style: none;
}

fieldset > div#FeeWaiverPopulation {
    margin: 5px 0px 0px 30px;
    line-height: 1.4em;
    color: #302825;
}

fieldset#FeeWaiverForm > input {
    background: white;
}

div#FeeWaiverIncome > input#x_FeeWaiver_Income {    
    width: 70px;
    height: 22px;
    margin-top: 3px;
}

div#FeeWaiverPopulation > input#x_FeeWaiver_Population {
    margin-top: 3px;
    width: 70px;
    height: 22px;    
}

div#FeeWaiverIncome > label#FeeWavierIncomeLabel {
    margin: 9px 0px 0px 0px;
}

div#FeeWaiverPopulation > label#FeeWaiverPopulationLabel {
    margin: 9px 0px 0px 0px;
}

fieldset#FeeWaiverForm > span#FeeWaiverDecline, fieldset#FeeWaiverForm > span#FeeWaiverAccept {
    margin: 0px 0px 0px 5px;
    line-height: 1.4em;
    color: #302825;
}

fieldset#FeeWaiverForm > span#FeeWaiverDeclinePartII {
    margin-left: 25px;
    line-height: 1.4em;
    color: #302825;
}

fieldset#FeeWaiverForm > p#FeeWaiverOr {
    margin: 6px 0px 12px 6px;
    line-height: 1.4em;
    color: #302825;
}

span#spryUserName > span#usernameMessageBox {
    opacity: 0;
}

input[disabled].textfieldDisabled {
    background: #c0c0c0;
    color: black;
    border: none;
    font-weight: normal;
}

input[disabled].textfieldEnabled {
    background: #ffffff;
    color: black;
    border: 1px;
    font-weight: normal;
}

/******* Fee Waiver Qualification Pages Styles **********/
div#qualNotice {
    
}

div.formElements > p#paragraphOne {
    
}

div.formElements > p#paragraphTwo {
    
}

div.formElements > p#paragraphFormHeader {
    
}

fieldset#FeeWaiverActionForm > span#AcceptText {
    
}

fieldset#FeeWaiverActionForm > span#Or {
    padding: 10px 0px 90px 5px;
    margin: 0px 0px 0px 0px;
}


fieldset#FeeWaiverActionForm {
    width: 80%;
    border-color: transparent;
    color: #302825;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: -0.02em;
    line-height: 1.4em;
    font-size: .9em;
    padding: 0px 0px 10px 20px;
}
    
div#buttonBar > input#next[disabled], div#buttonBar > input#next[disabled="disabled"] {
   background: #82827D;
   color: black;
   border: none;
   font-weight: normal;

}

span#spryConfirmCaptcha > input#captcha-reg {
   margin: 0px 30px 0px 20px;
   padding: 0px 0px 0px 0px;
   width: 170px;
}

span#spryCOnfirmCaptcha > label#captchaLabel {
   margin-top: 8px;
}

/******* Contact Us *******/
span#spryCaptcha > input#captcha {
    margin: 0px 40px 0px 230px;
    width: 160px;
}

span#spryCaptcha > label#captchaLabel {
    margin: 0px 0px 0px 180px;
}

div#buttonBar > input#send[disabled="disabled"], div#buttonBar > input#send[disabled] {
    background: #82827D;
    color: black;
    border: none;
    font-weight: normal;
}

p.captchaError, p.dupCheckError {
    color: red;
    font-weight: bold;
}

/****** Register Captcha *******/
span#spryConfirmCaptcha > label#captchaLabel {
    margin: 0px 0px 0px 250px;
}

span#spryConfirmCaptcha > input#captcha-reg {
    margin: 0px 0px 0px 295px;
}

/******** Last Page ***********/
.indent {
    margin-left: 15px;
}

div#logoutHeader {
    font-size: 0.9em;
}

div#logoutHeader > h4 {
    margin: 30px 0 8px 0;
}

div#logoutButton a:link,
div#logoutButton a:visited {
    background: red;
    border: #333 outset 1px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    display: block;
    font-weight: bold;
    margin: 20px 0 20px 12px;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    width: 15%;
    float: left;
}