body, html { padding:0; 
             margin:0px; 
             text-align: center;
             font-family: Verdana,helvetica,clean,sans-serif;
             font-size: 12px;
}

#a          { text-decoration:none; color:#405679;}
#a          { text-decoration:underline; color:#0000ff;}
#a:hover    { text-decoration:underline}

a img      { border: 0; }

a { color: #1700EE; text-decoration: none; }
a:hover {text-decoration:underline; }

.header {
	background-color: #ffffff;
	width: 100%;
	padding-left:0px;
        text-align: center;
}

.header-content {
	padding:0;
	margin: auto;
        text-align: center;
}


.content {
	padding:0;

	width: 800px;
        text-align: center;       
}


.footer {
  position: relative;
  width: 100%; height:65px;
  text-align:center; 
  padding-top: 5px;
}

.footer-content {
	padding:0;
	margin:auto;
	width: 800px;
        text-align: center;
}

.informationBox {
  margin-bottom: 5px; 
  text-align: center; 
  display: none;
}

.clear {
clear: both;
height: 1px;
overflow: hidden;
margin-bottom: -1px;
}
.signin-btn {
    text-shadow: 0 1px 0 #fff;
    background-image: -webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);
    background-image: -o-linear-gradient(top,#fff 0,#e0e0e0 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0));
    background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #dbdbdb;
    border-color: #ccc;
    cursor: pointer;
    border:1px solid #ccc;
    padding: 6px 10px;
    margin: 6px 0;
    border-radius: 4px;
    display: inline-block;
}
.signin-btn:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.signin-btn-lg { font-size: 18px; padding: 10px 16px; border-radius: 6px; }
a.signin-btn { color: #1b75bb; }
a.signin-btn:hover { text-decoration: none; }
.input-lg {
    height: 46px; 
    padding: 10px 16px; 
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 18px; 
    line-height: 1.333333; 
    border-radius: 6px; 
    display: block; 
    width: 100%; 
    color: #555; 
    border: 1px solid #ccc; 
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.input-lg:focus { border-color: #66afe9; outline: 0; border-width: 2px; }

.btn-circle {
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 150px;
    height: 150px;
    padding-top: 38px;
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 1.33;
    border-radius: 75px;
    white-space: normal;
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    opacity: 0.75;
    background: #1b75bb;
    display: inline-block;
}
.btn-circle i.fa { font-size: 42px; display: block; }
.btn-circle:hover {
    color: white;
    opacity: 1;
    text-decoration: none;
}

.responsive-div { 
    margin: 0 auto 30px auto; 
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 50%; 
    padding: 20px;
}
.responsive-div.wide { width: 1120px; }
.responsive-div.border {
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    border:1px solid #ddd;
    border-radius:4px;
}
td.hidden-sm { display: table-cell; }
td.half { width: 50%; }
p.visible-sm { display: none; }
@media (max-width: 500px) {
    .responsive-div { width: 95% !important; }
    td.hidden-sm { display: none; }
    p.visible-sm { display: block; }
    td.half { width: 100%; }
}

input {
 font-family: Verdana,helvetica,clean,sans-serif;
 font-size: 12px;
 color:#000000;
}
textarea {
 font-family: Verdana,helvetica,clean,sans-serif;
 font-size: 12px;
 color:#000000;
}

table { margin:8px auto 0 auto;  } 

th {
  vertical-align: top;
  text-align: left;
  background-color: #d8d8d8;
}

td {
  vertical-align: top;
  text-align: left;
}


.error { text-align: center; color: red; font-weight: bold; }
.msg { text-align: center; font-weight: bold; }
.warning { color:#000000; background-color: #ffff00; font-weight: bold; }

table.vmid tr td {
 vertical-align: middle;
}

table.vmid tr td.vtp {
 vertical-align: top;
 padding-top: 3px;
}

td.fldError {
 color: #f00;
 vertical-align: top;
 font-size: smaller;
 font-weight: bold;
 padding: 0 0 3px 0;
}

tr.topBorder td { border-top: 1px solid #d8d8d8; }
tr.shade td  { background: #F4F4F4; }
tr.shade2 td  { background: #F8F8F8; }

.center       { text-align:center; }
.noborder     { border: 0px; margin: 0px;}
.border       { border: 1px solid #d8d8d8; }
.bottomBorder { border-bottom: 1px solid #d8d8d8; }
.rightBorder  { border-right: 1px solid #d8d8d8; }
.topBorder    { border-top: 1px solid #d8d8d8; }
.nomargin     { margin: 0px; }
.bottomPad    { margin-bottom: 3px; }
.bottomPad2   { padding-bottom: 15px; }
.rightPad     { padding-right: 8px;}
.leftPad      { padding-left: 8px;}
.topPad       { margin-top: 3px; }
.topPad2      { padding-top: 10px; }
.nowrap       { white-space: nowrap; }
.right        { text-align: right; }
.left         { text-align: left; }
.bold         { font-weight: bold; }
.yellowBackground { background: #ffff00;}
.red          { color: #ff0000;}
.smallData    { font-size: 9px; }

/*------------------------------------------------------------------------------------------------------------*/

div.card        {
    width: 293px;
    height: 166px;
    text-align: center;
}


button.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    height: 50px;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}

button.accordion.active, button.accordion:hover {
    background-color: #ddd;
    width: 100%;
}

div.panel {
    display: block;
    padding-left: 0px;
    padding-right: 0px;
    background-color: white;
    display: none;
    text-align: left;
    width: 299px;
}



/*------------------------------------------------------------------------------------------------------------*/

div.mdcard {
    height: 204px;
    width: 648px;
}

div.mdcard table.front {
    border-radius: 13px;
    height: 100%;
    width: 50%;
    border: 1px solid black;
    float: left;
    margin-top: 0px;
}

div.mdcard table.back {
    border-radius: 13px;
    height: 100%;
    width: 50%;
    border: 1px solid black;

}

div.mdcard table.front tr.fhead {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    height: 14.67px;
}

div.mdcard table.front tr.fhead td {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 3px;
    padding-left: 3px;
}

div.mdcard table.front tr.fhead td p {
    font-size: 7px;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: right;
    position: relative;
    top: 22px;
    left: -8px;
}

div.mdcard table.front tr.row1 {
    height: 53px;
}

div.mdcard table.front tr.row1 td{
    padding-left: 10px;
    padding-right: 10px;
}

div.mdcard table.front tr.row2 {
    height: 98px; 
}

div.mdcard table.front tr.row2 td p {   
    margin-top: 2px;
    margin-bottom: 2px;
    font-family: "Times New Roman", Times, serif;
    font-size: 10px;
}

div.mdcard table.front tr.fspacer {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    height: 12px;
}

div.mdcard table.front tr.fspacer td {
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: center;
}

div.mdcard table.front tr.fspacer td p {
    font-family: "Times New Roman", Times, serif;
    font-size: 9px;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
}

div.mdcard table.back tr.head {
    height: 36px;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;

}

div.mdcard table.back tr.foot {
    height: 22px;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;

}

div.mdcard table.back tr.bspacer {
    height: 10px;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;

}

div.mdcard table.back tr.row1 {
    height: 48px;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-collapse: collapse;
}

div.mdcard table.back tr.row2 {
    height: 24px;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;

}

div.mdcard table.back tr.row3 {
    height: 36px;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;

}

div.mdcard table.back tr td p {
    font-size: 9px;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}





/*------------------------------------------------------------------------------------------------------------*/

div.flapplication {
    height: 1056px;
    width: 816px;
}

div.flhead {
    height: 70px;
}

div.flhead table {
    height: 70px;
    width: 816px;
    border: 0px solid black;
    border-collapse: collapse;
    padding-top: 0px;
    margin-top: 25px;
}


div.flhead table div.head-box {
    float: left;
    width: 300px;
    height: 70px;
    margin: 0px;
    border: 0px solid black;
    position: relative;
    left: 251px;
    top: 32px;
    text-align: right;
}

div.flhead table div.head-box p {
    font-size: 15px;
    margin: 1px;
}

div.flfoot {
    height: 70px;
}

div.flfoot table {
    height: 70px;
    width: 816px;
    border: 0px solid black;
    border-collapse: collapse;
    padding-top: 0px;
    margin-top: 25px;
}


div.flfoot table div.sale-sig {
    float: left;
    width: 200px;
    height: 10px;
    margin: 0px;
    border: 0px solid black;
    position: relative;
    left: -1px;
    top: 38px;
    text-align: left;
    border-top-width: 2px;
}

div.flfoot table div.sale-date {
    float: left;
    width: 100px;
    height: 10px;
    margin: 0px;
    border: 0px solid black;
    position: relative;
    left: 16px;
    top: 38px;
    text-align: right;
    border-top-width: 2px;
}

div.flfoot table div.mem-sig {
    float: left;
    width: 200px;
    height: 10px;
    margin: 0px;
    border: 0px solid black;
    position: relative;
    left: 198px;
    top: 38px;
    text-align: left;
    border-top-width: 2px;
}

div.flfoot table div.mem-date {
    float: left;
    width: 100px;
    height: 10px;
    margin: 0px;
    border: 0px solid black;
    position: relative;
    left: 215px;
    top: 38px;
    text-align: right;
    border-top-width: 2px;
}

div.flfoot table div.footcode {
    float: left;
    width: 150px;
    height: 10px;
    margin: 0px;
    border: 0px solid black;
    position: relative;
    left: -620px;
    top: 90px;
    text-align: right;
}

div.flfoot table div.head-box p {
    font-size: 15px;
}

div.infotables {
    height: 148.5px;
}

div.infotables table {
    height: 148.5px;
    width: 816px;
    border: 1px solid black;
    border-collapse: collapse;
    padding-top: 1px;
}

div.infotables table tr {
    height: 25%;
}

div.infotables table tr.infohead {
    height: 10%;
}


div.infotables table tr td.plan {
    width: 30%;
    vertical-align: middle;
}

div.infotables table tr td.plantype {
    width: 10%;
    text-align: center;
    vertical-align: middle;
}

div.infotables table tr td.benefit {
    width: 40%;
    text-align: center;
    vertical-align: middle;
}

div.infotables table tr.infohead td p {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 11px;
}

div.infotables table tr td p {
    margin-top: 2px;
    margin-bottom: 0px;
    font-size: 9.5px;
}

div.infotables table tr td.disclosure {
    text-align: center;
}

div.infotables table tr td.disclosure p {
    font-size: 10.5px;
    margin-top: 2px;
    margin-bottom: 0px;
}

div.infotables table tr td {
    border-collapse: collapse;
    border: 1px solid black;
}

div.infotables table tr td.check {
    vertical-align: middle;
}

div.infotables table tr td p.label {
    font-size: 8px;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: left;
    padding-top: 2px;
}

div.infotables table tr td.check p.label {
    text-align: center;
}

div.infotables table tr td p label {
  display: block;
  padding-left: 15px;
  text-indent: -15px;
}

div.infotables table tr td p label input {
  width: 13px;
  height: 13px;
  padding: 0;
  margin:0;
  vertical-align: bottom;
  position: relative;
  top: 2px;
  *overflow: hidden;
}

div.infotables table tr.resetspacer {
    height: 1%;
}

div.infotables table tr.payhead {
    height: 10%;
    
}

div.infotables table tr.body {
    height: 25%;
    width: 100%;
}

div.infotables table tr.body td.payform {
    padding-left: 0px;
    padding-right: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 0px;
    vertical-align: middle;
    text-align: center;
    width: 136px;
}

div.infotables table tr.body td.payform p {
    text-align: center;
}

div.infotables table tr.payhead td p {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 11px;
    text-align:center;
}

div.infotables table tr.body td p {
    text-align: center;
}

div.infotables table tr.body td {
    border-bottom-width: 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
}

div.infotables table tr.body td p.creditnum {
    float: left;
    position: relative;
    font-size: 11px;
    left: 15px;
    top: 14px;
}

div.credit-box {
    float: left;
    width: 260px;
    height: 75%;
    margin: 4px;
    border: 1px solid black;
    position: relative;
    left: 10px;
    top: -17px;
    text-align: center;
    vertical-align: middle;
    padding-top: 8px;
}

div.infotables table tr.body td p.expdate {
    float: left;
    position: relative;
    font-size: 11px;
    left: 181px;
    top: 14px;
}

div.expdate-box {
    float: left;
    width: 65px;
    height: 75%;
    margin: 4px;
    border: 1px solid black;
    position: relative;
    left: 10px;
    top: -17px;
    text-align: center;
    vertical-align: middle;
    padding-top: 8px;
}

div.infotables table tr.body td p.scnum {
    float: left;
    position: relative;
    font-size: 11px;
    left: 206px;
    top: 14px;
}

div.scnum-box {
    float: left;
    width: 65px;
    height: 75%;
    margin: 4px;
    border: 1px solid black;
    position: relative;
    left: 10px;
    top: -17px;
    text-align: center;
    vertical-align: middle;
    padding-top: 8px;
}

div.infotables table tr.body td p.routenum {
    float: left;
    position: relative;
    font-size: 11px;
    left: 256px;
    top: 14px;
}

div.infotables table tr.body td p.accnum {
    float: left;
    position: relative;
    font-size: 11px;
    left: 418px;
    top: 14px;
}

div.routing-box {
    float: left;
    width: 364px;
    height: 75%;
    margin: 4px;
    border: 1px solid black;
    position: relative;
    left: 10px;
    top: -17px;
    text-align: center;
    vertical-align: middle;
    padding-top: 8px;
}

div.infotables table tr td h1 {
    text-align: center;
    font-size: 20px;
    margin-bottom: 2px;
}



/*------------------------------------------------------------------------------------------------------------*/

div.coupon-page {
    height: 14in;
    width: 8.5in;
    position: absolute;
    top: 0px;
    left: 0px;
}

div.coupon-page div.coupon {
    height: 3in;
    width: 2.33in;
    position: absolute;
    border-radius: 0px;
    border: 1px solid white;
}



div.coupon-page div.coupon table.t_coupon {
    border-radius: 0px;
    height: 100%;
    width: 100%;
    border: 0px;
    margin: 0px;
}

div.coupon-page div.coupon table.t_coupon tr.logo {
    height: .72in;
}

div.coupon-page div.coupon table.t_coupon tr.info {
    height: .9in;
}

div.coupon-page div.coupon table.t_coupon tr.check {
    height: .21in;
}

div.coupon-page div.coupon table.t_coupon tr.memaddress {
    height: .36in;
}

div.coupon-page div.coupon table.t_coupon tr.rtnaddress {
    height: .66in;
}

div.coupon-page div.coupon table.t_coupon tr td {
    padding: 0px;
}

div.coupon-page div.coupon table.t_coupon tr.info td table tr td p {
    text-align: left;
    font-size: 10px;
    margin-top: 8px;
    width: 100%;
}

div.coupon-page div.coupon table.t_coupon tr.info td table {
    border: 0px;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

div.coupon-page div.coupon table.t_coupon tr.info td table tr td.left {
    border: 0px;
    margin: 0px;
    padding: 0px;
    width: 30%;
}

div.coupon-page div.coupon table.t_coupon tr.info td table tr td.right {
    border: 0px;
    margin: 0px;
    padding: 0px;
    padding-left: 5px;
    width: 70%;
}

div.coupon-page div.coupon table.t_coupon tr.info td table tr td p.alignright {
    text-align: right;
}
div.coupon-page div.coupon table.t_coupon tr.check td p {
    margin: 0px;
    margin-top: 5px;
    text-align: center;
    font-size: 10px;
}

div.coupon-page div.coupon table.t_coupon tr.memaddress td p {
    margin-left: 42px;
    margin-top: 5px;
    text-align: left;
    font-size: 10px;
}

div.coupon-page div.coupon table.t_coupon tr.memaddress td div.check-box {
    float: left;
    width: 22px;
    height: 22px;
    margin: 0px;
    border: 1px solid black;
    position: relative;
    left: 10px;
    top: 1px;
    vertical-align: middle;
    padding-top: 0px;
}

div.coupon-page div.coupon table.t_coupon tr.rtnaddress td div.coupon-num {
    float: left;
    width: 20px;
    height: 20px;
    margin: 0px;
    border: 0px solid black;
    position: relative;
    left: 5px;
    top: 1px;
    vertical-align: middle;
    text-align: center;
    padding-top: 0px;
}

div.coupon-page div.coupon table.t_coupon tr td p {
    margin: 0px;
    font-size: 10px;
    text-align: center;
}
#ajax_listOfOptions {
   position:absolute; /* Never change this one */
   width:20%; /* Width of box */
   height:20%; /* Height of box */
   overflow:auto; /* Scrolling features */
   border:1px solid #317082; /* Dark green border */
   background-color:#FFF; /* White background color */
   text-align:left;
   white-space:nowrap; 
   font-size:1.2em;
   z-index:100;
   border-radius: 6px;
}
#inputDiv {
    width:40%;
}
.lgBtnTxt {
    margin: 0 auto;
    text-align:center; 
    width: 100%;
    font-size:15px;
}
#outputTable {
    width: 50%;
    padding-top: 2px;
}
.maxW2000 {
    max-width:2000px;
}
@media (max-width: 1210px) {
    #inputDiv {
        width:80%;
    }
    #ajax_listOfOptions {
        width:38%; /* Width of box */
        font-size:1.6em;
    }
    .lgBtnTxt {
        height: 40px;
        font-size: 20px
    }
    #outputTable {
        width:80%;
    }
}
@media (max-width: 768px) {
    #ajax_listOfOptions {
        width:60%; /* Width of box */
        font-size:1.5em;
    }
    #inputDiv {
        width:80%;

    }
    .lgBtnTxt {
        height: 40px;
        font-size: 20px
    }
    #outputTable {
        width:80%;
    }
    input::-webkit-input-placeholder {
        font-size:13px;
    }
}
#ajax_listOfOptions div{ /* General rule for both .optionDiv and .optionDivSelected */
   margin:1px;  
   padding:1px;
   cursor:pointer;
   font-size:1.0em;
}
#ajax_listOfOptions .optionDiv{ /* Div for each item in list */
  
}
#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
   background-color:#317082;
   color:#FFF;
   border-radius: 6px;
}
#ajax_listOfOptions_iframe{
   background-color:#F00;
   position:absolute;
   z-index:5;
 }
 

.tableBasic {
 margin:8px auto 4px auto;
 padding:0;
 
 border:1px solid #CDD5DE;
 border-collapse: separate;
 background-color: #ffffff;
 box-shadow: 0 1px 1px rgba(0,0,0,0.1);
 border:1px solid #CDD5DE;
 border-radius: 3px;
}



.tableBasic th {
 border-right: 1px solid #d8d8d8;
 padding: 6px;
 font-weight: normal;

 color: #000000;
 border-bottom: 1px solid #f6f6f6;
 background-color: #ffffff;
 font-size: 130%;
 line-height: 110%;
}
.tableBasic th a font { color: #2B65C3 !important; }

.tableBasic td {
   padding: 6px;
}
.tableBasic td table td {padding:0; padding-right: 4px; line-height: 20px; }
.tableBasic td table td input,.tableBasic td table td select { margin-bottom: 7px; }
.tableBasic td table td input[type="checkbox"],.tableBasic td table td input[type="radio"] { margin-bottom: 0px; }
.tableBasic th:last-child {
    border-right: none;
}
table.nomargin td { padding: 0; padding-right: 4px; vertical-align: middle; line-height: initial !important; }
table.nomargin td input,table.nomargin td select {margin-bottom: 2px !important; margin-top: 1px; }
/*.tableBasic td.right { vertical-align:middle; }*/
.tableBasic td.pad8Center {
   padding-left: 8px;
   padding-right: 8px;
   text-align: center;
}

.tableBasic tr.tableTitle th {
 background-color: #7d7d7d;
 border-bottom: 1px solid #dcdcdc;
}
.tableBasic td img { vertical-align: middle; }

tr.thshade th { background-color: #f4f4f4; font-size: 14px; }

.compact td { padding: 2px !important; padding-right: 10px !important; }

@media print {
    .page-break {
        page-break-before: always; /* Forces a page break before the element */
    }
}