﻿ label {
    color: black;
}
 
 input
   {
    border: 2px solid #999;
   }
   
 select
{
    border: 2px solid #999;
    width: 100% !important;
    
}
input:focus, select:focus
{
    border-color:#ff9900;
}
.searchSmallerLabel
{
    max-width:23%;
}
.searchSmallerField
{
    max-width:23%;
}
body
{
    font-size:16px;
}


.breadcrumb .img-responsive,
.breadcrumb .thumbnail > img,
.breadcrumb .thumbnail a > img,
.breadcrumb .carousel-inner > .item > img,
.breadcrumb .carousel-inner > .item > a > img {
  margin-bottom: 0;
}

.choiceTableItem input[type='checkbox'],
.questionSection input[type='checkbox']
{
    margin-right:4px;    
}
.choiceTable .calendar th
{
    padding:4px;
}
.buttonAsLink
{
    background-color:Transparent;
}
.tblTimes 
{
    float:left;
}
.tblTimes
{
        margin-right:32px;
}
.tblTimes:last-child
{
        margin-right:0px;
}
/*
.timeSlotRow
{
    clear:none;
}
.timeSlotRow:nth-child(odd)
{
    float:left;
    margin-right:16px;
}
@media (min-width: 650px) and (max-width: 738px)  
{
    .timeSlotRow
    {
        float:left;
        margin-right:16px;
    }
}
@media (max-width: 480px)
{
    .timeSlotRow
    {
        float:left;
        margin-right:16px;
    }
}
*/

.calendarTimes
{
    width:62%;
}

@media (max-width: 650px)
{
    .calendarTimes
    {
        padding-top:5px;
        padding-left:5px;
        width:auto;
        
    }  
}
.buttonAsLink
{
    margin-left:0px;
}
.nationalityApplicantDetailsSection .ColumnInput input[type='text']
{
    margin-bottom:0;
}
h4
{
    font-weight:bold;
}
input[type='button'],input[type='submit'] {
    -ms-touch-action: manipulation;
    -ms-user-select: none;
    background-color:#862d59;
    border: 2px solid #862d59;
    border-radius: 6px;
    color: #fff;
    display: inline-block;
    padding:10px 20px;
}
input[type='button']:hover,input[type='submit']:hover,
input[type='button']:active,input[type='submit']:active
{
   border-color:#FF9900;

}

input[type='button'].exitButton ,input[type='submit'].exitButton, 
input[type='button'].backButton  ,input[type='submit'].backButton  
{
    color:#862d59;
    background-color:#ccc;
    border-color:#862d59;
}

input[type='button'].exitButton:hover ,input[type='submit'].exitButton:hover, 
input[type='button'].backButton:hover  ,input[type='submit'].backButton:hover,  
input[type='button'].exitButton:active ,input[type='submit'].exitButton:active, 
input[type='button'].backButton:active  ,input[type='submit'].backButton:active  
{
   border-color:#FF9900;

}

input.decisionButton + input.backButton,
input.decisionButton + input.exitButton
{
    margin-left:20px;
}
.ColumnLabel
{
    width:33%;
}
.ColumnInput
{
    width:65%;
}
#ctl00_body_UpdatePanel1 .tbCalendar .ajax__calendar_container
{
    width:auto;
}
.calendar
{
    background-color:#FFF;
}
.calendar th
{
    padding:2px;
    font-size:14px;
}
.calendar td
{
    font-size:13px;
    
}
.calendar td a 
{
    display:block;
}
label
{
    font-size:1em;
    font-weight:normal;
}
.calendar .calendarSelectedDay,.calendar .calendarSelectedDay a
{
    background-color:#dfdfdf!important;
    color:#bbb!important;
}
.calendar tbody tr td
{
    background-color:Transparent!important;
}
.timeSlotTimeColumn
{
    margin-right:4px;
}
input[type='radio']
{

}
input[type='radio'], label{   
    vertical-align: baseline;
 }
span.radioList 
{
    background-color:#fff;
    display: inline-block; 
    margin-right: 0px !important; 
    padding-right:0px !important;
    max-width:620px;   
    overflow:hidden;
}

span.radioList label
{
    margin-left:0px !important;
    margin-right:6px !important;
    display:inline;
    
}
.tbCalendarTexbox
{
    font-size:16px;
}
h1
{
    padding:8px 10px;
}

h2
{
    font-weight:bold;
    background-color:#fff;
    padding:8px 10px;
}

h1.noBox, h2.noBox, h3.noBox
{
    background-color:Transparent;
    padding-left:0;        
}

.ColumnInput
{
    max-width:280px;
}
.ColumnInput select
{
    width:auto;
}
input[type="text"],input[type="password"], select
{
    padding:6px 12px;
    line-height:20px;
    min-height:36px;
}
@media (min-width: 768px) 
{
    input[type="text"],input[type="password"], .suFullDetails #ctl00_body_txtEmail, .suFullDetails #ctl00_body_txtEmailConfirmation
    {
        width:100%;
        
    }
    .suFieldLong30, .ColumnInput
    {
        width:50%;
        max-width:321px;
    }
}
.tbCalendarImgPopup
{
    margin-top:5px;
}
div.chkInput
{
      background-color: #fff;
      padding: 5px;
      border: 2px solid #ffffff;
      
}
div.chkInput p:last-child
{
    margin-bottom:0;
}
div.chkInput label
{
    margin-bottom:0;
    font-weight:normal;
}
div.suField
{
    clear:both;
}
div.drlInput
{
    width:100%;
    max-width:none;
}
.ColumnLabel label
{
    font-weight:normal;
}

td.repeaterButtonWidth
{
    padding-bottom:5px;
}

.AttendeeSelectionsTable .chkInput,
.AttendeeMinorsTable .chkInput
{
    margin-bottom:10px;
}
.AttendeeSelectionsTable .chkInput:last-child,
.AttendeeMinorsTable .chkInput:last-child
{
    margin-bottom:0;
}
.AttendeeSelectionsTable div.divTableColumn:first-child
.AttendeeMinorsTable div.divTableColumn:first-child
{
    max-width:225px;
}
.AttendeeMinorsTable
{
    margin-bottom:15px;
}
.AttendeeMinorsTable label
{
    padding-left:0;    
}
.AttendeeMinorsTable .chkInput label
{
    padding-left:5px;
}
p label
{
    margin-bottom:0;
}
.AttendeeSelectionsTable label
{
    clear:both;
}
.ChooseTimeSummaryCitizenshipDetails .divTableColumn
{
    padding-bottom:5px;
}
.ChooseTimeSummaryCitizenshipDetails .divTableRow:last-child .divTableColumn
{
   padding-bottom:0px;
}
.ChooseTimeSummaryCitizenshipDetails
{
    margin-bottom:20px;
}
.appointmentPageMeasage p
{
    margin-bottom:15px;
}









/* This is for the blank csc style*/
body .blankTemplateContainer
{
    font-size:14px;
}
.blankTemplateContainer h1
{
    font-size:1.3em;
}
.blankTemplateContainer h2
{
    font-size:1.2em;
}
.blankTemplateContainer h3
{
    font-size:1.1em;
}
.blankTemplateContainer h4
{
    font-size:1em;
}

.blankTemplateContainer
{
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
    font-family: Arial, Verdana, Tahoma;
}
.blankTemplateContainer ul.breadcrumb
{
    list-style: none;
    padding: 0;
    margin: 0;
}
.blankTemplateContainer ul.breadcrumb li
{
    float: left;
    margin-left: 10px;
    padding-left: 10px;
    border-left-style: solid;
}

.blankTemplateContainer ul.breadcrumb li:first-child
{
    margin-left: 0px;
    padding-left: 0px;
    border-left-style: none;
}

.blankTemplateContainer ul.breadcrumb + div.clear
{
    margin-bottom: 20px;
}


.blankTemplateContainer a:link, .blankTemplateContainer a:visited
{
    color:#0066cc;
}

.tbCalendarTexbox
{
    margin-top: 2px !important;
}
/* Calendar colour */
.blankTemplateContainer .calendar .calendarTitleStyle, .blankTemplateContainer .calendar .calendarTitleStyle td
{
    color:#000;
    background-color:#FFFFFF;
    font-weight:bold;
    margin-top:0;
}

.blankTemplateContainer .calendar .calendarSelectedDay a
{
    background-color: #C0C0C0;
}

.blankTemplateContainer .calendar .calenderNextPrevStyle a:link, .blankTemplateContainer .calendar .calenderNextPrevStyle td  a:link
{
    color:#000 !important;
    background-color:#FFFFFF;
    font-weight:bold;
}
.blankTemplateContainer .calendar td.calendarSelectedDay 
{
    background-color:#C0C0C0 !important;
}

.blankTemplateContainer .calendarTodayDayStyle
{
    font-weight:bold;
    color:#FFF;
    background-color:#C0C0C0 ;
    
}

/* End calendar colour */

.choiceTableCalendar #ctl00_body_btnShowOtherAppointments
{
    margin-bottom:10px;
}

.ColumnInput input[type="text"]
{
    margin-bottom: 10px;
}

#ctl00_body_trCeremonies td
{
    padding-left: 5px;
}

#ctl00_body_trCeremonies td:first-child
{
    padding-left: 0;
}
#ctl00_body_trMakeNewAppointment8 .suFieldLong75
{
    width: 25%;
}
h3
{
    margin-top: 15px;
}

.tblCzCriteria
{
    width: 100%;
    margin-top:10px;
    margin-bottom:10px;
}
.tbl
{
    width: 100%;
}


.questionSection + .questionSection
{
    margin-top:25px;
}

div.decisionButton
{
    margin-top:15px;
}
.formbox .center
{
    text-align:left;
}
.inputOfHeadingLabel
{
    line-height: 29px; 
    padding-top: 15px;
}
.tblNationality
{
    text-align:left;
}
select
{
    max-width:100%;
}
.ColumnLabel label
{
    margin-bottom:5px;
    display:block;
}
.ColumnInput input[type='checkbox']
{
    margin-left:0;
    text-align:left;
}

.tblCzCitizenship td
{
    padding:5px;
}

.tblCzCitizenship tr td:first-child
{
    padding-left:0px;
}

.tblCzCitizenship tr td:last-child
{
    padding-right:0px;
}

.blankTemplateContainer .tblCzCitizenship .tblCzHeader td a:link,.blankTemplateContainer .tblCzCitizenship .tblCzHeader td a:visited
{
    color:#000;
}

.tblCzCitizenship .tblPager .tblPageButton
{
    margin-left:5px;    
}

input[type='radio']
{
    margin-right:5px;
    margin-top:0px;
    vertical-align:middle;
    display:inline-block;
}
input[type='radio'] + label
{
    vertical-align:middle;
    margin-top:2.5px;
    display:inline-block;
}
input[type='radio'] + label + input[type='radio']
{
     /*visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";*/
     clear: both;
}
.rdoBtnContainer input[type='radio']
{
    margin-left:0;
}
#tblAllegiance tr td
{
    padding-top:5px;
    
}
#tblAllegiance tr:first-child td
{
    padding-top:0px;
    
}
.tblNationality input[type='text']
{
    margin-top:2px;
    
}

.tblNationality th
{
    padding-left:0;
    text-align:left;
}
div.rdoBtnContainer
{
    float:left;
    width:100%;
}
table.tblGuestNames
{
    width:100%;
}
table.tblGuestNames .ColumnLabel
{
    max-width:200px;   
}

.calendarTimes table#result
{
    width:100%;
}
.ceremonyBookingDetailsUseDetails td 
{
    vertical-align:top;
}
.questionSection + .questionSection
{
    clear:both;
}

.appointmentCheckBoxes
{
    margin-bottom:0;
}
/*
ul.appointmentCheckBoxes input[type='checkbox']
{
    vertical-align:top;
    margin-top:1px;
}*/
.ColumnValid 
{
    width:29.5%;
}
#ctl00_body_trCeremonies td
{
    vertical-align:top;
}
.questionSection h3 + div div.choiceTableItem:first-child
{
    padding-top:0px;
}
table.radioList
{
    width:100%;
}
.noteAppendTextAreaRow textarea
{
    width:100%;
}
.choiceTable.sectionTable + .choiceTable.sectionTable
{
    margin-top:10px;    
}
.noteAppendButtonRow .buttonWidthConfirmation
{
    margin-left:10px;
}


.makeNewAppointment + div.tableoverflow
{
    clear:both;
}

.blankTemplateContainer .breadcrumbContainer .divider:after
{
    content:"";
}
.buttonAsLink
{
    font-weight:normal;
}
.blankTemplateContainer input + input
{
    margin-left:10px;
}
p.errormsg
{
    background-color:#ed80bc;
    max-width:800px;
    padding-top:20px;
    padding-bottom:20px;
}

input[type='radio'].RBL
{
    margin-right:5px;
    margin-top:0px;
    vertical-align:middle;
    display:inline-block;
}
.RBL input[type='radio'] + label
{
    vertical-align:middle;
    margin-top:2.5px;
    display:inline-block;
}
.RBL input[type='radio'] + label + input[type='radio']
{
     /*visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";*/
     clear: both;
}
.RBL input[type='radio'] {
	margin-top: 6px;
	float:none;
	margin-left:40px;
}
.RBL input[type='radio'] + label {
	margin-top: 0px;
	margin-right: 45px;
}

span.RBL {
	overflow: hidden; padding-top: 5px; padding-right: 5px; margin-bottom: 10px; display:inline-block; max-width: 620px; background-color: rgb(255, 255, 255); position:static;
}
span.RBL input[type='radio'] {
	clear: none; margin-top: 0px; margin-left: 10px;
}
span.RBL input[type='radio']:first-child {
	margin-top: 0px;
	float:none;
	clear:both;
}
span.RBL label {
	padding-right:0; padding-left: 12px; font-weight: normal; display: inline-block; vertical-align:top!important;
}
span.RBL label::after {
	width: 100%; height: 34px; clear: both; margin-top: -29px; margin-bottom: -5px; margin-left: 45px; display: block; content: ""; background-color: rgb(223, 238, 245)
}
span.RBL label:last-child {
	padding-bottom: 1px; margin-right:0px;
}
span.RBL label:last-child::after {
	height: 0px; margin-bottom: 0px;
}
.tbl td
{
    padding-right:10px!important;
}


/*==== martyn css ====*/

.label {
    color: #333 !important;
    text-align: left !important;
    font-weight: normal;
   font-size: 14px;
   white-space:normal !important;
}

#ctl00_body_tdSendByPostText h3 {
    padding-top:20px;
}
#ctl00_body_tdSendByPostText h2 {
    padding: 10px 0;
}
#ctl00_body_rdoPostagePerson_1 {
    margin-left: 5px;
}

.radios-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 5px;
}

