/************************
 * Common styles
 ************************/
* {
    margin: 0;
    padding: 0;
}

.bodyCopy {
    font: 11px helvetica, clean, sans-serif;
    color: #444444;
    text-align: left;
    font-weight: normal;
}

form {
    text-align: left;
}

select, input, textarea {
    font: 14px arial, helvetica, clean, sans-serif;
    margin-right: 2px;
}

input.text {
    padding: 1px 0;
}

optgroup {
    margin-top: .5em;
}

pre, code {
    font: 115% monospace;
    font-size: 100%;
}

form a, a:visited {
    color: #00407c;
    text-decoration: underline;
    cursor: pointer;
}

form a:hover {
    color: #0000CC;
    background: url(../images/linkback.gif) bottom left repeat-x;
    cursor: pointer;
}

a img {
    border: none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}

h1 {
    font-size: 14px;
    color: #526F8B;
}

h2, h3, h4, h5, h6 {
    font-size: 12px;
    color: #6798C6;
}

td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

#maincontain {
    width: 990px;
    margin: 0px auto;
    border-left: 1px solid #E0E0E0;
    overflow: visible;
}

#customBrandingHeader td {
    vertical-align: middle;
}

.customBrandingBannerText {
    margin-left: 15px;
}

.customBrandingBannerText {
    color: #444;
    font-family: arial;
    font-size: 30px;
}

/* Optional class for when Custom Branding provides no image. */
.brandingTitlePositioning {
    padding: 40px 4px;
}

#FormMaterializerContent {
    text-align: center;
    overflow: hidden;
}

#FormMaterializerContent td {
    padding: 0px;
    padding-left: 1px;
}

.fnd_TextBox {
    width: 200px;
}

.fnd_questionTextArea {
    width: 230px;
}

.ResetRegistration {
    display: none;
}

.ResetRegistration .ResetButton {
    background: transparent url(../images/btn_lg_green.gif) top left no-repeat;
    border: none;
    height: 57px;
    margin: auto auto;
    width: 212px;
}

.hSeparator {
    margin: 20px 0px 20px 10px;
    width: 578px;
}

/***********************
    Agency Page Styles
***********************/

.EventTable {
    margin-left: 14px !important;
    margin-left: 0px;
    position: relative\9;
    left: 14 px\9; /* \9 is only for IE6, 7, 8. */
    table-layout: auto;
    word-wrap: break-word;
    overflow: hidden;
}

.EventTable .EventName {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #183F83;
    margin: .5em 0px .25em;
}

/***********************
    MyActive Page Styles
***********************/
.MyActiveContainer {
    font: 14px arial, helvetica, clean, sans-serif;
    color: #444;
    width: 592px;
}

.MyActiveContainer > div {
    width: 582px;
    padding-left: 10px;
}

.MyActiveContainer > div > div.Error {
    width: 582px;
    padding-left: 10px;
}

.MyActiveContainer .MyActiveDescription {
    margin: 10px 0px;
}

.MyActiveContainer table {
    margin-bottom: 10px;
}

.MyActiveContainer td {
    font: 14px arial, helvetica, clean, sans-serif;
    color: #444;
}

.MyActiveContainer td input {
    margin-right: 5px;
}

.MyActiveContainer .MyActiveAgreement {
    margin: 10px 0px;
}

.MyActiveContainer .MyActiveAgreement input {
    margin: 0px 5px;
}

/***********************
    Registration Step Styles
***********************/
.stepsContainer {
    margin: 0px auto;
    padding-top: 10px;
}

.stepsContainer3Steps {
    width: 363px;
}

.stepsContainer4Steps {
    width: 484px;
}

.stepsContainer5Steps {
    width: 605px;
}

.stepsBottomBorder {
    border-bottom: 1px dotted #183F83;
    width: 585px;
    padding-top: 5px;
}

.step {
    height: 21px;
    width: 121px;
    float: left;
    background-image: url(../images/reg_step_future.png);
}

.stepFirst {
    margin-left: 50px;
}

.stepCurrent {
    width: 21px;
    background-image: url(../images/reg_step_current.png);
}

.stepPast {
    background-image: url(../images/reg_step_past.png);
}

.stepNum {
    font: bold 14px arial, sans-serif;
    color: #B8B8B8;
    padding-left: 100px;
    padding-top: 2px;
    text-align: center;
}

.stepNumCurrent {
    color: #FFFFFF;
    padding-left: 0px;
}

.stepLabel {
    font: bold 14px arial, sans-serif;
    color: #B8B8B8;
    width: 121px;
    float: left;
    text-align: center;
    vertical-align: top;
}

.stepLabelCurrent {
    color: #183F83;
}

/***********************
    Event Page Styles
***********************/
.EventChooser {
    font: 14px arial, helvetica, clean, sans-serif;
    text-align: center;
}

.EventChooser .EventTitle, .EventTitle {
    font-family: Helvetica;
    font-size: 16px;
    color: #163f75;
    width: 600px;
    margin: 0 auto;
    text-align: left;
    margin-top: 25px;
}

.EventChooser .OnHold {
    width: 600px;
    text-align: left;
    margin: 10px auto 0 auto;
}

.EventChooser .SubTitle {
    color: #444444;
    margin: 0 auto;
    text-align: left;
    margin-top: 10px;
}

.EventChooser td {
    padding-top: 8px !important;
}

.EventChooser .CategoryOption input {
    margin-left: 8px;
}

.EventChooser .SectionContent {
    text-align: left;
    padding-top: 4px;
}

.SectionContent table.SectionTableFullWidth {
    width: 579px !important; /* to fix FNDCNSMR-1754 */
}

.EventChooser .SectionContent table {
    border-collapse: collapse;
    width: 572px;
    margin-left: 14px;
    color: #444;
}

.SectionContentSelectTuition table {
    width: 570px;
    padding-top: 5px;
    margin-left: 14px;
}

.EventChooser td.EventName {
    font: 14px arial, helvetica, clean, sans-serif;
    font-weight: bold;
    color: #444444;
    width: 75%;
    text-align: left;
}

.EventChooser td.CategoryName {
    font-size: 14px;
    color: #444444;
    width: 75%;
    text-align: left;
    padding-left: 5px !important;
}

.EventChooser .EventDescriptionLabel {
    font-size: 11px;
    color: #999999;
    text-align: left;
}

.EventChooser td.EventPrice {
    font-size: 14px;
    width: 25%;
    text-align: left;
    vertical-align: top;
}

.EventChooser div.EventPassword {
    font-style: italic;
    text-align: left;
    margin-bottom: 5px;
    padding-left: 5px;
    width: 220px;
}

.EventChooser div.EventPasswordError {
    border: 2px solid #fbde90;
    background-color: #fef0cb;
    font-style: italic;
    color: #a41d0a;
}

.EventChooser .SubEventOnHold td, .EventChooser .SubEventOnHold td label,
.EventChooser .SubEventSoldOut td, .EventChooser .SubEventSoldOut td label,
.EventChooser .SubEventNotOpen td, .EventChooser .SubEventNotOpen td label {
    color: #C9C9C9;
}

.EventChooser .SubEventOnHold .PriceText_Registration, .EventChooser .SubEventSoldOut .PriceText_Registration, .EventChooser .SubEventNotOpen .PriceText_Registration {
    text-transform: uppercase;
}

.EventChooser .SubEventSoldOut .PriceText_Registration,
.EventChooser .SubEventOnHold .PriceText_Registration,
.EventChooser .SubEventNotOpen .PriceText_Registration {
    color: #ff0000;
}

/*******************************
    Registration Styles
*******************************/
.PreviewModeContainer {
    font: 14px Arial, Helvetica, sans-serif;
    font-weight: bold;
    background-color: #990000;
    color: #FFFFFF;
    vertical-align: middle;
    text-align: center;
    padding: 0.5em;
}

.SectionContainer_NoTopMargin {
    width: 650px;
    margin: 0 auto;
}

.SectionContainer, .ValidationContainer {
    text-align: left;
    width: 600px;
    margin: 1.5em auto;
    margin-bottom: 0px;
}

.SectionHeader {
    height: 45px;
    line-height: 34px;
    font: 16px Arial, Helvetica, sans-serif;
    text-align: left;
    color: #FFFFFF;
    background: url(../images/secheader.gif) repeat-x;
}

.SectionHeaderYellow {
    float: left;
    margin: 9px 0px 0px 0px;
    font: 16px Arial, Helvetica, sans-serif;
    text-align: left;
    color: #000000;
}

.SectionHeaderLeft {
    float: left;
    width: 5px;
    height: 45px;
    background: url(../images/secheader_left.gif) no-repeat left top;
}

.SectionHeaderText {
    float: left;
    width: 500px;
    margin: 8px 0px 0px 8px;
}

.SectionHeaderRight {
    float: right;
    width: 7px;
    height: 45px;
    background: url(../images/secheader_right.gif) no-repeat left top;
}

.SectionContent, .SectionContentSelectTuition {
    clear: both;
    padding: 0px 0px 25px 0px;
    background: url(../images/seccontent.gif) repeat-y;
}

.SectionFooter {
    background: url(../images/secfooter.gif) no-repeat;
    height: 10px;
}

.SectionContent table {
    margin-left: 3px;
}

.SectionTableFullWidth {
    width: 100%;
}

.SectionCellRightAlign {
    text-align: right;
}

.LabelContainer {
    margin-left: 10px;
}

.SubHeaderWrapper {
    font: 14px arial, helvetica, clean, sans-serif;
    font-weight: bold;
    color: #163f75;
    margin: 15px 0px 0px 95px;
}

.FieldControlContainer {
    margin-top: 0.15em;
    margin-top: 0.12em !important; /*IE7*/
    margin-bottom: 0.15em;
    margin-bottom: 0.12em !important; /*IE7*/
    float: left;
    clear: left;
    width: 100%
}

.FieldControlContainer table {
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.ControlWrapper select {
    width: 200px;
}

#OfferErrorDiv {
    clear: both;
}

/*******************************
	Select Registrant Styles
*******************************/

.SelectRegistrantContainer {
    font: 14px arial, helvetica, clean, sans-serif;
    color: #444;
    width: inherit;
}

.SelectRegistrantContainer label {
    margin-left: 5px;
}

.SelectRegistrantHeader {
    font-weight: bold;
    margin-bottom: 3px;
    padding-left: 10px;
}

.SelectRegistrantListContainer {
    margin-left: 8px;
    padding-left: 10px;
}

.SelectRegistrantListContainer table {
    margin-left: 0px;
    padding-left: 0px;
    color: #444;
    width: 100%;
    border: 0;
}

.SelectRegistrantListContainer table td {
    font: 14px arial, helvetica, clean, sans-serif;
}

.SelectRegistrantAgeContainer {
    font: 14px arial, helvetica, clean, sans-serif;
    margin: 1em 0px;
    padding-left: 10px;
}

.SelectRegistrantAgeLabelContainer {
    font-weight: bold;
    margin-bottom: 3px;
}

.SelectRegistrantAgeInputContainer {
    float: left;
    margin-left: 8px;
}

.SelectRegistrantAgeInputContainer table {
    margin-left: 0px;
    padding-left: 0px;
    color: #444;
}

.SelectRegistrantAgeInputContainer td {
    font: 14px arial, helvetica, clean, sans-serif;
}

.SelectRegistrantRelationContainer {
    font: 14px arial, helvetica, clean, sans-serif;
    font-weight: bold;
    float: left;
    margin: 1em 0px;
    padding-left: 10px;
}

.SelectRegistrantRelationLabelContainer {
    margin-bottom: 3px;
}

.SelectRegistrantRelationInputContainer {
    float: left;
}

.SelectRegistrantRelationAssertion {
    display: block;
    float: left;
    font-weight: normal;
    margin-left: 10px;
}

.SelectRegistrantRelationStatementLabel {
    display: block;
    float: left;
    font-weight: normal;
    margin: 10px 0px 0px 26px;
    width: 500px;
}

.SelectRegistrantRelationCoppaLabel {
    display: block;
    float: left;
    font-weight: normal;
    margin: 10px 0px 0px 26px;
    width: 500px;
}

.SelectRegistrantStatement {
    display: block;
    width: 330px;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #777777;
}

.SelectRegistrantKeyerInfoHeaderText {
    font-size: 12px;
    font-weight: bold;
    margin-left: 20px;
}

.SelectRegistrantKeyerInfoHeader {
    margin-top: 10px;
    margin-bottom: 5px;
}

.SectionContent_ConfInternalLinks .overlay {
    display: none;
}

.csaaOverlay {
    position: absolute;
    z-index: 9999;
    top: 147.2px;
    left: 488.5px;
    display: none;
    background: #FFF;
    border: solid 1px #c2d2eb;
}

.SelectRegistrantContainer .overlay {
    background: #FFF;
    display: none; /* initially overlay is hidden */
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    position: absolute;
    z-order: 999;
    font: 14px arial;
    color: #444;
    border: solid 1px #c2d2eb;
}

.SelectRegistrantContainer .overlay .header {
    height: 31px;
    background: transparent url(../images/fundraising_headerslice.gif) repeat-x;
    color: #163f75;
    font: 14px arial;
    padding-left: 14px;
    padding-top: 4px;
}

.SelectRegistrantContainer .overlay .headerText {
    float: left;
    padding-top: 2px;
    width: 250px;
}

.SelectRegistrantContainer .overlay .closeButton {
    float: right;
    margin-right: 10px;
    width: 17px;
    height: 16px;
    background: transparent url(../images/btn_fundraising_close.gif) no-repeat;
    cursor: pointer;
}

.SelectRegistrantContainer .overlay p {
    margin: 10px 14px;
}

/*******************************
    Q & A Styles
*******************************/

.ParticipantInfoContainer {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.QuestionLabelWrapper {
    font: 14px arial, helvetica, clean, sans-serif;
    text-align: right;
    width: 200px;
    vertical-align: middle;
    background-position: center;
    float: left;
    clear: left;
    margin: .25em 1.5em .25em 0px;
    padding: .25em 0px;
    hasLayout: 1;
    zoom: 1;
    /*removing position relative for bug 2027*/
}

.NameLabel {
    font-weight: bold;
    color: #163F75;
}

.ControlWrapper {
    vertical-align: middle;
    float: left;
    width: 310px;
    font-size: 12px;
    margin: .2em 0px .1em;
    padding: .1em 0px;
}

.ControlWrapper table {
    margin: 0px;
    width: auto !important;
}

.ControlWrapper td {
    font-size: 12px;
}

.input_cell, .input_cell LABEL {
    vertical-align: top;
}

.InstructionLabelWrapper {
    font-size: 10px;
    color: #575757;
    width: 250px;
    float: left;
    vertical-align: middle;
    word-wrap: break-word;
}

.InstructionSpaceWrapper {
    width: 218px;
    float: left;
    clear: left;
}

.ReadOnlyWrapper {
    float: left;
    width: 250px;
    font-size: 12px;
    margin-left: 0px;
    color: #444;
}

.ReadOnlyValue {
    line-height: 25px;
}

.PhoneExt {
    width: 60px;
}

.NewsletterContainer {
    clear: left;
    width: 100%;
    margin: 0.15em 0px 10px;
    padding-left: 218px;
    font-family: Arial, Sans-Serif;
    font-size: 14px;
    color: #444;
}

.NewsletterHeader {
    line-height: 20px;
    margin-bottom: 5px;
}

.NewsletterOfferName {
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 4px;
    width: 360px;
}

.NewsletterOfferDescription {
    font-weight: normal;
    font-size: 11px;
    margin-left: 20px;
}

/*******************************
    Participant Info Styles
*******************************/

.EditProfileTextWrapper {
    font-size: 10px;
    margin-left: 430px;
    width: 159px;
}

.EditProfileText {
    color: #444;
}

.AddressContainer {
    width: 100%;
}

.AddressContainer .QuestionLabelWrapper {
    clear: both;
}

div.AddressContainer.span {
    display: block;
    clear: left;
}

input.TimeField {
    width: 20%;
}

select.TimeList {
    width: 48px;
    margin-left: 2px;
    margin-right: 5px;
}

input.DateField {
    width: 40%;
}

/*******************************
Fundraising and CrossSellingOffer Styles
*******************************/

.FundraisingContainer, .CrossSellingOfferContainer {
    color: #444;
    font: 14px arial;
    line-height: 18px;
}

.FundraisingContainer {
    padding: 0px 14px;
}

.FundraisingContainer > div {
    margin-bottom: 10px;
}

.FundraisingHeaderText {
    color: #444444;
    font-weight: bold;
    width: 200px;
}

.FundraisingSubHeaderText {
    /* 	height: 15px;
     style: font:11px arial;
     margin-top: 5px;
     width: 450px; */
}

.FundraisingSubHeaderText > div {
    float: left;
    /* 	width: auto; */
}

.FundraisingSubHeaderTextText {
    width: auto;
}

.CrossSellingOfferSubHeaderText {
    font: 14px arial;
    line-height: 18px;
}

.CrossSellingOfferPurchase, .CrossSellingOfferSubHeaderText {
    margin: 0px 0px 5px 14px;
}

.CrossSellingOfferPurchaseItem {
    margin-top: 5px;
    clear: left;
}

.CrossSellingPurchase {
    width: auto !important;
}

.MembershipTable {
    width: 100%
}

.MembershipLogoTd {
    width: 10%
}

.MembershipItem {
    clear: left;
    padding: 2px;
}

.membership li {
    list-style: none;
}

.membership .subProgram {
    margin-top:10px;
}

.MembershipItem .itemRadioButton {
    padding: 0px;
    margin: 0px;
    width: 25px;
}

.MembershipItem .alignRight {
    text-align: right;
    margin-right: 5px;
}

.membership .marginLeft {
    padding :0px;
    margin-left: 20px;
}

.membership li {
    margin-top: 10px;
}

.membership .price {
    float:right;
    margin-right:20px;
}

.membership .division {
    padding:5px;
}

.membership {
    font-size: 12px;
}

.membership label {
    font-size: 14px;
    vertical-align: middle;
}

.membership input[type="radio"] {
    vertical-align: middle;
}

.updateInfoWarning {
    font-size: 12px;
    color: #f90;
    line-height: 20px;
}

.formField .fieldElement input.focusoutWarning {
    border: 1px solid #f5ba46;
    background-color: #fff;
}

.formField .fieldElement input.focusinWarning {
    border: 1px solid #f5ba46;
    background-color: #fef8ec;
}

.MembershipItem > .FloatLeft > * {
    vertical-align: middle;
}
#membership-items {
    position: relative;
}

#membership-items .price {
    position: absolute;
    right: 0;
}

#membership-items .membership-item {
    display: inline-block;
    text-align: right;
}

#membership-items .membership-item .program {
    margin-top: 1em;
}

#membership-items .membership-item .options {
    text-align: left;
    margin-top: 1em;
}

#membership-items .membership-item select {
    width: 10em;
    margin-left: 0.5em;
}

.OverlayTagBody {
    margin: 0px 12px 5px 3px;
}

.CharityHelp_IE {
    float: left;
}

.CharityHeader {
    font-weight: bold;
    margin-top: 9px;
}

.FundraisingContainer .SupportHeader {
    font-weight: bold;
    float: left;
}

.FundraisingContainer .SupportHeader_IE {
    font-weight: bold;
    float: left;
    margin-top: 10px;
}

.DonationAmount {
    font-weight: normal;
    float: left;
    width: 100%;
    margin-right: 20px;
    margin-top: 10px;
}

.DonationAmount_IE {
    display: inline;
    font-weight: normal;
    float: left;
    width: 150px;
    margin-top: 10px;
    margin-right: 20px;
}

.DonationAmount > * {
    float: left;
}

.DonationAmount_IE > * {
    float: left;
}

.DonationAmountLabel {
    margin-left: 10px;
    font-weight: bold;
}

.DonationAmountSecondLine {
    clear: left;
    width: 100%;
}

.DonationAmount > span {
    clear: left;
    margin-right: 2px;
    font-weight: normal;
}

.DonationAmount_IE > span {
    clear: left;
    margin-right: 2px;
    font-weight: normal;
    padding-bottom: 5px;
}

.DonationAmount input {
    width: 70px;
}

.DonationAmount_IE input {
    width: 70px;
}

.DonationMinimum {
    display: inline;
    margin-left: -5px;
    margin-top: 5px;
}

.DonationFooterText {
    clear: left;
    float: left;
    font: 11px Arial;
    padding-top: 3px;
    padding-left: 18px;
    width: 160px;
}

.DonationFooterText_IE {
    clear: left;
    float: left;
    font: 11px Arial;
    padding-top: 3px;
    padding-left: 25px;
    width: 180px;
}

.Fundraising {
    clear: both;
}

.FundraisingCheckbox {
    float: left;
    clear: left;
    /*margin-top: 12px;*/
    width: 300px;
}

.FundraisingCheckbox input {
    margin-right: 5px;
}

.FundraisingContainer .overlay, .CrossSellingOfferContainer .overlay {
    /* 	border-right: #c2d2eb 1px solid;
     padding-right: 0px;
     border-top: #c2d2eb 1px solid;
     display: none;
     padding-left: 0px;
     background: #fff;
     padding-bottom: 0px;
     margin: 0px;
     font: 14px arial;
     overflow: hidden;
     border-left: #c2d2eb 1px solid;
     color: #444;
     padding-top: 0px;
     border-bottom: #c2d2eb 1px solid;
     position: absolute; z-order: 999;
     width: 400px;
     height: auto; */

    background: #FFF;
    display: none; /* initially overlay is hidden */
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    position: absolute;
    z-order: 999;
    font: 14px arial;
    color: #444;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    border: solid 1px #c2d2eb;
    width: 400px;
    height: auto;

}

.FundraisingContainer .overlay .header {
    height: 31px;
    background: transparent url(../images/fundraising_headerslice.gif) repeat-x;
    color: #163f75;
    font: 14px arial;
    padding-left: 14px;
    padding-top: 4px;
}

.FundraisingContainer .overlay .headerText {
    float: left;
    padding-top: 2px;
    width: 250px;
}

.FundraisingContainer .overlay .closeButton {
    float: right;
    margin-right: 10px;
    width: 17px;
    height: 16px;
    background: transparent url(../images/btn_fundraising_close.gif) no-repeat;
    cursor: pointer;
}

.FundraisingContainer .overlay .charityName {
    font-weight: bold;
    margin-top: 5px;
    margin-left: 14px;
    color: #444;
}

.FundraisingContainer .overlay .charityLink {
    margin-left: 14px;
    margin-bottom: 14px;
}

.FundraisingContainer .overlay .charityLink a {
    margin-left: 0px;
}

.FundraisingContainer .overlay p {
    margin-left: 10px !important;
    margin-right: 10px;
    margin-top: 14px;
    margin-bottom: 14px;
}

.donationHelpLink {
    color: #00407C;
    font-size: 11px;
    text-decoration: underline;
    width: 190px;
    cursor: pointer;
}

.donationHelpLink_IE {
    color: #00407C;
    font-size: 11px;
    margin-left: -80px;
    margin-top: 2px;
    text-decoration: underline;
    width: 180px;
    cursor: pointer;
}

.OverlayTagBody li {
    list-style-position: inside;
    margin-left: 14px;
}

/*******************************
    Add-on Styles
*******************************/
.AddOnImageViewLargerLink {
    font-size: 9px;
    font-weight: bold;
    margin-left: 20px;
}

.AddOnImageImage {
    width: 75px;
    margin-left: 10px;
}

.AddOnImageOverlay {
    background: #FFF;
    display: none; /* initially overlay is hidden */
    padding: 0px;
    margin: 5%;
    overflow: hidden;
    position: absolute;
    top: auto;
    left: 0px;
    z-index: 999;
    font: 14px arial;
    color: #444;
    border: solid 1px #c2d2eb;
    max-width: 90%
}

.AddOnImageOverlay .close {
    right: 5px;
    top: 5px;
    position: absolute;
    width: 17px;
    height: 16px;
    background: transparent url(../images/btn_fundraising_close.gif) no-repeat;
    cursor: pointer;
}

.AddOnImageOverlayHeader {
    height: 24px;
    background: transparent url(../images/fundraising_headerslice.gif) repeat-x;
    color: #163f75;
    width: 100%;
}

.AddOnImageCaptain {
    font: 14px arial;
    white-space: nowrap;
    margin-right: 30px;
    font-weight: bold;
    margin-left: 5px;
    vertical-align: middle;
    line-height: 24px;
}

.AddOnImageOverlayImage {
    max-width: 100%;
}

.AddOnQuantityConstraint {
    color: #333333;
    font-family: Arial;
    font-size: 11px;
    margin-left: 5px;
}

.AddOnCellsWithImage {
    vertical-align: top;
    width: 80px;
    margin-left: auto;
    margin-right: auto;
}

.AddOnWrapper {
    margin: 0px 0px 15px 10px;
}

.AddOnWrapper table {
    width: 100%;
    margin-left: 0px;
    padding-left: 0px;
    border-collapse: collapse;
}

.AddOnWrapper td {
    font: 14px arial, helvetica, clean, sans-serif;
    color: #444444;
}

.AddOnWrapper label {
    margin-left: 5px;
}

.AddOnNameWrapper {
    font: 14px arial, helvetica, clean, sans-serif;
    font-weight: bold;
    color: #163f75;
    margin-bottom: 5px;
    overflow: hidden;
    word-wrap: break-word;
    width: 100%;
}

.AddonDescriptionWrapper {
    font: 14px arial, helvetica, clean, sans-serif;
    color: #444444;
    margin-bottom: 5px;
    width: 100%;
    overflow: hidden;
    word-wrap: break-word;
}

.AddonOptionRow {
    height: 18px;
}

.AddonOptionsWrapper {
    overflow: visible;
    width: 100%;
}

td.AddonOptionRowHeader {
    font: 14px arial, helvetica, clean, sans-serif;
    font-weight: bold;
    color: #444444;
}

td.AddonOptionColumnSelect {
    width: 311px;
    overflow: hidden;
    word-wrap: break-word;
}

td.AddonOptionColumnPrice {
    width: 185px;
}

td.AddonOptionColumnPrice input {
    width: 35px;
}

td.AddonOptionColumnQuantity {
    width: 195px;
    white-space: nowrap;
}

td.AddonOptionColumnQuantity input {
    width: 30px;
}

/*******************************
    Magazine Offer Styles
*******************************/
.MagazineOfferContainer {
    color: #444;
    padding: 0px;
    font: 14px arial;
    line-height: 18px;
}

.MagazineOfferContainer .HeaderText {
    float: left;
    width: 465px;
    font-weight: bold;
    color: #163f75;
    margin-bottom: 5px;
}

.MagazineOfferContainer .SubHeaderText {
    clear: both;
    width: 100%;
    border-top: solid 1px #D5D5D5;
    padding: 5px 0px 10px;
    color: #a41d0a;
}

.MagazineOfferContainer .Magazine {
    width: 100%;
    clear: both;
}

.MagazineOfferContainer .Magazine input {
    margin-top: 4px;
    margin-right: 5px;
}

.MagazineOfferContainer .Magazine > * {
    float: left;
    margin: 2px 0px;
}

.MagazineOfferContainer .MagazineList {
    border-collapse: collapse;
    margin: 0;
    width: 100%;
}

.MagazineOfferContainer .MagazineList td {
    padding: 2px !important;
    font-size: 14px !important;
}

.MagazineOfferContainer .MagazineCheckBox {
    vertical-align:top;
}

.MagazineOfferContainer .MagazineCheckBox label{
    display:none;
}

.MagazineOfferContainer .MagazineSelection {
    display:inline-block;
    width: 50%;
    padding-left: 0 !important;
}

.MagazineOfferContainer .MagazineSelection label {
    margin-left: 0px;
}

.MagazineOfferContainer .MagazineDescription {
    display:inline-block;
    font-style: italic;
    white-space: nowrap;
    width:22%;
    padding-left: 0 !important;
    margin-left: 0px;
}

.MagazineOfferContainer .MagazineDetails {
    display:inline-block;
    width: 25%;
    text-align: right;
    padding-right: 0 !important;
    margin-left: 0px;
}

.MagazineOfferContainer .TermsHeader {
    clear: left;
    float: left;
    width: 235px;
    font-weight: bold;
    margin-top: 10px;
}

.MagazineOfferContainer .TermsSubHeader {
    float: left;
    width: 200px;
    margin-top: 11px;
    font-size: 11px;
}

.MagazineOfferContainer .TermsDescription {
    clear: left;
    font-size: 11px;
    margin-bottom: 5px;
}

.MagazineOfferContainer .TermsText {
    float: left;
    clear: both;
    width: 555px;
    height: 90px;
    font: 11px arial;
    border: #d5d5d5;
    overflow: scroll;
    padding: 0 0.5em;
}

.MagazineOfferContainer .TermsLink {
    text-decoration: underline;
    margin-top: 5px;
    font: 14px arial;
    cursor: pointer;
}

/*******************************
    Waiver Styles
*******************************/
.WaiverWrapper {
    width: 100%;
    margin: 0px 0px 40px !important;
    margin: 0px 0px 0px;
}

.WaiverNameNormalWrapper {
    font: 14px arial, helvetica, clean, sans-serif;
    font-weight: bold;
    color: #163f75;
    margin: 0px 0px 5px 10px;
}

.WaiverNameSectionWrapperNewUI {
    font: 14px arial, helvetica, clean, sans-serif;
    font-weight: bold;
    color: #444444;
    margin: 0px 0px 5px 10px;
}

.WaiverTextNormalWrapper {
    border: 1px solid #D5D5D5;
    height: 150px;
    overflow: scroll;
    font: 14px arial, helvetica, clean, sans-serif;
    color: #000000;
    padding: 0.25em;
    margin: 0px 1em;
}

.PrintPopupNormalWrapper {
    font: 14px arial, helvetica, clean, sans-serif;
    text-align: right;
    color: #163f75;
    text-decoration: underline;
    margin: 5px 5px 5px 0px;
    cursor: pointer;
}

.WaiverInstructionsNormalWrapper {
    font: 14px arial, helvetica, clean, sans-serif;
    color: #444444;
    margin: 0px 12px 5px 14px;
}

.WaiverInstructionsWrapperNewUI {
    font: 11px arial, helvetica, clean, sans-serif;
    color: #444444;
    margin: 0px 12px 5px 14px;
}

.WaiverInstructionsRequiredAndOptionalWrapper {
    font: 14px arial, helvetica, clean, sans-serif;
    color: #444444;
    margin: 0px 12px 5px;
}

.WaiverAgreeInitialsWrapper {
    margin: 3px 0px;
}

.WaiverAgreementNormalWrapper {
    font: 14px arial, helvetica, clean, sans-serif;
    color: #444444;
    float: left;
    height: 20px;
    width: 450px;
    margin: 5px 0px 0px 14px;
}

.WaiverAgreementNewWrapper {
    font: 14px arial, helvetica, clean, sans-serif;
    color: #444444;
    height: 60px;
    margin: 5px 0px 0px 14px;
}

.WaiverAgreementWrapperNewUI {
    font: 14px arial, helvetica, clean, sans-serif;
    color: #444444;
    margin: 0px 0px 15px 14px;
}

.WaiverAgreementNormalWrapper label {
    margin-left: 3px;
}

.WaiverInitialsNormalWrapper {
    font: 14px arial, helvetica, clean, sans-serif;
    color: #444444;
    float: right;
    width: 180px;
    height: 20px;
    text-align: right;
    margin: 5px 10px 0px 0px;
}

.WaiverInitialsNormalWrapper span {
    margin-right: 3px;
}

.WaiverInitialsTextbox {
    width: 40px;
}

.WaiverSignatureWrapper {
    font: 14px arial, helvetica, clean, sans-serif;
    color: #444444;
    margin: 5px 0px 0px 14px;
}

.OptionalWaiverWrapper {
    font: 11px arial, helvetica, clean, sans-serif;
    color: #444444;
    margin: 4px 0px 0px;
}

.OptionalWaiverWrapperNewUI {
    font: 11px arial, helvetica, clean, sans-serif;
    color: #444444;
    margin: 4px 0px 0px;
    float: left;
}

.WaiverSignedUI {
    font: 11px arial, helvetica, clean, sans-serif;
    color: #000000;
    margin: 4px 0px 0px;
    float: right;
}

.WaiverSignatureTextbox {
    width: 200px;
}

.inlineWaiverTitle {
    margin-top: 10px;
    font-weight: bold;
    font-size: 14px;
}

.inlineWaiverPrint {
    margin-bottom: 10px;
}

.inlineWaiverText {
    padding-right: 20px;
}

/*******************************
    Cart Styles
*******************************/
.NewRegWrapper {
    text-align: left;
    height: 20px;
    border-bottom: 0px solid #c6cacd;
    margin-top: 0px;
    margin-bottom: 0px;
}

.NewRegWrapper .NewRegLabel {
    float: left;
    color: #444;
    margin-top: 2px;
}

.NewRegWrapper .NewRegBlueButton {
    border: none;
    height: 34px;
    font: 15px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #163F75;
    cursor: pointer;
    text-align: left;
    padding-left: 8px !important;
    padding-left: 10px;
    padding-bottom: 8px;
    margin-top: 2px !important;
}

.NewRegBlueButtonWidth_camps, .NewRegBlueButtonWidth_event, .NewRegBlueButtonWidth_sports {
    background: url(../images/CUI_blank_button.png) no-repeat;
    width: 193px;
}

.NewRegBlueButtonWidth_swim {
    background: url(../images/swim/CUI_blank_button_swim.png) no-repeat;
    width: 125px;
}

.CartWrapper {
    font: 14px arial, helvetica, clean, sans-serif;
    padding: 0px 10px;
}

.CartWrapper .EventName {
    font: 14px arial, helvetica, clean, sans-serif;
    font-weight: bold;
    color: #163f75;
    padding-top: 10px;

}

.CartWrapper .EventName a {
    font-weight: normal;
    text-decoration: underline;
}

.CartWrapper .EventName .ActionSeparator {
    font-weight: normal;
}

.CartWrapper td.PurchaseItemQuantity {
    font-weight: bold;
    text-align: right;
}

.RegistrantName {
    margin: 5px 0px 2px;
}

.RegistrantName, .InviteTeamName {
    color: #444;
    padding-bottom: 2px;
}

.RegistrantNameLabel {
    font: 14px arial, helvetica, clean, sans-serif;
    font-weight: bold;
    white-space: nowrap;
}

.InviteTeamName {
    margin-top: 5px;
}

.InviteTeamNameLabel {
    font: 14px arial, helvetica, clean, sans-serif;
    font-weight: bold;
}

/* prepaid section */
#prepaid-items > table {
    table-layout: fixed;
}

#prepaid-items > table td.quantity-cell,
#prepaid-items > table th.quantity-cell,
#prepaid-items > table .quantity {
    width:85px;
}

#prepaid-items > table td,
#prepaid-items > table th {
    border-top: 1px solid #ddd;
    padding: 1em;
    font-size: 14px;
}

#prepaid-items > table td .sold-out {
    text-transform: uppercase;
    color: #ff0000;
}

#prepaid-items > table th {
    font-weight: normal;
    color: #9f9f9f;
}


#prepaid-items button {
    float: right;
    margin: 1em 0;
    background-color: #1976A6;
    padding: 3px 5px;
    color: #ffffff;
    border: 1px solid #076B9F;
    font-size: 10px;
    font-weight: bold;
}

#prepaid-items .footer {
    border-top: 1px solid #E1E1E1;
    background-color: #F7F7F7;
    padding: 2em 2.5em ;
    text-align: right;
    font-weight: bold;
    clear: both;
}

#prepaid-items .footer span {
    font-size: 1.2em;
    margin-right: 2em;
}

table.PurchaseItems, div.BottomBorder {
    margin: 5px 0px 15px 0px;
    width: 572px;
}

.PurchaseItems td {
    font: 14px arial, helvetica, clean, sans-serif;
    color: #444444;
    height: 22px;
}

.purchaseItemNameFooterCell {
    margin-top: 2px;
    width: 100%;
    height: 1px;
    border-top: 1px solid #c6cacd;
    margin-bottom: 10px;
}

td.PurchaseItemNameHeader {
    font-weight: bold;
    text-align: left;
    border-bottom: solid 1px #c6cacd;
}

td.PurchaseItemPriceHeader {
    font-weight: bold;
    text-align: right;
    border-bottom: solid 1px #c6cacd;
}

td.PurchaseItemQuantityHeader {
    font-weight: bold;
    text-align: right;
    border-bottom: solid 1px #c6cacd;
}

td.PurchaseItemTotalHeader {
    font-weight: bold;
    text-align: right;
    border-bottom: solid 1px #c6cacd;
}

td.PurchaseItemName {
    width: 300px;
    word-wrap: break-word;
}

td.PurchaseItemName #description_line {
    padding-left: 20px;
}

td.PurchaseItemPrice {
    text-align: right;
    vertical-align: top;
    width: 90px;
}

td.PurchaseItemQuantity {
    text-align: right;
    vertical-align: top;
    /*    	width: 70px; */
}

.PurchaseItemTotal {
    text-align: right;
    vertical-align: top;
}

.DiscountItemRow td {
    color: #028501;
}

td.DiscountItemName span {
    margin-left: 0px;
}

td.DiscountItemAmount {
    text-align: right;
}

td.DiscountItemQuantity {
    text-align: right;
}

td.DiscountItemTotal {
    text-align: right;
}

table.CouponsAndTotals {
    margin: 5px 0px 0px 0px;
    border-top: dashed 1px #163f75;
    width: 572px;
}

.CouponWrapper {
    margin-top: 10px;
}

.CouponHeader {
    font: 14px arial, helvetica, clean, sans-serif;
    color: #444;
}

.InteractionWrapper .PlayerName {
    margin-top: 5px;
}

.PlayerName {
    margin-top: 5px;
}

.InteractionWrapper input {
    margin-right: 7px;
    vertical-align: middle;
}

.InteractionWrapper .CouponButton {
    background: url(../images/btn_sm_grey.gif) no-repeat bottom left;
    width: 66px;
    height: 25px;
    border: none;
    cursor: pointer;
    margin-top: 3px;
}

.OrderSummaryContainer {
    font: 14px arial, helvetica, clean, sans-serif;
    text-align: right;
    margin-top: 10px;
}

.OrderSummaryContainer div {
    margin: 10px 0px;
    color: #444;
}

td.CouponsAndTotalsCell {
    vertical-align: top;
    width: 100%;
}

#CouponsContainer {
    float: left;
    width: 250px;
}

#TotalsContainer {
    float: right;
    width: 322px;
}

.OrderSummaryPurchases, .OrderSummaryDiscounts {
    font-weight: bold;
}

.OrderSummaryPurchasesYellow, .OrderSummaryDiscountsYellow {
    font-weight: bold;
    width: 208px;
    padding-bottom: 6px;
    padding-top: 4px;
    display: inline-block;
    font-size: 12px;
    text-align: left;
}

.OrderSummaryAmountLabel {
    display: inline-block;
    width: 112px;
    font-weight: normal;
    text-align: right;
}

.OrderSummaryAmountLabelRight {
    display: inline-block;
    font-weight: normal;
    text-align: right;
    float: right;
}

.OrderSummaryDiscountLabel {
    display: inline-block;
    width: 90px;
    color: #028501;
    font-weight: normal;
}

.OrderSummaryDiscountLabel span.OrderSummaryAmountLabelRight {
    color: #028501;
}

.OrderSummaryDiscounts span.OrderSummaryAmountLabel {
    color: #028501;
}

.OrderSummaryFee, .OrderSummaryInsurance, .OrderSummaryAADiscount, .ConfirmationAADiscount, .OrderSummaryDeposit, .OrderSummaryConfirmationInsurance {
    font-weight: bold;
}

.AADiscountLabel {
    float: left;
    width: 210px;
}

.OrderSummaryFeeYellow {
    font-weight: bold;
    padding-bottom: 4px;
    display: inline-block;
    width: 208px;
    font-size: 12px;
    text-align: left;
}

.OrderSummaryAADiscount {
    width: 208px;
    text-align: left;
    padding: 2px 0px 4px 0px;
    display: inline-block;
}

.OrderSummaryAADiscount span.OrderSummaryAmountLabel, .ConfirmationAADiscount span.OrderSummaryAmountLabel {
    color: #028501;
}

.OrderSummaryAADiscount span.OrderSummaryAmountLabelRight, .ConfirmationAADiscount span.OrderSummaryAmountLabel {
    color: #028501;
    font-size: 12px;
}

.OrderSummaryInsurance {
    width: 208px;
    text-align: left;
    padding: 2px 0px 4px 0px;
    display: inline-block;
}

.OrderSummaryInsuranceLabelRight {
    display: inline-block;
    font-weight: normal;
    text-align: right;
    float: right;
}

.processingFeeVerbiageHelpLink {
    color: #00407C;
    font-size: 11px;
    text-decoration: underline;
    margin-top: 0px;
    margin-right: 116px;
    cursor: pointer;
    font-weight: normal;
}

.OrderSummaryContainer .overlay {
    background: #FFF;
    display: none; /* initially overlay is hidden */
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    position: absolute;
    z-order: 999;
    font: 14px arial;
    color: #444;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    border: solid 1px #c2d2eb;
    width: 400px;
    height: auto;
}

.OrderSummaryContainer .overlay .header {
    height: 31px;
    background: transparent url(../images/fundraising_headerslice.gif) repeat-x;
    color: #163f75;
    font: 14px arial;
    padding-left: 14px;
    padding-top: 4px;
    margin: 0;
}

.OrderSummaryContainer .overlay .headerText {
    float: left;
    padding-top: 2px;
    width: 250px;
    margin-top: 2px;
    text-align: left;
}

.OrderSummaryContainer .overlay .closeButton {
    float: right;
    margin-right: 10px;
    width: 17px;
    height: 16px;
    background: transparent url(../images/btn_fundraising_close.gif) no-repeat;
    cursor: pointer;
    margin-top: 4px;
}

.OrderSummaryContainer .overlay .bodyText {
    padding: 5px 14px;
    text-align: left;
}

.OrderSummaryTotal {
    font-size: 14px;
    font-weight: bold;
    font-family: helvetica;
}

.OrderSummaryTotal .OrderSummaryAmountLabel {
    font-weight: bold;
}

.OrderSummaryTotalYellow {
    padding-top: 12px;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    width: 208px;
    text-align: left;
}

.CartMessageContainer {
    border: 1px solid #fbde90;
    background-color: #fef0cb;
    margin-top: 15px;
    margin-bottom: 10px;
}

.CartMessageText {
    font: 11px helvetica, clean, sans-serif;
    color: #444444;
    font-weight: normal;
}

.CartMessageCaution {
    width: 35px;
}

/*******************************
    Checkout Styles
*******************************/

#CheckoutContainer {
    margin: 0px 70px;
    width: 870px;
}

.sideBar {
    float: right !important;
    position: relative;
}

#CheckoutFormContainer {
    display: inline-block;
    width: 600px;
}

.PaymentWrapper {
    color: #444;
}

.PaymentWrapper .AccountCreationHeight {
    height: 260px;
    height: 205 px\9;
}

.AccountCreationPadding {
    padding-left: 6px;
}

.PaymentWrapper .CheckoutSubSectionHeader {
    clear: both;
    width: 565px;
    font: 14px arial, helvetica, clean, sans-serif;
    font-weight: bold;
    color: #163f75;
    padding: 5px 5px 5px 11px;
    border-bottom: solid 1px #c6cacd;
    margin: 0px 0px 10px 5px;
}

.CheckoutSubSectionFooterYellow {
    float: left;
    clear: both;
    width: 222px !important;
    width: 234px;
    padding: 5px 5px 5px 5px;
    margin: 0px 0px 0px 0px;
    background-image: url(../images/cui_order_bottom.gif);
    background-repeat: no-repeat;
}

.PaymentWrapper .PaymentInfoWrapper {
    float: left;
    width: 100%;
    color: #000;
    margin-bottom: 10px;
}

.PaymentWrapper .PaymentInfoWrapper .fnd_TextBox, .fnd_PhoneTextBox {
    width: 165px;
}

.PaymentWrapper .PaymentInfoWrapper select, .PaymentWrapper select {
    width: auto;
}

.PaymentWrapper .Error {
    clear: both;
}

.PaymentWrapper .OrderSummaryContainer {
    margin-right: 150px;
}

.PaymentWrapper .CardLogos {
    float: left;
    width: 180px;
    height: 25px;
    margin-bottom: 5px;
    margin-left: 218px;
}

.PaymentWrapper .CardLogos div {
    margin: 0px 5px 0px 0px;
}

.PaymentWrapper .LogoVisa {
    background: url(../images/cc_visa.gif) no-repeat top left;
    width: 37px;
    height: 23px;
    float: left;
}

.PaymentWrapper .LogoMC {
    background: url(../images/cc_mastercard.gif) no-repeat top left;
    width: 37px;
    height: 23px;
    float: left;
}

.PaymentWrapper .LogoDiscover {
    background: url(../images/cc_discover.gif) no-repeat top left;
    width: 37px;
    height: 23px;
    float: left;
}

.PaymentWrapper .LogoAmex {
    background: url(../images/cc_amex.gif) no-repeat top left;
    width: 37px;
    height: 23px;
    float: left;
}

.BillingInfoWrapper {
    float: left;
    clear: both;
    width: 100%;
    margin-bottom: 15px;
    color: #000;
}

.BillingInfoWrapper .BillingNameSubHeader {
    font: 14px arial, helvetica, clean, sans-serif;
    font-weight: bold;
    color: #163f75;
    margin: 15px 375px 10px 0px;
    text-align: right;
}

.BillingInfoWrapper .BillingAddressSubHeader {
    font: 14px arial, helvetica, clean, sans-serif;
    font-weight: bold;
    color: #163f75;
    margin: 15px 375px 10px 0px;
    text-align: right;
}

.PaymentWrapper .OrderSummaryTotal {
    color: #163f75;
}

.PaymentWrapper .Refund {
    padding-top: 10px;
}

.floatLeftYellow {
    float: left;
    width: 130px;
}

.CreateAccountTop {
    background: transparent url(../images/createaccount_top.gif) no-repeat scroll 0 0;
    height: 16px;
    width: 575px;
    margin-left: 8px;
    margin-top: 15px;
}

.CreateAccountContainer {
    background: transparent url(../images/createaccount_mid.gif) repeat scroll 0 0;
    margin-left: 8px;
    margin-top: 0px;
    width: 575px;
}

.CreateAccountBottom {
    background: transparent url(../images/createaccount_bottom.gif) no-repeat scroll 0 0;
    height: 15px;
    width: 575px;
    margin: 0px 0px 15px 8px;
    clear: both;
}

.CreateAccountHeader {
    color: #163F75;
    font-family: arial, helvetica, clean, sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin: 0px 0px 5px 15px;
}

.CreateAccountDescription {
    margin: 0px 15px 5px 15px;
}

.CreateAccountAgreement {
    margin-left: 40px;
    margin-bottom: 20px;
}

.Refund {
    margin-top: 25px;
    margin-left: 80px;
    margin-right: 80px;
    padding-right: 15px;
}

.CreateAccountContainer .Refund {
    color: #000;
    margin-bottom: 10px;
    padding-top: 0px;
}

/*******************************
    Confirmation Styles
*******************************/

.ConfirmationPnl {
    color: #444;
    width: 572px;
    margin-left: 10px;
}

.ConfirmationPnl table {
    margin: 0px;
}

.CongratsPnl {
    background: url(../images/conf_checkmark.gif) no-repeat scroll 0 0 transparent;
    color: #163F75;
    font: 16px arial, helvetica, clean, sans-serif;
    height: 22px;
    padding: 2px 0 0 25px;
}

.EditMyInfoCongratsPnl {
    background: url(../images/conf_checkmark.gif) no-repeat scroll 0 0 transparent;
    color: #163F75;
    font: 16px arial, helvetica, clean, sans-serif;
    padding: 2px 10px 0px 25px;
    margin: 5px 5px;
}

.EditMyInfoSuccessPnl {
    font: 14px arial, helvetica, clean, sans-serif;
    padding: 10px;
}

.OrderSuccessPnl {
    font: 14px arial, helvetica, clean, sans-serif;
    padding: 10px 0px;
}

.OrderSuccessPnl {
    font: 14px arial, helvetica, clean, sans-serif;
    padding: 10px 0px;
}

.ConfirmationPnl .HeaderLabel {
    font-weight: bold;
    margin-right: 5px;
}

.ConfirmationPnl .OrderPanl {
    margin-top: 15px;
}

.ConfirmationPnl .PaymentContainer {
    margin-top: 15px;
}

.ConfirmationPnl .DepositInstructionBody {
    font-size: 12px;
    margin-top: 10px;
}

.ConfirmationPnl .DepositInstructionContainer {
    margin-top: 15px;
}

.ConfirmationPnl div.HeaderLabelOne {
    font: 14px arial, helvetica, clean, sans-serif;
    font-weight: bold;
    margin-top: 5px;
    padding-bottom: 5px;
}

.ConfirmationPnl div.HeaderLabel {
    font: 14px arial, helvetica, clean, sans-serif;
    font-weight: bold;
    border-bottom: solid 1px #c6cacd;
    margin-top: 5px;
    padding-bottom: 5px;
}

.ConfirmationPnl .PaymentContainer .OrderSummaryContainer {
    text-align: left;
}

.ConfirmationPnl .OrderType {
    font: 14px arial, helvetica, clean, sans-serif;
    font-weight: bold;
    margin-top: 5px;
}

.ConfirmationPnl .OrderTypeLabel {
    color: #163f75;
}

.ConfirmationPnl .EventName {
    font: 14px arial, helvetica, clean, sans-serif;
    font-weight: bold;
    margin-top: 5px;
}

.ConfirmationPnl .EventNameLabel {
}

.ConfirmationPnl .EventNameText {
    font-weight: normal;
    padding-left: 5px;
    word-wrap: break-word;
}

.ConfirmationPnl .GrandTotalContainer {
    font: bold 16px arial, helvetica, clean, sans-serif;
    text-align: right;
    margin-top: 5px;
}

.ConfirmationPnl .OrderSummary {
    margin-top: 10px;
    padding-bottom: 10px;
}

.ConfirmationPnl .BillingInfoContainer {
    margin-top: 20px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: solid 1px #c6cacd;
}

.ConfirmationHeaderText {
    font-family: arial, helvetica;
    font-size: 16px;
    font-weight: bold;
    margin-top: 5px;
}

.BillingInfoContainer {
    color: #444;
    font: 14px arial, helvetica, clean, sans-serif;
    line-height: 20px;
    margin-top: 10px;
    width: 500px;
}

.BillingInfoData {
    margin: 5px 0px;
}

.ConfirmationPnl .ConfirmationFooter {
    margin-top: 10px;
    height: 22px;
    background: url(../images/conf_print.gif) no-repeat;
    font: 14px arial, helvetica, clean, sans-serif;
    color: #163f75;
    padding: 3px 0px 0px 30px;
}

.ConfirmationPnl .CompliancePnl {
    font-size: 10px;
}

.ConfirmationFooter a {
    text-decoration: underline;
}

.DirectorMessageContainer {
    margin: 10px 0px 20px;
}

.DirectorMessageHeader {
    font: 14px arial, helvetica, clean, sans-serif;
    font-weight: bold;
}

.DirectorMessageText {
    font: 14px arial, helvetica, clean, sans-serif;
}

.DirectorMessageTextHeader {
    font: 14px arial, helvetica, clean, sans-serif;
}

.DirectorMessageText ul {
    margin-left: 15px;
}

.AgencyHeader {
    margin-bottom: -10px;
    margin-left: 15px;
}

.AgencyHeader .HeaderFont {
    font: 16px arial, helvetica, clean, sans-serif;
    color: #163F75;
}

.AgencyHeader .AgencyTitle {
    margin: 12px 0 12px 0;
}

.AgencyHeader .CongratsTitle {
    margin-bottom: -5px;
}

/*******************************
    General Styles
*******************************/
.RequiredFlag {
    font-size: 13px;
    font-weight: normal;
    color: #d00a01;
    vertical-align: middle;
}

.SimpleHeading {
    font: 15px arial, helvetica, clean, sans-serif;
    color: #163f75;
    border-bottom: dotted 1px #013f7c;
    padding-bottom: 5px;
    margin: 10px 5px 5px;
}

.SimpleHeadingSubHeader {
    font: 14px arial, helvetica, clean, sans-serif;
    font-weight: bold;
    color: #163f75;
    margin: 0px 5px 10px;
}

.StaticLabel {
    margin: 0px 5px 10px;
}

.HtmlLink {
    margin: 0px 5px 10px;
}

.LeftFloat {
    background-position: top;
    text-align: left;
    float: left;
    clear: none;
    margin: .5em;
    vertical-align: text-top;
}

.Error {
    border: 2px solid #fbde90;
    background-color: #fef0cb;
    width: 100%;
    margin-right: 2px;
    padding-bottom: 2px;
}

.SectionContainer .Error {
    /* to fix FNDCNSMR-1754 */
    width: 99%;
}

.MagazineOfferContainer .Error {
    width: 100%;
    width: 97% !important;
    padding-right: 8px;
    padding-left: 8px !important;
    padding-left: 0px;
}

.NameContainer .Error {
    float: left;
    clear: left;
}

.ValidationContent,
.WarningMessageContainer {
    border: 2px solid #fbde90;
    background-color: #fef0cb;
    margin: 10px 0px;
    padding: 5px;
    font: 14px arial, helvetica, clean, sans-serif;
    color: #a41d0a;
}

.ValidationContent:focus {
    outline: none;
}

.ValidationContent ul {
    margin-left: 16px;
    list-style-type: circle;
}

.ValidationTitle {
    font-weight: bold;
    margin-bottom: 5px;
}

/************************
 * Button specific styles
 ************************/
div.NavForwardContainer {
    float: right;
    text-align: right;
    width: 300px;
}

.NavButtonBack {
    border: none;
    width: 112px;
    height: 32px;
    font: 15px Arial, Helvetica, sans-serif;
    font-weight: bold;
    background: url(../images/btn_back_arrow.gif) no-repeat;
    color: #323232;
    cursor: pointer;
    padding: 0px 0px 6px 10px;
}

.NavButtonForward {
    border: none;
    width: 112px;
    height: 32px;
    font: 15px Arial, Helvetica, sans-serif;
    font-weight: bold;
    background: url(../images/btn_continue_arrow.gif) no-repeat;
    color: #FFFFFF;
    cursor: pointer;
    padding: 0px 20px 6px 0px;
}

.NavButtonCompletePurchase {
    border: none;
    width: 182px;
    height: 32px;
    background: url(../images/cui_completepurchase_btn.gif) no-repeat;
    color: #FFFFFF;
    cursor: pointer;
    padding: 0px 0px 6px 0px;
    font: bold 15px Arial, Helvetica, sans-serif;
}

.NavButtonAgreeCompletePurchase {
    border: none;
    width: 262px;
    height: 32px;
    background: url(../images/cui_agreepurchase_btn.gif) no-repeat;
    color: #FFFFFF;
    cursor: pointer;
    padding: 0px 0px 6px 0px;
    font: bold 15px Arial, Helvetica, sans-serif;
}

.PriceText_Registration {
}

.SessionSelection {
    vertical-align: top;
    width: 15px;
}

.SessionHeader {
    width: 400px;
}

.SessionName {
    padding-left: 5px;
    font: 13px helvetica;
    color: #163F75;
    font-weight: bold;
}

.SessionRadio {
    font: 13px helvetica;
    color: #163F75;
    font-weight: bold;
    position: relative;
    top: 0px !important;
    top: -3px;
    width: 20px;
}

.sessionRadioText {
    font: 13px helvetica;
    font-weight: bold;
    color: #444444;
    padding-left: 5px;
}

.earlyBirdText {
    color: #A41B08;
    clear: all;
    font: 14px arial, helvetica;
    font-weight: bold;
    float: right;
}

.disabledRadioText {
    color: #BDBDBD;
    position: relative;
    top: -1px;
}

.disabledRadioTextLevel {
    color: #BDBDBD;
    position: relative;
    top: -3px;
}

.SessionDescription {
    overflow: hidden;
    width: 100%;
    word-wrap: break-word;
}

.SessionDate {
    font-weight: normal;
    white-space: nowrap;
}

.PriceText_RegistrationDisabled {
    color: #BDBDBD;
}

.PriceText_RegistrationDisabledDownOne {
    position: relative;
    color: #BDBDBD;
    top: -2px;
}

.earlyBirdTextDisabled {
    color: #BDBDBD;
    clear: all;
    font: 11px arial, helvetica;
}

.fullOrClosedText {
    color: #A41B08;
    font-weight: bold;
    font: helvetica;
    position: relative;
    top: -1px;
}

.HeaderCellSessionDate {
    font-size: 13px;
    /* width: 200px; removed to fix FNDCNSMR-1831 */
    margin: 0px;
    padding: 0px;
    padding-bottom: 3px;
    white-space: nowrap;
    padding-top: 2px;
    text-align: right;
}

.sessionCopy {
    color: #444444;
    font-family: helvetica;
    font-size: 11px;
}

.tuitionSelection {
    vertical-align: top;
    width: 15px;
    padding-left: 15px !important;
}

.tuitionDescription {
    width: 380px;
    padding-top: 2px;
}

.tuitionPrice {
    font: 14px arial, helvetica, clean, sans-serif;
    font-weight: bold;
    text-align: right;
    padding-top: 2px;
    white-space: nowrap;
}

.spacer {
    font-size: 1px;
    height: 1px;
}

.BulletIndent {
    margin-left: 10px;
    margin-right: 0px;
    padding-right: 5px;
    margin-top: 0px !important;
    margin-top: -4px;
    padding-top: 1px;
}

.FloatLeft {
    float: left;
}

.DisplayNone {
    display: none;
}

.MarginLeft0px {
    margin-left: 0px !important;
}

.HiddenWaiverText {
    display: none;
}

/*******************************
    "Why we need this" lay Styles
*******************************/
.header {
    text-align: left;
    padding-left: 14px;
    background: url(../images/fundraising_headerslice.gif) repeat-x;
    font: 14px arial;
    color: #163f75;
    padding-top: 4px;
    height: 31px;
}

.closeButton {
    background: url(../images/btn_fundraising_close.gif) no-repeat;
    float: right;
    width: 17px;
    cursor: pointer;
    margin-right: 10px;
    height: 16px;
}

.headerText {
    text-align: left;
    float: left;
    width: 250px;
    padding-top: 2px;
}

#overlay_c_regSelect {
    border: 1px solid #C2D2EB;
    width: 360px;
    display: none;
}

#overlay_c_regSelect p {
    margin: 10px 14px;
    font: 14px arial;
}

/*.overlay {
	border-right: #c2d2eb 1px solid;
	padding-right: 0px;
	border-top: #c2d2eb 1px solid;
	display: none;
	padding-left: 0px;
	background: #fff;
	padding-bottom: 0px;
	margin: 0px;
	font: 14px arial;
	overflow: hidden;
	border-left: #c2d2eb 1px solid;
	color: #444;
	padding-top: 0px;
	border-bottom: #c2d2eb 1px solid;
	position: absolute; z-order: 999;
}*/

.overlay {
    /*display: none; /* initially overlay is hidden */
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    position: absolute;
    z-order: 999;
    z-index: 999;
    font: 14px arial;
    color: #444;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    border: solid 1px #c2d2eb;
    width: 400px;
    height: auto;
    background-color: #FFFFFF !important;
}

A.cartItemEditLink, A.cartItemEditLink:visited, A.cartItemEditLink:active, A.cartItemEditLink:hover, A.cartItemEditLink:link {
    font-family: arial, helvetica;
    font-size: 14px;
    text-decoration: underline;
}

.TeamInviteContainer {
    margin-left: 10px;
    margin-top: 5px;
}

.TeamInviteContainer label {
    font-size: 14px;
    line-height: 18px;
}

.TeamInviteContainer input {
    margin-right: 5px;
}

.TeamInviteHeader {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 3px;
}

.TeamJoinContainer {
    margin-bottom: 1em;
    margin-left: 20px;
    margin-top: 5px;
    width: 510px;
}

.TeamJoinQuestion {
    font-size: 14px;
}

.TeamJoinFields {
    display: none;
}

.TeamJoinInstruction {
    color: #575757;
    font-size: 11px;
    margin: 4px 0;
}

.TeamSearch * {
    display: inline;
}

.TeamSearch .ControlWrapper {
    width: 200px;
}

.TeamSearch .FieldControlContainer {
    width: 212px;
}

.TeamSearch input {
    margin-top: 5px;
}

.TeamSearch {
    margin-bottom: 6 px\9;
}

#searchTeamButton {
    background: url("../images/btn_sm_blue.gif") no-repeat scroll left top transparent;
    border: 0 none;
    color: #FFFFFF;
    font-size: 11px;
    height: 25px;
    margin-left: 0;
    margin-top: 5px;
    margin-bottom: -6 px\9;
    padding-bottom: 7px;
    width: 62px;
    cursor: hand;
    cursor: pointer;
}

#resetLink {
    color: #163F75;
    cursor: pointer;
    margin-left: 5px;
    text-decoration: underline;
}

#searchSpinner {
    background: url("../images/event/teamSpinner.gif") no-repeat scroll left top transparent;
    display: none;
    height: 32px;
    margin: 10px 0 10px 50px;
    padding-left: 50px;
    padding-top: 8px;
    width: 32px;
}

#searchTeamResults {
    display: block;
    margin-top: 1px;
}

#searchTeamResultsList {
    border: 1px solid;
    height: 150px;
    margin: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 0;
    width: 500px;
}

#searchTeamResultsList li {
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    list-style-type: none;
    padding-left: 5px;
}

#searchTeamResultsText {
    color: #575757;
}

li.teamResultRow {
    background-color: #FFFFFF;
    color: #000000;
}

li.teamResultRow strong {
    font-weight: bold;
}

li.teamResultRow span.capacity {
    color: #575757;
}

li.teamResultRowPrivate {
    background-color: #FFFFFF;
    color: #000000;
}

li.teamResultRowPrivate strong {
    font-weight: bold;
}

li.teamResultRowPrivate span.capacity {
    color: #575757;
}

li.teamListHover {
    background-color: #CCCCCC;
    color: #000000;
}

li.fullTeam {
    background-color: #FFFFFF;
    color: #575757;
}

li.fullTeam strong {
    text-decoration: line-through;
}

li.fullTeam span.full {
    color: orange;
    font-weight: bold;
}

li.selectedTeam {
    background-color: #014A8F;
    color: #FFFFFF;
}

li.selectedTeam span.capacity {
    color: #FFFFFF;
}

.TeamJoinPasswordContainer {
    clear: left;
    display: none;
    font-size: 12px;
    margin-top: 10px;
    width: 500px;
}

.TeamJoinContainer .Error {
    float: none;
    margin-top: 3px;
    padding: 3px;
}

.TeamCreateContainer {
    padding-left: 20px;
    padding-right: 20px;
}

.TeamCreateDescriptionLabel {
    font-size: 14px;
    line-height: 20px;
}

.PreselectedTeamName {
    font-size: 14px;
    line-height: 20px;
    margin-left: 10px;
}

.TeamCreatePricingLabel {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 7px;
}

.TeamCreateContainer .FieldControlContainer {
    margin-left: -30px;
}

.TeamCreateContainer .InstructionSpaceWrapper {
    margin-left: -30px;
}

.PrepayTeamContainer input[type="radio"] {
	min-height: inherit;
	border: none !important;
}

.TeamCreatePrivateOptionContainer input[type="radio"] {
	min-height: inherit;
	border: none !important;
}

.prepayHelpLink {
    color: #00407C;
    font-size: 11px;
    text-decoration: underline;
    width: 190px;
    cursor: pointer;
}

.prepayHelpLink_IE {
    color: #00407C;
    font-size: 11px;
    margin-left: -80px;
    margin-top: 2px;
    text-decoration: underline;
    width: 180px;
    cursor: pointer;
}

.PrepayTeamContainer .overlay p {
    margin-left: 10px !important;
    margin-right: 10px;
    margin-top: 14px;
    margin-bottom: 14px;
}

/*******************************
Confirmation Container Styles
*******************************/

#ConfirmationContainer {
    text-align: left;
}

#ConfirmationContainer .SectionContainer,
#confirmationPageContent .SectionContainer {
    float: left;
    margin: 25px 0px 60px 14px;
}

.SectionContent_ConfExternalLinks {
    width: 330px;
    margin: 0px 0px 0px 30px;
    padding: 0px;
    background: trasparent none repeat scroll 0 0;
    position: relative;
}

.SectionContent_ConfExternalLinks TABLE {
    position: relative;
    left: -40px !important;
    left: 0px;
}

/*******************************
ConfirmationExternalLinks Styles
*******************************/

.SectionContainer_ConfExternalLinks {
    float: right;
    clear: right;
    position: relative;
    width: 330px;
    margin: 0px 6px 17px 0px;
}

.SectionContainer_ConfExternalLinks table {
    width: 340px;
}

.ExternalLinksControlPanel {
    margin-top: 25px;
    width: 340px;
}

.SocialAppsPanel a {
    float: left;
    height: 70px;
    width: 54px;
    display: block;
    margin-bottom: 20px;
    border: none;
}

.ExternalLinkLabel {
    font-size: 11pt;
    font-weight: bold;
    color: #163F75;
    display: block;
    text-align: center;
    margin-bottom: 15px;
    padding-right: 25px;
}

a.FacebookLink {
    float: left;
    background: transparent url(../images/facebook_icon.gif) no-repeat scroll 0 0;
    margin-left: 20px;
    outline: none;
}

a.FacebookLink:hover {
    float: left;
    background: transparent url(../images/facebook_icon.gif) no-repeat scroll 0 0;
    margin-left: 20px;
}

a.TwitterLink {
    float: left;
    background: transparent url(../images/twitter_icon.gif) no-repeat scroll 0 0;
    margin-left: 20px;
    outline: none;
}

a.TwitterLink:hover {
    float: left;
    background: transparent url(../images/twitter_icon.gif) no-repeat scroll 0 0;
    margin-left: 20px;
}

a.EmailLink {
    float: left;
    background: transparent url(../images/email_icon.gif) no-repeat scroll 0 0;
    margin-left: 20px;
    outline: none;
}

a.EmailLink:hover {
    float: left;
    background: transparent url(../images/email_icon.gif) no-repeat scroll 0 0;
    margin-left: 20px;
}

a.MyspaceLink:hover {
    float: left;
    background: transparent url(../images/myspace_icon.gif) no-repeat scroll 0 0;
    margin-left: 20px;
}

a.MyspaceLink {
    float: left;
    background: transparent url(../images/myspace_icon.gif) no-repeat scroll 0 0;
    margin-left: 20px;
    outline: none;
}

/*******************************
ConfirmationInternalLinks Styles
*******************************/

.SectionContainer_ConfInternalLinks {
    float: right;
    position: relative;
    clear: right;
    margin: 0 6px 17px 0;
    left: 20px;
}

/*Header*/
.SectionHeader_ConfInternalLinks {
    line-height: 34px;
    font: 16px Arial, Helvetica, sans-serif;
    text-align: left;
    background: transparent url(../images/sidecontainer_topmidslice.gif) repeat-x left top;
}

.SectionHeaderLeft_ConfInternalLinks {
    float: left;
    width: 10px;
    height: 35px;
    background: url(../images/sidecontainer_topleft.gif) no-repeat left top;
}

.SectionHeaderRight_ConfInternalLinks {
    float: right;
    width: 10px;
    height: 35px;
    background: url(../images/sidecontainer_topright.gif) no-repeat left top;
}

.SectionHeaderText_ConfInternalLinks {
    color: #163F75;
    float: left;
    font-size: 11pt;
    padding-left: 8px !important;
    padding-top: 7px !important;
    padding-top: 3px;
}

/*Content*/
.SectionContent_ConfInternalLinks {
    border-left: 5px solid #FEE5AC;
    border-right: 5px solid #FEE5AC;
    border-top: transparent;
    border-bottom: transparent;
}

.InternalLinksControlPanel {
    margin: 0px;
}

.InternalLinksControlPanel.Narrow {
    width: 282px !important;
}

.ExploreActiveLinksPanel {
    font: 14px arial, Helvetica, sans-serif;
    padding: 0px;
    width: 312px;
    margin: 0px 0px 21px 0px;
}

.ExploreActiveLinksPanel.Narrow {
    width: 282px !important;
}

.ExploreActiveLinksPanel * {
    display: block;
}

.ExploreActiveLabel {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 10px;
    text-align: left;
}

a.LinksTextForExploreActive {
    font-family: arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #163F75;
    text-decoration: underline;
    margin: 5px 0px;
    outline: none;
    cursor: pointer;
    text-align: left;
}

a.LinksTextForExploreActive:hover {
    font-family: arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #163F75;
    background: transparent;
}

a.LinksTextForExploreActive:active {
    border: none;
}

/*Footer*/
.SectionFooter_ConfInternalLinks_Left {
    background: url(../images/sidecontainer_bottom_left.gif) no-repeat;
    height: 11px;
    width: 10;
    white-space;
    nowrap;
}

.SectionFooter_ConfInternalLinks_Stretch {
    background: url(../images/sidecontainer_bottom_stretch.gif) repeat-x;
    height: 11px;
}

.SectionFooter_ConfInternalLinks_Right {
    background: url(../images/sidecontainer_bottom_right.gif) no-repeat;
    height: 11px;
    width: 10;
    white-space;
    nowrap;
}

/*Centerlinks*/

.MyEventsWidget {
    background-color: #EEEEEE;
    padding: 15px 10px 20px;
    text-align: left;
}

.MyEventsViewItems {
    padding: 10px 0;
}

.MyEventsViewItems span {
    font-size: 18px;
}

.MyEventsViewItems h6 {
    display: inline-block;
    line-height: 20px;
    vertical-align: top;
}

.MyEventsButton {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 10px;
}

.MyEventsButton a {
	display: block;
}

.CentreLinksPanel {
    margin-bottom: 20px;
    padding: 0px;
}

.FundraisingLinkPanel {
    background: transparent url(../images/fundraising_icon.png) no-repeat scroll 0 0;
    height: 34px;
    margin-bottom: 15px;
}

.TeamCaptainLinkPanel {
    background: transparent url(../images/teamcentre_icon.png) no-repeat scroll 0 0;
    height: 44px;
}

a.LinkTextForCentres {
    font-family: arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #163F75;
    text-decoration: underline;
    padding: 10px 0px 0px 65px;
    text-align: left;
    display: block;
    outline: none;
    cursor: pointer;
}

a.LinkTextForCentres:hover {
    font-family: arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #163F75;
    text-decoration: underline;
    padding-left: 65px;
    text-align: left;
    background: transparent;
    outline: none;
    cursor: pointer;
}

.InternalLinksDividerPanel {
    margin: 0px 0px 20px 0px;
    height: 1px;
    width: 312px;
    background-color: #FEE5AC;
    font-size: 1px;
}

/*This is used for all ajax pages.*/
#overlayDarkBlock {
    display: none;
    height: 100%;
    z-index: 5;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #222222;
    opacity: .0;
    filter: alpha(opacity = 0);
}

/*******************************
	COPPA Styles
*******************************/
.CoppaQuestion {
    font-family: arial, helvetica, clean, sans-serif;
    font-size: 14px;
    font-weight: bold;
    width: 300px;
}

.CoppaAgreement {
    font-family: arial, helvetica, clean, sans-serif;
    font-size: 14px;
    margin: 5px 0 2px;
    color: #444444;
    width: 300px;
}

.CoppaInstruction {
    font-family: arial, helvetica, clean, sans-serif;
    font-size: 11px;
    margin: 3px 0 0 15px;
    color: #888888;
    width: 330px;
}

.QuestionHeader {
    font: 14px arial, helvetica, clean, sans-serif;
    font-weight: bold;
    color: #163f75;
    margin: 15px 10px 10px 95px;
    width: 100%;
    padding-left: 8px;
    padding-top: 10px !important;
    padding-top: 0px;
    clear: both;
}

.AgreeStatement {
    width: 100%;
    clear: both;
    padding-left: 14px;
    padding-top: 10px;
}

.calendarIcon {
    position: relative;
    top: 3px !important;
    top: -1px;
}

.lineClearer {
    font-size: 1px;
    height: 1px;
    clear: both;
}

/***********************
    Swim Page Styles
***********************/
.SwimOrderSuccessPnl {
    font: 14px arial, helvetica, clean, sans-serif;
    width: 600px;
}

.YourInfo {
    margin-left: 100px;
}

#ConfirmationContainerWrapper {
    width: 990px;
    margin: 0;
    padding: 0;
}

/************************
	Order Summary help
************************/
#overlay_orderSummaryHelp {
    height: auto;
}

.orderSummaryHelpLink {
    color: #00407C;
    float: left;
    font-size: 11px;
    text-decoration: underline;
    width: 190px;
    cursor: pointer;
    font-weight: normal;
}

.orderSummaryHelpLink_IE {
    color: #00407C;
    font-size: 11px;
    margin-top: 2px;
    text-decoration: underline;
    width: 180px;
    cursor: pointer;
    font-weight: normal;
    clear: both;
}

/**********************************
	swimming overlay trigger css
**********************************/

.swimmingIdHelpLink {
    color: #00407C;
    float: left;
    font-size: 11px;
    text-decoration: underline;
    width: 190px;
    cursor: pointer;
}

.swimmingIdHelpLink_IE {
    color: #00407C;
    font-size: 11px;
    margin-top: 2px;
    text-decoration: underline;
    width: 180px;
    cursor: pointer;
}

.swimmingIdHelp {
    text-align: left;
    font: 14px arial;
    margin-bottom: 14px;
    margin-left: 10px !important;
    margin-right: 10px;
    margin-top: 14px;
}

/******************************
    Button css
******************************/
.button {
    cursor: pointer;
}

/***************************
	hyperlink css
****************************/
.pointer {
    cursor: pointer;
}

.participantSearch {
    font: 14px arial, helvetica, clean, sans-serif;
    color: #444444 !important;
    padding-left: 19px;
}

.editToCartLink {
    text-align: right;
    font: 14px arial, helvetica, clean, sans-serif;
    font-weight: bold;
}

.moveRightSlight {
    position: relative;
    left: 5px;
}

.ConsiderablePadding {
    padding: 9px;
}

.ffMoveLeft {
    position: relative;
    left: -8px !important;
    left: 15px;
}

.ffMoveRight {
    position: relative;
    right: -20px !important;
    right: 15px;
}

.moveDown {
    position: relative;
    top: 24px;
    left: 0px;
    margin-left: -100px; /* For IE 7 */
}

.questionIndent {
    margin-left: 0px;
}

/* sports styles */

.IneligibleGroupDescription {
    font-size: 11px;
    color: #444444;
}

.IneligibleGroupContainer {
    border: 1px #fdbe90 solid;
    background-color: #fef0cb;
    padding: 15px 0px 0px 0px;
}

.SingleSummaryRadioContainer {
    margin: 0px;
    color: #333333;
}

.RadioButtonInGrid {
    font-weight: bold;
    float: left;
}

.RadioButtonChoiceSection {
    padding-bottom: 20px;
}

.GroupPriceIncreaseText {
    font-weight: bold;
    font-size: 11px;
    padding-top: 2px;
}

.SportsHeader {
    font-family: arial, helvetica;
    font-weight: bold;
}

.SportsSubheader {
    padding-top: 3px;
    font-size: 14px;
    color: #444444;
    font-family: arial, helvetica;
}

.SelectGroupHeader {
    padding-top: 13px;
    padding-bottom: 16px;
}

.GroupPrice {
    padding-right: 5px;
    font-weight: bold;
    float: right;
}

.GroupDescriptionContainer {
    clear: both;
    padding-left: 20px;
    padding-top: 2px;
}

.IneligibleGroupItemContainer {
    padding-top: 12px;
    padding-left: 15px;
    padding-right: 15px;
}

/* HTML 5 fixes */
abbr, article, aside, audio, canvas, datalist, details,
figure, footer, header, hgroup, mark, menu, meter, nav, output,
progress, section, time, video {
    display: block;
}

/* END HTML 5 fixes */

.InactiveLink {
    color: #333333;
    font-weight: normal;
}

.ActiveLink {
    cursor: pointer;
    color: #163f75;
    font-weight: bold;
}

.LowerHeader {
    padding-top: 2px;
    margin-top: -10px;
}

.warningTextOneLine {
    font-size: 11px;
    position: relative;
    top: 2px;
}

.yellowBoxPosition {
    position: relative;
    top: !important 0 px;
}

.Clear {
    clear: both;
}

.floatRight {
    float: right;
}

.guardianLabel {
    margin-left: 44px;
}

.formField .fieldElement .instructionalLabel {
    width: 200px;
    word-wrap: break-word;
}

.addressInstructionalLabel {
    width: 200px;
    word-wrap: break-word;
    padding: 0.2em 0 0;
    font-size: 10px;
    color: #575757;

}

.formField .fieldElement select {
    width: 200px;
}

.address-form > .form-group {
    overflow: hidden;
}

.address-form > .form-group > label,
.address-form > .form-group > div {
    float: left;
    margin: 0.5em 0;
}

.address-form > .form-group > label {
    text-align: right;
    width: 33.33333%;
}

.address-form > .form-group > div {
    width: 66.66666%;
    padding-left: 1.5em;
}

.address-form > .form-group .requiredIndicator {
    font-size: 13px;
    font-weight: normal;
    color: #d00a01;
    vertical-align: middle;
}

.address-form select.form-control {
    width:200px;
    background: #eeeeee;
    font-family: Arial, Helvetica, sans-serif;
    color: #222;
}

.address-form input {
    border: 1px solid #dddddd;
    color: #222;
    min-height: 20px;
    padding: 5px;
}

.whiteSpacing {
    margin-top: 5px;
}

.AccountCreationformField {
    margin-top: 0.12em !important;
    clear: left;
    float: none; /* please do not change this back to left. This caused bug FNDCNSMR-2654 */
}

.AccountCreationformField .fieldLabel {
    margin: 0.25em 1.5em 0.25em 0;
    padding: 0px;
    padding-top: 3px;
    padding-top: 6 px\9; /* \9 is only for IE6+. */
    text-align: right;
}

.AccountCreationformField .fieldElement {
    margin: 0.2em 0 0.1em;
    padding: 0.4em 0 0.1em;
}

.AccountCreationformField .fieldLabel {
    margin: 0.25em 1.5em 0.25em 0;
    padding: 0px;
    padding-top: 3px;
    padding-top: 6 px\9; /* \9 is only for IE6+. */
    text-align: right;
}

.SummaryPageTable {
    width: 91%;
}

.SummaryPageTable td {
    padding: 2px 5px;
}

.primaryParentLabel {
    margin-left: 38px;
}

.secondaryParentLabel {
    margin-left: 21px;
}

.cancelSecondaryParent {
    padding-left: 4px;
}

.AccountCreationformField .instructionalLabel {
    padding: 0.2em 0 0;
    font-size: 10px;
    color: #575757;
}

.topDarkBorder {
    border-top: 1px solid #333333;
}

.donationQuestionTrigger {
    padding-left: 130px;
}

.donationQuestionTrigger A, .donationQuestionTrigger A:active, .donationQuestionTrigger A:visited, .donationQuestionTrigger A:link {
    font-size: 11px;
}

.enterDonationSection {
    padding-left: 20px;
    width: 100%;
}

.Donation {
    padding-top: 6px;
}

.slightlyLower {
    position: relative;
    top: 2px;
}

.AddToCart_CSAA {
}

.Accept_CSAA {
    padding-right: 10px;
    background: url(../images/btn_addtocart.png) no-repeat;
    cursor: pointer;
    width: 116px;
    height: 36px;
    border: none;
    font-size: 0px;
}

.Decline_CSAA {
}

.FullWidth {
    width: 100%;
}

.confCheckmark {
    float: left;
    position: relative;
    top: 10px;
}

.TextAlignLeft {
    text-align: left;
}

.noUnderLine {
    text-decoration: none !important;
}

.nowrap {
    white-space: nowrap;
}

.nav {
    margin: 1.5em auto 0 auto;
    overflow: hidden;
    width: 610px;
}

.nav > .left {
    float: left;
    text-align: left;
}

.nav > .right {
    float: right;
    text-align: right;
}

.btn_add {
    background: transparent none;
    border: none;
    cursor: pointer;
    margin: 3px;
    overflow: visible;
}

.btn_add > .bd {
    background: url(../images/CUI_blank_button.png) no-repeat;
    color: #163F75;
    font: 15px Arial, Helvetica, sans-serif;
    font-weight: bold;
    height: 34px;
    width: 193px;
    padding-top: 5px;
}

.checkoutPaymentMessage {
    padding-left: 16px;
    padding-bottom: 14px;
    /*padding-right: 6px;*/
    padding-top: 0px;
    font: 14px arial, helvetica;
    color: #333333;
}

.dobField {
    width: 74px !important;
}

.blankLine {
    height: 7px;
    line-height: 7px;
}

.TeamIcon, .FundrasingIcon {
    float: left;
    width: 55px;
    background-position: center bottom;
    background-repeat: no-repeat;
}

.TeamIcon {
    height: 44px;
    background: transparent url(../images/teamcentre_icon.png) no-repeat scroll 0 0;
}

.FundraisingIcon {
    height: 34px;
    background: transparent url(../images/fundraising_icon.png) no-repeat scroll 0 0;
}

.LinkPanel {

}

.warningIconLeft {
    padding-right: 15px;
    float: left;
    margin-top: 7px;
}

.fieldLabelWithExtraMargin .labelDown {
    position: relative;
    top: 5px;
}

.CharityListContainer {
    padding-top: 6px;
}

.labelContainerCssClass {
    word-wrap: break-word;
}

.CartWrapper td.PurchaseItemQuantity {
    width: 15%;
}

.ConfirmationPnl td.PurchaseItemQuantity {
    width: 15%;
}

.disabled {
    color: #BDBDBD !important;
}

.CallOut {
    font-size: 12px;
}

.CallOut .TotalAmount {
    font-size: 14px;
}

/***********************
    Transfer Page Styles
***********************/

.TransferFeeMsg {
    margin-left: 10px;
    margin-top: -10px;
}

.regInsuranceImgContainer {
    width: 20%;
    float: left;
}

.regInsuranceDescContainer {
    width: 76%;
    float: right;
    margin-right: 15px;
}

.regInsuranceDescContainerFull {
    float: right;
    margin-left: 10px;
    margin-right: 10px;
}

.regInsuranceImg {
    margin-left: 10px;
    margin-top: 20px;
}

.regInsuranceDesc {
    padding: 0px 15px 10px 0px;
}

.regInsuranceRadioHighlight {
    background: #F5DA81;
    padding: 10px 0px 10px 10px;
    font-weight: bold;
}

.regInsuranceRadio {
    padding: 10px 0px 10px 10px;
}



/*
  categories
*/
ul.category-list {
    list-style: none;
    width: 98%;
    border-bottom: 1px solid #dddddd;
}

ul.category-list.last {
    border-bottom: 0 none;
}

ul.category-list > li {
    padding: 0.3em;
    margin-bottom: 1em;
}
/*
  restrictions
*/
ul.restrictions {
    color: #F90;
    list-style: none;
    padding-left: 1em;
    margin-top: 1em;
}

ul.restrictions > li:before {
    display:inline-block;
    content:"-";
    margin-left:-1em;
}




.membership__input--number {
    height: 26px;
    width: 100px;
    margin-left: 4px;
}

.membership__div--item {
    line-height: 28px;
}