::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: gray;
  font-size: 12px;
}
::-moz-placeholder { /* Firefox 19+ */
  color: gray;
  font-size: 12px;
}
:-moz-placeholder { /* Firefox 18- */
  color: gray;
  font-size: 12px;
}
::-ms-input-placeholder { /* Microsoft Edge */
 color: lightgray;
 font-size: 12px;
}
:-ms-input-placeholder { /* IE 10+ */
  color: gray;
  font-size: 12px;
}

input[type="radio"] {
  -webkit-appearance: checkbox; /* Chrome, Safari, Opera */
  -moz-appearance: checkbox;    /* Firefox */
  -ms-appearance: checkbox;     /* not currently supported */
}

input:focus {
  background-color: #c2f0f0;
}
.center{ /* used for print page*/
   margin: 0 auto; 
   text-align: center;
}

.h1 {color: Red; font-family: "Calibri", serif; font-size: 20px; margin-right: 800px;}
   
.group { margin-top: 10px;  margin-left: 10px; border: solid dimgray; border-width: thin; width: 1000px; border-radius: 3px; display: inline-block; background: #fafafa ;}

.error {color: Red;
    font-family: "Calibri", serif; font-size: 15px; font-weight: bold; text-align: left; display:inline-block; width: 15px;}

.fnt_red {color: Red; /* The * is red */
    font-family: "Calibri", serif; font-size: 20px; font-weight: bold; display:inline-block; width: 3px;}
 
.required {color: Red; /*required*/
    font-family: "Calibri", serif; font-size: 20px; font-weight: bold; display:inline-block; width: 500px;}
    
.red-star {color: Red; /* The * is red */
    font-family: "Arial", serif; font-size: 20px; text-align: right; font-weight: bold; display:inline-block; margin-left: 60px; width: 3px;}    
    
.formerror {color: Red; /*form error*/
    font-family: "Calibri", serif; font-size: 20px; font-weight: bold; display:inline-block;}    
    
.success {color: green; /* success */
    font-family: "Calibri", serif; font-size: 20px; font-weight: bold;}   
    
.duplicate {color: red; /* duplicat */
    font-family: "Calibri", serif; font-size: 20px; font-weight: bold;}   

/*labels and inuts ------------------------------------------------------------------------*/
.la45 {color: Red; font-family: "Calibri", serif; font-size: 20px; font-weight: bold; margin-left: -625px;}

.la32 {color: white; /*Personal Information Header*/
   font-family: "Calibri", serif; font-size: 25px; font-weight: bold; vertical-align: middle; line-height: 40px; background: dimgray; display:inline-block; width: 1000px;} 

/* line 1 ----------------------------------------------------------------------*/
.la1 {color: dimgray; /*Name*/
    font-family: "Calibri", serif; font-size: 20px; text-align: left; display:inline-block;
    margin-left: -15px;}

.in1 {color: Black; /*Name*/
    font-family: "Calibri", serif; font-size: 18px; width: 250px; text-transform: capitalize; padding: 3px 3px; border-width: thin; border-color: dimgray; border-radius: 2px;
    margin-bottom: 10px;
    margin-left: 15px;
    margin-right: 5px;}

.la18 {color: dimgray; /*Birthdate*/
    font-family: "Calibri", serif; font-size: 20px; text-align: right; display:inline-block; width: 110px;}
    
.in18 {color: Black; /*Birthdate*/
    font-family: "Calibri", serif; font-size: 18px; width: 135px; padding: 3px 3px; border-width: thin; border-color: dimgray; border-radius: 2px;
    margin-bottom: 10px;
    margin-right: 5px;}    
    
.la2 {color: dimgray; /*Age*/
    font-family: "Calibri", serif; font-size: 20px; text-align: right; display:inline-block; width: 60px;}
    
.in2 {color: Black; /*Age*/
    font-family: "Calibri", serif; font-size: 18px; width: 95px; padding: 3px 3px; border-width: thin; border-color: dimgray; border-radius: 2px;
    margin-bottom: 10px;
    margin-right: 5px;}    

/* line 2 ----------------------------------------------------------------------*/
.la7 {color: dimgray; /*Address*/
    font-family: "Calibri", serif; font-size: 20px; text-align: right; display:inline-block;
    margin-left: 45px;}
    
.in7 {color: Black; /*Address*/
    font-family: "Calibri", serif; font-size: 18px; width: 250px; text-transform: capitalize; padding: 3px 3px; border-width: thin; border-color: dimgray; border-radius: 2px;
    margin-bottom: 20px;
    margin-right: 5px;}    

.la8 {color: dimgray; /*City*/
    font-family: "Calibri", serif; font-size: 20px; text-align: right; display:inline-block; width: 45px;}

.in8 {color: Black; /*City*/
    font-family: "Calibri", serif; font-size: 18px; width: 180px; text-transform: capitalize; padding: 3px 3px; border-width: thin; border-color: dimgray; border-radius: 2px;
    margin-bottom: 20px;
    margin-right: 5px;}

.la22 {color: dimgray; /*Postal Code*/
    font-family: "Calibri", serif; font-size: 20px; text-align: right; display:inline-block; width: 120px;
    margin-left: 20px;}

.in22 {color: Black; /*Postal Code*/
    font-family: "Calibri", serif; font-size: 18px; width: 85px; text-transform: uppercase; padding: 3px 3px; border-width: thin; border-color: dimgray; border-radius: 2px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 5px;}

/* line 3 ----------------------------------------------------------------------*/
.la13 {color: dimgray; /*Phone Number comment*/
    font-family: "Calibri", serif; font-size: 20px; text-align: right; display:inline-block;
    margin-left: -350px;}

.la14 {color: black; /*Phone Number*/
    font-family: "Calibri", serif; font-size: 15px; text-align: left; display:inline-block; width: 250px;
    margin-left: 0;} 
    
.la9 {color: dimgray; /*Home #*/
    font-family: "Calibri", serif; font-size: 20px; text-align: right; display:inline-block;    
    margin-left: -50px;}
    
.in9 {color: Black; /*Home #*/
    font-family: "Calibri", serif; font-size: 18px; width: 150px; padding: 3px 3px; border-width: thin; border-color: dimgray; border-radius: 2px;
    margin-left: 15px;
    margin-bottom: 5px;}    
    
.la10 {color: dimgray; /*Cell #*/
    font-family: "Calibri", serif; font-size: 20px; text-align: right; display:inline-block; width: 65px;    
    margin-left: 10px;}
    
.in10 {color: Black; /*Cell #*/
    font-family: "Calibri", serif; font-size: 18px; width: 150px; padding: 3px 3px; border-width: thin; border-color: dimgray; border-radius: 2px;
    margin-left: 10px;
    margin-bottom: 5px;}
    
.la11 {color: dimgray; /*Business #*/
    font-family: "Calibri", serif; font-size: 20px; text-align: right; display:inline-block; width: 100px;} 

.in11 {color: Black; /*Business #*/
    font-family: "Calibri", serif; font-size: 18px; width: 150px; padding: 3px 3px; border-width: thin; border-color: dimgray; border-radius: 2px;
    margin-left: 15px;
    margin-bottom: 5px;}

/* line 4 dropdown2 ----------------------------------------------------------------------*/
.la19 {color: dimgray; /*Text Prefered*/
    font-family: "Calibri", serif; font-size: 20px; text-align: right; display:inline-block;
    margin-left: -80px;}
    
/* line 5 ----------------------------------------------------------------------*/    
.la3 {color: dimgray; /*E-mail*/
    font-family: "Calibri", serif; font-size: 20px; text-align: right; display:inline-block;
    margin-left: -20px;}
    
.in3 {color: Black; /*Email*/
    font-family: "Calibri", serif; font-size: 18px; width: 280px; padding: 3px 3px; border-width: thin; border-color: dimgray; border-radius: 2px;
    margin-bottom: 5px;
    margin-left: 15px;
    margin-right: 5px;}    

.la4 {color: dimgray; /*Occupation*/
    font-family: "Calibri", serif; font-size: 20px; text-align: right; display:inline-block; width: 130px;}

.in4 {color: Black; /*Occupation*/
    font-family: "Calibri", serif; font-size: 18px; width: 280px; text-transform: capitalize; padding: 3px 3px; border-width: thin; border-color: dimgray; border-radius: 2px;
    margin-bottom: 5px;}

.la15 {color: white; /*Emergency Contact information Header*/
    font-family: "Calibri", serif; font-size: 25px; font-weight: bold; vertical-align: middle; line-height: 40px; background: dimgray; display:inline-block; width: 1000px;} 

/* line 6 ----------------------------------------------------------------------*/    
.la16 {color: dimgray; /*Emergency Contact Name*/
    font-family: "Calibri", serif; font-size: 20px; text-align: right; display:inline-block;
    margin-left: -235px;}

.in16 {color: Black; /*Emergency Contact Name*/
    font-family: "Calibri", serif; font-size: 18px; width: 250px; text-transform: capitalize; padding: 3px 3px; border-width: thin; border-color: dimgray; border-radius: 2px;
    margin-bottom: 5px;
    margin-left: 20px;
    margin-right: 5px;}
    
.la17 {color: dimgray; /*Emergency Contact Phone*/
    font-family: "Calibri", serif; font-size: 20px; text-align: right; display:inline-block; width: 90px;}    

.in17 {color: Black; /*Emergency Contact Phone*/
    font-family: "Calibri", serif; font-size: 18px; width: 120px; padding: 3px 3px; border-width: thin; border-color: dimgray; border-radius: 2px;
    margin-bottom: 5px;
    margin-right: 5px;}

.la33 {color: white; /*Additional Information Header*/
    font-family: "Calibri", serif; font-size: 25px; font-weight: bold; vertical-align: middle; line-height: 40px; background: dimgray; display:inline-block; width: 1000px;}

/* line 7 ----------------------------------------------------------------------*/
.la6 {color: dimgray; /*Applying to Play + dropdown*/
    font-family: "Calibri", serif; font-size: 20px; text-align: right; display:inline-block;
    margin-left: -50px;}

.la21 {color: dimgray; /*Playing  + dropdown*/
    font-family: "Calibri", serif; font-size: 20px; text-align: right; display:inline-block; width: 160px;}    
    
.la20 {color: dimgray; /*Rate Yourself  + dropdown2*/
    font-family: "Calibri", serif; font-size: 20px; text-align: right; display:inline-block; width: 140px;}

/* line 8 ----------------------------------------------------------------------*/    
.la30 {color: dimgray; /*Prize + dropdown2*/
    font-family: "Calibri", serif; font-size: 20px; text-align: right; display:inline-block;}

.la12 {color: #404040; /*Surname etc*/
    font-family: "Arial", serif; font-size: 18px; text-align: left; display: inline-block;
    margin-left: 10px; width: 190px;}

.in12 {color: Black; /*Surname input etc*/
    font-family: "Arial", serif; font-size: 16px; width: 580px; text-transform: capitalize; padding: 3px 3px; border-width: thin; border-color: solid gray; border-radius: 4px;
    margin-bottom: 1px;
    margin-left: 40px;} 
    
.in13 {color: Black; /*postal code all uppercase*/
    font-family: "Arial", serif; font-size: 16px; width: 580px; text-transform: uppercase; padding: 3px 3px; border-width: thin; border-color: solid gray; border-radius: 4px;
    margin-bottom: 1px;
    margin-left: 40px;}    

.la5 {color: dimgray; /*Comment*/
    font-family: "Calibri", serif; font-size: 20px; text-align: left; display:inline-block; width: 500px;
    margin-left: -350px;} 

.in5 {color: Black; /*Comment*/
    font-family: "Calibri", serif; font-size: 15px; width: 850px; padding: 3px 3px; border-width: thin; border-color: dimgray; border-radius: 2px;
    margin-bottom: 5px;}


.la31 {color: white; /*Player Waiver Acknowledment  Header*/
   font-family: "Calibri", serif; font-size: 25px; font-weight: bold; vertical-align: middle; line-height: 40px; background: dimgray; display:inline-block; width: 1000px;} 
    
.la23 {color: dimgray; /*Acknowledgment*/
    font-family: "Calibri", serif; font-size: 20px; text-align: right; display:inline-block; width: 200px;}
    
.la34 {color: dimgray; /*date submitted for Application View*/
    font-family: "Calibri", serif; font-size: 20px; text-align: left; display:inline-block; width: 150px; }
    
.la40 {color: black; /*labels for dropdowns in Application View*/
    font-family: "Calibri", serif; font-size: 18px; text-align: center; display:inline-block; width: 75px;
    padding: 1px 1px; border: solid black; border-width: thin; background-color: white; border-radius: 2px;} 
    
.la1v {color: dimgray; /*Name award vote*/
    font-family: "Calibri", serif; font-size: 20px; text-align: right; display:inline-block;
    margin-left: 0;} 
    
.la2v {color: dimgray; /*E-mail award vote*/
    font-family: "Calibri", serif; font-size: 20px; text-align: right; display:inline-block;
    margin-left: 30px;}
    
.la3v {color: dimgray; /*Team award vote*/
    font-family: "Calibri", serif; font-size: 20px; text-align: right; display:inline-block;
    margin-left: -10px;}  

.la4v {color: dimgray; /*player award vote*/
    font-family: "Calibri", serif; font-size: 20px; text-align: left; display:inline-block;
    margin-left: 0;}     

.la5v {color: dimgray; /*team select award vote*/
    font-family: "Calibri", serif; font-size: 20px; text-align: left; display:inline-block;
    margin-left: -25px;}
    
.la6v {color: Black; font-family: "Calibri", serif; font-size: 20px;}

.la7v {color: Red; font-family: "Calibri", serif; font-size: 20px; font-weight: bold;}

/*Text Box for waiver--------------------------------------------------------------------*/
.tb3  {color: Black; /*Waiver*/
    font-family: "Calibri", serif; font-size: 14px; width: 850px; height: 210px; padding: 3px 3px; border-width: thin; border-color: dimgray; border-radius: 2px;
    margin-bottom: 10px;}

/*Dropdowns-------------------------------------------------------------------*/
.dropdown {background:white;
   font-family: "Calibri", serif; font-size: 18px;  text-align: center; width: 90px; padding: 1px 1px; border-width: thin; border-color: dimgray; border-radius: 2px;
   margin-right: 5px;}

.dropdown2 {background:white;/*Rate yourself Text Prefered and banquet prize*/
   font-family: "Calibri", serif; font-size: 18px;  text-align: center; width: 50px; padding: 1px 1px; border-width: thin; border-color: dimgray; border-radius: 2px;
   margin-right: 5px;}

.dropdown3 {background:white;/*vote award*/
   font-family: "Calibri", serif; font-size: 18px; width: 170px; padding: 1px 1px; border-width: thin; border-color: dimgray; border-radius: 2px;
   margin-left: 0;
   margin-right: 20px;}

.dropdown4 {background:white;/*vote award*/
   font-family: "Calibri", serif; font-size: 18px; width: 240px; padding: 1px 1px; border-width: thin; border-color: dimgray; border-radius: 2px;
   margin-left: 0;}

.dropdown5 {background:white;/*team select awatd vote*/
   font-family: "Calibri", serif; font-size: 18px; width: 240px; padding: 1px 1px; border-width: thin; border-color: dimgray; border-radius: 2px;
   margin-left: 0;}

/*Input Boxes possible not used-------------------------------------------------------------------*/

.in6 {color: Black; /*Not Used*/
    font-family: "Calibri", serif; padding: 3px 3px;
    margin-bottom: 5px;
    margin-right: 140px;}   

.in33 {color: Black; /*Not used*/
    font-family: "Calibri", serif; font-size: 18px; width: 120px; text-transform: capitalize; padding: 3px 3px; border-width: thin; border-color: dimgray; border-radius: 2px;
    margin-right: 780px;}

.in34 {color: Black; /*Date Submitted for Application View*/
    font-family: "Calibri", serif; font-size: 18px; width: 120px; padding: 3px 3px; border: solid black; border-width: thin; border-color: dimgray; border-radius: 2px;
    margin-bottom: 10px;
    margin-right: 60px;}