/*****************
 ** SELECT ZONE **
 *****************/
.selectionContent table {
    width: 100%;
    border-style: none;
    align-content: center;
    margin: auto;
    background-color: #f1f1f1;
}

.selectionContent tr {
    border-style: none;
}

.selectionContent th {
    text-align: left;
    background-color: lightgrey;
}
.selectionContent td {
    width: auto;
    border-style: none;
}
.selectionFooter{
    background-color:#294179; /*navy*/
    text-align:center;
    padding-bottom:2px;
}
.selectionFooter input{
    font-size:16px;
    font-weight:bold;
    line-height:14px;/*100%;*/
    padding:1px 20px;
}
.selectionFooter input:hover{
    background-color: white;
    border: 2px solid #fc8029;
    color: #fc8029;
}
.selectionFooter input{
    background-color:#fc8029; /*orange*/
    border: 2px solid white;
    color: white;
}
.amountToPay{
    width:90%;
    max-width:120px;
    text-align:right;
}
.selectZoneLink{
    text-decoration:underline;
    cursor:pointer;
}
.selectZoneLink:hover{
    /*font-size: 95%;*/
    /*font-weight:bold;*/
    color:#fc8029;
}
.tableFooter{
    font-weight:bold!important;
    padding-bottom:30px;
}
.amountColumn{
    text-align:right;
    width:15%!important
}

.codeColumn{
    width:20%!important
}

/****************
 ** RESPONSIVE **
 ****************/
@media(min-width:661px) {
    .selectionContent th{font-size:13px;}
}    
@media(max-width:660px){
    .selectionContent th{font-size:10px;max-width:20px;overflow:hidden}
    div.selectionHeader{text-align:center}
    .contentItem{display:none}
}
/**************
 ** PAY ZONE **
 **************/
div#payZonePartOne, div#payZonePartTwo {
    border-collapse:collapse;
    width:100%;
}
div#payZonePartOneTablesContainer, div#payZonePartTwoTablesContainer  
{
    clear:both;
    float:none;
    width:100%;
}
div#payZoneFinancials, div#payZonePayorInformation, div#payZonePaymentMethod, div#payZoneAddress
{
    border-collapse:collapse;
    display:table;
}
div#payZonePartTwoSwipeZone {
    text-align:center;
}
div.payZoneCell
{
    display:table-cell;
}
div.payZoneCell input{
    background-color:#ffffff; /*e6 gray*/
    color:#000000; /*black*/
    margin-left:0px;
    padding:2px 2px;
    font-size:15px !important;
}
div.payZoneCell select{
    background-color: #ffffff;
    color: #000000;
    margin-left: 0px;
    height: 25px;
    padding: 0px 7px;
    font-size: 14px;
    max-width:185px;
}
div.payZoneCell input:focus, div.payZoneCell select:focus {
    border: solid 2px #294179;
}
div#payZoneFinancialsHeader, div.payZonePayorInformationHeader
{
    background-color:#c6c6c6; 
    color:#294179; /*white*/
    font-size:0.75em;/*20px;*/
    font-weight:bold;
    height: 30px!important;
    line-height:1.75em;/*35px;*/
    padding-top:5px;
}
div#payZoneFinancialsHeader 
{
    padding-top:5px;
    height: 35px!important;
    display:table-row;
    background-color:#c6c6c6; 
}
div.payZoneAmountHeader{
    padding-top:5px;
}
div.payZonePayorInformationHeader, div#payZonePaymentMethodHeader, div#payZoneAddressHeader {
    font-size:0.75em;/*20px;*/
    background-color:#c6c6c6; 
}
div.payZonePayorInformationHeader{ display:table-caption;}
span.payZoneItemText
{
    color:#294179; /*navy*/
}
div.payZonePartOneRow
{
    background-color:#e3e3e3; /*c7 gray*/
    border-bottom:1px dotted #444444; /*thin 44 gray dotted line*/
    color:#294179; /*navy*/
    display:table-row;
    height:1.9444444em;/*35px;*/
    line-height:1.9444444em;/*35px;*/
}
div.payZoneAmount{
    text-align:right;
    min-width:96px;
}
div.payZonePartOneTotals
{
    font-weight:bold;
}
div#payZonePaymentMethodHeader, div#payZoneAddressHeader /*div#payZonePartTwoHeader*/
{
    border-top:1px solid #294179; /*thin navy solid line*/
    border-bottom:1px solid #b3b3b3; /*thin b3 gray solid line*/
    /*display:table-caption;*/
    font-weight:bold;
}
div#cardInfoHeader 
{
    display:inline-table;
    height:100%;
}
div#cardInfoHeaderContent 
{
    display:table-cell;
    height:100%;
    vertical-align:middle;
}
.ccLogoBox, .cardLogoBox{ 
    background-position:center center;
    background-repeat:no-repeat;
    display:inline-block;
    vertical-align:middle;
}
div.triLogo 
{
    background-image:url("/Images/UI2013/Visa_MC_AmEx.png");
    background-position:center center;
    background-repeat:no-repeat;
}
div.cardLogo 
{
    background-image:url("/Images/UI2013/Visa_MC_AmEx_Disc.png");
    background-position:center center;
    background-repeat:no-repeat;
    margin-bottom:0px!important;
}
div.visaSelected 
{
    background-image:url("/Images/UI2013/Visa_selected50.png");
    background-position:center center;
    background-repeat:no-repeat;
}
div.mcSelected 
{
    background-image:url("/Images/UI2013/MC_selected50.png");
    background-position:center center;
    background-repeat:no-repeat;
}
div.amExSelected 
{
    background-image:url("/Images/UI2013/AmEx_Selected50.png"); 
    background-position:center center;
    background-repeat:no-repeat;
}
div.cardLogoVisa
{
    background-image:url("/Images/UI2013/Visa_selected.png");
    background-position:center center;
    background-repeat:no-repeat;
}
div.cardLogoMc
{
    background-image:url("/Images/UI2013/MC_selected.png");
    background-position:center center;
    background-repeat:no-repeat;
}
div.cardLogoAmex
{
    background-image:url("/Images/UI2013/AmEx_Selected.png"); 
    background-position:center center;
    background-repeat:no-repeat;
}
div.cardLogoDisc
{
    background-image:url("/Images/UI2013/Disc_Selected.png"); 
    background-position:center center;
    background-repeat:no-repeat;
}
div#billingInfoHeader 
{
    display:inline-block;
     /*width:200px;*/
     /*margin-right:8px;*/
}
div#billingSameAsDefendantAddress 
{
    display:inline-table;
    vertical-align:middle;
}
div#billingSameAsDefendantAddress div
{
    vertical-align:middle;
}
div#billingSameAsDefendantAddress div label {
    margin-left:.25em;
}
div.payZonePartTwoHeaderCell 
{
    border-top:1px solid #294179; /*thin navy solid line*/
    border-bottom:1px solid #b3b3b3; /*thin b3 gray solid line*/
}
div.payZonePartTwoRow
{
    background-color:#e3e3e3; /*c7 gray*/
    border-bottom:1px dotted #b3b3b3; /*thin b3 gray dotted line*/
    display:table-row;
}
div.payZonePartTwoInputCell 
{
    width:280px;
}
div.payZonePartOneInputCell{
    width:280px;
}
input.payZoneCVVCode {
    width:70px;
}
div#payZonePartThree
{
    display:block;
	text-align:center;
	width:100%;
    padding-bottom: 10px;
}
div.finePrint
{
	font-size:10px;
	line-height:16px;
	margin:0px;
	text-align:justify;
    font-weight:normal;
}
div.cvvImage 
{
	background-position:center center;
	background-repeat:no-repeat;
	width:262px;
}
div#cvvVisaMCImage
{
	background-image:url("/Images/cc1.jpg");
}
div#cvvAmExImage
{
	background-image:url("/Images/cc2.jpg");
}
#cbBillingSameAsDefendantAddress{
    height:18px;
    width:15px;
    vertical-align: middle;   
}
.payZonePartTwoRow:last-child{
    margin-bottom:10px;
}
/****************
 ** RESPONSIVE **
 ****************/
@media(min-width:661px){
    div#payZoneFinancials,div#payZonePayorInformation,div#payZonePaymentMethod, div#payZoneAddress{float:left;width:50%;}
    div.payZonePayorInformationHeader, div.payZonePayorInformationLabel,div.payZoneInputLabel{min-width:120px;}
    div.payZoneAmountLabel, div.payZoneInputLabel, div.payZonePayorInformationLabel,
    div.payZonePayorInformationHeader,div#billingInfoHeader{padding-left:2%;}
    div#cardInfoHeader {margin-left:4%;}
    div.payZoneAmount{padding-right:10%;}
    div#payZonePaymentMethodHeader, div#payZoneAddressHeader{height:30px;}
    .ccLogoBox,.cardLogoBox, .cardLogoVisa,.cardLogoMc,
    .cardLogoAmex,.cardLogoDisc{background-size:contain;height:25px;width:150px;}
    div#billingInfoHeader{line-height:29px;margin-top:3px;}
    div#billingSameAsDefendantAddress{font-size:12px;line-height:24px;}
    div.payZonePartOneInputCell input.emailAddress{width:94%;max-width:300px;display:table-cell;}
    div.payZonePartTwoInputCell input.cardNumber {width: 94%;max-width: 180px;}

}
@media(max-width:660px){
    div#payZoneFinancials,div#payZonePayorInformation,div#payZonePaymentMethod, div#payZoneAddress{width:100%;}
    div.payZoneAmountLabel, div.payZoneInputLabel, div.payZonePayorInformationLabel,
    div.payZonePayorInformationHeader,div#billingInfoHeader{padding-left:1%;}
    div#cardInfoHeader {margin-left:2%;}
    div.payZoneAmount{padding-right:10px;}
    div.payZonePartOneInputCell input.emailAddress{width:94%;max-width:300px;display:table-cell;}
    div#payZonePartOneFooter{background-color:#294179;display:table-row;height:8px;}
    div#payZonePartOneFooter{display:none;}
    div#payZonePaymentMethodHeader, div#payZoneAddressHeader{height:27px;}
    .ccLogoBox,.cardLogoBox, .cardLogoVisa,.cardLogoMc,
    .cardLogoAmex,.cardLogoDisc{background-size:contain;height:21px;width:150px;margin-left:-2%;}
    div#billingInfoHeader{line-height:21px;margin-top:6px;margin-right:8px;}
    div#billingSameAsDefendantAddress{font-size:11px;}
    div.payZonePartTwoInputCell input.cardNumber{width:auto;}
}

@media(max-width:400px){
    div.payZonePayorInformationLabel{display:none!important}
    div.payZoneInputLabel{display:none!important}
}
/***************
 ** ANYWHERES **
 ***************/
 div.progressBarHeaderText{
     color:#000000;
     font-size:12px;
     font-style:italic;
     width:128px;
     margin:0 auto;
 }
 div.ui-tooltip {
    max-width:512px;
}
 .jQUIButton .ui-button-text{
    font-weight:bold;
}
.jQUIButton_Little {
    font-size:12px;
    font-weight:bold;
    line-height:12px;/*100%;*/
    padding:4px 8px;
    background-color:#294179; /*navy*/
    color:white;
}
.jQUIButton_Little:hover{
    background-color:#fc8029;
}
.jQUIButton_Little_1{
    font-weight:bold !important;
    background: #fc8029!important; 
    background-color:#fc8029!important; 
    color:white !important;
    border-radius:3px;
    border-width:1px!important;
    border-color:none!important;
    padding:0 10px !important;
}
.jQUIButton_Little_1:hover,.jQUIButton_Little_1:active{
    background:#ffffff!important;
    color:#fc8029 !important;
}

.jQUIButton_icononly {
    height:20px;
    width:20px;
}
.jQUIButton_icononly .ui-button-icon-primary{
    left: 2px !important; 
}
.jQUIButton_icononly .ui-button-text{
    display:none;
}
div.initiallyHide{
    display:none!important;
}
div.overflowToEllipsis {
    text-overflow:ellipsis;
}
.txt-white{
    color:white;
}
.searchBtn{
    background:#fc8029!important;
    color:#fff!important;
}
.activeSearchButton:hover,.activeSearchButton:active{
    background:#fff!important;
    color:#fc8029!important;
}
.bg-darkgrey{
    background-color:#acadad!important;
}
/****************
 ** RESPONSIVE **
 ****************/
@media(min-width:661px){
    .jQUIButton_Little_1{font-size:14px!important;padding:-5px 8px!important;}
    div#searchProgressBar{position:relative;left:0px;top:46px;}
    #bodyHeaderBottom{height:60px!important;}
}   
@media(max-width:660px){
    .jQUIButton_Little_1{font-size:11px!important;}
    .searchBtn{font-size:13px !important;padding:4px 20px !important;}
    div#searchProgressBar{margin:1% auto 1% auto;}
    #bodyHeaderBottom{height:40px!important;}
}

/************************
 ** BOOTSTRAP OVERRIDES **
 ************************/ 
/*Buttons*/
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
}
 
.btn-custom {
    background: #fc8029;
    color: #ffffff;
}
 
.btn-custom:hover, .btn-custom:focus, .btn-custom:active, .btn-custom.active, .open > .dropdown-toggle.btn-primary {
    background: #294179;
    color:#ffffff;
}
 
.btn-custom:active, .btn-custom.active {
    background: #294179;
    box-shadow: none;
}

.btn-custom1 {
    background: #294179!important;
    color: #ffffff!important;
}
 
.btn-custom1:hover, .btn-custom1:focus, .btn-custom1:active, .btn-custom1.active, .open > .dropdown-toggle.btn-custom1 {
    background: #fc8029!important;
    color:#294179!important;
    text-decoration-style:none!important;
}
 
.btn-custom1:active, .btn-warning.active {
    background: #fc8029;
    box-shadow: none;
        color:#294179;
    text-decoration-style:none;
}
.btn-custom2 {
    background:  #fc8029;
    color: #ffffff;
    font-weight:bold;
}
 
.btn-custom2:hover, .btn-custom2:focus, .btn-custom2:active, .btn-custom2.active, .open > .dropdown-toggle.btn-custom2 {
    background: #f7f7f7;
    color:#294179;
    font-weight:bold;
    text-decoration-style:none;
}
.form-control:focus{border: 2px solid #294179 ;  box-shadow: none; -webkit-box-shadow: none;} 

 
/*Specific Items*/
#formHeader{
    /*background-color:#294179; /*Navy*/
    color:white;
    text-align:center;
    font-size:18px;
} 

/*General css*/
.bg-navy{
    background-color:#294179; /*Navy*/
}
.bg-orange{
    background-color:#fc8029; /*Orange*/
}
.bg-lightgrey{
    background-color: #e3e3e3!important;
}
.bg-dark{
    background-color:darkgrey;
}
.bg-white{
    background-color:white;
}
.txt-white{
     color:white;
}
.txt-orange{
    color:#fc8029; /*Orange*/
}
.txt-navy{
     color:#294179; /*Navy*/
}
.float-none{ float:none;}

#agencySelection{
    height:250px;
    padding-top:75px;
}
.padding-0{padding:0!important;}

.opacity-99{
    opacity: 0.99;
    filter: alpha(opacity=99); /* For IE8 and earlier */
}
.lineSeparation{
    border-top:solid 1px #294179; /*Navy*/
    margin:5px 0px;
}
.border-bottom{
    border-bottom:1px solid #294179; /*Navy*/
}
.margin-8{
    margin:8px;
}
.paymentItem{border-bottom:1px solid #294179!important; /*Navy*/}

.agreementCheck input {
    height: 18px;
    border: solid 2px;
    width: 20px;
}

input[type = checkbox] {
    height: 18px;
    border: solid 2px;
    width: 20px;
    vertical-align: middle;
}

.agreement{
    font-weight: bold;
    font-size: 13px;
    line-height: 18px;
}
/****************
 ** RESPONSIVE **
 ***************
@media(min-width:661px) {
    #agencySelection{width:60%}
    .paymentItems input{font-size:14px!important;padding-left:5px;}
}   
@media(max-width:660px){
     #agencySelection{width:100%}
}

/*****************
 ** PRINT MEDIA **
 *****************/
@media print {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .visible-xs {
    display: none !important;
  }
  .hidden-xs {
    display: block !important;
  }
  table.hidden-xs {
    display: table;
  }
  tr.hidden-xs {
    display: table-row !important;
  }
  th.hidden-xs,
  td.hidden-xs {
    display: table-cell !important;
  }
  .hidden-xs.hidden-print {
    display: none !important;
  }
  .hidden-sm {
    display: none !important;
  }
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
  .bg-navy{
    background-color:#294179!important; 
    -webkit-print-color-adjust: exact; 
  }
  .txt-white{
    color:white!important;
  }
}