img, div,input,a { behavior: url(../Style/iepngfix.htc) }
body
{
	background-position: 100% 0%;
	background-repeat: no-repeat;
	background-attachment:fixed;
}
body, div, p, td, span
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;	
    margin: 0;
    padding:0;
}
input, select { font-size: 9pt; }
input { color: #3F120E; }
a
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    text-decoration: none;
    font-weight: bold;
}
a:hover
{
	text-decoration: underline;
}
p { margin-top: 0em; margin-bottom: 0em; padding: 0;} 
p + p { margin-top: 1em; margin-bottom: 0; padding: 0;} 
legend { color: #F7D3AE;}
.UserStatusLabel
{
    font-weight: bold;
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding: 3px 0 5px 18px;
}
/*Holds the salon info*/
.SalonPanel {}
/*Holds the navigation bar*/
.NavigationPanel{}
/*Holds the page title*/
.TitlePanel { text-align: left; }
/*Holds the Main controls*/
.MainPanel {}
.MainPanel .FormLabel { font-weight: normal; }
/** Salon Information (top left corner) **/
.SiteInfoTable
{
    text-align: left;
    border-collapse: collapse;
    border-width: 0;
    padding-top: 10px;   
}
.SiteInfoTable td
{
    padding-right: 5px;
    padding-top: 0;
    padding-bottom: 0;
    text-align: right;
}
.SiteNameLabel { font-weight: bold;}
.SiteAddressLabel {	text-align: left; }
/** Navigation Bar (top right corner) **/
.NavigationRoot
{
    font-size: 13px;
    font-family: Calibri,Arial,Verdana;
}
.NavigationLink
{
	font-weight: bold;
    font-size: 13px;
    font-family: Calibri,Arial,Verdana;
}
.NavigationCurrent
{
    font-size: 13px;
    font-family: Calibri,Arial,Verdana;
    color: #FFFFFF; 
    font-weight: bold;
}
/** Page Title **/
.TitleLabel
{
    font-size: 18px;  
    font-weight: bold; 
    font-family: Arial, Calibri;
}
/** Forms **/
.SitesListContainer, .TimeSelectionListContainer { width: 99.6%; }
.SiteGroupAccordion { width: 100%; }
.SiteGroupAccordionHeaderSelected 
{
    background-repeat: repeat-x;
    height: 21px;
    cursor:pointer;
    font-family:Arial,Sans-Serif;
    font-weight:bold;
    margin-top:5px;
    padding:5px;
    width: 97.8%;
}
.SiteGroupAccordionHeader 
{
    background-repeat: repeat-x;
    height: 21px;
    cursor:pointer;
    font-family:Arial,Sans-Serif;
    font-weight:bold;
    margin-top:5px;
    padding:5px;
    width: 97.8%;
}
.SiteGroupAccordionContent 
{
    padding:3px 0 5px 0;
    width: 100%;
	overflow: hidden;
}
.SiteGroupAccordionHeaderSelected a:link
{
	text-decoration: none;
	font-size: 16px;
}
.SiteGroupAccordionHeaderSelected a:hover {	text-decoration: underline; }
.SiteGroupAccordionHeader a:link
{
	font-size: 16px;
	text-decoration: none;
}
.SiteGroupAccordionHeader a:hover {	text-decoration: underline; }
.SiteGroupAccordionHeader .SiteGroupLink
{
	background-repeat: no-repeat;
	background-position: 0 0;
    padding-left: 23px;   
}
.SiteGroupAccordionHeaderSelected .SiteGroupLink
{
	background-repeat: no-repeat;
	background-position: 0 2px;
    padding-left: 23px;
}
.SiteSelectionTableNorm span, SiteSelectionTableAlt span { font-weight: normal; }
.SiteSelectionTableNorm { vertical-align: middle; }
.SiteSelectionTableAlt { vertical-align: middle; }
.SiteSelectionTableNorm a:link, .SiteSelectionTableAlt a:link { font-weight: bold; }
.td1 { width: 20px; vertical-align: middle;	}
.SiteSelectionTableNorm a:visited, .SiteSelectionTableAlt a:visited { color: #8D0B0B; }
.SiteSelectionTableNorm, .TimeSelectionTableNorm, .TimesTableNorm { width: 100%; }
.SiteSelectionTableAlt, .TimeSelectionTableAlt, .TimesTableAlt { }
.SiteSelectionTableNorm td, .SiteSelectionTableAlt td {	padding: 7px; }
.TimesTableNorm
{
	vertical-align: middle;
	width: 100%;
}
.TimesTableNorm .FormButton, .TimesTableAlt .FormButton { margin: 3px 3px 3px 0; }
.TimesTableAlt
{
	vertical-align: middle;
	width: 100%;
}
.FormLabel { font-weight: bold; }
#exampleImageDiv span
{
	font-weight: bold;
    text-align: center;
    padding: 0;	
}
.FormLabel { font-weight: bold; }
.ORLabel { font-weight: bold; padding-left: 5px; padding-right: 5px;}
.FormTable .FormLabel { font-weight: bold; }
.FormTable .Message {font-weight: normal; color: Red; }
.FormTable .FormHeaderLabel { font-weight: bold; }
span.WarningLabel { padding-left: 5px; }
.WarningLabel, .WarningLabel span { color: Red; }
.ValidationSummary
{
    border-width: 1px;
    border-style: solid;
    border-color: #2D1607;
    background-color: #FFFFFF;
    padding-top: 8px;
    padding-left:35px;
    padding-bottom: 10px;
    color: red;
    background-image: url("../images/warning.png");
    background-position: 3px 4px;
    background-repeat: no-repeat;
    margin: 3px;
    overflow:hidden;
}
.FormTextBox { border: solid 1px Black; }
.FormCheckBox
{
    border: 0;
    margin: 0;
    padding: 0; 
}
.FormRadioButton {}
.FormButton
{
   font-size: 14px;
   font-weight:bold;
   color: Black;
   margin-left: -1px;
   margin-right: -1px;
}
.FormButtonDisabled
{
   color: Gray !important;
}
.LoginButton
{
    margin-right: 17px;
}
.FormLink {}
.ProfileFormLink
{
    padding-right: 20px;   
    font-weight: bold;  
}
.TimeslotsTable { border-collapse: collapse; }
.TimeslotsDayCell
{
    text-align: center;
    padding: 2px 0 2px 0;
    margin-left: auto;
	margin-right: auto;	
}
.TimeslotsTimeCell
{
    padding: 2px 0 2px 0;
    text-align: center;
}
.TimeslotsAddCell { text-align: right; }
.OpeningHoursSpacerPanel { margin-left: auto; }
.OpeningHoursTable
{
	width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px;
}
.OpeningHoursTable td
{
    padding: 2px;
    text-align: left;
    width: 120px;
}
.DayAccordionHeaderSelected 
{
    background-repeat: repeat-x;
    height: 21px;
    cursor:pointer;
    font-family:Arial,Sans-Serif;
    font-weight:bold;
    margin-top:5px;
    padding:5px;
}
.DayAccordionHeader .DayGroupLink
{
	background-repeat: no-repeat;
	background-position: 0 4px;
    padding-left: 23px;   
    padding-top: 5px;
    padding-bottom: 5px;
}
.DayAccordionHeaderSelected .DayGroupLink
{
	background-repeat: no-repeat;
	background-position: 0 4px;
    padding-left: 23px;   
    padding-top: 5px;
    padding-bottom: 5px;
}
.DayAccordionHeaderSelected a:link { text-decoration: none; }
.DayAccordionHeaderSelected a:hover { text-decoration: underline; }
.DayAccordionHeader a:link { color: white; }
.DayAccordionHeader a:hover { color: #CFCFCF; }
.DayAccordionHeader 
{
    background-repeat: repeat-x;
    height: 21px;
    cursor:pointer;
    font-family:Arial,Sans-Serif;
    font-weight:bold;
    margin-top:5px;
    padding:5px;
}
.DayAccordionContent 
{
    border-style: none solid solid;
    border-width: medium 1px 1px;
    padding: 5px;
}
.TimeAccordionHeaderSelected 
{
    background-repeat: repeat-x;
    height: 21px;
    cursor:pointer;
    font-family:Arial,Sans-Serif;
    font-weight:bold;
    margin-top:5px;
    padding:5px;
}
.TimeAccordionHeader 
{
    background-repeat: repeat-x;
    height: 21px;
    cursor:pointer;
    font-family:Arial,Sans-Serif;
    font-weight:bold;
    margin-top:5px;
    padding:5px;
}
.TimeAccordionContent 
{
    padding:0;
    width: 99.7%;
}
.TimeAccordionHeaderSelected a:link
{
	text-decoration: none;
	font-size: 14px;
}
.TimeAccordionHeaderSelected a:hover
{
	text-decoration: underline;
	font-size: 14px;
}
.TimeAccordionHeader a:link
{
	text-decoration: none;
	font-size: 14px;
}
.TimeAccordionHeader a:hover
{
	text-decoration: underline;
	font-size: 14px;
}
.TimeAccordionTime
{
	font-size: 14px;	
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: 0 1px;
	padding-top: 7px;
	padding-left: 32px;
	padding-bottom: 5px;
	background-image: url(../images/clocktimes.png);
}
.ApptTimePanel
{    
	padding: 5px;
	background-image: url(../Images/topfade.png);
}
.ApptTimePanel span { font-weight: normal; }
.ApptTimePanel .FormLabel { font-weight: bold; }
.CreditCardPanel .FormLabel { font-weight: bold; }
.CreditCardPanel span { font-weight: normal; }
.ApptServicesPanel
{    
    border: solid 1px #003366;
    margin-top: 5px;
}
.ApptServicesPanel .FormLabel
{
	font-weight: bold;
	color: Black;	
}
.CreditCardPanel
{    
    border-style: solid;
    border-width: 1px;
    margin-top: 5px;
}
.HistoryTable
{
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 20px;
}
.HistoryTable td
{
    text-align: left;
    padding: 5px;
}
.HistoryTable .ApptHistorySelectCell { text-align: center; }
.ApptHistoryLabel
{
    font-size: 14pt;
    color: #FFFFFF;
}
/** Opening Hours **/
.OpeningHoursLabel
{
    font-size: 8pt;
    color: #FFFFFF;     
}
.SiteSeparatorDiv
{
	clear: left;
	width: 100%;
	height: 1px;
}
#AddMore { text-align: right;}
.AddMoreLink
{
    font-weight: bold;
	background-repeat: no-repeat;
	background-position: 0 0;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 30px;  
    background-image: url("../images/addmore.png"); 
    display: inline-block;
    min-height: 13px;
}
.ResetLink {
    padding: 7px 0 7px 30px;
    background: url("../images/ResetServices.png") no-repeat 0 0; 
    float: left;
    min-height: 13px;
}
.RemoveButton { padding-top: 0; }
.ModifySearchLink
{
    padding-left: 18px;  
    padding-right: 25px; 
    background: url("../images/arrow2.png") no-repeat 0 3px;
}
span .required { color: Red; }
.b1 { font-weight: bold; }
#tooltip {
    padding: 5px;
    background: #f9f9f9;
    border: 1px solid #eee;
    text-align: center;
    font-size: smaller;
    color: #000000;
}
span.tip { border-bottom: 1px solid #eee; }
.dividerline { border-bottom: 1px solid #eee; }
.addingtionalspacing { margin-bottom: 10px;}
.calendar{border:medium none;margin:0;padding:0;}
.calendar td{margin-left: auto;}
.calendar div{background-color: #FFFFFF; color: #000000;border:medium none;margin:0;padding:0;font-size: 11px;line-height:1.3em;}
.calendar .ajax__calendar_today {padding-top:3px;}
.calendar .ajax__calendar_container {padding: 3px;}
.calendar .ajax__calendar .ajax__calendar_active .ajax__calendar_day {
    background-color:#EDF9FF;
    border-color:#0066CC;
    color:#0066CC;
}
.calendar .ajax__calendar .ajax__calendar_active .ajax__calendar_month {
    background-color:#EDF9FF;
    border-color:#0066CC;
    color:#0066CC;
}
.calendar .ajax__calendar .ajax__calendar_active .ajax__calendar_year {
    background-color:#EDF9FF;
    border-color:#0066CC;
    color:#0066CC;
}
.calendar .ajax__calendar_other .ajax__calendar_day {
    background-color:#FFFFFF;
    border-color:#FFFFFF;
    color:#646464;
}
.calendar .ajax__calendar_other .ajax__calendar_year {
    background-color:#FFFFFF;
    border-color:#FFFFFF;
    color:#646464;
}
.calendar .ajax__calendar_hover .ajax__calendar_day {
    background-color:#EDF9FF;
    border-color:#DAF2FC;
    color:#0066CC;
}
.calendar .ajax__calendar_hover .ajax__calendar_month {
    background-color:#EDF9FF;
    border-color:#DAF2FC;
    color:#0066CC;
}
.calendar .ajax__calendar_hover .ajax__calendar_year {
    background-color:#EDF9FF;
    border-color:#DAF2FC;
    color:#0066CC;
}
.calendar  .ajax__calendar_hover .ajax__calendar_title { color:#0066CC; }
.calendar .ajax__calendar_hover .ajax__calendar_today { color:#0066CC; }
.SearchPanel
{
	border: solid 1px Transparent;
	text-align: right;
}
.SearchPanel * { vertical-align: middle; }
.SiteNotFoundLbl
{
	text-align: center;
	font-size: 12px;
	padding: 3px;
	color: red;
	font-weight: bold;	
	background-color: White;
	border: solid 1px #FF902B;
	width: 100%;
}
.UserTable a {
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 11px;
	text-transform: uppercase;
	height: 18px;
	padding: 7px 10px 0px 30px;
    display: inline-block;
}
.UserStatusProfileLabel { background-image: url(../images/Profile.png); }
.UserStatusRegisterLabel { background-image: url(../images/register.png); }
.UserStatusLoginLabel { background-image: url(../images/login.png); }
.StartDatePanel
{
	padding-bottom: 5px;
	vertical-align: middle;
}
.DobBtn
{
	vertical-align: middle;	
	padding-bottom: 5px;
}
.boxBottom
{
	width: 579px;
	height: 34px;
	background-repeat: no-repeat;
}
.FormLabelHeader { font-weight: bold; }
.FormLabelHeader2
{
	font-weight: bold;	
	color: #000000;
}
.timeSeparatorLbl
{
	color: #000000;	
	padding: 0;
	margin: 0;
}
.AnyTechnician
{
	background-repeat: no-repeat;
	margin-left: 15px;
	padding-left: 30px;
	padding-top: 5px;
	height: 30px;
}
.ModifySearch
{
	background-repeat: no-repeat;
	margin-left: 15px;
	padding-left: 30px;
	padding-top: 5px;
	height: 30px;
}
.ManualRequest
{
	background-repeat: no-repeat;
	margin-left: 15px;
	padding-left: 30px;
	padding-top: 5px;
	height: 30px;
}
.addressContainer { width: 100%; }
.FormLinkBold {	font-weight: bold; }
.smalladdress { width: 100%;	}
.smalladdress span
{
	font-size: 11px;
	padding: 0;
	margin: 0;
}
.exampleContent
{
	padding: 5px;	
	clear: both;
	width: 95%;
}
.exampleExec
{
	padding: 5px 5px 10px 30px;
	background-repeat: no-repeat;
}
.exampleExecDivEnabled
{
	background-position: 3px 20px;
	width: 555px;
	padding: 1px;
	background-image: url(../Images/topfade.png);
}
.exampleExecDivEnabled input, .exampleExecDivEnabled select
{
	font-size: 10px;	
}
.Close
{
	width: 100%;
	text-align: right;
	height: 15px;
}
.Close a
{
	background-color: #000000;
	font-weight: bold;
	width: 15px;
	height: 15px;
	text-align: center;
	color: #FFFFFF;
}
.AddressBar span { font-size: 11px; }
.AddressBar * { vertical-align: middle; }
.TransBacking 
{
    background-image: url(../Images/topfade.png);
    margin: 10px 0;
    padding: 10px;
}
.smaller { font-size: smaller; }
.ProfileLabelCell { width: 35%; }
.ProfileLabelCell .FormLabel { font-weight: normal; }
.ProfileValueCell .FormRadioButton { font-weight: normal;}
.ProfileValidateCell { width: 5%; }
.DDD
{
    color: #9A744C;
    font-weight: bold;	
}
.UserPanel, .TimeSlotsPanel { background-image: url(../images/topfade.png);}
.SiteGroupAccordionHeader .SiteGroupLink, .DayAccordionHeader .DayGroupLink { background-image: url("../images/arrow_up.png"); }
.SiteGroupAccordionHeaderSelected .SiteGroupLink, .DayAccordionHeaderSelected .DayGroupLink { background-image: url("../images/arrow_down.png"); }
.AnyTechnician { background-image: url(../Images/AnyTechnician.png); }
.ModifySearch { background-image: url(../Images/ModifySearch.png); }
.ManualRequest { background-image: url(../Images/Mail.png); }
.exampleExec { background-image: url(../Images/Info.png); }
.PayDetailsPanel .FormLabel  
{
    font-weight: bold; 
    width: 100px;
}
.PayDetailsPanel span { font-weight: normal; }
.NoAvailability
{
    background-color: LightGray;
    min-height: 80px;
    border: solid 10px #444;
    margin-top:35px;
}
.NoAvailability img
{
    float: left;
    padding: 5px 0 0 5px;
}
.NoAvailability > div { overflow: hidden; }
.NoAvailabilityMessage
{
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: bold;
    color: #dd4400;
    float: right;
    max-width: 460px;
}

.SocialPostLabel {
    font-size: medium;
    display: block;
}

.AppointmentPanel
{
    width: 87%;
    height: 200px;
    margin: 0 0 20px 0;
    border: 1px outset;
}

.ModalPopupBG
{
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
}

.ModalPopup
{
    background-color:Gray !important;
    border-width:3px !important;
    border-style:solid !important;
    border-color:Gray !important;
    width:250px !important;
    padding: 5px !important; 
    background-image: url(../Images/topfade.png);
}

.ModalPopupHeader
{
    cursor: move; 
    border: solid 1px Gray; 
    color: Black;
    font-weight:bold !important;
    padding: 5px !important; 
    background-image: url(../Images/topfade.png);
}

.ModalPopupText { padding: 10px 5px 5px 5px; }

.ModalPopupButton
{
    padding: 3px;
    width: 60px;
}

.MultiLineDiv
{
    height:150px;
    overflow-y:scroll;
    border: 2px solid white;
    border-right-width: 0;
    margin: 5px 0 5px 2px;
    padding: 5px 0 5px 5px;
    background-color: White;
}

.MultiLineDiv p { color: #000000; }

.AppointmentBookedTitleLabel
{
    font-size: 25px;
    font-weight: bold;
    font-family: Arial;
}

.BookedPanelTable
{
    border: none;
    margin-left: 10px;
    width: 86%;
}

.BookedPanelTable .Td1 { width: 11%; }

.BookedLabel
{
    font-weight: normal;
    font-size: medium;
}
.BookedLabelDiv { margin-left: 10px; }
.SalutationLabel
{
    font-weight: bold;
    font-size: large;
}

#ctl00_MainContentHolder_AppointmentPanel a {
  display: inline-block;
}
.AppointmentPanelDiv
{
    padding-top: 25px;
    padding-bottom: 50px;
}

.AppointmentPanelDiv a span
{
    font-size: 10px;
    font-weight: bold;
}

.AppointmentPanelDiv a:hover { text-decoration: none !important; }

.SocialButton div
{
    font-size: 10px;
    font-weight: bold;
    display: inline-block;
    float: left;
    border: none;
    cursor: pointer;
}
.SocialButton span { color: #FFFFFF; line-height: 14px; }

.AppointmentButton div { height: 33px; }
#AppointmentButtonCenter
{
    background: url('../Images/Add-Appointment-button.png') repeat-x right top;
    margin: 13px 0 0 0;
    padding-top: 5px;
}

#AppointmentButtonLeft
{
    background: url('../Images/Add-Appointment-button-left.png') no-repeat right top;
    margin: 13px 0 0 0;
    width: 32px;
}

#AppointmentButtonRight
{
    background: url('../Images/Add-Appointment-button-right.png') no-repeat right top;
    margin: 13px 0 0 0;
    width: 14px;
}

.FacebookButton div { height: 24px; }
#FacebookButtonCenter
{
    background: url(../images/facebook-button.png) repeat-x right top;
    margin: 15px 0 0 0;
    padding-top: 5px;
}
#FacebookButtonLeft
{
    background: url('../Images/facebook-button-left.png') no-repeat right top;
    margin: 15px 0 0 0;
    width: 28px;
}
#FacebookButtonRight
{
    background: url('../Images/facebook-button-right.png') no-repeat right top;
    margin: 15px 0 0 -1px;
    width: 14px;
}
.TwitterButton div { height: 24px; }
#TwitterButtonCenter
{
    background: url(../images/twitter-button.png) repeat-x right top;
    margin: 15px 0 0 0;
    padding-top: 5px;
}
#TwitterButtonLeft
{
    background: url('../Images/twitter-button-left.png') no-repeat right top;
    margin: 15px 0 0 5px;
    width: 29px;
}
#TwitterButtonRight
{
    background: url('../Images/twitter-button-right.png') no-repeat right top;
    margin: 15px 0 0 0;
    width: 13px;
}
.MessageHeader { color: #A9A9A9; }
.FacebookButtonHidden { display: none !important; }
.FacebookButtonMargin 
{
    margin: 0px 0 8px -1px !important;
}
#FacebookRegistrationFormImage
{
    background: url('../Images/facebook.png') no-repeat right top;
    margin: 0px 5px 8px -1px;
    width: 14px;
    height:24px;
    float:left;
}

.FacebookFormMessage 
{
    margin-top:10px;
    font-size:11px;
}

.FacebookFormText 
{
    font-size:11px;
}

.NoteLbl
{
    font-size: 10pt;
    color: #FFFFFF;
}

.CookieMessage
{
    font-family: Arial,Helvetica,sans-serif;
    position:relative;
    z-index: 9999;
    text-align: center;
    font-weight: bold;
    color: black;
    padding: 4px 0px 15px 0px;
    background-color: #FFFFFF;
    height: 8px;
}
#CookieMessage span
{
    text-align: center;
    width: 100%;
    float:right;
    color: black;    
}
.CookiePolicyLink
{
    color: blue;    
}
.CloseNotify
{
    white-space: nowrap;        
    margin-right: 10px;
    color: #646464;
    text-decoration: none;    
    padding-left: 3px;
    padding-right: 3px;
    display:inline-block;
    vertical-align:middle;     
}
.PolicyPageOuterPanel
{
    background-color: #eee;
}
.PolicyPageInnerPanel 
{
    background-color: LightGray;
    padding:10px;
    line-height:20px;
    font-size:14px;
    Width:813px;
}
.CookieAlertCloseButton 
{
    height:20px;
    vertical-align:middle;
}

.calendar .ajax__calendar_footer
{
  padding-top:3px; 
  display: none;
}

#BlockedCookieMessage span
{
    text-align: center;
    width: 100%;
    float:right;
    color: red;    
    font-size:12px;
}
.RemoveCardButton
{
    padding-top: 0px;
    padding-left: 12px;
    margin-top: -4px;
}

.TermAndConditionsFormlink { text-decoration:underline;}

.FormLabelParentGuardianName 
{
    margin-left:23px;
    font-weight:normal;
}

.FormMedicalRadioButton label 
{
    padding-right: 46px;
    font-weight: normal;
}
.ParentWarningLabel
{
    padding-left: 0px !important;
}
.consentRequired
{
    color: red;
}

.TermsConditionsPageTextPanel 
{
    width: 99% !important;
}
.PrivacyPolicyTextFomrat
{
    white-space: pre-line;
    height: 20px;
}
.profile-creditcard
{
    display: flex;
    align-items: center;
}
.editCardDetails
{
    background-position: left center;
    display: inline-block;
    padding-left: 23px;
    margin-left: 12px;
}

.StripeElement {
    box-sizing: border-box;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;

    background-color: #ffffff;
    border: 1px solid #cccccc;
    color: #000000;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    padding: 5px 5px;
    font-size: 12px;
}

#ezidebitCardFields #card-number {
    width: 60%;
}
#ezidebitCardFields #card-expiration {
    width: 20%;
}
#ezidebitCardFields #card-cvv {
    width: 10%;
}

#ezidebitCardFields #card-name {
    width: 75%;
}
#ezidebitCardFields #card-name.fullWidth {
    width: 97%;
}

#ezidebitCardFields #ezidebit-submit {
    width: 20%;
}
#openEdgeCardFields #card-number iframe {
    width: 120px;
}
#openEdgeCardFields #card-expiration iframe {
    width: 75px;
}
#openEdgeCardFields #card-cvv iframe {
    width: 35px;
}


#openEdgeCardFields #openEdge-submit iframe {
    width: 55px;
}

#ezidebitCardFields,
#openEdgeCardFields span {
    vertical-align: text-bottom;
}

.spinner {
    margin: 0 auto;
    display: block !important;
}