html, body
{
   height: 100%;
}
div#space
{
   width: 1px;
   height: 50%;
   margin-bottom: -500px;
   float:left
}
div#container
{
   width: 970px;
   height: 1000px;
   margin: 0 auto;
   position: relative;
   clear: left;
}
body
{
   background-color: #A9A9A9;
   background-image: url('images/signUp_bkgrnd.png');
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#Shape3
{
   border-width: 0;
   vertical-align: top;
}
#Shape2
{
   border-width: 0;
   vertical-align: top;
}
#Shape1
{
   border-width: 0;
   vertical-align: top;
}
#wb_Image1
{
   direction: ltr;
   vertical-align: top;
}
#Image1
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Button1
{
   box-sizing: border-box;
   line-height: 24px;
   text-decoration: none;
   vertical-align: top;
   border: 1px dashed #C0C0C0;
   border-radius: 7px;
   background-color: #106635;
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 15px;
   padding: 1px 6px 1px 6px;
   text-align: center;
   -webkit-appearance: none;
   margin: 0;
}
}
#Button1:focus
{
   outline: 0;
}
#wb_Form1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 0px;
}
#Editbox1
{
   border: 1px solid #000000;
   border-radius: 4px;
   background-color: rgba(0,0,0,0.35);
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   line-height: 18px;
   margin: 0;
   text-align: center;
   padding: 4px 4px 4px 4px;
}
#Editbox1:focus
{
   border-color: #000000;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(0,0,0,0.60);
   outline: 0;
}
#Editbox1::placeholder
{
   color: #FFFFFF;
   opacity: 1;
}
#Editbox1::-ms-input-placeholder
{
   color: #FFFFFF;
}
#Editbox2
{
   border: 1px solid #000000;
   border-radius: 4px;
   background-color: rgba(0,0,0,0.35);
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   line-height: 16px;
   margin: 0;
   text-align: center;
   padding: 4px 4px 4px 4px;
}
#Editbox2:focus
{
   border-color: #000000;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(0,0,0,0.60);
   outline: 0;
}
#Editbox2::placeholder
{
   color: #FFFFFF;
   opacity: 1;
}
#Editbox2::-ms-input-placeholder
{
   color: #FFFFFF;
}
#Editbox3
{
   border: 1px solid #000000;
   border-radius: 4px;
   background-color: rgba(0,0,0,0.35);
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   line-height: 16px;
   margin: 0;
   text-align: center;
   padding: 4px 4px 4px 4px;
}
#Editbox3:focus
{
   border-color: #000000;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(0,0,0,0.60);
   outline: 0;
}
#Editbox3::placeholder
{
   color: #FFFFFF;
   opacity: 1;
}
#Editbox3::-ms-input-placeholder
{
   color: #FFFFFF;
}
#Editbox4
{
   border: 1px solid #000000;
   border-radius: 4px;
   background-color: rgba(0,0,0,0.35);
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   line-height: 16px;
   margin: 0;
   text-align: center;
   padding: 4px 4px 4px 4px;
}
#Editbox4:focus
{
   border-color: #000000;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(0,0,0,0.60);
   outline: 0;
}
#Editbox4::placeholder
{
   color: #FFFFFF;
   opacity: 1;
}
#Editbox4::-ms-input-placeholder
{
   color: #FFFFFF;
}
#Editbox5
{
   border: 1px solid #000000;
   border-radius: 4px;
   background-color: rgba(0,0,0,0.35);
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   line-height: 16px;
   margin: 0;
   text-align: center;
   padding: 4px 4px 4px 4px;
}
#Editbox5:focus
{
   border-color: #000000;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(0,0,0,0.60);
   outline: 0;
}
#Editbox5::placeholder
{
   color: #FFFFFF;
   opacity: 1;
}
#Editbox5::-ms-input-placeholder
{
   color: #FFFFFF;
}
#Editbox6
{
   border: 1px solid #000000;
   border-radius: 4px;
   background-color: rgba(0,0,0,0.35);
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   line-height: 16px;
   margin: 0;
   text-align: center;
   padding: 4px 4px 4px 4px;
}
#Editbox6:focus
{
   border-color: #000000;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(0,0,0,0.60);
   outline: 0;
}
#Editbox6::placeholder
{
   color: #FFFFFF;
   opacity: 1;
}
#Editbox6::-ms-input-placeholder
{
   color: #FFFFFF;
}
#Select1
{
   border: 1px solid #000000;
   border-radius: 4px;
   background-color: rgba(0,0,0,0.35);
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   margin: 0;
   text-align: center;
   padding: 4px 4px 4px 4px;
   box-sizing: border-box;
}
#Select1:focus
{
   border-color: #000000;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(0,0,0,0.60);
   outline: 0;
}
#Editbox7
{
   border: 1px solid #000000;
   border-radius: 4px;
   background-color: rgba(0,0,0,0.35);
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   line-height: 16px;
   margin: 0;
   text-align: center;
   padding: 4px 4px 4px 4px;
}
#Editbox7:focus
{
   border-color: #000000;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(0,0,0,0.60);
   outline: 0;
}
#Editbox7::placeholder
{
   color: #FFFFFF;
   opacity: 1;
}
#Editbox7::-ms-input-placeholder
{
   color: #FFFFFF;
}
#Editbox8
{
   border: 1px solid #000000;
   border-radius: 4px;
   background-color: rgba(0,0,0,0.35);
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   line-height: 16px;
   margin: 0;
   text-align: center;
   padding: 4px 4px 4px 4px;
}
#Editbox8:focus
{
   border-color: #000000;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(0,0,0,0.60);
   outline: 0;
}
#Editbox8::placeholder
{
   color: #FFFFFF;
   opacity: 1;
}
#Editbox8::-ms-input-placeholder
{
   color: #FFFFFF;
}
#Editbox9
{
   border: 1px solid #000000;
   border-radius: 4px;
   background-color: rgba(0,0,0,0.35);
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   line-height: 16px;
   margin: 0;
   text-align: center;
   padding: 4px 4px 4px 4px;
}
#Editbox9:focus
{
   border-color: #000000;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(0,0,0,0.60);
   outline: 0;
}
#Editbox9::placeholder
{
   color: #FFFFFF;
   opacity: 1;
}
#Editbox9::-ms-input-placeholder
{
   color: #FFFFFF;
}
#Button2
{
   border: 1px dashed #FFFFFF;
   border-radius: 7px;
   background-color: #106635;
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   padding: 1px 6px 1px 6px;
   text-align: center;
   -webkit-appearance: none;
   margin: 0;
}
}
#Button2:focus
{
   outline: 0;
}
#wb_Text2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: right;
}
#wb_Text2
{
   color: #F5F5F5;
   font-family: Arial;
   font-weight: 400;
   font-size: 11px;
   line-height: 12px;
}
#wb_Text2 p, #wb_Text2 ul
{
   margin: 0;
   padding: 0;
}
#Editbox5
{
   position: absolute;
   left: 414px;
   top: 84px;
   width: 32px;
   height: 16px;
   z-index: 3;
}
#wb_Shape1
{
   position: absolute;
   left: 243px;
   top: 86px;
   width: 484px;
   height: 392px;
   opacity: 0.60;
   z-index: 14;
}
#Editbox6
{
   position: absolute;
   left: 256px;
   top: 120px;
   width: 190px;
   height: 16px;
   z-index: 4;
}
#wb_Shape2
{
   position: absolute;
   left: 277px;
   top: 86px;
   width: 313px;
   height: 391px;
   opacity: 0.60;
   visibility: hidden;
   z-index: 13;
}
#Button2
{
   position: absolute;
   left: 14px;
   top: 164px;
   width: 127px;
   height: 27px;
   z-index: 9;
}
#Editbox7
{
   position: absolute;
   left: 14px;
   top: 48px;
   width: 190px;
   height: 16px;
   z-index: 6;
}
#wb_Image1
{
   position: absolute;
   left: 243px;
   top: 6px;
   width: 186px;
   height: 186px;
   z-index: 15;
}
#wb_Shape3
{
   position: absolute;
   left: 243px;
   top: 86px;
   width: 320px;
   height: 498px;
   opacity: 0.60;
   visibility: hidden;
   z-index: 12;
}
#Button1
{
   position: absolute;
   left: 556px;
   top: 118px;
   width: 124px;
   height: 28px;
   z-index: 16;
}
#Editbox1
{
   position: absolute;
   left: 256px;
   top: 10px;
   width: 190px;
   height: 18px;
   z-index: 11;
}
#Editbox2
{
   position: absolute;
   left: 256px;
   top: 48px;
   width: 190px;
   height: 16px;
   z-index: 0;
}
#Editbox3
{
   position: absolute;
   left: 256px;
   top: 84px;
   width: 84px;
   height: 16px;
   z-index: 1;
}
#Shape1
{
   width: 484px;
   height: 392px;
}
#Shape2
{
   width: 313px;
   height: 391px;
}
#Shape3
{
   width: 320px;
   height: 498px;
}
#wb_Text2
{
   position: absolute;
   left: 292px;
   top: 71px;
   width: 164px;
   height: 19px;
   text-align: right;
   z-index: 10;
}
#Editbox8
{
   position: absolute;
   left: 14px;
   top: 84px;
   width: 190px;
   height: 16px;
   z-index: 7;
}
#Editbox9
{
   position: absolute;
   left: 14px;
   top: 120px;
   width: 190px;
   height: 16px;
   z-index: 8;
}
#Select1
{
   position: absolute;
   left: 14px;
   top: 10px;
   width: 200px;
   height: 28px;
   z-index: 5;
}
#Editbox4
{
   position: absolute;
   left: 361px;
   top: 84px;
   width: 32px;
   height: 16px;
   z-index: 2;
}
#wb_Form1
{
   position: absolute;
   left: 253px;
   top: 192px;
   width: 465px;
   height: 213px;
   z-index: 17;
}
@media only screen and (max-width: 969px) and (orientation: portrait)
{
div#container
{
   width: 320px;
   height: 1000px;
}
body
{
   background-color: #A9A9A9;
   background-image: url('images/signUp_bkgrnd320.png');
}
#wb_Shape3
{
   left: 0px;
   top: 49px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_Shape2
{
   left: 277px;
   top: 86px;
   visibility: hidden;
   display: none;
   margin: 0;
}
#wb_Shape1
{
   left: 243px;
   top: 86px;
   visibility: hidden;
   display: none;
   margin: 0;
}
#wb_Image1
{
   left: 0px;
   top: 6px;
   width: 88px;
   height: 88px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#Button1
{
   left: 16px;
   top: 94px;
   width: 124px;
   height: 28px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#Button1
{
   line-height: 24px;
}
#wb_Form1
{
   left: 24px;
   top: 155px;
   width: 270px;
   height: 363px;
   visibility: visible;
   display: inline;
}
#Editbox1
{
   left: 32px;
   top: 17px;
   width: 190px;
   height: 18px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: center;
}
#Editbox1
{
   line-height: 18px;
}
#Editbox2
{
   left: 32px;
   top: 50px;
   width: 190px;
   height: 16px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: center;
}
#Editbox2
{
   line-height: 16px;
}
#Editbox3
{
   left: 32px;
   top: 96px;
   width: 84px;
   height: 16px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: center;
}
#Editbox3
{
   line-height: 16px;
}
#Editbox4
{
   left: 137px;
   top: 96px;
   width: 32px;
   height: 16px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: center;
}
#Editbox4
{
   line-height: 16px;
}
#Editbox5
{
   left: 190px;
   top: 96px;
   width: 32px;
   height: 16px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: center;
}
#Editbox5
{
   line-height: 16px;
}
#Editbox6
{
   left: 32px;
   top: 127px;
   width: 190px;
   height: 16px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: center;
}
#Editbox6
{
   line-height: 16px;
}
#Select1
{
   left: 32px;
   top: 158px;
   width: 200px;
   height: 28px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 4px 4px 4px 4px;
}
#Editbox7
{
   left: 32px;
   top: 191px;
   width: 190px;
   height: 16px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: center;
}
#Editbox7
{
   line-height: 16px;
}
#Editbox8
{
   left: 32px;
   top: 222px;
   width: 190px;
   height: 16px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: center;
}
#Editbox8
{
   line-height: 16px;
}
#Editbox9
{
   left: 32px;
   top: 253px;
   width: 190px;
   height: 16px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: center;
}
#Editbox9
{
   line-height: 16px;
}
#Button2
{
   left: 69px;
   top: 316px;
   width: 127px;
   height: 27px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#wb_Text2
{
   left: 164px;
   top: 77px;
   width: 95px;
   height: 19px;
   visibility: visible;
   display: inline;
}
#wb_Text2
{
   font-family: Arial;
   font-weight: 400;
   font-size: 16px;
   margin: 0;
   padding: 0;
   text-align: center;
   line-height: 18px;
}
}