﻿

/*@media only screen and (max-width: 820px) {*/


/*.hidebody {
    display: none;
}*/


@media all {
    .page-break {
        display: none;
    }
}

@media print {
    .page-break {
        display: block;
        page-break-before: always;
    }
}


/*these settings hide some elements that aren't displayed properly on first post back before javascript sets their class */
.hidden1{

    display:none;

}
/*these settings hide some elements that aren't displayed properly on first post back before javascript sets their class */
.searchSearchTypeLabelSize
{

   font-size:1pt;

}



/*DFL LOGO SIZE*/
.collapsed .DFLLogoSize {
    width: 60px;
    margin-left: 5px;
    margin-bottom: -5px;
}

.small .DFLLogoSize {
    width: 70px;
    margin-left: 5px;
    margin-bottom: 0px;
}

.medium .DFLLogoSize {
    width: 80px;
    margin-left: 5px;
    margin-bottom: 0px;
}

.large .DFLLogoSize {
    width: 120px;
    margin-left: 5px;
    margin-bottom: 0px;
}


.collapsed .RewardsMessengerLogoSize {
    width: 160px;
    margin-right: auto;
}

.small .RewardsMessengerLogoSize {
    width: 210px;
    margin-right: auto;
}

.medium .RewardsMessengerLogoSize {
    width: 230px;
    margin-right: 15px;
}

.large .RewardsMessengerLogoSize {
    width: 280px;
    margin-right: 20px;
}


/*ETHOS LOGO SIZE*/
.collapsed .ETHOSLogoSize {
    width: 78px;
    margin-left: 2px;
    margin-bottom: -5px;
    border:2px solid lightgray;
    border-radius:20px;
}

.collapsed .Login{

    width:90px;

}

.collapsed .LoginRM{

    width:150px;
    margin-right:15px;

}

.small .LoginRM{

    width:170px;

}

.medium .LoginRM {
    width: 210px;
}


.small .ETHOSLogoSize {
    width: 125px;
    margin-left: -3px;
    margin-bottom: 0px;
    border: 2px solid lightgray;
    border-radius: 20px;
}

.medium .ETHOSLogoSize {
    width: 142px;
    margin-left: 5px;
    margin-bottom: 0px;
    border: 2px solid lightgray;
    border-radius: 20px;
}

.large .ETHOSLogoSize {
    width: 165px;
    margin-left: 5px;
    margin-bottom: 0px;
    border: 2px solid lightgray;
    border-radius: 20px;
}

/*PFL LOGO SIZE*/
.collapsed .PFLLogoSize {
    width: 75px;
   
}
.small .PFLLogoSize {
    width: 125px;
   
}

.medium .PFLLogoSize {
    width: 135px;
 
}

.large .PFLLogoSize {
    width: 185px;
 
}

.collapsed .btnSelect {
    display: block;
}

.btnSelect{
    text-decoration:none;
}

.collapsed .regularTable {
    display: none;
}

.collapsed .MediaTable {
    display: block;
}

.collapsed .groupdivcustomerinfo {
  max-width: 350px;
    
}

.collapsed .groupdivBenefits {
    width: 300px;
}


.collapsed .textBoxSizeReason {
    /*width: 213px;*/
    height: 25px;
    font-size: 10px;
}

.collapsed .textBoxSize {
    width: 225px;
    height: 25px;
    font-size: 10px;
}


.collapsed .textBoxSizeMobile {
    width: 110px;
    height: 25px;
    font-size: 10px;
}

 .collapsed .BenefitstextBoxSize {
    width: 200px;
    height: 25px;
    font-size: 10px;
}



/*.customerInfoBtnSize{
   margin:1px;
}*/

/*.printButton{

    margin-right:1px;

}*/

.collapsed .labelsizeCustInfo {
    font-size: 13px;
}

.collapsed .customerInfoActivateDTTextbox {
    width: 151px;
    height: 25px;
    font-size: 10px;
}

.collapsed .customerInfoBtnSize {
    width: 82px;
    height: 25px;
    font-size: 11px;
}

.collapsed .customerInfoCALBtnSize {
    width: 71px;
    height: 25px;
    font-size: 16px;
}

.collapsed .customerInfoSrvApptBtnSize {
    width: 166px;
    height: 25px;
    font-size: 11px;
}

.collapsed .customerInfoAppLinkBtnSize {
    width: 110px;
    height: 25px;
    font-size: 11px;
}


.collapsed .customerInfoButtonTable {
    margin-left: 40px;
    margin-right: auto;
    border-spacing:1px;
}

.collapsed .DropDownMenuLinkBtns {
    font-size: 16px;
    text-decoration:underline;
    cursor:pointer;
}





.collapsed .MenuButtonSize {
    width: 25px;
    height: 25px;
    background-size: cover;
}

.collapsed .searchSearchCriteriaSize {
    width: 228px;
    height: 25px;
    font-size: 14px;
}

.collapsed .searchDealerDDLSize {
    width: 235px;
    height: 25px;
    font-size: 14px;
}

.collapsed .searchDealerSearchOptionSize {
    width: 140px;
    height: 30px;
    font-size: 14px;
}

.collapsed .searchDealerFilterBySize {
    width: 88px;
    height: 30px;
    font-size: 14px;
}

.collapsed .searchNameCriteriaTxtBxSize {
    width: 160px;
    height: 30px;
    font-size: 14px;
    margin-top: 2px;
}

.collapsed .searchCriteriaOuterTable {
    margin-left: auto;
    margin-right: auto;
    width: 100px;
    text-align: center;
}


.collapsed .btn-danger {
    height: 30px;
    font-size: 10px;
    width: 65px;
}

.collapsed .AddPoints {
    height: 30px;
    font-size: 10px;
    width: 60px;
}

.collapsed .searchSearchTypeLabelSize {
    font-size: 15px;
}

.collapsed .SearchPageNameModalSize {
    width: 280px;
}

.collapsed .SearchPageNameModalTextboxSize {
    height: 25px;
    width: 175px;
    font-size: 15px;
}

.collapsed .SearchPageNameModalLabelSize {
    font-size: 11px;
}

.collapsed .SearchPageNameModalMemberBtnSize {
    height: 25px;
    width: 70px;
    font-size: 12px;
}

.collapsed .SearchPageNameModalNonMemberBtnSize {
    height: 25px;
    width: 100px;
    font-size: 12px;
}

.collapsed .SearchPageNameModalCancelBtnSize {
    color: black;
    background-color: red;
    border: none;
    height: 25px;
    width: 25px;
    font-size: 15px;
}

.collapsed .customerInfoSrvcHistModalNameSize {
    font-size: 15px;
}

.collapsed .customerInfoSrvcHistModalCTAndPointsSize {
    font-size: 15px;
}

.collapsed .customerInfoSrvcHistModalCTAndPointsSize {
    font-size: 12px;
}

.collapsed .customerInfoSrvcHistCancel {
    font-size: 15px;
    text-decoration: none;
    background-color:yellow;
    font-weight: bold;
}

.collapsed .custInfoSrvcHistoryModalWidth {
    min-width: 310px;
}

.collapsed .CustInfoTableMediaMargin {
    margin-top: 5px;
}

.collapsed .customerInfoSrvcApptDivSize {
    width: 318px;
}

.collapsed .benefitsMenuBtnSize {
    width: 65px;
    height: 25px;
    font-size: 10px;
}

.collapsed .benefitsRedeemHistMenuBtnSize {
    width: 95px;
    height: 25px;
    font-size: 10px;
}

.collapsed .benefitsMessageLblSize {
    font-size: 11px;
}

.collapsed .benefitsAdjustDateBtnSize {
    height: 25px;
    width: 75px;
    font-size: 12px;
}

.collapsed .redeemBenefitModalContentsDiv {
    width: 260px;
}

.collapsed .settingsTxtBox {
    height: 25px;
    width: 300px;
    font-size: 17px;
}

.collapsed .settingsBtnSaveSettingsSize {
    height: 25px;
    width: 110px;
    font-size: 14px;
    display: inline-block;
    background-color: #7293c3;
    color: white;
    /*margin:3px;*/
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.collapsed .settingsGridDiv {
    min-width: 318px;

}

.collapsed .supportGridDiv {
    min-width: 318px;
}

.collapsed .supportMessageTxtBox {
    height: 200px;
    width: 300px;
    font-size: 17px;
}

.collapsed .loginbox {
    width: 320px;
    height: 260px;
    margin-top: 75px;
    margin-left: auto;
    margin-right: auto;
    border: solid;
    border-width: 1px;
    border-radius: 50px;
    border-color: #e5aa4c;
    box-shadow: 0px 5px 8px Orange;
    background-color: #f3f3f3;
    /*background-image: url("../images/RewardsMessenger_Login-225 newDFLLogo.jpg");*/
    background-size: cover;
}

.collapsed .loginTxtBox {
    height: 30px;
    width: 280px;
    font-size: 13px;
}

.collapsed .loginBoxPadding {
    padding-top:50px;
}

.collapsed .loginModalSize {
    width:230px;
    height:75px;
}

.collapsed .activateContractYearTxtAndDDLSize {
    width: 111px;
    height: 25px;
    font-size: 10px;
}

.collapsed .groupdivActivateContract {
    min-width:318px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    border: solid;
    border-width: 2px;
    border-radius: 50px;
    border-color: #e5aa4c;
    box-shadow: 0px 5px 8px orange;
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #5681ac;
}

.collapsed .groupdivAddMember {
    min-width:320px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    border: solid;
    border-width: 2px;
    border-radius: 50px;
    border-color: #e5aa4c;
    box-shadow: 0px 5px 8px orange;
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #5681ac;
}

.collapsed .addMemberActivateMemberBtnSize {
    height: 25px;
    width: 105px;
    font-size: 12px;
}

.collapsed .activateContractUpgradeLabelSize {
    font-size: 10px;
}

.collapsed .addMemberActivateMemberBtnMargin {
    margin-right: 0px;
}

.collapsed .activateContractBtnSize {
    height: 25px;
    width: 110px;
    font-size: 12px;
}

.collapsed .activateContractSubmitVinBtnSize {
    height: 25px;
    width: 100px;
    font-size: 12px;
    margin-right:0px;
}

.collapsed .forgotPasswordBox {
    width: 400px;
    height: 300px;
    margin-top: 75px;
    margin-left: auto;
    margin-right: auto;
    border: solid;
    border-width: 1px;
    border-radius: 50px;
    border-color: #e5aa4c;
    box-shadow: 0px 5px 8px Orange;
    background-color: #f3f3f3;
    /*background-image: url("../images/RewardsMessenger_Login-225 newDFLLogo.jpg");*/
    background-size: cover;
}

.collapsed .forgotPasswordPadding {
    padding-top:70px;
}

.collapsed .forgotPasswordBtnSize {
    height: 27px;
    width: 147px;
    font-size: 16px;
}



.collapsed .forgotPasswordTxtBxPadding {
    padding-left: 3px;
}

.collapsed .forgotPasswordTxtBoxSize {
    width: 390px;
    height: 30px;
    font-size: 20px;
}

.collapsed .changePasswordBox {
    width: 367px;
    height: 355px;
    margin-top: 75px;
    margin-left: auto;
    margin-right: auto;
    border: solid;
    border-width: 1px;
    border-radius: 50px;
    border-color: #e5aa4c;
    box-shadow: 0px 5px 8px Orange;
    background-color: #f3f3f3;
    /*background-image: url("../images/RewardsMessenger_Login-225 newDFLLogo.jpg");*/
    background-size: cover;
}


.collapsed .changePasswordPadding {
    padding-top: 85px;
}

.collapsed .chagePasswordSecurityQuestionsBtnSize {
    width: 320px;
}

.collapsed .changePasswordTxtBxPadding {
    padding-left: 18px;
}

.collapsed .loginTableSize {
    margin-top: 5px;
    width: 315px;
}

.collapsed .loginTxtBoxMargin {
    margin-left: 38px;
    width:225px;
}

.collapsed .srvcalmodaldiv{

    max-width:318px;

}


.collapsed .CalendarModalValueSize {
    color: darkgreen;
    font-weight: bold;
    font-size: 12px;

}


.collapsed .dropdown-menu{

    left:-60px;

}



.collapsed .percentDGV {
    font-size: 7pt;
    max-width: 225px;
    border: 2px solid orange;
}



/*.textbox2 input {
        width: 225px;
        font-size: 10px;
    }*/
/*}*/
/*@media only screen and (min-width: 821px) And (max-width: 1050px) {*/
.small .regularTable {
    display: block;
}

.small .MediaTable {
    display: none;
}


.small .textBoxSizeReason {
    width: 225px;
    height: 35px;
    font-size: 15px;
}

.small .textBoxSize {
    width: 225px;
    height: 35px;
    font-size: 15px;
}

.small .textBoxSizeMobile {
    width: 120px;
    height: 35px;
    font-size: 15px;
}

.small .labelsizeCustInfo {
    font-size: 15px;
}

.small .custInfoHeader {
    font-size: 15px;
}

.small .customerInfoActivateDTTextbox {
    width: 147px;
    height: 25px;
    font-size: 11px;
}

.small .customerInfoBtnSize {
    width: 72px;
    height: 25px;
    font-size: 11px;
}

.small .customerInfoCALBtnSize {
    width: 75px;
    height: 25px;
    font-size: 16px;
}

.small .customerInfoSrvApptBtnSize {
    width: 147px;
    height: 25px;
    font-size: 11px;
}

.small .customerInfoAppLinkBtnSize {
    width: 100px;
    height: 35px;
    font-size: 11px;
}

.small .customerInfoButtonTable {
    margin-left: 67px;
    margin-right: auto;
}

.small .DropDownMenuLinkBtns {
    font-size: 16px;
    text-decoration: underline;
    cursor: pointer;
}

.large .btnRedeem{
    width:128px !important;
}

.medium .btnRedeem {
    width: 100px !important;
}

.small .btnRedeem {
    width: 57px !important;
}

.collapsed .btnRedeem {
    width: 55px !important;
}


.large .btnServiceHistory {
    width: 200px !important;
}

.large .btnEmail{

    padding-top:11px;

}

.medium .btnServiceHistory {
    width: 169px !important;
}

.medium .btnEmail {
    padding-top: 5px;
}

.small .btnServiceHistory {
    width: 85px !important;
}

.small .btnEmail {
    padding-top: 5px;
}

.collapsed .btnServiceHistory {
    width: 109px !important;
}

.collapsed .btnEmail {
    padding-top: 5px;
}




.small .MenuButtonSize {
    width: 33px;
    height: 33px;
    background-size: cover;
}

.small .searchMainTableSize {
    font-size: 10px;
}

.small .searchSearchCriteriaSize {
    width: 150px;
    height: 30px;
    font-size: 16px;
}

.small .searchDealerDDLSize {
    width: 290px;
    height: 30px;
    font-size: 14px;
}

.small .searchDealerSearchOptionSize {
    width: 95px;
    height: 30px;
    font-size: 14px;
}

.small .searchDealerFilterBySize {
    width: 70px;
    height: 30px;
    font-size: 14px;
}

.small .searchNameCriteriaTxtBxSize {
    width: 125px;
    height: 30px;
    font-size: 14px;
}

.small .searchCriteriaOuterTable {
    margin-left: auto;
    margin-right: auto;
}

.small .btn-danger {
    height: 30px;
    font-size: 12px;
    width: 70px;
}

.small .searchSearchTypeLabelSize {
    font-size: 18px;
}

.small .SearchTypeDiv {
    text-align: center;
    width: 185px;
    float: right;
}

.small .SearchPageNameModalSize {
    width: 320px;
}

.small .SearchPageNameModalTextboxSize {
    height: 33px;
    width: 180px;
    font-size: 20px;
}

.small .SearchPageNameModalLabelSize {
    font-size: 15px;
}

.small .SearchPageNameModalMemberBtnSize {
    height: 33px;
    width: 70px;
    font-size: 15px;
}

.small .SearchPageNameModalNonMemberBtnSize {
    height: 33px;
    width: 100px;
    font-size: 15px;
}

.small .SearchPageNameModalCancelBtnSize {
    color: black;
    background-color: red;
    border: none;
    height: 30px;
    width: 30px;
    font-size: 20px;
}

.small .customerInfoSrvcHistModalNameSize {
    font-size: 25px;
}

.small .customerInfoSrvcHistModalCTAndPointsSize {
    font-size: 15px;
}

.small .customerInfoSrvcHistCancel {
    font-size: 18px;
    text-decoration: none;
    background-color: yellow;
    font-weight: bold;
}


.small .custInfoSrvcHistoryModalWidth {
    min-width: 821px;
}

.small .customerInfoSrvcApptDivSize {
    width: 410px;
}

.small .benefitsMenuBtnSize {
    width: 80px;
    height: 25px;
    font-size: 14px;
}

.small .benefitsRedeemHistMenuBtnSize {
    width: 115px;
    height: 25px;
    font-size: 14px;
}

.small .benefitsMessageLblSize {
    font-size: 13px;
}

.small .benefitsAdjustDateBtnSize {
    height: 33px;
    width: 85px;
    font-size: 15px;
}

.small .redeemBenefitModalContentsDiv {
    width: 320px;
}

.small .settingsTxtBox {
    height: 30px;
    width: 350px;
    font-size: 17px;
}

.small .settingsBtnSaveSettingsSize {
    height: 30px;
    width: 120px;
    font-size: 17px;
    display: inline-block;
    background-color: #7293c3;
    color: white;
    /*margin:3px;*/
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.small .settingsGridDiv {
    min-width: 400px;
}

.small .supportGridDiv {
    min-width: 500px;
}

.small .supportMessageTxtBox {
    height: 200px;
    width: 350px;
    font-size: 17px;
}

.small .loginbox {
    width: 410px;
    height: 285px;
    margin-top: 75px;
    margin-left: auto;
    margin-right: auto;
    border: solid;
    border-width: 1px;
    border-radius: 50px;
    border-color: #e5aa4c;
    box-shadow: 0px 5px 8px Orange;
    background-color: #f3f3f3;
    /*background-image: url("../images/RewardsMessenger_Login-225 newDFLLogo.jpg");*/
    background-size: cover;
}

.small .loginTxtBox {
    height: 30px;
    width: 280px;
    font-size: 13px;
}

.small .loginBoxPadding {
    padding-top:50px;
}

.small .loginModalSize {
    width:230px;
    height:75px;
}

.small .activateContractYearTxtAndDDLSize {
    width: 111px;
    height: 25px;
    font-size: 10px;
}

.small .groupdivActivateContract {
    min-width:400px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    border: solid;
    border-width: 2px;
    border-radius: 50px;
    border-color: #e5aa4c;
    box-shadow: 0px 5px 8px orange;
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #5681ac;
}

.small .groupdivAddMember {
    min-width:410px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    border: solid;
    border-width: 2px;
    border-radius: 50px;
    border-color: #e5aa4c;
    box-shadow: 0px 5px 8px orange;
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #5681ac;
}

.small .activateContractMemTypeLabelTDSize {
    width: 120px;
}

.small .addMemberActivateMemberBtnSize {
    height: 25px;
    width: 120px;
    font-size: 14px;
}

.small .activateContractUpgradeLabelSize {
    font-size: 13px;
}

.small .addMemberActivateMemberBtnMargin {
    margin-right: 6px;
}

.small .activateContractBtnSize {
    height: 33px;
    width: 130px;
    font-size: 15px;
}

.small .activateContractSubmitVinBtnSize {
    height: 33px;
    width: 120px;
    font-size: 15px;
    margin-right:10px;
}

.small .settingsLabelSize {
    font-size: 15px;
}

.small .forgotPasswordBox {
    width: 400px;
    height: 300px;
    margin-top: 75px;
    margin-left: auto;
    margin-right: auto;
    border: solid;
    border-width: 1px;
    border-radius: 50px;
    border-color: #e5aa4c;
    box-shadow: 0px 5px 8px Orange;
    background-color: #f3f3f3;
    /*background-image: url("../images/RewardsMessenger_Login-225 newDFLLogo.jpg");*/
    background-size: cover;
}

.small .forgotPasswordPadding {
    padding-top:70px;
}

.small .forgotPasswordBtnSize {
    height: 27px;
    width: 147px;
    font-size: 16px;
}

.small .forgotPasswordTxtBxPadding {
    padding-left: 5px;
}

.small .forgotPasswordTxtBoxSize {
    width: 386px;
    height: 40px;
    font-size: 20px;
}

.small .changePasswordBox {
    width: 450px;
    height: 350px;
    margin-top: 75px;
    margin-left: auto;
    margin-right: auto;
    border: solid;
    border-width: 1px;
    border-radius: 50px;
    border-color: #e5aa4c;
    box-shadow: 0px 5px 8px Orange;
    background-color: #f3f3f3;
    /*background-image: url("../images/RewardsMessenger_Login-225 newDFLLogo.jpg");*/
    background-size: cover;
}

.small .changePasswordPadding {
    padding-top: 80px;
}

.small .chagePasswordSecurityQuestionsBtnSize {
    width: 280px;
}

.small .changePasswordTxtBxPadding {
    padding-left: 30px;
}

.small .loginTableSize {
    width: 406px;
}

.small .loginTxtBoxMargin {
    margin-left: 50px;
    width:300px;
}


.small .btnSelect {
font-size:15px;
height:29px;
width:50px;
}


.small .srvcalmodaldiv {
    max-width: 450px;
}


.small .CalendarModalValueSize {
    color: darkgreen;
    font-weight: bold;
    font-size: 15px;
}


.small .dropdown-menu {
    left: -30px;
}



.small .percentDGV {
    font-size: 7pt;
    max-width: 225px;
    border: 2px solid orange;
}





.medium .regularTable {
    display: block;
}

.medium .MediaTable {
    display: none;
}

.medium .rmTxtbox {
    height: 40px;
    width: 250px;
    font-size: 22px;
}

.medium .textBoxSizeReason {
    /*width: 400px;*/
    height: 40px;
    font-size: 20px;
}

.medium .textBoxSize {
    width: 400px;
    height: 40px;
    font-size: 20px;
}

.medium .textBoxSizeMobile {
    width: 200px;
    height: 40px;
    font-size: 20px;
}

.medium .labelsizeCustInfo {
    font-size: 15px;
}

.medium .custInfoHeader {
    font-size: 25px;
}

.medium .customerInfoActivateDTTextbox {
    width: 321px;
    height: 40px;
    font-size: 20px;
}

.medium .customerInfoBtnSize {
    width: 135px;
    height: 40px;
    font-size: 22px;
}

.medium .customerInfoCALBtnSize {
    width: 75px;
    height: 40px;
    font-size: 22px;
}

.medium .customerInfoButtonTable {
    margin-left: 70px;
    margin-right: auto;
}

.medium .customerInfoSrvApptBtnSize {
    width: 272px;
    height: 40px;
    font-size: 22px;
}

.medium .customerInfoAppLinkBtnSize {
    width: 195px;
    height: 40px;
    font-size: 22px;
}

.medium .DropDownMenuLinkBtns {
    font-size: 22px;
    text-decoration: underline;
    cursor: pointer;
}

.medium .groupdivcustomerinfo {
    min-width: 960px;
}




.medium .MenuButtonSize {
    width: 43px;
    height: 43px;
    background-size: cover;
}

.medium .searchMainTableSize {
    font-size: 12px;
}

.medium .searchSearchCriteriaSize {
    width: 200px;
    height: 40px;
    font-size: 20px;
}

.medium .searchDealerDDLSize {
    width: 410px;
    height: 40px;
    font-size: 20px;
}

.medium .searchDealerSearchOptionSize {
    width: 125px;
    height: 40px;
    font-size: 20px;
}

.medium .searchDealerFilterBySize {
    width: 90px;
    height: 40px;
    font-size: 20px;
}

.medium .searchNameCriteriaTxtBxSize {
    width: 175px;
    height: 40px;
    font-size: 20px;
}

.medium .searchCriteriaOuterTable {
    margin-left: auto;
    margin-right: auto;
}

.medium .btnSelect {
    height: 30px;
    width: 57px;
    font-size: 15px;
}

.medium .btn-danger {
    height: 40px;
    font-size: 15px;
    width: 80px;
}

.medium .searchSearchTypeLabelSize {
    font-size: 25px;
}

.medium .SearchTypeDiv {
    text-align: center;
    width: 185px;
    float: right;
}

.medium .SearchPageNameModalSize {
    width: 370px;
}

.medium .SearchPageNameModalTextboxSize {
    height: 35px;
    width: 218px;
    font-size: 25px;
}

.medium .SearchPageNameModalLabelSize {
    font-size: 17px;
}

.medium .SearchPageNameModalMemberBtnSize {
    height: 35px;
    width: 90px;
    font-size: 18px;
}

.medium .SearchPageNameModalNonMemberBtnSize {
    height: 35px;
    width: 125px;
    font-size: 18px;
}

.medium .SearchPageNameModalCancelBtnSize {
    color: black;
    background-color: red;
    border: none;
    height: 35px;
    width: 35px;
    font-size: 25px;
}

.medium .groupdiv {
    min-width: 915px;
}

.medium .customerInfoSrvcHistModalNameSize {
    font-size: 30px;
}

.medium .customerInfoSrvcHistModalCTAndPointsSize {
    font-size: 18px;
}

.medium .customerInfoSrvcHistCancel {
    font-size: 24px;
    text-decoration: none;
    background-color:yellow;
    font-weight:bold;
}

.medium .custInfoSrvcHistoryModalWidth {
    min-width: 821px;
}

.medium .customerInfoSrvcApptDivSize {
    width: 480px;
}

.medium .benefitsMenuBtnSize {
    width: 100px;
    height: 30px;
    font-size: 17px;
}

.medium .benefitsRedeemHistMenuBtnSize {
    width: 135px;
    height: 30px;
    font-size: 17px;
}





.medium .benefitsAddPointsBtnSize {
    height: 40px;
    width: 140px;
    font-size: 25px;
}

.medium .benefitsMessageLblSize {
    font-size: 15px;
}

.medium .benefitsAdjustDateBtnSize {
    height: 35px;
    width: 100px;
    font-size: 18px;
}

.medium .redeemBenefitModalContentsDiv {
    width: 370px;
}

.medium .settingsTxtBox {
    height: 40px;
    width: 450px;
    font-size: 20px;
}

.medium .settingsBtnSaveSettingsSize {
    height: 40px;
    width: 150px;
    font-size: 20px;
    display: inline-block;
    background-color: #7293c3;
    color: white;
    /*margin:3px;*/
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.medium .settingsGridDiv {
    min-width: 550px;
}

.medium .supportGridDiv {
    min-width: 630px;
}

.medium .supportMessageTxtBox {
    height: 200px;
    width: 450px;
    font-size: 20px;
}

.medium .loginbox {
    width: 425px;
    height: 300px;
    margin-top: 75px;
    margin-left: auto;
    margin-right: auto;
    border: solid;
    border-width: 1px;
    border-radius: 50px;
    border-color: #e5aa4c;
    box-shadow: 0px 5px 8px Orange;
    background-color: #f3f3f3;
    /*background-image: url("../images/RewardsMessenger_Login-225 newDFLLogoDFLLogo.jpg");*/
    background-size: cover;
}

.medium .loginTxtBox {
    height: 30px;
    width: 300px;
    font-size: 15px;
}

.medium .loginBoxPadding {
    padding-top:60px;
}

.medium .loginModalSize {
    width:280px;
    height:95px;
}

.medium .activateContractYearTxtAndDDLSize {
    width: 198px;
    height: 40px;
    font-size: 20px;
}

.medium .groupdivActivateContract {
    min-width:570px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    border: solid;
    border-width: 2px;
    border-radius: 50px;
    border-color: #e5aa4c;
    box-shadow: 0px 5px 8px orange;
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #5681ac;
}

.medium .groupdivAddMember {
    min-width:510px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    border: solid;
    border-width: 2px;
    border-radius: 50px;
    border-color: #e5aa4c;
    box-shadow: 0px 5px 8px orange;
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #5681ac;
}

.medium .activateContractMemTypeLabelTDSize {
    width: 120px;
}

.medium .addMemberActivateMemberBtnSize {
    height: 30px;
    width: 160px;
    font-size: 17px;
}

.medium .activateContractUpgradeLabelSize {
    font-size: 15px;
}

.medium .addMemberActivateMemberBtnMargin {
    margin-right: 0px;
}

.medium .activateContractBtnSize {
    height: 35px;
    width: 150px;
    font-size: 18px;
}

.medium .activateContractSubmitVinBtnSize {
    height: 35px;
    width: 150px;
    font-size: 18px;
}

.medium .settingsLabelSize {
    font-size: 18px;
}

.medium .forgotPasswordBox {
    width: 444px;
    height: 325px;
    margin-top: 75px;
    margin-left: auto;
    margin-right: auto;
    border: solid;
    border-width: 1px;
    border-radius: 50px;
    border-color: #e5aa4c;
    box-shadow: 0px 5px 8px Orange;
    background-color: #f3f3f3;
    /*background-image: url("../images/RewardsMessenger_Login-225 newDFLLogo.jpg");*/
    background-size: cover;
}

.medium .forgotPasswordPadding {
    padding-top:70px;
}

.medium .forgotPasswordBtnSize {
    height: 30px;
    width: 150px;
    font-size: 18px;
}

.medium .forgotPasswordTxtBxPadding {
    padding-left: 5px;
}

.medium .forgotPasswordTxtBoxSize {
    width: 430px;
    height: 40px;
    font-size: 20px;
}

.medium .changePasswordBox {
    width: 506px;
    height: 365px;
    margin-top: 75px;
    margin-left: auto;
    margin-right: auto;
    border: solid;
    border-width: 1px;
    border-radius: 50px;
    border-color: #e5aa4c;
    box-shadow: 0px 5px 8px Orange;
    background-color: #f3f3f3;
    /*background-image: url("../images/RewardsMessenger_Login-225 newDFLLogo.jpg");*/
    background-size: cover;
}

.medium .changePasswordPadding {
    padding-top: 85px;
}

.medium .chagePasswordSecurityQuestionsBtnSize {
    width: 335px;
}

.medium .changePasswordTxtBxPadding {
    padding-left: 35px;
}

.medium .resetPasswordBoxSize {
    min-width:600px;
}

.medium .loginTxtBoxMargin {
    margin-left: 20px;
}

.medium .loginTableSize {
    width: 100%;
}


.medium .srvcalmodaldiv {
    max-width: 500px;
}


.medium .CalendarModalValueSize {
    color: darkgreen;
    font-weight: bold;
    font-size: 15px;
}


.medium .percentDGV {
    font-size: 10pt;
    width: 399px;
    border: 2px solid orange;
}


.large .customerInfoSrvcHistCancel {
    font-size: 28px;
    text-decoration: none;
    background-color: yellow;
    font-weight: bold;
}


.large .regularTable {
    display: block;
}

.large .MediaTable {
    display: none;
}

.large .rmTxtbox {
    height: 40px;
    width: 300px;
    font-size: 25px;
}

.large .textBoxSizeReason {
    /*width: 350px;*/
    height: 45px;
    font-size: 30px;
}

.large .textBoxSize {
    width: 500px;
    height: 45px;
    font-size: 30px;
}

.large .textBoxSizeMobile {
    width: 250px;
    height: 45px;
    font-size: 30px;
}

.large .labelsizeCustInfo {
    font-size: 25px;
}

.large .custInfoHeader {
    font-size: 26px;
}

.large .customerInfoActivateDTTextbox {
    width: 422px;
    height: 45px;
    font-size: 30px;
}

.large .customerInfoBtnSize {
    width: 164px;
    height: 60px;
    font-size: 27px;
}

.large .customerInfoCALBtnSize {
    width: 75px;
    height: 45px;
    font-size: 30px;
}

.large .customerInfoButtonTable {
    margin-left: 110px;
    margin-right: auto;
    border-spacing:1px;
}

.large .customerInfoSrvApptBtnSize {
    width: 332px;
    height: 60px;
    font-size: 30px;
}

.large .customerInfoAppLinkBtnSize {
    width: 245px;
    height: 44px;
    font-size: 30px;
}

.large .DropDownMenuLinkBtns {
    font-size: 30px;
    text-decoration: underline;
    cursor: pointer;
}

.large .groupdivcustomerinfo {
    min-width: 1300px;
}




.large .MenuButtonSize {
    width: 50px;
    height: 50px;
    background-size: cover;
}

.large .searchMainTableSize {
    font-size: 15px;
}

.large .searchSearchCriteriaSize {
    width: 250px;
    height: 40px;
    font-size: 30px;
}

.large .searchDealerDDLSize {
    width: 550px;
    height: 40px;
    font-size: 25px;
}

.large .searchDealerSearchOptionSize {
    width: 170px;
    height: 40px;
    font-size: 25px;
}

.large .searchDealerFilterBySize {
    width: 110px;
    height: 40px;
    font-size: 25px;
}

.large .searchNameCriteriaTxtBxSize {
    width: 225px;
    height: 40px;
    font-size: 25px;
}

.large .searchCriteriaOuterTable {
    margin-left: auto;
    margin-right: auto;
}

.large .btnSelect {
    height: 35px;
    width: 73px;
    font-size: 20px;
}


.large .btn-danger {
    height: 40px;
    font-size: 20px;
    width: 90px;
}

   .large .AddPoints {
        height: 40px;
        font-size: 20px;
        width: 125px;
    }


.large .searchSearchTypeLabelSize {
    font-size: 30px;
}

.large .SearchTypeDiv {
    text-align: center;
    width: 185px;
    float: right;
}

.large .SearchPageNameModalSize {
    width: 425px;
}

.large .SearchPageNameModalTextboxSize {
    height: 45px;
    width: 220px;
    font-size: 25px;
}

.large .SearchPageNameModalLabelSize {
    font-size: 22px;
}

.large .SearchPageNameModalMemberBtnSize {
    height: 40px;
    width: 90px;
    font-size: 20px;
}

.large .SearchPageNameModalNonMemberBtnSize {
    height: 40px;
    width: 125px;
    font-size: 20px;
}

.large .SearchPageNameModalCancelBtnSize {
    color: black;
    background-color: red;
    border: none;
    height: 40px;
    width: 40px;
    font-size: 25px;
}

.large .SearchPageNameModalClearBtn {
    cursor: pointer;
    font-size: 14pt;
    color: white;
    text-decoration: underline;
}

.medium .SearchPageNameModalClearBtn {
    cursor: pointer;
    font-size: 12pt;
    color: white;
    text-decoration: underline;
}

.small .SearchPageNameModalClearBtn {
    cursor: pointer;
    font-size: 10pt;
    color: white;
    text-decoration: underline;
}

.collapsed .SearchPageNameModalClearBtn {
    cursor: pointer;
    font-size: 10pt;
    color: white;
    text-decoration: underline;
}

.large .groupdiv {
    min-width: 1185px;
}

.large .groupdivBenefits {
    max-width: 800px;
}

.large .customerInfoSrvcHistModalNameSize {
    font-size: 35px;
}

.large .customerInfoSrvcHistModalCTAndPointsSize {
    font-size: 20px;
}

.large .customerInfoSrvcHistCancel {
    font-size: 28px;
    text-decoration: none;
}

.large .custInfoSrvcHistoryModalWidth {
    min-width: 821px;
}

.large .customerInfoSrvcApptDivSize {
    width: 550px;
}

.large .benefitsMenuBtnSize {
    width: 110px;
    height: 35px;
    font-size: 20px;
}

.large .benefitsRedeemHistMenuBtnSize {
    width: 160px;
    height: 35px;
    font-size: 20px;
}




.large .benefitsAddPointsBtnSize {
    height: 50px;
    width: 140px;
    font-size: 25px;
}

.large .benefitsMessageLblSize {
    font-size: 18px;
}

.large .benefitsAdjustDateBtnSize {
    height: 40px;
    width: 120px;
    font-size: 20px;
}

.large .redeemBenefitModalContentsDiv {
    width: 430px;
}

.large .settingsTxtBox {
    height: 40px;
    width: 510px;
    font-size: 25px;
}

.large .settingsBtnSaveSettingsSize {
    height: 50px;
    width: 200px;
    font-size: 25px;
    display: inline-block;
    background-color: #7293c3;
    color: white;
    /*margin:3px;*/
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.large .settingsGridDiv {
    min-width: 650px;

}

.large .supportGridDiv {
    min-width: 999px;
}

.large .supportMessageTxtBox {
    height: 300px;
    width: 510px;
    font-size: 25px;
}

.large .loginbox {
    width: 536px;
    height: 390px;
    margin-top: 75px;
    margin-left: auto;
    margin-right: auto;
    border: solid;
    border-width: 1px;
    border-radius: 50px;
    border-color: #e5aa4c;
    box-shadow: 0px 5px 8px Orange;
    background-color: #f3f3f3;
    /*background-image: url("../images/RewardsMessenger_Login-225 newDFLLogo.jpg");*/
    background-size: cover;
}

.large .loginTxtBox {
    height: 40px;
    width: 400px;
    font-size: 25px;
}

.large .loginBoxPadding {
    padding-top:76px;
}

.large .loginModalSize {
    width:330px;
    height:125px;
}

.large .activateContractYearTxtAndDDLSize {
    width: 248px;
    height: 40px;
    font-size: 30px;
}

.large .groupdivActivateContract {
    min-width:660px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    border: solid;
    border-width: 2px;
    border-radius: 50px;
    border-color: #e5aa4c;
    box-shadow: 0px 5px 8px orange;
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #5681ac;
}

.large .activateContractMemTypeLabelTDSize {
    width: 130px;
}

.large .groupdivAddMember {
    min-width:640px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    border: solid;
    border-width: 2px;
    border-radius: 50px;
    border-color: #e5aa4c;
    box-shadow: 0px 5px 8px orange;
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #5681ac;
}

.large .addMemberActivateMemberBtnSize {
    height: 35px;
    width: 165px;
    font-size: 20px;
}

.large .labelSizeAddMember {
    font-size:20px;
}

.large .activateContractUpgradeLabelSize {
    font-size: 20px;
}

.large .addMemberActivateMemberBtnMargin {
    margin-right: 0px;
}

.large .activateContractBtnSize {
    height: 40px;
    width: 170px;
    font-size: 20px;
}

.large .activateContractSubmitVinBtnSize {
    height: 40px;
    width: 170px;
    font-size: 20px;
}


.large .settingsLabelSize {
    font-size: 25px;
}

.large .forgotPasswordBox {
    width: 560px;
    height: 475px;
    margin-top: 75px;
    margin-left: auto;
    margin-right: auto;
    border: solid;
    border-width: 1px;
    border-radius: 50px;
    border-color: #e5aa4c;
    box-shadow: 0px 5px 8px Orange;
    background-color: #f3f3f3;
    /*background-image: url("../images/RewardsMessenger_Login-225 newDFLLogo.jpg");*/
    background-size: cover;
}

.large .forgotPasswordPadding {
    padding-top:86px;
}

.large .forgotPasswordBtnSize {
    height: 35px;
    width: 160px;
    font-size: 20px;
}

.large .forgotPasswordTxtBxPadding {
    padding-left: 30px;
}

.large .forgotPasswordTxtBoxSize {
    width: 500px;
    height: 40px;
    font-size: 30px;
}

.large .changePasswordBox {
    width: 655px;
    height: 505px;
    margin-top: 75px;
    margin-left: auto;
    margin-right: auto;
    border: solid;
    border-width: 1px;
    border-radius: 50px;
    border-color: #e5aa4c;
    box-shadow: 0px 5px 8px Orange;
    background-color: #f3f3f3;
    /*background-image: url("../images/RewardsMessenger_Login-225 newDFLLogo.jpg");*/
    background-size: cover;
}

.large .changePasswordPadding {
    padding-top: 105px;
}

.large .chagePasswordSecurityQuestionsBtnSize {
    width: 335px;
}

.large .changePasswordTxtBxPadding {
    padding-left: 67px;
}

.large .resetPasswordBoxSize {
    min-width:910px;
}

.large .loginTxtBoxMargin {
    margin-left: 30px;
}

.large .loginTableSize {
    width: 100%;
}

.large .srvcalmodaldiv {
    max-width: 700px;
}

.large .CalendarModalValueSize{

    color:darkgreen;
    font-weight:bold;
    font-size:20px;

}

.large .percentDGV {
    font-size: 12pt;
    width: 500px;
    border: 2px solid orange;
}

.collapsed .MSGContainer {
    width: 320px;
}

.small .MSGContainer {
    width: 525px;
}

.medium .MSGContainer {
    width: 620px;
}

.large .MSGContainer {
    width: 640px;
}

.collapsed .NMButton {
    color: white;
    font-family: Arial;
    font-size: 10pt;
    text-decoration: none;
}

.small .NMButton {
    color: white;
    font-family: Arial;
    font-size: 10pt;
    text-decoration: none;
}

.medium .NMButton {
    color: white;
    font-family: Arial;
    font-size: 13pt;
    text-decoration: none;
}

.large .NMButton {
    color: white;
    font-family: Arial;
    font-size: 15pt;
    text-decoration: none;
}


#NMCollapsedTbl {
    min-width: 300px;
}


.NMRegularTableGrid {

    min-width:750px;
    
}




.collapsed .NMRegularTable {
    display: none;
}

.small .NMRegularTable {
    display: block;
}

.medium .NMRegularTable {
    display: block;
}

.large .NMRegularTable {
    display: block;
}

.collapsed .NMCollapsedTable {
    display: block;
}

.small .NMCollapsedTable {
    display: none;
}

.medium .NMCollapsedTable {
    display: none;
}

.large .NMCollapsedTable {
    display: none;
}

.collapsed .SearchTxtBox {
    width: 140px;
    height: 25px;
    font-size: 11px;
}

.small .SearchTxtBox {
    width: 200px;
    height: 30px;
    font-size: 15px;
}

.medium .SearchTxtBox {
    width: 300px;
    height: 35px;
    font-size: 18px;
}

.large .SearchTxtBox {
    width: 400px;
    height: 40px;
    font-size: 22px;
}

.collapsed .MessagesSearchLabelSize {
    font-size: 11px;
}

.small .MessagesSearchLabelSize {
    font-size: 14px;
}

.medium .MessagesSearchLabelSize {
    font-size: 16px;
}

.large .MessagesSearchLabelSize {
    font-size: 18px;
}

.collapsed .MessagesSearchBtnSize {
    width: 52px;
    height: 25px;
    font-size: 11px;
}

.small .MessagesSearchBtnSize {
    width: 62px;
    height: 30px;
    font-size: 14px;
}

.medium .MessagesSearchBtnSize {
    width: 72px;
    height: 35px;
    font-size: 16px;
}

.large .MessagesSearchBtnSize {
    width: 72px;
    height: 40px;
    font-size: 18px;
}

.collapsed .MessagesClearSearchBtnSize {
    width: 25px;
    height: 25px;
    font-size: 11px;
    background-color: orange;
}

.small .MessagesClearSearchBtnSize {
    width: 30px;
    height: 30px;
    font-size: 14px;
    background-color: orange;
}

.medium .MessagesClearSearchBtnSize {
    width: 30px;
    height: 35px;
    font-size: 16px;
    background-color: orange;
}

.large .MessagesClearSearchBtnSize {
    width: 30px;
    height: 40px;
    font-size: 18px;
    background-color: orange;
}




.large .BenefitsAutoRedeemTable{

    font-size:10pt;
    width:685px;
    background-color:white;
    border: 2px solid black;

}

.large .BenefitsAutoRedeemHeader {
    font-size: 10pt;
    width: 685px;
    background-color: white;
    vertical-align: top;
    text-align: center;
    color: #5681ac;
    border: 1px solid lightgray;
    font-weight:bold;
    white-space:normal;
}

.large .BenefitsAutoRedeemHeaderEven {
    font-size: 10pt;
    width: 685px;
    background-color: #e4e0d2;
    vertical-align: top;
    text-align: center;
    color: #5681ac;
    border: 1px solid lightgray;
    font-weight: bold;
    white-space: normal;
}


.large .BenefitsAutoRedeemData {
    font-size: 10pt;
    width: 685px;
    background-color: white;
    text-align: center;
    border: 1px solid lightgray;
    white-space: nowrap;
}


.large .BenefitsAutoRedeemDataEven {
    font-size: 10pt;
    width: 685px;
    background-color: #e4e0d2;
    text-align: center;
    border: 1px solid lightgray;
    white-space:nowrap;
}


.large .BenefitsAutoRedeemCaption {
    font-size: 12pt;
    color: white;
    font-weight: bold;
    border-top: 2px solid black;
    border-left: 2px solid black;
    border-right: 2px solid black;
}

.large .BIG {
    display:normal;
}

.large .COLLAPSED {
    display: none;
}

.medium .BenefitsAutoRedeemTable {
    font-size: 9pt;
    width: 610px;
    background-color: white;
    border: 2px solid black;
}

.medium .BenefitsAutoRedeemHeader {
    font-size: 9pt;
    width: 610px;
    background-color: white;
    vertical-align: top;
    text-align: center;
    color: #5681ac;
    border: 1px solid lightgray;
    font-weight: bold;
    white-space: normal;
}

.medium .BenefitsAutoRedeemHeaderEven {
    font-size: 9pt;
    width: 610px;
    background-color: #e4e0d2;
    vertical-align: top;
    text-align: center;
    color: #5681ac;
    border: 1px solid lightgray;
    font-weight: bold;
    white-space: normal;
}


.medium .BenefitsAutoRedeemData {
    font-size: 9pt;
    width: 610px;
    background-color: white;
    text-align: center;
    border: 1px solid lightgray;
    white-space: nowrap;
}


.medium .BenefitsAutoRedeemDataEven {
    font-size: 9pt;
    width: 610px;
    background-color: #e4e0d2;
    text-align: center;
    border: 1px solid lightgray;
    white-space: nowrap;
}


.medium .BenefitsAutoRedeemCaption {
    font-size: 10pt;
    color: white;
    font-weight: bold;
    border-top: 2px solid black;
    border-left: 2px solid black;
    border-right: 2px solid black;
}

.medium .BIG {
    display: normal;
}

.medium .COLLAPSED {
    display: none;
}


.small .BenefitsAutoRedeemTable {
    font-size: 8pt;
    width: 560px;
    background-color: white;
    border: 2px solid black;
}

.small .BenefitsAutoRedeemHeader {
    font-size: 8pt;
    width: 560px;
    background-color: white;
    vertical-align: top;
    text-align: center;
    color: #5681ac;
    border: 1px solid lightgray;
    font-weight: bold;
    white-space: normal;
}

.small .BenefitsAutoRedeemHeaderEven {
    font-size: 8pt;
    width: 560px;
    background-color: #e4e0d2;
    vertical-align: top;
    text-align: center;
    color: #5681ac;
    border: 1px solid lightgray;
    font-weight: bold;
    white-space: normal;
}


.small .BenefitsAutoRedeemData {
    font-size: 8pt;
    width: 560px;
    background-color: white;
    text-align: center;
    border: 1px solid lightgray;
    white-space: nowrap;
}


.small .BenefitsAutoRedeemDataEven {
    font-size: 8pt;
    width: 560px;
    background-color: #e4e0d2;
    text-align: center;
    border: 1px solid lightgray;
    white-space: nowrap;
}


.small .BenefitsAutoRedeemCaption {
    font-size: 9pt;
    color: white;
    font-weight: bold;
    border-top: 2px solid black;
    border-left: 2px solid black;
    border-right: 2px solid black;
}

.small .BIG {
    display: normal;
}

.small .COLLAPSED {
    display: none;
}


.collapsed .BenefitsAutoRedeemTable {
    font-size: 8pt;
    width: 300px;
    background-color: white;
    border: 2px solid black;
}

.collapsed .BenefitsAutoRedeemHeader {
    font-size: 8pt;
    width: 300px;
    background-color: white;
    vertical-align: top;
    text-align: left;
    color: #5681ac;
    /*border: 1px solid lightgray;*/
    font-weight: bold;
    white-space: normal;
}

.collapsed .BenefitsAutoRedeemHeaderEven {
    font-size: 8pt;
    width: 300px;
    background-color: #e4e0d2;
    vertical-align: top;
    text-align: left;
    color: #5681ac;
    /*border: 1px solid lightgray;*/
    font-weight: bold;
    white-space: normal;
}


.collapsed .BenefitsAutoRedeemData {
    font-size: 8pt;
    width: 300px;
    background-color: white;
    text-align:left;
    /*border: 1px solid lightgray;*/
    white-space: nowrap;
}


.collapsed .BenefitsAutoRedeemDataEven {
    font-size: 8pt;
    width: 300px;
    background-color: #e4e0d2;
    text-align: left;
    /*border: 1px solid lightgray;*/
    white-space: nowrap;
}


.collapsed .BenefitsAutoRedeemCaption {
    font-size: 10pt;
    color: white;
    font-weight: bold;
    border-top: 2px solid black;
    border-left: 2px solid black;
    border-right: 2px solid black;
}

.collapsed .BIG {
    display: none;
}

.collapsed .COLLAPSED {
    display:normal;
}


.collapsed .PanelRedeemConfirm {
    position: absolute;
    left: 160px;
    top: 51px;
    background-color: white;
}

.collapsed .modalRedeem {
    position: absolute;
    left: 7px;
    height:164px;
}

.collapsed .mGrid {
    width: 300px;
    font-size: 8pt !important;
}

.small .PanelRedeemConfirm {
    position: absolute;
    left: 514px;
    top: 127px;
    background-color: white;
}

.small .mGrid {
    width: 300px;
    font-size: 8pt !important;
}


.medium .mGrid {
    width: 385px;
    font-size: 10pt !important;
    
}


.large .mGrid {
    width: 488px;
    font-size: 12pt !important;
}



.collapsed .printButton {
    padding-top: 5px;
    text-decoration: none;
    width: 82px;
    height: 25px;
    font-size: 11px;
}

.small .printButton {
    padding-top: 5px;
    text-decoration: none;
    width: 72px;
    height: 25px;
    font-size: 11px;
}

.medium .printButton {
    padding-top: 5px;
    text-decoration: none;
    width: 135px;
    height: 40px;
    font-size: 22px;
}

.large .printButton {
    padding-top: 12px;
    text-decoration: none;
    width: 164px;
    height: 60px;
    font-size: 27px;
}


.collapsed .addPointsTextBox {
    width: 200px;
    height: 25px;
    font-size: 12px;
}

.small .addPointsTextBox {
    width: 282px;
    height: 32px;
    font-size: 12px;
}

.medium .addPointsTextBox {
    width: 340px;
    height: 32px;
    font-size: 14px;
}

.large .addPointsTextBox {
    width: 400px;
    height: 34px;
    font-size: 16px;
}



.collapsed .benefitsPointsToAddTxtBxSize {
    height: 28px;
    width: 80px;
    font-size: 12px;
}

.small .benefitsPointsToAddTxtBxSize {
    height: 32px;
    width: 100px;
    font-size: 14px;
}

.medium .benefitsPointsToAddTxtBxSize {
    height: 32px;
    width: 110px;
    font-size: 16px;
}

.large .benefitsPointsToAddTxtBxSize {
    height: 40px;
    width: 150px;
    font-size: 20px;
}




.collapsed .benefitsDetailsTxtBxSize {
    height: 100px;
    width: 200px;
    font-size: 12px;
}

.small .benefitsDetailsTxtBxSize {
    height: 100px;
    width: 282px;
    font-size: 12px;
}

.medium .benefitsDetailsTxtBxSize {
    height: 100px;
    width: 340px;
    font-size: 14px;
}

.large .benefitsDetailsTxtBxSize {
    height: 100px;
    width: 400px;
    font-size: 16px;
}



/*}*/

