.lblFieldTitle
{
    text-align:left;
}

.divRenewal, .divRenewalResult
{
    background-color:#fcfcfc;
    width:600px;
    margin: 0 auto;
    padding: 10px;
    margin-top:10px;
    margin-bottom:10px;
}

.RenewalLabel, .RenewalLabelTitle
{
    width:200px;
    text-align:left;
    display:block;
}

.RenewalLabelTitle
{
    font-weight:bold;
}

.divMemberCover {
    position:fixed;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    background:gray;
    filter:alpha(Opacity=50);
    opacity:0.5;
    -moz-opacity:0.5;
    -khtml-opacity:0.5;
    z-index:1000;
}

.divCardDetails, .divMemberDetails
{
    position:fixed;
    left:50%;width:400px;margin-left:-200px;
    z-index:100;
    background-color:#ffffff;
    padding: 10px;
    border:2px solid #888888;
    z-index:1001;
    -webkit-box-shadow: 0px 0px 10px 0px #555;
    box-shadow: 0px 0px 10px 0px #555;
	top:10%;
}

.divMemberDetails
{
    height: auto;
    overflow-y: scroll;
    overflow-x: hidden;
}

.divCardInner
{
    width:400px;
    margin: 0 auto;
}    

.dgMemberRenewal
{
    width:100%;
}

.dgMemberRenewal td
{
    border: 0px none;
    padding:10px;
}

.RenewalHeaderFooter
{
    font-weight:bold;
}

.dgRenewalDesc
{
    text-align:left;
}

.dgMemberships
{
    margin-top: 10px;
    width:100%;
    border-color:#ffffff;
    text-align:left;
}

.dgMemberships td
{
    border-color:#ffffff;
}

.divMemberPageTitle
{
    font-size:1.5em;
    margin:30px;
}

.cboMemberDetails, .cboMemberGender
{
    width:160px;
}

.lblMemDetTitle
{
    text-align:right;
}

.divMemTitle
{
    font-size:1.3em;
    margin-bottom:10px;
}

.divMemDetButtons
{
    width: 100%;
    text-align:center;
    margin-bottom: 10px;
}

.cboCountry
{
    font-size:0.9em;
}

.chkMember label
{
    width:50px;
    float:none;
}

/*.tblMemberDetails tr td:last-child
{
    text-align:left;
}
 */
.tblMemberDetails label
{
    width:110px;
}

/* .tblMemberDetails tr td:first-child
{
    width:110px;
    text-align:right;
    padding-right:10px;
}*/

.divMemberPaying
{
    margin:20px;
}

.lblMemName
{
    font-size:1.5em;
    text-shadow: 0px 0px 0.2px #561537;
    line-height:30px;
}

.chkRenew label
{
    float:none;
}

.vsMemError 
{
    height:30px;
    overflow:hidden;
}

.vsMemError ul, .vsMemError ul li, .vsMemError2 ul, .vsMemError2 ul li
{
    list-style-type: none;
    color:Red;
}

.lblNoRenewal
{
    font-size:1.1em;
    font-weight:bold;
}

.lblMemberPick
{
    font-size:1.2em;
    font-weight:bold;
    color:Red;
}

.divNoneSelected
{
    margin-top: 20px;
	 margin-bottom: 20px;
}

.divMemberMailingOptions
{
    margin-bottom: 50px;
}

.divMemberTerms
{
    margin-top:20px;
}

.cvMemberTermsError
{
    line-height:40px;
}

.divRenewalLookup
{
    width:400px;
}

.btnRenewalLookup, .divMeracMarginTop
{
    margin-top:20px;
}

.divRenewalLookup label
{
    float:left;
    width: 100px;
}

#cphMainPage_upMemberships
{
    margin-bottom:10px;
}

#cphMainPage_divMemTemplateHeader
{
    padding: 20px 0px;
}

#divHeaderText
{
    text-align:left;
}

.divMemberDD
{
    display:none;
}

.divInitialFeeText
{
    font-weight:bold;
    display:inline;
}

.divPayOptionText
{
    width:80%;
    margin: 10px auto;
    text-align:left;
}

.divMembershipDetails, .divMemDetHeader, .divMeracDDBankDets, .divDDDetails, #divDDBankInstruction, #cphMainPage_divPaymentInterval
{
    text-align:left;
}

.divMemDetHeader , .lblDDHeader
{
    font-weight:bold;
}

.divFindBankDetails
{
    margin-left: 13em;
    padding: 1em 1em 0 1em;
}

.divMeracDDDetails label
{
    margin-top: 18px;
}

.divMeracDDDetails fieldset li
{
    padding-bottom:0em;
}

#cphMainPage_dgMemberships input[type=text], #cphMainPage_dgMemberships_lblMemberDesc_1 input[type=text]
{
    width: 70%;
}

#btnPrintDDForm
{
    width:260px;
}

.divFirstDDCollection
{
    margin-bottom:25px;
}

#trRemainingChars
{
    font-style:italic;
}

.divAdoptionDetails
{
    text-align:left;
    margin: 40px 0px;
}

.divAdoptionDetail
{
    display:inline-block;
}

.divAdoptionDetailsLabel
{
    font-weight:bold;
    display:inline !important;
}

#cphMainPage_divRenewalAddressWrapper, #cphMainPage_divDeliveryAddressWrapper
{
    text-align:left;
    margin-bottom: 20px;
}

#cphMainPage_ucLeaderLookup_panExtraDetails, #cphMainPage_ucLeaderLookup_panNameLookup
, #cphMainPage_divRenewalAddress .divMeracAddLookup li#liCusDetDOB ,#cphMainPage_ucRenewalAddress_lblCustDetPassword
, #cphMainPage_divDeliveryAddress .divMeracAddLookup li#liCusDetDOB ,#cphMainPage_ucDeliveryAddress_lblCustDetPassword
, .divAdditionalAddress .divMeracAddLookup li#liCusDetDOB , .divAdditionalAddress #liCusDetPassword
{
    display:none;
}

#cphMainPage_divPostcodeLookup .divMeracAddLookup
, #cphMainPage_divRenewalAddress .divMeracAddLookup
, #cphMainPage_divDeliveryAddress .divMeracAddLookup
, .divAdditionalAddress .divMeracAddLookup
{
    width:auto;
}

#cphMainPage_divPostcodeLookup .divMeracAddLookup fieldset
, #cphMainPage_divRenewalAddress .divMeracAddLookup fieldset
, #cphMainPage_divDeliveryAddress .divMeracAddLookup fieldset
, .divAdditionalAddress .divMeracAddLookup fieldset
{
    border:0;
}

#cphMainPage_ucLeaderLookup_panNameLookup fieldset
{
    border-width:0px;
    border-style: none;
}

#cphMainPage_divAdoptStartDate select, #cphMainPage_trMemberDOB select
{
	max-width: 100px;
}

#cphMainPage_divMemberStartDate span.valError
{
    display:block;
}

/* new styles */

/*.tblMeracRows, .tblRowAlter

{

    width: 20%
} */



@media (max-width: 375px)
{
    .table-wrapper .tblMemberDetails tr td 
	{
        width: 50%; /* Set each column to take up 50% of the width */
        vertical-align: top; /* Align content to the top of each cell */
        padding: 5px; /* Add padding for spacing */
    }
	
	.type

	{
		display: inline !important;
	}

	table td:before {
 /* content: "";   
  background-color: red;   */
	display:none !important;
  
}



 table text-decoration
	{
		display: inline !important;
	}
	
	#cphMainPage_dgMemberships_lblMemberDesc_0 {
    font-size: 20px;
}


}


/* #MemberV2title

{
	display:inline;
	
} */

/* @media (max-width: 375px)
{

.tblMemberDetails1 td,.tblMemberDetails td

{
	
		display: inline-block !important;
}
} */

@media (max-width: 420px)
{
	
		/* type field */
 /* .tblMemberDetails1 td
  
  {
	  display: inline-block;
	  
  }*/
  
  /* type wording box*/
  .tblMemberDetails1 tr td:first-child {
 /* text-align: none !important;   */
   width: 60% !important; 
/*	background-color: pink; */
	display:inline-block;
/*	border-bottom:2px solid #05b0ef; */
  }
  
  .tblMemberDetails1 tr td {
 /* text-align: none !important;   */
   width: 60% !important; 
/*	background-color: green;  */
	display: inline-block;
	/*border-bottom:2px solid #05b0ef;*/
  }
  
    .tblMemberDetails1 td:before  
    {
	    color: #ffffff;
	    display: none;	  
    }
     
    /* type */
    .tblMemberDetails tr td 
    {
        /* text-align: none !important;   */
	    /* background-color: red; */
	    display:inline-block;
	    /* border-bottom:2px solid #05b0ef;*/	
    }

    /* tell us about yourself */
    .tblMemberDetails tr td:first-child 
    {
        /* text-align: none !important;   */
        width: 30% !important; 
	    /* background-color: green; */
	    display: inline-block;
        /* border-bottom:2px solid #05b0ef; */
    }
  
    .tblMemberDetails td:before  
    {
	    color: #ffffff;
	    display: none;  	  
    }
  
    .tblMemberDetails1 tr,.tblMemberDetails tr  
    {
	    display: inline !important;
    }
  
    .tblMemberDetails1 tr td:first-child
    {
        width: 30% !important;  
    }  
}

.smallScreenHeader
{
	display: inline-block;
	width: 30%;	
}

.MemberDetails
{
	display:inline-block;
	width:79%;	
}

#cphMainPage_dgMemberships input[type=text].MemberDetails
{
	display:inline-block;
}

#cphMainPage_dgMemberships input[type=text].MeracErrorControl
{
	display:inline-block;
	width:70%;
}

.MemberDetailsValidator
{
	display:inline-block;
	width:9%;
}

.smallScreenWrapper
{
	display:block;
	width:100%;
}

.dgMemberships tr td:nth-child(2) 
{
	font-size: unset;
}

.tblMemberDetails1 tr td:first-child
{
	width: 30% !important;
}

input
{
	padding:5px;
}
 
td
{
	font-size: unset;	
}

.dgMemberships tr td:first-child
{
	line-height:unset;
}

/* new styles end */