@font-face { font-family: BoSoxBold; src: url('EGR65.ttf'); } 
@font-face { font-family: BoSox; src: url('EGR45.ttf'); } 
@font-face { font-family: Clar45; src: url('CLAR45W.TTF'); } 

#redsox_logo {
   height: 35px;
}

a {
   text-decoration: none;
}

.center{
   text-align:center;
}
.displayNone{
   display:none;
}
.expirationWarning{
   color:red;
   display:none;
   font-size:10px;
}
.headerInformation {
   border-bottom: 1px solid;
   text-align:center;
}
.testServer{
   background:url(./images/testserver.jpg);
}

.headerDetails {
   font-family: BoSoxBold, Arial, Helvetica, sans-serif;
   font-size: 34px; /*28px*/
   vertical-align: top;
}

div.ticketInformation {
   font-family: Clar45, Verdana, Arial, Helvetica, sans-serif;
   font-size: 14px;
   padding: 6px 0 10px 0px; /*Top, Right, Bottom, Left*/
   text-align: center;
}

div.stepExpand {
   background-color: #F3F3F3;
   border: 2px solid #595766;
   border-radius: 35px;
   padding: 15px;
   margin: auto;
   text-align:center;
   width: 410px;
}

div.title {
   background-color:#C7C7CA;
   border-radius: 35px;
   font-family: BoSoxBold, Verdana, Arial, Helvetica, sans-serif;
   /* font-weight: bold; */
   font-size: 20px; /*14px*/
   margin-top:3px;
   padding: 6px;
   text-align:center;
}	

select.withBorder {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    border: solid 1px #5378B0;
    -webkit-appearance: scrollbarbutton-up;
    color: #000;
    background-color: #FFF;
    margin: 0 0 3px 0px; /*Top, Right, Bottom, Left*/
}

input.noBorder {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    font-size:12px;
    padding: 1px;
    border: 0px;
    background-color:transparent;
    margin: 0 0 4px 0; /*Top, Right, Bottom, Left*/
}

input.withBorder {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    padding: 1px;
    border: solid 1px #5378B0;
    margin: 0 0 4px 0; /*Top, Right, Bottom, Left*/
}

.requiredfield {
    color: red;
    width:140px;
}

table.ExistingCreditCardTable{
    background-color: #F3F3F3;
    display:none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px; 
    margin-top:5px;
    width:100%;
}

table.ExistingCreditCardTable th{
    text-align:left;
}

table.ExistingCreditCardTable input[type="radio"]{
    margin: 5px 0px 5px 0; /*Top, Right, Bottom, Left*/
}

#NewCreditCardTable{
    margin-top:0px;
}

table.CreditCardTable{
    background-color: #F3F3F3;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px; 
    margin-top:5px;
    width:100%;
}

table.CreditCardTable td {
    padding: 5px 10px 1px 10px; /*Top, Right, Bottom, Left*/
    vertical-align: top;
}

.ccImage {
    vertical-align:middle;
}

ul {
    display: inline-block;
    text-align: left;
    list-style-position: inside;
    list-style-type: disc; 
    padding: 0 0 0 10px; /*Top, Right, Bottom, Left*/
}

.btn {
    background: #507e4d;
    border: solid 1px #595959;
    border-radius: 35px;
    color: #fff;
    cursor: pointer;
    font-family: BoSox, Verdana, Arial, Helvetica, sans-serif;
    font-size: 17px; /*12px*/
    height: 26px;
    margin: 10px 0 10px 0; /*Top, Right, Bottom, Left*/
    padding: 0 8px 0 8px;
    width: 117px;
}

.errorSummary {
    background-color: #ffdddd;
    color: #000000;
    display:none;
    border: 2px solid #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    margin:0 0 5px 0;
    padding:5px 10px 10px 10px; /*Top, Right, Bottom, Left*/
    position:relative;
    text-align:left;
}


@media only screen and (max-device-width: 420px) {
   #redsox_logo {
      height: 22px;
   }

   div.ticketInformation {
      font-size: 10px;
   }

   div.title{
      margin-bottom:5px;
   }

   .headerDetails {
      font-size: 24px; /*20px*/
   }

   div.stepExpand {
      border-radius: 0px;
      padding: 6px 0 0 0; /*Top, Right, Bottom, Left*/
      width: 99%;
   }

   .errorSummary {
      border: 0px;
   }

}