@charset "utf-8";
/* CSS Document */
/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, 				
blockquote, th, td { margin:0; padding:0; border:0; outline:0; font-size: 100%; vertical-align:baseline; background: transparent; }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
caption, th { text-align:left }
q:before, q:after { content:''}
/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a { outline: none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */
/* End all resets */			

/* TYPOGRAPHY */
body { text-align: center; font: 12px "Lucida Grande", Arial, Verdana, sans-serif; color: black; }
.formbox { text-align: left; }
.line2 p { position: relative; left: 25px; top: -16px; font-size: 10px }
.line3 p { position: relative; left: 68px; top: -23px; font-size: 10px }
.line4 p { position: relative; left: 68px; top: -23px; font-size: 10px }

.button { color: white; font-size: 14px; text-align: center; margin: auto 0 auto 0 }
.footer { color: white; font-size: 10px; text-align: center;  }

/* EFFECTS */
.button:hover { color: #ff7700; background: white; border: 1px solid #ff7700 }
input:focus { border: 2px solid orange }
a:link, a:visited { text-decoration: none; color: white }
a:hover { text-decoration: underline;  }
.line2 a:link, .line2 a:visited { text-decoration: none; font-weight: bold; color: black }
.line2 a:hover { text-decoration: underline;   }

/* LAYOUT */
body {  vertical-align: top; background: url(../images/background.jpg) no-repeat top center }
label { display: block; height: auto; width: 200px; background: none; float: left; padding-top: 3px }
select { position: relative; padding: 4px 3px; width: 183px; border: 1px solid #cccccc; background: white; float: left; height: 24px }
.line3 label { display: inline; position: relative; top: -3px;  margin-right: 10px}
.wrapper { margin: 0 auto 0 auto; }
.container { height: auto; width: 970px; margin: 0 auto 0 auto; }
.formbox { height: auto; width: 420px; margin: 470px 0 0 0; background: none; padding: 10px; float: left; } 
.line { height: 30px; width: 390px }
.line2 { height: auto; width: 400px; margin: 0; background: none }
.line3 { height: auto; width: 380px; margin: 0; background: none }
.line3 select { width: 55px; left: 0px; top: 0px }
.line4 { height: 45px; width: 340px; margin: 0; background: none }
.line4 select { width: 55px; left: 0px; top: 0px}
.text { position: relative; padding: 4px 3px; width: 175px; background: url(../images/textbox.gif) no-repeat top left; border: 1px solid #cccccc; float: left }
.button { height: 35px; width: 130px; background: #ff7700; border: 2px solid #ffcb9e; margin: 5px 0; cursor: pointer; float: left; display: inline; }
.footer { margin: 10px auto 0 auto; padding: 15px; background: black; }

#secure { float: right; display: inline; margin: -4px 0 0 0; }