/*
    PURPLE THEME
*/

/*  MEDIA OVERRIDE
This stylesheet can be used to override existing media styles used in the selected/configured theme that is used
to change the layout of page elements for different viewport sizes used in different devices such as tablets and mobiles.
Add styles to this stylesheet file if you want to change the look and feel of page elements in different viewport sizes.
A responsive css strategy has been used in the join@home application. This means that there is one base template file that is
modified by the css. The layout relies upon an underlying liquid grid (Bootstrap Twitter CSS Framework) that uses % values on all containers & em values on all text./*

NOTE:
**********DO NOT**********
change other css files in the themes directory, as the changes will not be persisted when a new version of the software is installed.
**********DO NOT**********
add styles that effect the grid layout (span or container classes) and positioning of page elements.
ONLY change:
    text (family, size(em), color),
    border(width,colour)
    image backgrounds(reference styles from custom.css)
    
    if required.
*/

/*  VIEWPORT SIZES
-------------------------------------------------------------------------------*/
    @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,600);

.accordion-group, div .accordion-inactive {
       background-color: transparent;
       border-width: 0px;
    }

.wrapper{padding:20px 50px;}

#sticker{width:20%;}

.lblselected {
    background-color: transparent !important;
    border: 0px solid #AEADFB !important;
}
    
    .accordion-heading .accordion-toggle{
        background: #3AC3E0;
        border-width: 0px !important;
    }
    
    .accordion-heading .accordion-toggle:hover{
        background: #A6DEEF;
        border-width: 0px !important;
    }
    
    .sidekick-unit {
        color: #fff;
        background-color: #3AC3E0;
        border: 0px solid transparent;
    }
    
    .sidekick-unit .hr-underline{border-color:#fff;}
    
    #ctl00_MainContent_Wizard1_ctl07_lblMembershipsLabel{color:#fff;}
    
    

  #page-container {
        width: 1053px;
         margin: 0 auto;
        height:100%;
    }
    
  html, body {
      background: #af337a;
      
  }

    body, .btn, .summarybar_title, .gscaptcha div{font-family: 'Open Sans',"Trebuchet MS",Droid Sans,Helvetica Neue,Arial,sans-serif !important;}
    
    /* FIXING ELEMENTS */
    #ctl00_MainContent_Wizard1_ctl03_Label1{
	color:white !important;

}
    #company-logo {
    	background-image: url("images/logo.png") !important;
   	 margin: 40px 0 15px 0;
    	width: 204px !important;
   	 height: 53px !important;
	} 
	   #ctl00_lblHeaderText {
    	 display: none;
	   }
     .gsbutton-back {
   	 background-image: url("images/prev.png") !important;
   	 background-repeat: no-repeat !important;
    	background-position: 15px 52% !important;
     }
     .gsbutton-next {
   	 background-image: url("images/next.png") !important;
   	 background-repeat: no-repeat !important;
    	 background-position: 90% 52% !important;
     }
     #footer-support-telephone-no {
   	 background-image: url("images/activestirling.png") !important;
   	 width: 192px !important;
   	 height: 42px;
   	 margin: 8px 40px 8px 0px !important;
     }
     #company-name-and-strapline-container {
   	 background-image: url("images/aio.png") !important;
  	  width: 157px !important;
  	  height: 82px !important;
  	  float: right !important;
  	  margin-top: 17px;
	}
     #footer-logo {
   	 background-image: url("images/contact.png") !important;
    	width: 117px !important;
   	 height: 32px !important;
    	float: right !important;
		margin: 13px 20px 13px 0px !important;
     }
      
    #select-membership-type-tablegrid-container {
        width: 95% !important;
    }
    #ctl00_MainContent_Wizard1_ctl08_personalDetailsPanel {
        width: 95% !important;
    }

#ctl00_MainContent_Wizard1 label {
    color: #fff;
}
#col1-bank-details-container #member-id #ctl00_MainContent_lblEmailAddress{color:white;}

       /* Next button */
       .gsbutton-back, .gsbutton-next, .gsbutton-finish, .gsbutton{
            text-align: left;
            color: #FFF;
            border: none;
            box-shadow: none;
            text-shadow: none;
            border-radius: 4em;
            font-size: 2em;
            background: #D6E03D;
       }
    
       .gsbutton-back{
           padding: 0.4em 0.6em 0.4em 2em;
       }
       .gsbutton-next{
          padding: 0.4em 2em 0.4em 0.6em;
       }
    
       .gsbutton-back:hover, .gsbutton-next:hover, .gsbutton-finish:hover, .gsbutton:hover{
           background: #FFF;
           font-size: 2em;
           color: #D6E03D;
           box-shadow: none;
           -o-text-shadow:none;
           -moz-text-shadow:none;
           -ms-text-shadow:none;
           -khtml-text-shadow:none;
           -webkit-text-shadow:none;
           text-shadow:none;
           -moz-transform:none;
           -moz-transition:none;
           -ms-transform:none;
           -o-transform:none;
           -o-transition:none;
           -webkit-transform:none;
           -webkit-transition:none;
           transform:none;
           transition:all 0 ease 0;
       }


.ctl00_MainContent_Wizard1_ctl07_lnkBtnSeeAlternativeSubs{
	    text-align: center !important;
            color: #FFF !important;
            border: none !important;
            box-shadow: none !important;
            text-shadow: none !important;
            border-radius: 4px !important;
            font-size: 13px !important;
            background: #D6E03D !important;
}
.ctl00_MainContent_Wizard1_ctl07_lnkBtnSeeAlternativeSubs:hover{
           background: #FFF !important;
           color: #D6E03D !important;
           box-shadow: none !important;
           -o-text-shadow:none !important;
           -moz-text-shadow:none !important;
           -ms-text-shadow:none !important;
           -khtml-text-shadow:none !important;
           -webkit-text-shadow:none !important;
           text-shadow:none !important;
           -moz-transform:none !important;
           -moz-transition:none !important;
           -ms-transform:none !important;
           -o-transform:none !important;
           -o-transition:none !important;
           -webkit-transform:none !important;
           -webkit-transition:none !important;
           transform:none !important;
           transition:all 0 ease 0 !important;
}

    
    
    /* FIXING TEXT */
    
       /* Headers */
        
        .header {
            font-size: 33px !important;
            color: #fff;
            font-weight: 600;
        }
    
       /* Main Paragraph */
       
       .text-info {
            color: #fff;
            font-size: 15px;
        }
    
       .step .offset1 p {
            margin: 0px 0px 25px;
        }
    
       /* Input boxes */
    
       #col1-bank-details-container {
            width: 55% !important;
        }
    
        #ctl00_MainContent_Wizard1_ctl02_MemberLoginContainer {
            width: 43% !important;
            margin-left: 2% !important;
            margin-top: -45px;
        }
       
       .icon-required {
            display: none !important;
        }
    
       #col1-bank-details-container {
            margin-top: 22px;
        }
    
       #ctl00_MainContent_Wizard1_ctl02_lblEmailRetype, #ctl00_MainContent_Wizard1_ctl02_lblEmail, #ctl00_MainContent_Wizard1_ctl02_lblLastName, #ctl00_MainContent_Wizard1_ctl02_lblFirstName {
            float: left !important;
            width: 40% !important;
        }
    
       #ctl00_MainContent_Wizard1_ctl02_DOBControl_Label8, #ctl00_MainContent_Wizard1_ctl02_lblEmailRetype, #ctl00_MainContent_Wizard1_ctl02_lblEmail, #ctl00_MainContent_Wizard1_ctl02_lblLastName, #ctl00_MainContent_Wizard1_ctl02_lblFirstName{
           color:#fff !important;
            font-size: 16px !important;
            font-weight: 400 !important;
           
       }
    
         .control-group .controls {
            float: left !important;
            width: 59.5% !important;
        }
        .control-group .controls {
   
        }
    
        .control-group .controls .span24 {
            float: left !important;
            width: 100% !important;
        }

    
    /* FIXING ELEMENT POSITIONS */
       
       /* Progress Bars */
        .progressStep_container {
            height: 33px;
            float: left;
            border-width: 1px;
            border-style: none;
            padding:0;
            margin: 0px;
            min-width: 20%;
            border-top: 1px solid #fff;
        }
    
       span.progressbox_text {
            font-size: 20px;
            font-weight: 400;
            color: #AF337A;
       }
    
        div.progressbox_text {
            padding: 6px 2px 8px 16px;
            background: #3AC3E0 none repeat scroll 0% 0%;
            margin: 0px 3px 0px 0px;
        }
    
       #ctl00_MainContent_OLMenu_menuItem5.progressbox_text {
           margin: 0px 0px 0px 0px;
       }
       
    
       /* Membership Details */
    
       #ctl00_MainContent_Wizard1_ctl02_LblExistingMemberHeading {
            color: white;
            font-size: 16px;
        }
       
       #ctl00_MainContent_Wizard1_ctl02_LblExistingMemberHeading acronym {
            border: 0;
        }
    
       #content {
            width: 78% !important;
	    margin-right:2% !important;
        }
    
       #summarybar{width: 100%;}   
       
       #summarybar .inner {
            width: 100%;
            float: right;
            margin-top:20px;
        }
    
       #summarybar .inner .summarybar_title, {
           background-color: #3ac3e0;
           margin-bottom: 3px;
           color: #AF337A;
           font-weight: 700;
       }
    
        .summary-username-container, .summary-user-email-container {
            background-color: #A6DEEF;
            border: none;
            color: #AF337A;
            font-size: 16px !important;
            font-weight: 400 !important;
        }
    
       #summarybar .summary-username, #summarybar .subcontentleft{color: #AF337A; font-size: 16px !important; font-weight: 400 !important;}
    
       .summary-user-email-container, #summarybar div.row-fluid div.row-fluid, #summarybar .inner .titlebar, .subcontentleft {
            margin-bottom: 3px;
           background-color: #A6DEEF;
           background: #A6DEEF;
           color: #AF337A;
           font-size: 16px !important;
           font-weight: 400 !important;
        }
    
       #contentAndSummaryContainer {
            margin-bottom: 40px;
        }
    
       
    
       /* Next button */
       
        .gsbutton-next{float:none;}

        .row-fluid .offset1:first-child {
            margin-left: 0;
        }
        .row-fluid .span23 {
            width: 100%;
        }
    
      /* Content */
    
       #content {
            margin-top: 30px;
        }
    
       .header-bac {
            margin-bottom: 0.4em;
       }
    
       .filter-option {
            font-weight: bold !important;
        }
    
       /* Captcha */
       
    
       .gscaptcha {
            padding: 0px !important;
            margin: -20px 0px 0px !important;
        }
       #ctl00_MainContent_Wizard1_ctl02_MemberLoginContainer label, .gscaptcha div {
            margin: 0px !important;
           color: #fff;
           font-size: 16px;
        }
       
       .gscaptcha img {
            border: 0px solid #9D261D;
            width: 100%;
           height: 81px;
        }
       
       .gscaptcha input {
            font-size: 16px !important;
        }
    
       .gscaptcha div:nth-child(2){
           margin-top:10px !important;
           
       }
#DD_Summary {
    border-top: 1px dashed #fff !important;
}
         
        .btn .filter-option {
            font-weight: 400 !important;
        }
    
        .idpinbox{
           background: #a6deef !important;
           border-radius: 0px;
           padding: 12px !important;
           width: 86% !important;
            margin-bottom:30px;
        }
    
        .idpinbox label{
           font-weight: 400 !important;
           color: #af337a !important;
           font-size: 14px !important;
        }
          
        .idpinbox acronym{
            border-bottom: 0px !important;
        }
        .idpinbox a{
            color: #af337a !important;
            font-size: 14px !important;
            border-bottom: 0px !important;
        }
          
        .idpinbox a:hover{
            color: #af337a !important;
            border-bottom: 1px solid #af337a !important;
            font-weight:600;
        }
    
        .idpinbox br {
            display: none;
        }
    
       /* Membership */
    
       #paygosignup-pay-as-you-go-container span, #paygosignup-pay-as-you-go-container label, #paygosignup-sign-up-for-a-membership-container label, #paygosignup-sign-up-for-a-membership-container span{
           color: #fff;
       }
  
  /* REMOVING BACKGROUNDS */
    
    .header-bac {
        background-color: transparent;
        background-image: none;
        border:medium none white;
    }
    
    .navigation-bottom-inner.span24.gradient{background: none;}
    
   #progressbar, #summarybar, #summarybar .inner{
        background:none;
        background-color: transparent;
        border-left: medium none;
        border-bottom: medium none;
    }
    
    /*#ctl00_MainContent_Wizard1_ctl08_personalDetailsPanel label, #ctl00_MainContent_Wizard1_ctl08_personalDetailsPanel .User-Title, .title-left, #ctl00_MainContent_Wizard1_ctl08_personalDetailsPanel h4, .PanelUserFields-label{color:#fff !important;}*/
    
	#ctl00_MainContent_Wizard1_ctl08_personalDetailsPanel label,#ctl00_MainContent_Wizard1_ctl08_personalDetailsPanel .User-Title,#ctl00_MainContent_Wizard1_ctl08_personalDetailsPanel h4,.PanelUserFields-label,#ctl00_MainContent_Wizard1_ctl09_MemberExtraDetailsBase_Label3,#ctl00_MainContent_Wizard1_ctl09_MemberExtraDetailsBase_DateControlPersonalDetails_Label8,#ctl00_MainContent_Wizard1_ctl09_MemberExtraDetailsBase_Label9,#AddPerDetails-PDetail-Name-First-Last {color:#fff !important;}

	
	
	
	#ctl00_MainContent_Wizard1_ctl08_personalDetailsPanel #AddPerDetails-Address-Lookup-House-NoPost-Container label{color:#AF337A !important;}
    #AddPerDetails-Address-Lookup{border: 1px solid #A6DEEF !important; background-color: #A6DEEF !important;}
    /*.nav {
            width: 125%;
        }*/
    
    .wizard { 
        border-bottom: none;
        background-color: transparent !important;
        background-image: none;
    }
    
    .navigation-bottom-inner, #content .content_inner {
        background: transparent;
    }
    
    #contentAndSummaryContainer {
        background-color: transparent;
        background-image: none;
    }
    
    #footer{
        background: transparent;
    }
    
    .gscaptcha, .idpinbox{
        background: transparent;
        border: 0px solid #fff;
    }
    
    .footer-link {
       color:#fff !important;
       border-bottom: 1px dotted #fff !important;
    }
    .footer-link:hover {
       border-bottom: 1px solid #fff !important;
    }
    
    #DD_Summary_Detail {
        background-color: transparent;
    }
    #SubType_Description span, #SubType_Description, #DD_Summary_Detail h4, #DD_Summary_Detail p span{
        color: #fff !important;
    }
    
    .title-right, .title-left{font-weight: 400;}
    
    
    /*further*/
    
    .selMemTableHead {
       color: #fff !important;
       background: #B14A9C none repeat scroll 0% 0% !important;
    }
    
    .selMemTableAltRow, .selMemTableRow, .selMemTable {
        border-bottom: 0px solid transparent;
        border: 0px solid transparent;
    }
   
    .label-warning, .badge-warning {
        background-color: #3AC3E0;
    }
    
    .selMemTable .title, .selMemTable span{
        color: #AF337A;
    }
    
   label#ctl00_MainContent_Wizard1_ctl08_Label16.title-left, label#ctl00_MainContent_Wizard1_ctl08_Label15.title-left{color:#AFF337 !important;}
    
    p.chkRdoList a {
        color: #FFF !important;
        border-bottom: 1px dotted #fff !important;
    }
    p.chkRdoList a:hover {
        color: #FFF !important;
        border-bottom: 1px solid #fff !important;
    }
    
   .btn-primary:focus, .btn-primary {
        color: #fff;
        text-shadow: 0px 0px 0px #fff;
        background-color: #AF337A;
        border-color: transparent;
        background-image: none;
    }
    .btn-primary.active{
        color: #fff;
        text-shadow: 0px 0px 0px #fff;
        background-color: #D861A5;
        border-color: transparent;
        background-image: none;
    }

    .btn-primary:hover {
        color: #fff;
        background-color: #D861A5;
        background-image: none;
    }
    .btn-primary.active:hover {
        color: #fff;
        background-color: #AF337A;
        background-image: none;
    }
    
    #AddPerDetails-Privacy-Policy-Container {
        background-color: #A6DEEF;
       color: #AF337A;
        border: 0px solid transparent;
    }
    #AddPerDetails-Privacy-Policy-Container a {
        color: #AF337A !important;
        border-bottom: 1px dotted #AF337A !important;
    }
    #AddPerDetails-Privacy-Policy-Container a:hover {
        color: #AF337A !important;
        border-bottom: 1px solid #AF337A !important;
    }
    
    #ctl00_MainContent_Wizard1_ctl08_txtMainPhone, #ctl00_MainContent_Wizard1_ctl08_txtAddress2, #ctl00_MainContent_Wizard1_ctl08_txtAddress3{color: #000 !important;}
    
    
    .btn-primary, .btn-primary:hover{border-bottom:0px solid transparent !important;}
    
    #confirm-your-details-content-inner h4, #confirm-your-details-content-inner span{color:white;}
    
    .noshade {
    height: 1px;
    }
    .summary-total {
        color: #62093B;
    }
    
    #dd-setup-enter-details-container, #dd-submit-account-details-container, #dd-confirm-details-container, #dd-confirm-details-instructions label, #dd-confirmation-container, #dd-guarantee-main-container, #finish-page-container h4, #finish-page-container .value.large{
        color: white !important;
        
    }
    
    .border-black, .ddWithoutBorders-Border, #dd-confirm-bank-address, #dd-confirm-to-bank-container, #dd-confirm-postal-details-inner-container{border-color:#fff !important;}
    
    .text-warning, .text-warning a{color:#A6DEEF;}
    .text-warning a{
        border-color:white !important;
    }
    
    .text-error b {
       color:#A6DEEF !important;
    }
    
    #finish-page-container, #divPrint, #finish-message-links-topcontainer{background-color: transparent !important;}
    
    #finish-page-container .btn-primary{background-color: #3AC3E0 !important; color: #AF337A; font-weight: bold; }
    
    #finish-page-container a{color: #fff; border-color:#fff !important;}
    
    
.leftimage{
	padding-top:20px;
	padding-bottom: 20px;
	float: left;
}	
.rightimage{
	padding-top:20px;
	padding-bottom: 20px;
	float: right;
}

#AddPerDetails-Address-Other-Container h4{color:#fff;}	
#AddPerDetails-Address-Lookup label{color:#000 !important;}	

.AddPerDetails-PDetails-DateBirth-Container .bootstrap-select.btn-group, .AddPerDetails-PDetails-DateBirth-Container .bootstrap-select.btn-group[class*="span"]{display:block;}
.AddPerDetails-PDetails-DateBirth-Container label{display:none !important;}
.text-warning{padding-left:0 !important;}
#ctl00_MainContent_Wizard1_ctl02_MemberLoginContainer legend{display:none;}

#footer #footer-idTel-container, #footer .span23.offset1.row-fluid{float:left; width:50%;margin:0;}
#footer #Privacy-Policy-Text{margin-top:15px;}
	
@media (max-width: 1100px){
    #page-container {
        max-width: 92%;
        margin: 0px 4%;
    }
	#col1-bank-details-container, #ctl00_MainContent_Wizard1_ctl02_MemberLoginContainer, #ctl00_MainContent_Wizard1_ctl05_paynowcontainer, #membership-start-date-pay-monthly-container{
        width:100% !important;
        float:none !important;
		margin-left:0 !important;
		margin-right:0 !important;
    }
	#ctl00_MainContent_Wizard1_ctl02_MemberLoginContainer{margin-top:40px;}
    .control-group .controls{display:block; Width:100% !important; float:none !important;}
}
    

@media (min-width: 768px) and (max-width: 979px) {

  /*Add custom media queries:*/
  
}

/* If the viewport width is <= 767 pixels ...  (LESS THEN 767 pixels wide)  */
@media (max-width: 767px) {

  .wizard, .content_inner, .step { 
        border-bottom: none;
        background-color: transparent !important;
        background-image: none !important;
           background: none !important;
    }
    
    #content, #sticker, .progressStep_container {
        width: 100% !important;
        float: none;
        border-top: 3px solid #AF337A;
    }
    .progressbox_text{margin:0 !important;}
	
    #Privacy-Policy-Text {margin:0 auto; text-align: center !important;}
    #footer-inner-container .span4.offset1{
        width: 117px;
        margin: 0 auto;
        float:none;
    }
    #footer-support-telephone-no{float:none; margin:0 auto;}
    
    #IDPwdTextBoxes{width:90% !important;}
}

/* If the viewport width is <= 480 pixels ...  (LESS THEN 480 pixels wide) */
  @media (max-width: 480px) {

    #company-name-and-strapline-container{display:none;}
	
	#footer #footer-idTel-container, #footer .span23.offset1.row-fluid{float:none; width:100%; margin: 20px auto !important;}
	#footer #footer-logo{margin: 0 auto !important; width:100% !important; background-repeat:no-repeat; background-position: 50% 50%;}
	
}




/* START: changes on 2020-07-02 */
html, body{
    background: #5a4099;
}
div.progressbox_text {
    background: #D2CCE5;
}
span.progressbox_text {
    color: #5a4099;
}

#content {
    width: 64% !important;
}
#summarybar {
    width: 32%;
}

.summary-user-email-container, 
#summarybar div.row-fluid div.row-fluid, 
#summarybar .inner .titlebar, 
.subcontentleft {
    background: #D2CCE5;   
}
#summarybar .inner .summarybar_title {
    background-color:  transparent;    
    color: #5a4099;
    border-bottom: 2px solid #5a4099;
}
.summary-username-container, .summary-user-email-container {
    background-color: transparent;
}

.summary-user-email-container, 
#summarybar div.row-fluid div.row-fluid, 
#summarybar .inner .titlebar, 
.subcontentleft,
#summarybar .summary-username, 
#summarybar .subcontentleft {
    color: #5a4099;
}    
    
.gsbutton-back, 
.gsbutton-next, 
.gsbutton-finish, 
.gsbutton {
    background: #D2CCE5;
}
.gsbutton-back:hover, 
.gsbutton-next:hover, 
.gsbutton-finish:hover, 
.gsbutton:hover {
    color: #5a4099;
}
.text-error b {
    color: #900 !important;
}

.selMemTableHead {
    background: #D2CCE5 !important;
}
.selMemTableHead {
    color: #5a4099 !important;
}
.rightimage{
	display: none;
}
#footer-support-telephone-no{
	display: none;
}
#footer::after{
	border-top: 3px solid #fff;
	background-image: url("/joinathome/App_Themes/Default/less/img/footer-2020b.png");
	background-repeat: no-repeat;
	max-width: 100%;
	height: 102px;
	display: block;
	background-size: contain;
	background-position: center center;
}
@media (max-width: 767px) {
    #content, #sticker, .progressStep_container {
        border-top: 3px solid #fff;
    }

    #content {
        width: 100% !important;
        margin-right: 0 !important;
    }
    #summarybar {
        width: 100%;
    }    
}
/* END: changes on 2020-07-02  */


/* START: changes on 2020-07-07  */
#footer-logo{
	visibility: hidden;
}
.wrapper {
    padding: 20px 50px;
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
}
/* END: changes on 2020-07-07  */