#box {  
    margin-bottom: 20px;
    padding: 10px;
    background: #fff;
    border: 1px solid #aeaeae;
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.1);
    color: #565656;
}

#terms {
	border: 1px solid #aeaeae; 
	height: 200px;
	width:700px;
	margin:auto;
	overflow:auto; 
	padding:10px 15px 10px 15px;
	font-size:0.9em;
	background:#f6f6f6;
}

#login {
	height: auto;
	width:600px;
	margin:auto;
	overflow:auto; 
	padding:10px 15px 10px 15px;
	font-size:0.9em;
}

#button-strip {
	height: 20px;
	width: auto;
	padding-top:20px;
	padding-bottom:10px;
	text-align:center;
}

#footer-text {
	height: 20px;
	width: auto;
	padding-top:20px;
	padding-bottom:10px;
	text-align:center;
	font-size:0.8em;
}

h1 {
	margin: -11px;
	margin-bottom: 20px;
	padding: 8px !important;
	background: -webkit-gradient(linear,left top,left bottom,from(#ddd),to(#ccc));
	background: -moz-linear-gradient(center bottom,#ccc,#ddd);
	border: 1px solid #aeaeae !important;
	border-bottom-color: #bbb !important;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
	font: bold 10pt Helvetica,Arial,sans-serif !important;
	color: #575757 !important;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}

body {
    width: 800px;
	margin: 0 auto;
	padding:  50px 20px 60px 20px;
	background: #ededed !important;
	font: 10pt/15pt Helvetica,Arial,sans-serif;
}

a {
	text-decoration: none;
	color: #3b7ab0;
}

a img {
	border: none;
}

a:hover {
	color: #448cc8;
}

.link a, input[type=button], button {
padding:8px 12px;
background:#00A4FA;
border-bottom:1px solid rgba(0, 0, 0, 0.5);
color:#fff;
font-weight:bold;
text-decoration:none;
background-image: -moz-linear-gradient(top, #00A4FA, #0080FF); 
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #00A4FA),color-stop(1, #0080FF)); 
text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
cursor:pointer;
border-top:none;
border-right:none;
border-left:none;
font-family:Helvetica, Arial, sans-serif;
font-size:inherit;
}

.link a:hover, input[type=button]:hover, button:hover {
background-image: -moz-linear-gradient(top, #3fadff, #0080FF);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #3fadff),color-stop(1, #0080FF));
}

.errorbox {
	padding:.8em .8em .8em .8em;
	margin-bottom:1em;-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	border-radius:5px; 
	border:2px solid #fff; 
	box-shadow:0 1px 2px rgba(0,0,0,0.15); 
	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.15); 
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.15);
	background:#FFE6DB;
	color:#8a1f11;

}

.link a, input[type=submit], button {
padding:8px 12px;
background:#f4ba30;
border-bottom:1px solid rgba(0, 0, 0, 0.5);
color:#fff;
font-weight:bold;
text-decoration:none;

background-image: -moz-linear-gradient(top, #f4ba30, #f6b417); /* FF3.6 */
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f4ba30),color-stop(1, #f6b417)); /* Saf4+, Chrome */
filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f4ba30', EndColorStr='#f6b417'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f4ba30', EndColorStr='#f6b417')"; /* IE8 */
text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
cursor:pointer;
border-top:none;
border-right:none;
border-left:none;
font-family:Arial, Helvetica, sans-serif;
font-size:inherit;
}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_2 {
	margin-left: auto;
	margin-right: auto;
	width: 580px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/


.grid_1,
.grid_2 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}



.push_1, .pull_1,
.push_2, .pull_2 {
	position:relative;
}


/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/


.container_2 .grid_1 {
	width:270px;
}

.container_2 .grid_2 {
	width:580px;
}

/* Prefix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/


.container_2 .prefix_1 {
	padding-left:270px;
}



/* Suffix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/


.container_2 .suffix_1 {
	padding-right:270px;
}



/* Push Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/


.container_2 .push_1 {
	left:270px;
}



/* Pull Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/


.container_2 .pull_1 {
	left:-270px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}