@charset 'UTF-8';
/*************************
* FONTS
*************************/
@font-face {
    font-family: 'commemedium';
    src: url('/fonts/comme-medium-webfont.eot');
    src: url('/fonts/comme-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/comme-medium-webfont.woff') format('woff'),
         url('/fonts/comme-medium-webfont.ttf') format('truetype'),
         url('/fonts/comme-medium-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'commereg';
    src: url('/fonts/comme-regular_1-webfont.eot');
    src: url('/fonts/comme-regular_1-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/comme-regular_1-webfont.woff') format('woff'),
         url('/fonts/comme-regular_1-webfont.ttf') format('truetype'),
         url('/fonts/comme-regular_1-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'commelight';
    src: url('/fonts/comme-light-webfont.eot');
    src: url('/fonts/comme-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/comme-light-webfont.woff') format('woff'),
         url('/fonts/comme-light-webfont.ttf') format('truetype'),
         url('/fonts/comme-light-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'commethin';
    src: url('/fonts/comme-thin-webfont.eot');
    src: url('/fonts/comme-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/comme-thin-webfont.woff') format('woff'),
         url('/fonts/comme-thin-webfont.ttf') format('truetype'),
         url('/fonts/comme-thin-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'oxygen';
    src: url('/fonts/oxygen-webfont.eot');
    src: url('/fonts/oxygen-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/oxygen-webfont.woff') format('woff'),
         url('/fonts/oxygen-webfont.ttf') format('truetype'),
         url('/fonts/oxygen-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

textarea, input {
    border-radius : 5px;
    float         : left;
    font-family   : 'oxygen', Verdana, sans-serif;
    font-size     : 14px;
    line-height   : 25px;
    margin        : 5px 2px;
    padding       : 2px;
    height        : 35px;
}

#dob-inputEl {
    min-height: 30px;
}

#regContent {
    background : rgba(0, 0, 0, 0) url("../../../includes/images/fatherson.png") no-repeat scroll center center / cover;
    height     : 420px;
    max-height : 568px;
    margin-top : 72px;
    min-width  : 700px;
}

footer {
    min-width : 700px;
}

#topRegister1 {
    width  : 800px;
    margin : 0 auto;
}

#topRegister2 {
    width       : 614px;
    margin      : 0px auto;
    padding-top : 12px;
    font-size   : 18px;
}

#topRegister3 {
    width       : 900px;
    margin      : 0px auto;
    padding-top : 20px;
}

/* Hide Initially Inactive Steps */
#topRegister2, #topRegister3 {
    display    : none;
    visibility : hidden;
}

/* Step 1 specific styles */
#dobdiv {
    display : block;
    float   : left;
    height  : 36px;
    width   : 120px;
    padding : 2px;
    margin  : 5px 2px;
}

#myFrame {
    height : 30px;
    float  : left;
    width  : 220px;
    margin : 8px 5px 5px 5px;
    clear  : both;
}

#myCap {
    float : left;
}

#contBtn.notchrome {
    width            : 240px;
    background       : rgba(0, 0, 0, 0) linear-gradient(to bottom, #1b97e5 0%, #027fc5 100%) repeat scroll 0 0;
}

#contBtn.chrome {
    width            : 268px;
    background       : rgba(0, 0, 0, 0) linear-gradient(to bottom, #1b97e5 0%, #027fc5 100%) repeat scroll 0 0;
}

#paperTC {
    margin: 240px 0px 0px 20px;
}

#dirDepositAgreeTC {
    margin: 0px 0px 0px 20px;
}

#contBtn:hover {
    border           : 1px solid #ffffff;
    color            : #ffffff;
    background       : rgba(0, 0, 0, 0) linear-gradient(to bottom, #027fc5 0%, #1b97e5 100%) repeat scroll 0 0;
    cursor           : pointer;
}
/* END - Step 1 specific styles */

/* Step 2 specific styles */
#reg2Title {
    color         : #0685D1;
    margin-bottom : 10px;
    padding       : 2px 0 0 0;
}

.radioWrapper {
    margin-top: 46px;
}

.radioWrapper a {
    color: #0000ff;
}

#tncLabel {
    color       : #0685D1;
    display     : block;
    font-size   : 30px;
    line-height : 30px;
}

#tncY {
    padding : 0px;
    margin  : 0px;
    width   : 560px;
}

#tncYes {
    padding : 0px;
    margin  : 0px;
    height  : 30px;
    width   : 30px;
}

#tncN {
    display    : none;
    visibility : hidden;
}

#question {
    width: 470px;
}
/* END - Step 2 specific styles */

/* Step 3 specific styles */
/* Hide Login Button and its container */
#contBtn4 {
    display    : none;
    visibility : hidden;
}

div#contBtn4Div {
    display    : none;
    visibility : hidden;
}

/* END - Step 3 specific styles */

/* Shared Registration Styles */
.articleContent {
    background-color : #ededed;
    padding          : 10px;
}

.topTitle {
    font-size     : 30px;
    line-height   : 32px;
    color         : #ffffff;
    display       : block;
    margin-bottom : 30px;
    padding-top   : 110px;
}

.continueButton {
    height     : 32px;
}

#contBtn2, #contBtn3, #contBtn4 {
    display          : block;
    height           : 30px;
    width            : 110px;
    margin           : 0 auto;
    background       : rgba(0, 0, 0, 0) linear-gradient(to bottom, #1b97e5 0%, #027fc5 100%) repeat scroll 0 0;
}

#contBtn2:hover, #contBtn3:hover, #contBtn4:hover  {
    border           : 1px solid #ffffff;
    color            : #ffffff;
    background       : rgba(0, 0, 0, 0) linear-gradient(to bottom, #027fc5 0%, #1b97e5 100%) repeat scroll 0 0;
    cursor           : pointer;
}

/* Removing the float so buttons can Margin auto correctly */
input#contBtn2, input#contBtn3, input#contBtn4 {
    float: none;
}

h2.stepTitle {
    color       : #ffa81e;
    font-size   : 26px;
    line-height : 40px;
    padding     : 0 0 10px 0;
}

h3.stepSectionTitle {
    text-decoration : underline;
    font-size       : 18px;
    font-weight     : 700;
}

.genText {
    margin: 10px;
}

.smallText {
    font-size : 10px;
}

.genText a {
    color           : #00649e;
    text-decoration : underline;
}

.genText a:hover {
    color           : #003259;
    text-decoration : none;
}

.x-message-box a, #boxMsg2 a {
    color           : #00649e;
    text-decoration : underline;
}

.x-message-box a:hover, #boxMsg2 a:hover {
    color           : #003259;
    text-decoration : none;
}

/* Page Bottom */
#regBenefits {
    width       : 600px;
    margin      : 40px auto;
    text-align  : center;
    color       : #989898;
    font-family : 'commethin', Verdana, sans-serif;
}

.benefitsSectionTitle {
    color         : #0380C3;
    font-size     : 22px;
    display       : block;
    margin-bottom : 20px;
}

#benefitBlocks {
    margin-bottom : 10px;
    min-height    : 340px;
    max-width     : 660px;
    margin        : 0 auto;
}

.benefitBlock {
    margin : 20px 50px 20px 50px;
    width  : 100px;
    height : 130px;
    float  : left;
}
/* END - Page Bottom */

 /* ********** Communication Preferences Styles ********** */
.windowLink {
    cursor: pointer;
    text-decoration: underline;
}
.windowLink:hover {
    text-decoration: none;
}
/* END - Communication Preferences Styles */

/* expand / contract buttons for Bank info (This shows + and -) */
.x-tool-collapse-top {
    background-position: 0 -272px;
}

.x-tool-over .x-tool-collapse-top {
    background-position: 0 -272px;
}

.x-tool-expand-bottom {
    background-position: 0 -256px;
}

.x-tool-over .x-tool-expand-bottom {
    background-position: 0 -256px;
}

.tooltipLink {
    cursor: pointer;
    text-decoration: underline;
}

.tooltipLink:hover {
    text-decoration: none;
}

.blue2 {
    color: #2886bf;
}

label, select, option {
    height: 30px;
}

#boxMsg {
    margin-bottom: 10px;
}

#cnfEmail, #repass {
    margin-left: 20px;
}