body { 	font-family: Arial, Helvetica, sans-serif; } 
.myButton { 	-moz-box-shadow: 0px 0px 0px 2px #9fb4f2; 	-webkit-box-shadow: 0px 0px 0px 2px #9fb4f2; 	box-shadow: 0px 0px 0px 2px #9fb4f2; 	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7892c2), color-stop(1, #476e9e)); 	background:-moz-linear-gradient(top, #7892c2 5%, #476e9e 100%); 	background:-webkit-linear-gradient(top, #7892c2 5%, #476e9e 100%); 	background:-o-linear-gradient(top, #7892c2 5%, #476e9e 100%); 	background:-ms-linear-gradient(top, #7892c2 5%, #476e9e 100%); 	background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%); 	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7892c2', endColorstr='#476e9e',GradientType=0); 	background-color:#7892c2; 	-moz-border-radius:10px; 	-webkit-border-radius:10px; 	border-radius:10px; 	border:1px solid #4e6096; 	display:inline-block; 	cursor:pointer; 	color:#ffffff; 	font-family:Arial; 	font-size:17px; 	font-weight:bold; 	padding:5px 28px; 	text-decoration:none; 	text-shadow:0px 1px 0px #283966; } .myButton:hover { 	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #476e9e), color-stop(1, #7892c2)); 	background:-moz-linear-gradient(top, #476e9e 5%, #7892c2 100%); 	background:-webkit-linear-gradient(top, #476e9e 5%, #7892c2 100%); 	background:-o-linear-gradient(top, #476e9e 5%, #7892c2 100%); 	background:-ms-linear-gradient(top, #476e9e 5%, #7892c2 100%); 	background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%); 	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#476e9e', endColorstr='#7892c2',GradientType=0); 	background-color:#476e9e; } .myButton:active { 	position:relative; 	top:1px; } .textbox { margin-left: 2px; background:#FAFE9E; border: 1px solid #ffa853; border-radius: 3px; outline: none; width: 90%; 	display:inline; 	padding:4px; 	} 	 .textbox2 { margin-left: 2px; background:#FAFE9E; border: 1px solid #ffa853; border-radius: 3px; outline: none; width: 90%; 	display:inline; 	padding:4px; 	text-align:center; 	} .input1 { width: 65px; 	display:inline; 	padding:4px; 	font-weight:bold; }	 fieldset { align:center; display: block; margin-left: 2px; margin-right: 2px; padding-top: 0.35em; padding-bottom: 0.625em; padding-left: 0.75em; padding-right: 0.75em; border: 3px solid grey; 	border-radius: 15px; } legend { display: block; padding-left: 4px; padding-right: 4px; border: none; font-weight: bold; font-size: 140%; color: blue; } .main-inner { margin: 10 auto; max-width:550px; } form { margin:auto; position:relative; max-width:550px; height: auto; font-family: Bookman Old Style; font-size: 13px; font-style: normal; line-height: 24px; font-weight: normal; text-decoration: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:10px; border: 1px solid #999; border: inset 1px solid #333; -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); } .ful { float:inherit; text-align:center; } .left{ 	float: left; 	margin: 0; 	padding: 0; 	text-align: right; 	width: 33%; 	font-size: 14px; 	vertical-align:middle; 	min-height: 30px; } .right{ 	float: left; 	margin: 0; 	padding:0; 	text-align:center; 	width: 65%; 	vertical-align:middle; 	display:block; 	min-height: 30px; 	} 	 @media all and (min-width: 250px) and (max-width: 500px) { .left {width: 45%; float:left; text-align: center;} .right {width:45%; float:left; text-align:center;} .ful { float:inherit; text-align:center; } } @media all and (min-width: 500px) { .ful { width:100%; float:inherit; text-align:center; } .input1 { width: 55px; 	display:inline; padding:4px; align: center; } }