div#container
{
   width: 768px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   text-align: center;
}
a
{
   color: #44B1CE;
   text-decoration: none;
}
a:visited
{
   color: #800080;
}
a:active
{
   color: #1E90FF;
}
a:hover
{
   color: #1E90FF;
   text-decoration: none;
}
input:focus, textarea:focus, select:focus
{
   outline: none;
}
#wb_Form1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
}
#Editbox4
{
   border: 1px solid #D3D3D3;
   border-radius: 4px;
   background-color: #FFFFFF;
   background-image: none;
   color: #696969;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 15px;
   line-height: 30px;
   padding: 4px 4px 4px 4px;
   margin: 0px 0px 10px 0px;
   text-align: left;
}
#Editbox4:focus
{
   border-color: #35BAE7;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(53,186,231,0.60);
   outline: 0;
}
#Editbox5
{
   border: 1px solid #D3D3D3;
   border-radius: 4px;
   background-color: #FFFFFF;
   background-image: none;
   color: #696969;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 15px;
   line-height: 30px;
   padding: 4px 4px 4px 4px;
   margin: 0px 0px 10px 0px;
   text-align: left;
}
#Editbox5:focus
{
   border-color: #35BAE7;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(53,186,231,0.60);
   outline: 0;
}
#Button2
{
   border: 1px solid #D3D3D3;
   border-radius: 4px;
   background-color: #FFFFFF;
   background-image: none;
   color: #696969;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 15px;
   padding: 0;
   text-align: center;
   -webkit-appearance: none;
   margin: 25px 0px 50px 0px;
}
#TextArea2
{
   border: 1px solid #D3D3D3;
   border-radius: 4px;
   background-color: #FFFFFF;
   background-image: none;
   color: #696969;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 15px;
   padding: 4px 4px 4px 4px;
   margin: 0;
   text-align: left;
   overflow: auto;
   resize: none;
}
#TextArea2:focus
{
   border-color: #35BAE7;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(53,186,231,0.60);
   outline: 0;
}
#Editbox6
{
   border: 1px solid #D3D3D3;
   border-radius: 4px;
   background-color: #FFFFFF;
   background-image: none;
   color: #696969;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 15px;
   line-height: 30px;
   padding: 4px 4px 4px 4px;
   margin: 0px 0px 10px 0px;
   text-align: left;
}
#Editbox6:focus
{
   border-color: #35BAE7;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(53,186,231,0.60);
   outline: 0;
}
#Editbox5
{
   position: absolute;
   left: 0px;
   top: 50px;
   width: 470px;
   height: 30px;
   z-index: 1;
}
#Editbox6
{
   position: absolute;
   left: 0px;
   top: 100px;
   width: 470px;
   height: 30px;
   z-index: 2;
}
#Button2
{
   position: absolute;
   left: 0px;
   top: 277px;
   width: 480px;
   height: 48px;
   z-index: 4;
}
#TextArea2
{
   position: absolute;
   left: 0px;
   top: 150px;
   width: 470px;
   height: 130px;
   z-index: 3;
}
#Editbox4
{
   position: absolute;
   left: 0px;
   top: 0px;
   width: 470px;
   height: 30px;
   z-index: 0;
}
#wb_Form1
{
   position: absolute;
   left: 0px;
   top: 0px;
   width: 770px;
   height: 400px;
   z-index: 5;
}
@media only screen and (min-width: 768px)
{
div#container
{
   width: 768px;
}
body
{
   background-color: #FFFFFF;
}
#wb_Form1
{
   left: 0px;
   top: 0px;
   width: 768px;
   height: 400px;
   visibility: visible;
   display: inline;
}
#Editbox4
{
   left: 0px;
   top: 0px;
   width: 470px;
   height: 30px;
   visibility: visible;
   display: inline;
   margin: 0px 0px 10px 0px;
   padding: 4px 4px 4px 4px;
   text-align: left;
}
#Editbox4
{
   line-height: 30px;
}
#Editbox5
{
   left: 0px;
   top: 50px;
   width: 470px;
   height: 30px;
   visibility: visible;
   display: inline;
   margin: 0px 0px 10px 0px;
   padding: 4px 4px 4px 4px;
   text-align: left;
}
#Editbox5
{
   line-height: 30px;
}
#Button2
{
   left: 0px;
   top: 277px;
   width: 480px;
   height: 48px;
   visibility: visible;
   display: inline;
   margin: 25px 0px 50px 0px;
   padding: 0;
}
#TextArea2
{
   left: 0px;
   top: 150px;
   width: 470px;
   height: 130px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
}
#Editbox6
{
   left: 0px;
   top: 100px;
   width: 470px;
   height: 30px;
   visibility: visible;
   display: inline;
   margin: 0px 0px 10px 0px;
   padding: 4px 4px 4px 4px;
   text-align: left;
}
#Editbox6
{
   line-height: 30px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px)
{
div#container
{
   width: 480px;
}
body
{
   background-color: #FFFFFF;
   background-image: none;
}
#wb_Form1
{
   left: 0px;
   top: 0px;
   width: 493px;
   height: 400px;
   visibility: visible;
   display: inline;
}
#Editbox4
{
   left: 0px;
   top: 0px;
   width: 470px;
   height: 30px;
   visibility: visible;
   display: inline;
   margin: 0px 0px 10px 0px;
   padding: 4px 4px 4px 4px;
   text-align: left;
}
#Editbox4
{
   line-height: 30px;
}
#Editbox5
{
   left: 0px;
   top: 50px;
   width: 470px;
   height: 30px;
   visibility: visible;
   display: inline;
   margin: 0px 0px 10px 0px;
   padding: 4px 4px 4px 4px;
   text-align: left;
}
#Editbox5
{
   line-height: 30px;
}
#Button2
{
   left: 0px;
   top: 277px;
   width: 480px;
   height: 48px;
   visibility: visible;
   display: inline;
   margin: 25px 0px 50px 0px;
   padding: 0;
}
#TextArea2
{
   left: 0px;
   top: 150px;
   width: 470px;
   height: 130px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
}
#Editbox6
{
   left: 0px;
   top: 100px;
   width: 470px;
   height: 30px;
   visibility: visible;
   display: inline;
   margin: 0px 0px 10px 0px;
   padding: 4px 4px 4px 4px;
   text-align: left;
}
#Editbox6
{
   line-height: 30px;
}
}
@media only screen and (max-width: 479px)
{
div#container
{
   width: 320px;
}
body
{
   background-color: #FFFFFF;
   background-image: none;
}
#wb_Form1
{
   left: 0px;
   top: 0px;
   width: 300px;
   height: 400px;
   visibility: visible;
   display: inline;
}
#Editbox4
{
   left: 0px;
   top: 0px;
   width: 290px;
   height: 30px;
   visibility: visible;
   display: inline;
   margin: 0px 0px 10px 0px;
   padding: 4px 4px 4px 4px;
   text-align: left;
}
#Editbox4
{
   line-height: 30px;
}
#Editbox5
{
   left: 0px;
   top: 50px;
   width: 290px;
   height: 30px;
   visibility: visible;
   display: inline;
   margin: 0px 0px 10px 0px;
   padding: 4px 4px 4px 4px;
   text-align: left;
}
#Editbox5
{
   line-height: 30px;
}
#Button2
{
   left: 0px;
   top: 277px;
   width: 300px;
   height: 48px;
   visibility: visible;
   display: inline;
   margin: 25px 0px 50px 0px;
   padding: 0;
}
#TextArea2
{
   left: 0px;
   top: 150px;
   width: 290px;
   height: 130px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
}
#Editbox6
{
   left: 0px;
   top: 100px;
   width: 290px;
   height: 30px;
   visibility: visible;
   display: inline;
   margin: 0px 0px 10px 0px;
   padding: 4px 4px 4px 4px;
   text-align: left;
}
#Editbox6
{
   line-height: 30px;
}
}