/* Modal Styles -------------------------------------- */
   .modal  {
      background-image: url(../image/background/modal.png);
      background-position: left top;
      background-repeat: repeat;
   }
   .modal .header,
   .modal .body,
   .modal .footer {
      background-color: white;
   }
   .modal .separator-modal {
      background-color: transparent;
      height: 15%;
      max-height: 100px;
   }
   .modal .header {
      border-color: #CCC;
      border-style: solid;
      border-width: 1px 1px 0;
      padding-top: 18px;
   }
   .modal .body {
      border-color: #CCC;
      border-style: solid;
      border-width: 0 1px 1px;
      height: 70%;
      overflow: auto;
   }
   .modal .width285 {
      max-width: 285px;
   }
   @media screen and (max-width: 285px) {
      .modal .width285 {
         margin-left: 15px;
         margin-right: 15px;
      }
   }
   .modal .width350 {
      max-width: 350px;
   }
   @media screen and (max-width: 350px) {
      .modal .width350 {
         margin-left: 15px;
         margin-right: 15px;
      }
   }
   .modal .width560 {
      max-width: 560px;
   }
   @media screen and (max-width: 560px) {
      .modal .width560 {
         margin-left: 15px;
         margin-right: 15px;
      }
   }
   .modal .width610 {
      max-width: 610px;
   }
   @media screen and (max-width: 610px) {
      .modal .width610 {
         margin-left: 15px;
         margin-right: 15px;
      }
   }
   .modal .width714 {
      max-width: 714px;
   }
   @media screen and (max-width: 714px) {
      .modal .width714 {
         margin-left: 15px;
         margin-right: 15px;
      }
   }
   .modal .width914 {
      max-width: 914px;
   }
   @media screen and (max-width: 914px) {
      .modal .width914 {
         margin-left: 15px;
         margin-right: 15px;
      }
   }
   .modal .width1080 {
      max-width: 1080px;
   }
   @media screen and (max-width: 1080px) {
      .modal .width1080 {
         margin-left: 15px;
         margin-right: 15px;
      }
   }
   .modal .limit15 {
      padding-left: 15px;
      padding-right: 15px;
   }
   .modal .limit20 {
      padding-left: 20px;
      padding-right: 20px;
   }
   .modal .limit25 {
      padding-left: 25px;
      padding-right: 25px;
   }
   .modal .limit30 {
      padding-left: 30px;
      padding-right: 30px;
   }
   .modal .limit35 {
      padding-left: 35px;
      padding-right: 35px;
   }
   .modal .limit40 {
      padding-left: 40px;
      padding-right: 40px;
   }
   .modal .limit45 {
      padding-left: 45px;
      padding-right: 45px;
   }
   .modal .limit50 {
      padding-left: 50px;
      padding-right: 50px;
   }
   .modal .limit60 {
      padding-left: 60px;
      padding-right: 60px;
   }
   .modal .limit70 {
      padding-left: 70px;
      padding-right: 70px;
   }
/* Overlay styles ------------------------------------ */
   /*.overlay {}*/


/* Important Update ------------------------------ */
.size-important-update {
   width: 390px;
   max-width: 390px;
   min-width: 390px;
   height: 235px;
   max-height: 235px;
   min-height: 235px;
}

/* Successful*/
.size-successful {
   width: 390px;
   max-width: 390px;
   min-width: 390px;
   height: 235px;
   max-height: 235px;
   min-height: 235px;
}

/* Important Update Request--------------------- */
.size-request {
   width: 390px;
   max-width: 390px;
   min-width: 390px;
   height: 380px;
   max-height: 380px;
   min-height: 380px;
}

/* Email in Use--------------------- */
.size-used {
   width: 390px;
   max-width: 390px;
   min-width: 390px;
   height: 380px;
   max-height: 380px;
   min-height: 380px;
}

/* Email in Use Info--------------------- */
.size-used-info {
   width: 390px;
   max-width: 390px;
   min-width: 390px;
   height: 380px;
   max-height: 380px;
   min-height: 380px;
}


.buttonSize99x31 {
   width: 100px;
   height: 31px;
}

.buttonSize105x30 {
   width: 105px;
   height: 30px;
}


.buttonSize145x30 {
   width: 145px;
   height: 30px;
}