#square
{
	position: relative;
	margin-top: 10px;
	margin-left: 10px;
	width: 97%;
	height: 85%;
	background: rgb(47,47,47); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(47,47,47,1) 0%, rgba(50,50,50,1) 39%, rgba(55,55,55,1) 64%, rgba(60,60,60,1) 74%, rgba(67,67,67,1) 81%, rgba(91,91,91,1) 82%, rgba(93,93,93,1) 86%, rgba(68,68,68,1) 93%, rgba(42,42,42,1) 97%, rgba(36,36,36,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(47,47,47,1)), color-stop(39%,rgba(50,50,50,1)), color-stop(64%,rgba(55,55,55,1)), color-stop(74%,rgba(60,60,60,1)), color-stop(81%,rgba(67,67,67,1)), color-stop(82%,rgba(91,91,91,1)), color-stop(86%,rgba(93,93,93,1)), color-stop(93%,rgba(68,68,68,1)), color-stop(97%,rgba(42,42,42,1)), color-stop(100%,rgba(36,36,36,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(47,47,47,1) 0%,rgba(50,50,50,1) 39%,rgba(55,55,55,1) 64%,rgba(60,60,60,1) 74%,rgba(67,67,67,1) 81%,rgba(91,91,91,1) 82%,rgba(93,93,93,1) 86%,rgba(68,68,68,1) 93%,rgba(42,42,42,1) 97%,rgba(36,36,36,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(47,47,47,1) 0%,rgba(50,50,50,1) 39%,rgba(55,55,55,1) 64%,rgba(60,60,60,1) 74%,rgba(67,67,67,1) 81%,rgba(91,91,91,1) 82%,rgba(93,93,93,1) 86%,rgba(68,68,68,1) 93%,rgba(42,42,42,1) 97%,rgba(36,36,36,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(47,47,47,1) 0%,rgba(50,50,50,1) 39%,rgba(55,55,55,1) 64%,rgba(60,60,60,1) 74%,rgba(67,67,67,1) 81%,rgba(91,91,91,1) 82%,rgba(93,93,93,1) 86%,rgba(68,68,68,1) 93%,rgba(42,42,42,1) 97%,rgba(36,36,36,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(47,47,47,1) 0%,rgba(50,50,50,1) 39%,rgba(55,55,55,1) 64%,rgba(60,60,60,1) 74%,rgba(67,67,67,1) 81%,rgba(91,91,91,1) 82%,rgba(93,93,93,1) 86%,rgba(68,68,68,1) 93%,rgba(42,42,42,1) 97%,rgba(36,36,36,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f2f2f', endColorstr='#242424',GradientType=0 ); /* IE6-9 */	
}
#information-square
{
	border: #595959 1px solid;
	width: 185px;
	height: 316px;
	margin-top: 17px;
	margin-left: 2%;
	margin-right: 2%;
	float: left;
	overflow: auto;
	background: black;
}
#information-square p
{
	line-height:13pt;
	font-weight: bold;
	font-size: 11px;
	margin: 10px 10px 10px 10px;	
}
.form-square
{
	border: #595959 1px solid;
	background: black;
	width: 73%;
	height: 83.5%;
	margin-top: 17px;
	margin-left: 2%;
	float: left;
}
h1
{
	text-transform: uppercase;
	font-weight: bold;	
}
.form-square p
{
	color: #A9A9A9;
	font-size: 16px;
	margin-top: 20px;
	margin-left: 20px;	
}
.left-table
{
	width: 50%;
	margin-top: 10px;
	float: left;	
}
.left-table p
{
		text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
	letter-spacing: -1px;
	color: white;	
}
.left-table input
{
	background: #101010;
	border: #161616 1px solid;
	height: 27px;
	width: 87%;
	font-size: 18px;
	color: white;	
}
textarea
{
 	background: #101010;
	border: #161616 1px solid;
	resize:none;
	width: 29.1%;
	height: 65px;
	color: white;
	margin-top: -21px;
	margin-left: 15.8%;	
}
#bottom
{
	margin-left: 37.3%;
	width: 63%;
	margin-top: 28px;
}
#bottom p
{
	color: #707070; 
	font-size: 10px; 
	position:absolute; 
	margin-top:11px;		
}
button
{
	width: 25%;
	margin-left: 39%;
height: 30px;
border:none;
background: rgb(0,0,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(41,41,41,1) 7%, rgba(56,56,56,1) 16%, rgba(69,69,69,1) 35%, rgba(89,89,89,1) 77%, rgba(46,46,46,1) 96%, rgba(59,59,59,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(7%,rgba(41,41,41,1)), color-stop(16%,rgba(56,56,156,1)), color-stop(35%,rgba(69,69,69,1)), color-stop(77%,rgba(89,89,89,1)), color-stop(96%,rgba(59,59,59,1)), color-stop(100%,rgba(19,19,19,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(41,41,41,1) 7%,rgba(56,56,56,1) 16%,rgba(69,69,69,1) 35%,rgba(89,89,89,1) 77%,rgba(46,46,46,1) 96%,rgba(59,59,59,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(41,41,41,1) 7%,rgba(56,56,56,1) 16%,rgba(69,69,69,1) 35%,rgba(89,89,89,1) 77%,rgba(46,46,46,1) 96%,rgba(59,59,59,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(41,41,41,1) 7%,rgba(56,56,56,1) 16%,rgba(69,69,69,1) 35%,rgba(89,89,89,1) 77%,rgba(46,46,46,1) 96%,rgba(59,59,59,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(41,41,41,1) 7%,rgba(56,56,56,1) 16%,rgba(69,69,69,1) 35%,rgba(89,89,89,1) 77%,rgba(46,46,46,1) 96%,rgba(59,59,59,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
z-index: 6;
color: white;
text-transform: uppercase;
text-align: center;
font-weight: bold;
cursor: pointer;
}
#black-top-square
{
	width: 76%;
	margin-left: 24.5%;
	position: absolute;
	height: 7px;
	background-color: black;	
}
#black-bottom-square
{
	position: absolute;
	margin-top: 372px; 
	background: black;
	width: 76%;
	height: 5px;
	margin-left: 24.5%;	
}
#square-separation
{
	position: absolute;
	margin-left: 24.5%;
	width: 1px;
	height: 370px;
	margin-top: 7px;
	background: #131313;	
}
#popup-error
{
	background-color: transparent;
	width: 73%;
	height: 300px;
	position: absolute;
	z-index: 100;	
	display: none;
}
.error
{
	background: #151515;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	width: 40%;
	height: auto;
	margin: 17% auto;	
}
.error p
{
	font-size: 20px;
	color: red;	
	text-transform: uppercase;
	margin-top: 23px;
}
#month, #day
{
background: #101010;
border: #161616 1px solid;
height: 27px;
width: 55px;
font-size: 18px;
color: white;	
}
.mm
{
	float: left;	
}
@media only screen and (max-width: 1090px) {
	#bottom
	{
		margin-top: 17px;	
	}
}
@media only screen and (min-width: 769px) {
/*** VERSION NORMAL***/
}
 @media only screen and (max-width: 768px) {
/*** VERSION MOBILE ****/

#information-square
{
	display: none;	
}
.form-square
{
	height: auto;	
	width: 97%;
	margin-left: 1%;
}
.form-square p{font-size: 14px;}
#square
{
	height: 700px;
	float: left;	
}
#black-top-square
{
	display: none;	
}
#black-bottom-square
{
	display: none;	
}
#square-separation
{
	display: none;	
}
textarea
{
	margin-left: 36.8%;
	width: 59.5%;	
	margin-top: -26px;
}
#bottom
{
	margin-left: 0%;
	width: 98%;
	margin-top: 6px;	
}
.left-table input
{
	width: 95%;	
}
.left-table
{
	width: 100%;	
}
#popup-error
{
	width: 100%;
}
.error
{
	width: 50%;
	margin: 50% auto;	
}
.error p
{
	font-size: 30px;	
}
#table input
{	
	width: 95%;
}
#table
{
	width: 100%;	
}
#month
{
	width: 59%!important;	
	margin-left: 14.6%!important;
}
#bd
{
	margin-right: 1%;
	width: 37%;	
}
#day
{
	width: 59%!important;
	margin-top:6px;
	margin-left:18%!important;
}
#bottom p
{
	margin-left: 1%;
	font-size: 9px;	
}
.mm
{
	float: none;	
}
}
@media only screen and (max-width: 767px) {
	.left-table input
{
	width: 85%;	
}
#month, #day
{
	width: 45%!important;	
}
#table input
{	
	width: 85%;
}