/* general bbdn list styles */
#bbdnIntroduction ul li ul {
    list-style: disc;
    margin: 0.7em 0 0.8em 2.5em;
    font-weight: normal;
}
#bbdnIntroduction ul li ul li {
    font-weight: normal;
}
#bbdnIntroduction ul li {
    font-weight: bold;
    color: #444;
}
#bbdnIntroduction ul li {
    margin: 0.6em 0 0.6em 0;
}

/* buttons */
.bbdnRegistrationButton, .bbdnButton {
    color: #000;
    font-weight: bold;
    font-size: 14px;
    padding: 8px 30px 8px 8px;
    border: none;
    margin: 12px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.39);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.39);
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.39);
    background: #f1b900 url("../img/global/nav-arrow.png") no-repeat 90% 56%;
    background: url("../img/global/nav-arrow.png") no-repeat 90% 56%, -moz-linear-gradient(top, #f1b900 50%, #ce9400 100%); /* FF3.6+ */
    background: url("../img/global/nav-arrow.png") no-repeat 90% 56%, -webkit-gradient(linear, left top, left bottom, color-stop(50%,#f1b900), color-stop(100%,#ce9400)); /* Chrome,Safari4+ */
    background: url("../img/global/nav-arrow.png") no-repeat 90% 56%, -webkit-linear-gradient(top, #f1b900 50%,#ce9400 100%); /* Chrome10+,Safari5.1+ */
    background: url("../img/global/nav-arrow.png") no-repeat 90% 56%, -o-linear-gradient(top, #f1b900 50%,#ce9400 100%); /* Opera 11.10+ */
    background: url("../img/global/nav-arrow.png") no-repeat 90% 56%, -ms-linear-gradient(top, #f1b900 50%,#ce9400 100%); /* IE10+ */
    background: url("../img/global/nav-arrow.png") no-repeat 90% 56%, linear-gradient(top, #f1b900 50%,#ce9400 100%); /* W3C */
    cursor: pointer;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;     
}
.bbdnRegistrationButton:hover, .bbdnButton:hover {
    background: url("../img/global/nav-arrow.png") no-repeat 90% 56%, -moz-linear-gradient(top, #ffd118 50%, #e7ad18 100%); /* FF3.6+ */
    background: url("../img/global/nav-arrow.png") no-repeat 90% 56%, -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffd118), color-stop(100%,#e7ad18)); /* Chrome,Safari4+ */
    background: url("../img/global/nav-arrow.png") no-repeat 90% 56%, -webkit-linear-gradient(top, #ffd118 50%,#e7ad18 100%); /* Chrome10+,Safari5.1+ */
    background: url("../img/global/nav-arrow.png") no-repeat 90% 56%, -o-linear-gradient(top, #ffd118 50%,#e7ad18 100%); /* Opera 11.10+ */
    background: url("../img/global/nav-arrow.png") no-repeat 90% 56%, -ms-linear-gradient(top, #ffd118 50%,#e7ad18 100%); /* IE10+ */
    background: url("../img/global/nav-arrow.png") no-repeat 90% 56%, linear-gradient(top, #ffd118 50%,#e7ad18 100%); /* W3C */    
}
.noArrow {
    background: #f1b900 no-repeat 90% 56%;
    background: -moz-linear-gradient(top, #f1b900 50%, #ce9400 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#f1b900), color-stop(100%,#ce9400)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f1b900 50%,#ce9400 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f1b900 50%,#ce9400 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f1b900 50%,#ce9400 100%); /* IE10+ */
    background: linear-gradient(top, #f1b900 50%,#ce9400 100%); /* W3C */
    padding: 8px;
}
.noArrow:hover {
    background: #ffd118 no-repeat 90% 56%;
    background: -moz-linear-gradient(top, #ffd118 50%, #e7ad18 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffd118), color-stop(100%,#e7ad18)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffd118 50%,#e7ad18 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffd118 50%,#e7ad18 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffd118 50%,#e7ad18 100%); /* IE10+ */
    background: linear-gradient(top, #ffd118 50%,#e7ad18 100%); /* W3C */
    padding: 8px;
}

.btnMobile {
    margin: 2em 0 0 0;
}

/* registration and options panels */
.bbdnIntroductionContainer {
    float: left;
    width: 605px;
    margin-left: 20px;
}
.bbdnRegisterPanel {
    float: right;
    border: 1px solid #c9c9c9;
    width: 270px;
    background-color: #e9e9eb;
    margin-right: 5px;
}
.bbdnRegisterPanel h2, .bbdnPartnerOptionPanel {
    padding: 12px;
    border-bottom: 1px solid #c9c9c9;
    margin: 0;
}
.bbdnPartnerOptionPanel input {
    float: left;
    clear: left;
    margin: 2px;
}
.bbdnPartnerOptionPanel label {
    display: block;
    float: left;
    width: 88%;
    margin: 2px;
    position: relative;
    top: -1px;
}
.bbdnPartnerOptionPanel h3 {
    color: #202020;
    margin-top: 0;
    font-size: 16px;
}
.bbdnRegisterPanel h2, #bbdnIntroduction h2 {
    color: #202020;
    font-weight: bold;
}
#bbdnIntroduction h2 {
    margin-bottom: 1em;
}

#h3or {
    font-size: 12px;
    text-transform: uppercase;
    color: #cda00a;
    font-style: italic;
    font-weight: bold;
}
.pnlMobile {
    background: url("../img/global/mosaic-logo.png") top no-repeat;
    width: 326px;
    height: 510px;
    border: none;
}
.pnlIntroMobile {
    width: 520px;
    margin-bottom: 3em;
}
/* cda styles */
h3.cdaHeading {
    color: #202020;
    font-weight: bold;
    font-size: 15px;
    border: 1px solid #c9c9c9;
    background-color: #e9e9eb;
    padding: 8px;
    margin-bottom: 1em;
}
h4 {
    color: #202020;
    font-weight: bold;
    font-size: 15px;
}


/* general bbdn styles */
.bbdnEmailOnly { display: none; }
.clear { clear: both; }

h3  {
    font-size: 1.4em;
    margin: 1.1em 0 0.5em 0;
    clear: both;
}
.bbdnBold {
    font-weight: bold;
    color: #333;
    font-size: 1.2em;
}
.bbdnButton {
    margin: 2em 1em 2em 0;
}
.bbdnGenericLabel {
    position: relative;
    top: -2px;
    left: 4px;
    color: #444;
}
.bbdnError {
    color: #cc0000;
    display: block;
}
.bbdnErrorMsg {
    color: #cc0000;
}
.bbdnErrorMsgBlock {
    color: #cc0000;
    font-weight: bold;
    margin-bottom: 1em;
}
.bbdnErrorIndicator {
    float: left;
    margin-left: 8px;
    font-weight: bold;
    font-size: 2em;
    color: #FF0000;
    position: relative;
    top: 6px;
}
.regStartError {
    color: #FF0000;
    text-align: center;
    font-weight: bold;
    padding: 4px;
}
.bbdnValidationSummary ul {
    list-style: disc;
    margin-left: 2em;
    padding: 4px;
}
.bbdnIndent {
    margin-left: 2em;
}
/* authorization */
#bbdnAuthCodeContainer {
    margin: 0.2em 0 4em 0;
    clear: both;
    position: relative;
    left: -30px;
}

/* summary table */
.bbdnFees {
    border: 1px solid #444;
    width: 600px;
    margin: 1.2em 0 1.2em 0;
    border-collapse: collapse;
}
.bbdnFees tr td, .bbdnFees tr th {
    border: 1px solid #444;
    padding: 8px;
    color: #444;
}
.bbdnFees tr th {
    font-weight: bold;
    color: #000;
    background-color: #dfdfdf;
}
.bbdnNotes {
    color: #cc0000;
    margin: 0 5px 0 5px;
    font-weight: bold;
}
#bbdnNotes { margin-bottom: 1.5em; }

#bbdnNavButtons {
    clear: both;
    margin: 0.5em 0 1em 0;
}

/* BbDN Order Form styles */
ol.bbdnSteps {
    list-style: decimal;
    margin: 1em 1em 1em 2em;
}
#bbdnAuthCodeRequired {
    display: block;
    color: #444;
    font-weight: bold;
    margin: 1em 0 1em 0;
}
#bbdnAdditionalLicensePanel {
    margin-top: 1em;
}

#bbdnAdditionalLicensePanel label {
    margin-left: 7px;
    position: relative;
    top: -1px;
    color: #444;
}
.bbdnFormField {
    float: left;
    margin-top: 6px;
}
.secondLine {
    clear: left;
    margin-left: 205px;
}

.bbdnFormLabel {
    width: 200px;
    text-align: right;
    display: block;
    float: left;
    clear: left;
    color: #444;
    margin: 6px 5px 0 0;
}
    
/* Agreement */
#bbdnAgreement {
    font-size:11.0pt;
    font-family:"Calibri",sans-serif;
    overflow-y: scroll;
    height: 340px;
    border: 1px solid #444;
    padding: 8px;
    margin-bottom: 1em;
    color: #000;
}
.bbdnAgreementTable {
    width: 100%;
}
.bbdnAgreementTable, .bbdnAgreementTable tr td {
    border: 1px solid #333;
}
.bbdnAgreementTable tr td {
    padding: 5px;
}
.bbdnAgreementTable tr td ul li {
    list-style: disc;
    margin-left: 1em;
}

/* Billing */
#bbdnCVV2 {
    float: left;
    text-decoration: underline;
    position: relative;
    left: 12px;
    top: 8px;
}

.dark { color: #222; }

p.mpr{
    margin-top:1em;
}

ul.mpList {
    list-style-type: disc;
    padding-left: 2rem;
}

#bbdnIntroduction ul.mpList li {
    font-weight: normal;
}

p.footnote,p.intro{
    margin-bottom:1em;
}

.bbdnFormField+.select2-container{
    float:left;
    margin-top:6px;    
}

.becomeBbDN .btn--theme-orange
{
    color: #000;
    border-color: #f9a21d;
    background-color: #f9a21d;
    display: inline-block;
    font-weight: 800;
    text-decoration: none;
    min-height: 4rem;
    padding: .75rem 1.875rem;    
    line-height: 2.5rem;
    border: .0625rem solid #000;
    white-space: normal;
    vertical-align: top;
    cursor: pointer;
    font-size: .8125rem;
    margin-right: 3em;
}


.becomeBbDN .btn--theme-orange:hover {
        border-color: #ffd191;
    background: #ffd191;
}

.selectAllApply{
    display:inline-block;
    color: darkgray;
    margin-right: 1.3em;
}
.hide{
    display:none;
}

.contentProviderTT {
    margin: .3em 0;
}

.calculator-tooltip{
    display: inline-block;
    margin-left: 4px;
    position: relative;
    text-transform: none;
}
.tooltip-toggle
{
    background: none;
    border: none;
    height: 12px;
    width: 12px;
    padding: 0;
    cursor:pointer;
}

.tooltip-toggle svg
{
        height: 100%;
    width: 100%;
    vertical-align: text-top;
}

div.protip-skin-default--scheme-pro.ttStyle{
    background:#000;
    color:#fff;
}
div.protip-skin-default--scheme-pro.ttStyle .protip-arrow{
    border-right-color: #000;
}

.orderTotalNote{
    margin-top:.5em;
}
.bbdnErrorIndicatorRegEx
{
    float: left;
    margin-left: 8px;    
    color: #FF0000;
    position: relative;
    top:.9em;
   
}

/*#newAddOn{
	padding: 1em;
    border: 1px solid black;
    width: 574px;
	color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
    border-radius: .25rem;
}*/
	
.poLabel
{
    margin-top: .5em;
    display: block;
}