@charset "utf-8";
/* Last updated:  19-Apr-2018    Version: 1.1                   */
/* Copyright 2013  MusicBiz Enterprises, All rights reserved.   */

.formHeading {
   float: left;
   width: 100%;
   margin: 0;
   }
.formHeading_text {
   text-align: center;
   font-size: 2rem;
   padding: 0 5% 0 5%;
   color: black;
   background-color: transparent;
   }

.formScreen {
    float: left;
    width: 50%;
    margin: 50px 25% 0 25%;
    padding: 10px;
    border: 2px solid black;
    background-color: rgb(4,33,78);  /* Shine Blue  */
}
.formBox {
    float: left;
    width: 90%;
    margin: 20px 5% 20px 5%;
    padding: 10px;
    color: black;
    background-color: white;
}

.formTextlabel {
    clear: left;
    float: left;
    width: 48%;
    margin: 0 6px 6px 0;
    padding: 0 0 0 18px;
    font-size: 1rem;
    font-style:normal;
    text-align: right;
}
.formTextfield {
    float:left;
    width: 50%;
    margin: 0 0 6px 0;
    font-size: 1rem;
    font-style:normal;
    text-align: left;
}

.formRadioButton {
    margin-left: 0px;
}
.radioButtonBox {
    float: left;
    width: 90%;
}
.radioButtonCol {
    float: left;
    width: 33%;
}
.radioButton {
    margin: 0 0 0 2%;
}

.checkBoxfield {
   clear: both;
   float: left;
   margin-left: 10%;
}

.submitButton {
    float: left;
    padding-top: 20px;
    padding-left: 45%;
}

.formEpilogue {
   float: left;
   width: 100%;
   margin: 0;
   }
.formEpilogue_text {
   text-align: center;
   font-size: 1rem;
   padding: 0 5% 0 5%;
   color: black;
   background-color: transparent;
   }



/*-----------------------*/
/*  @media definitions   */
/*-----------------------*/
@media only screen and (max-width: 1200px) {
   .formScreen {
    width: 70%;
    margin: 50px 15% 0 15%;
   }
}

@media only screen and (max-width: 840px) {
   .formScreen {
    width: 90%;
    margin: 50px 5% 0 5%;
   }

}

@media only screen and (max-width: 736px) {   /* iPhone 7 plus view port size is 414 x 736 */

}

@media only screen and (max-width: 650px) {  
   .formTextlabel {
    width: 35%;
   }
   .formTextfield {
    width: 60%;
   }
   .submitButton {
    padding-left: 0;
   }

}
@media only screen and (max-width: 530px) {  
   .formTextlabel {
    width: 35%;
   }
   .formTextfield {
    clear: left;
    width: 90%;
   }

}