/**************************************/
/*        BROKER ENROLLMENT          */
/**************************************/

div.row-fluid.blueGradient /* Registration Wizard Blue Header */
{
    background: #AEDDE7;
    background: -moz-linear-gradient(top, #AEDDE7, #89CEDE);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#AEDDE7), to( #89CEDE));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#AEDDE7, endColorstr=#89CEDE);
    border: #78b5c3 1px solid;
    border-bottom: solid 6px #78b5c3;
    height: 120px;
}

div.row-fluid.blueGradient.bottom /* Registration Wizard Blue Footer */
{
    height: 70px;
    float: left;
    position: relative;
}



#registrationWrapper
{
    background: url(/Content/Images/BrokerEnroll/accordionBack.png) repeat-y #ffffff;
    width: 100%;
    height: 100%;
    float: left;
    display: block;
    padding: 0;
    margin: 0;
    position: relative;
}

.enrollFooter
{
    float: right; width: 640px; margin-right: 40px;
                    padding-top: 30px; color: #306875;
}

.enrollCopy
{
    float: left; margin-top: 5px;
}

.enrollHelp
{
    float: right; margin-top: 5px;
}

.enrollHelp a
{
     color: #306875;
}

.accordionBottom /*footer img for accordion termination*/
{
    position: absolute;
    top: -1px;
    width: 290px;
    height: 52px;
    left: -1px;
    background: url(/Content/Images/BrokerEnroll/accordionBottom.png) no-repeat;

}


/* REGISTRATION MAIN CONTENT */

h1.titleEnrollement
{
    text-align: center;    
    display: block; 
    font-size: 26px; line-height:32px;
    font-weight: bold;
    -moz-outline: 0 none;
    outline: 0 none;
    text-decoration: none;color: #2C7886; font-family: 'Oswald', sans-serif;
    -webkit-text-shadow: 1px 1px 1px #FFFFFF;
    text-shadow: 1px 1px 1px #FFFFFF; position:absolute; top:20px; left:260px;
}

h1.titleEnrollement .nav-key {
  background: url("../Images/BrokerEnroll/nav_key_icon.png") no-repeat scroll 0 5px transparent;
  padding: 5px 0 10px 37px;
  position: relative;
  top: -5px;
}

h1.titleEnrollement .nav-lock {
  background: url("../Images/GroupEnroll/nav_lock_icon.png") no-repeat scroll 0 5px transparent;
  padding: 5px 0 10px 37px;
  position: relative;
  top: -5px;
}

h1.titleEnrollement .nav-profile {
  background: url("../Images/GroupEnroll/nav_profile_icon.png") no-repeat scroll 0 5px transparent;
  padding: 5px 0 10px 37px;
  position: relative;
  top: -5px;
}

.brokerRegistrationContent
{
    display: inline-block; /*overflow:visible; margin-bottom:20px;*/
    width: 680px;
    float: right;
}

.brokerRegistrationContent, .brokerRegistrationContent p, .brokerRegistrationContent label
{
    color: #636363;
    font-size: 14px;
    text-align: left;
    line-height: 26px;
}

.brokerRegistrationContent .step
{
    width: 148px;
    height: 100%;
    float: left;
}

.brokerRegistrationContent .header
{
    width: 500px;
    height: 38px;
    background: url(../Images/BrokerEnroll/headerBack.png) repeat-x bottom;
    text-align: left;
    padding: 5px 0 7px 5px;
    margin: 10px 20px 10px 0;
}

.brokerRegistrationContent .header .icon
{
    height: 38px;
    padding-top: 7px;
    float: left;
}

.brokerRegistrationContent .header .icon .key
{
    background: url("../Images/BrokerEnroll/head_key_icon.png") no-repeat scroll 0 5px transparent;
    padding: 5px 0 10px 37px;
    position: relative;
    top: -5px;
}

.brokerRegistrationContent .header .icon .profile
{
    background: url("../Images/BrokerEnroll/head_add_profile_icon.png") no-repeat scroll 0 5px transparent;
    padding: 5px 0 10px 37px;
    position: relative;
    top: -5px;
}

.brokerRegistrationContent .header .icon .payment
{
    background: url("../Images/BrokerEnroll/payment.png") no-repeat scroll 0 5px transparent;
    padding: 0 0 10px 37px;
    position: relative;
    top: -5px;
}

.brokerRegistrationContent .header .icon .file
{
    background: url("../Images/BrokerEnroll/head_file_icon.png") no-repeat scroll 0 5px transparent;
    padding: 5px 0 10px 37px;
    position: relative;
    top: -5px;
}


.brokerRegistrationContent .header .icon .doc {
    background: url("../Images/BrokerEnroll/head_doc_check_icon.png") no-repeat scroll 0 5px transparent;
    padding: 5px 0 10px 37px;
    position: relative;
    top: -5px;
}



.brokerRegistrationContent .step .stepOne
{
     background:url(../Images/BrokerEnroll/StepOne.png) 0 0px; height: 126px; width: 148px;padding: 0;display: block;
}

.brokerRegistrationContent .step .stepTwo
{
     background:url(../Images/BrokerEnroll/StepTwo.png) 0 0px; height: 126px; width: 148px;padding: 0;display: block;
}

.brokerRegistrationContent .step .stepThree
{
     background:url(../Images/BrokerEnroll/StepThree.png) 0 0px; height: 126px; width: 148px;padding: 0;display: block;
}

.brokerRegistrationContent .step .stepFour
{
     background:url(../Images/BrokerEnroll/StepFour.png) 0 0px; height: 126px; width: 148px;padding: 0;display: block;
}

.brokerRegistrationContent .step .stepFive
{
     background:url(../Images/BrokerEnroll/StepFive.png) 0 0px; height: 126px; width: 148px;padding: 0;display: block;
}

.brokerRegistrationContent .step .stepSix
{
     background:url(../Images/BrokerEnroll/StepSix.png) 0 0px; height: 126px; width: 148px;padding: 0;display: block;
}






.brokerRegistrationContent .header h3
{
    color: #636363;
    font-size: 17px;
    font-weight: 500;
    margin: 3px 0;
    padding: 0;
}

.ie7 .brokerRegistrationContent .header h3
{
    padding-top: 5px;
}


.brokerRegistrationContent h2
{
    font-size: 18px;
    font-weight: 500;
}

.brokerRegistrationContent .contentContainer
{
    float: right;
    position: relative;
    overflow: hidden;
    width: 75%;
    margin-right: 20px;
    /*min-height: 300px;*/
    height: auto;
    display: inline-block;
}

.brokerRegistrationContent .contentContainer.extended {
  float: none;
  padding: 0 10px;
  width: 100%;
}

.brokerRegistrationContent .contentContainer.extended .row-fluid [class*="span"] {
    min-height: 25px;
}

.brokerRegistrationContent .extended .header {
    width: auto;
}

.brokerRegistrationContent hr {
  margin: 5px 0;
}


.brokerRegistrationContent .extended h3.section {
  line-height: 20px;
  padding-top: 10px;
}
 
.brokerRegistrationContent .alert{ margin-bottom: 0px !important;}
.call-action {
  float: right;
  height: auto;
  margin: 0 20px 0 0;
  padding: 10px 0;
  width: 520px;
}

.call-action.extended{
  width: 650px;
}

.brokerRegistrationContent textarea {
    resize: none;
}

.agreement-container .call-action
{
    width: 660px;
    height: auto;
    text-align: right;
    margin: 0 10px 0 10px;
    padding: 10px 0 10px 0;
    float: right;
}


/* ACCORDION MENU */

.accordion
{
    width: 254px;
    float: left;
    padding: 0;
    margin: 0;
}

.accordion ul
{
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
}

.accordion ul li.link, .accordion ul li.curr, .accordion ul li.visited
{
    height: 42px;
    width: 100%;
    margin-top: -5px;
    padding: 0;
    display: inline-block; font-size:1.1em;
    position: relative;
}

.accordion ul li.link
{
    background: url(../Images/BrokerEnroll/accRegular.png) no-repeat;
}

.accordion ul li.curr
{
    background: url(../Images/BrokerEnroll/accCurrent.png) no-repeat;
}

.accordion ul li.visited
{
    background: url(../Images/BrokerEnroll/accVisited.png) no-repeat;
}


.accordion ul li div.ordinal, .accordion ul li.visited div.ordinal
{
    color: #bbbebf;
    font-size: 23px;
    font-weight: bold;
    width: 20px;
    height: 15px;
    padding: 10px;
    float: left;
}

.accordion ul li.curr div.ordinal
{
    background: url(../Images/BrokerEnroll/activeOrdinalBack.png) no-repeat;
    width: 78px;
    height: 40px;
    z-index: 2;
    position: absolute;
    left: -11px;
    top: -1px;
    padding-left: 21px;
    color:#71adbb;
}

.accordion ul li div.nav
{
    width: 200px;
    height: 15px;
    padding-top: 10px;
    float: right;
    color: #b3b6b7;
    font-weight: 500;
}

.accordion ul li.curr div.nav
{
    color: #ffffff;
    text-align: LEFT;
    margin-left: 10px;
    font-weight: 600;
    width: 180px;
}

.accordion ul li.visited div.nav
{
    color: #38707F;
}

li.info
{
    width: 90%;
    min-height: 20px;
    height: auto !important;
    height: 20px;
    display: inline-block;
    float: left;
    margin-bottom: 10px;
    padding: 5px 10px;
    font-size: 0.9em;
    line-height: 1.2em;
    color: #73746b;
}

li.info h2
{
    font-weight: bold;
    border-bottom: solid 1px #73746b;
    font-size: 20px;
    padding-bottom: 3px; text-align:center;
    line-height: 20px;
    width: 100%; font-family: Oswald;
}

li.info h2 .password-hint {
  background: url("../Images/BrokerEnroll/pwdHint.png") no-repeat scroll 40px 4px transparent;
  position: relative; 
  top: -5px;
}


.accordion-heading .accordion-toggle
{
    display: block;
    padding: 9px 2px;
    cursor: default;
}

/*PROGRESS STEPS*/

.progressNav
{
    position: absolute;
    right: 0;
    top: 70px;
    width: 682px;
    margin: 0;
    padding: 0;
}

.progressBorder
{
    border-bottom: solid 4px #78b5c3;
    height: 1px;
    position: relative;
    margin: 0;
}

.progressBar
{
    background: none repeat scroll 0 0 #d5d6ce;
    border: solid 1px #797b6f;
    position: relative;
    width: 680px;
    float: right; display:inline;
    height: 45px; font-size:1.1em;
}

.progressStep
{
    width: auto;
    display: inline;position:relative;
     float:left; height: 28px;   
}
.progressStep
{
    padding: 12px 35px 0 35px;  
}


.stepReady
{
     background: url(../Images/BrokerEnroll/progressBar.png) repeat-x;
    width: auto;
    margin: 0;position:relative;
    display:inline; float:left; height: 28px;
    color:#33a6c0; font-weight:bold;
    -webkit-text-shadow: 1px 1px 1px #FFFFFF;
    text-shadow: 1px 1px 1px #FFFFFF;
}
.stepReady
{  
    padding: 12px 34px 0 24px;  margin-left:1px;
   
}

.stepArrow
{
    background: url(../Images/BrokerEnroll/progressArrow.png) no-repeat -5px;
    width: 23px; height: 45px;
    margin: 0; position:relative;
    padding: 0; display:inline; float:left;
}



/*User Agreement*/
div.agreementToolbar
{
    position: absolute;
    top: 20px;
    right: 10px;
}

div.userAgreementSubTitle
{
    background: #fbfbe1;
    border: #e8e493 2px solid;
    padding: 10px;
}

div.userAgreementContent
{
    height: 320px;
    overflow: auto;
    padding: 10px;
    margin: 0;
    position: relative;
    width: 96%;
    border-top: solid 1px #dadada;
    border-bottom: solid 1px #dadada;
    text-align: justify;
}

div.userAgreementContent
{
    font-size: 13px;
    line-height: 15px;
}

div.userAgreementContent p.blueText
{
   color:#71adbb; font-weight:bold;
}

div.userAgreementContent p.agree
{
    border-top: solid 1px #dadada;
    padding-top: 5px;
    margin-top: 10px;
}

div.userAgreementContent h4
{
    font-size: 18px;
}


/*****************/
@charset 'UTF-8';
/*
 * jQuery File Upload UI Plugin CSS 5.0.6
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2010, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://creativecommons.org/licenses/MIT/
 */

.fileupload-buttonbar .ui-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  border: solid transparent;
  border-width: 0 0 100px 200px;
  opacity: 0;
  filter: alpha(opacity=0);
  -o-transform: translate(250px, -50px) scale(1);
  -moz-transform: translate(-300px, 0) scale(4);
  direction: ltr;
  cursor: pointer;
}

.fileinput-button {
  overflow: hidden;
}

/* Fix for IE 6: */
*html .fileinput-button {
  padding: 2px 0;
}

/* Fix for IE 7: */
*+html .fileinput-button {
  padding: 2px 0;
}

.fileupload-buttonbar {
  padding: 0.2em 0.4em;
}

.fileupload-buttonbar .ui-button {
  vertical-align: middle;
}

.fileupload-content {
  padding: 0.2em 0.4em;
  border-top-width: 0;
}

.fileupload-content .ui-progressbar {
  width: 200px;
  height: 20px;
}

.fileupload-content .ui-progressbar-value {
  background: url(/images/pbar-ani.gif);
}

.fileupload-content .fileupload-progressbar {
  width: 400px;
  margin: 10px 0;
}

.files {
  margin: 10px 0;
  border-collapse: collapse;
}

.files td {
  padding: 5px;
  border-spacing: 5px;
}

.files img {
  border: none;
}

.files .name {
  padding: 0 10px;
}

.files .size {
  padding: 0 10px 0 0;
  text-align: right;
  white-space: nowrap;
}

.ui-state-disabled .ui-state-disabled {
  opacity: 1;
  filter: alpha(opacity=100);
}

.ui-state-disabled input {
  cursor: default;
}

.control-group.doc-upload {
  background-color: #E1F3F7;
  border: 1px solid #89CEDE;
  border-radius: 5px;
   -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
  padding: 5px 10px;
}

.control-group.doc-upload input[type="text"], .control-group.doc-upload select {
    border-color: #89CEDE;
}


.action.delete {  background: url("../Images/delete_icon_20.png") no-repeat scroll 0 0px transparent;
display: inline-block;
/*height: 50px;
padding: 10px 0 10px 10px;*/
position: relative;
text-indent: -999em;
width: 20px;
height: 20px;
margin-top: -1px;

}

.agreement-container {
  padding: 0 10px 0 5px;
  position: relative;
  top: 10px;
}



.agencyContactList td, .agencyContactList th {
    border: 0 none;
}
.agencyContactList {
    border: 0 none;
    border-collapse: collapse;
    width: 100%;
}

.contact-accordian {
  list-style: none outside none;
  margin: 20px 0 !important;
}


.contact-accordian li {
  background: none repeat scroll 0 0 #E1F3F7;
  border: 1px solid #78B5C3;
  clear: both;
  line-height: 20px;
  margin-top: -5px;
  padding: 5px;
  white-space: nowrap;
}


.FormatRadioButtonList label {
  margin-left: 5px;
  position: relative;
  top: 4px;
}

.edit-action {
 position: absolute; top: 26px; right: 35px;   
}

.alert-marginleft {
    font-size: 14px !important;
    line-height: 16px !important;
    color: #FF0000 !important;
    padding: 8px 8px 8px 14px !important;
}


a.blue {
  line-height: 18px;
  text-align: center;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a.blue:hover {
    text-decoration: none;
    color: #FFFFFF;
    
}