@import url('http://assets.trepmal.com/fonts/BeesWax/stylesheet.css');
* { margin:0; padding:0; outline:0; }

.left { float:left; }
.right { float:right; }
img.left, img.right { margin: 0 5px; }
.hidden { display:none; }
.clear { clear:both; }

body {
	text-align:center;
	background: #fff;
	font-family: Helvetica Neue, helvetica, sans-serif;
	font-size: 62.5%;

  background-image: -moz-linear-gradient(top, #bbbbbb, #ffffff); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #bbbbbb),color-stop(1, #ffffff)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#bbbbbb', EndColorStr='#ffffff'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#bbbbbb', EndColorStr='#ffffff')"; /* IE8 */
        
    background-repeat: no-repeat;
}
a {
	color:#000;
}

h1 a {
	text-decoration:none;
}
#page {
	width: 700px;
	margin: 20px auto;
	padding: 30px;
	border: 3px solid #bbb;
	text-align:left;
	font-size:1.4em;
	background:#fff;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-o-border-radius: 15px;
	-khtml-border-radius: 15px;
	border-radius: 15px;
}

h1 { 
	font-family: 'BeesWaxNormal';
	font-size: 4.5em;
	text-transform: uppercase;
	text-align:center;
	margin: 0 0 20px;
}

.confirmed {
	border: 3px solid #3c3;
	background:#dfd;
	margin: 5px 120px;
	padding: 5px;
}

.error {
	border: 3px solid #c33;
	background:#fdd;
	margin: 5px 120px;
	padding: 5px;
}
form {
	overflow:hidden;
}

form p {
	clear:both;
}
form label {
	display:block;
	width: 200px;
	padding:10px 10px;
	text-align:right;
	float:left;
}

form input,
form textarea {
	display:block;
	float:left;
	margin:5px 0;
	padding:5px;
	width: 350px;
	border: 2px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
  /* FIXME :before and :after styles are borked in FF 3.5 */
    form input[type=submit] {
		width: 364px;
        line-height: 1;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border: none;
        border: 1px solid #222222;
        background: #777777;
        color: #fff;
        padding: 7px 18px;
        background: -webkit-gradient(linear, left top, left bottom, from(#777777), to(#333333)); /* for webkit browsers */
        background: -moz-linear-gradient(top,  #777777,  #333333); /* for firefox 3.6+ */
        position: relative;
        cursor: pointer;
        font-weight: 600;
        text-shadow: 0 1px 0 rgba(0,0,0,0.4);
    }
    
    form input[type=submit]:before {
        content: '';
        border-top: 1px solid #000000;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 88%;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
    
    form input[type=submit]:active {
        background: #0a4ad9;
        background: -webkit-gradient(linear, left top, left bottom, from(#0a4ad9), to(#1372e1)); /* for webkit browsers */
        background: -moz-linear-gradient(top,  #0a4ad9,  #1372e1); /* for firefox 3.6+ */
        text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
    }
    
    form input[type=submit]:active:before {
        border: none;
        border-top: none;
    }
    
    form input[type=submit]:active:after {
        content: '';
        border: none;
        border-top: none;
        border-bottom: 1px solid #408fe8;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 88%;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
    
.credit {
	text-align:right;
	width: 760px;
	margin: 0 auto;
	font-size:1.3em;
}