/* GLOBAL RESET */
html, body, address, blockquote, div, h1, h2, h3, h4, h5, h6, hr, noscript, p, pre, dl, dt, dd, ol, ul, li, table, caption, thead, tfoot, tbody, tr, td, th, form, fieldset, legend, label, a, img, object, q, span, abbr, acronym, del, dfn, em, ins, strong { background: transparent; border: none; font-size: 100%; margin: 0; outline: none; padding: 0; vertical-align: baseline; }
a { outline: none; text-decoration: none; }
abbr:hover, acronym:hover { border-bottom: 1px dotted #9e9e9c; cursor: help; }
address { font-style: normal; }
blockquote, q { quotes: none; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
hr { clear: both; height: 1.2em; visibility: hidden; }
html { height: 100%; }
fieldset, img { border: medium none; }
input, button, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
label { cursor: pointer; }
ol, ul { list-style: none; }
:focus { outline: none; }

/* LAYOUT */
body { background: #766A63 url(/assets/img/body.jpg) repeat-x 0% 0%; color: #fff; font: 10px/1.2 Arial, Helvetica, sans-serif; height: 100%; margin: 0 auto; min-width: 960px; }
#container { background: #fff; border: 1px solid #525252; color: #333; margin: 9px auto; width: 784px; }

/* HEADER */
#header { border-bottom: 2px solid #e2e2e2; padding: 0 20px; height: 116px; }
#header h1 a { background: url(/assets/img/personality-perks.jpg) no-repeat 0% 50%; display: block; float: right; height: 116px; text-indent: -999em; width: 366px; }
#header h2 { background: url(/assets/img/personality-hotels.jpg) no-repeat 0% 50%; float: left; height: 116px; text-indent: -999em; width: 161px; }

/* MENU */
#menu { background: #841123; color: #f4ebbc; margin-bottom: 20px; padding: 4px 0; line-height: 1.6; text-align: center; }
#menu li { display: inline; font-size: 1.2em; text-transform: uppercase; }
#menu li a { color: #f4ebbc; padding: 3px 11px; }
#menu li a:hover { background: #f4ebbc; color: #841123; text-decoration: none; }
#menu li.contact a { border-right: none; }

/* CONTENT */
#content { margin: 20px; }
#content a { color: #841123; }
#content a:hover { text-decoration: underline; }
#content .text h3 { color: #841123; font-size: 1.8em; margin-bottom: 20px; }
#content .text p { font-size: 1.2em; margin-bottom: 10px; }
#content .text ul, #content .terms ol { font-size: 1.2em; margin-bottom: 12px; }
#content .text ul li { margin: 0 0 10px 24px; padding-left: 12px; list-style: outside disc; }
#content .text ol li { margin: 0 0 10px 24px; padding-left: 12px; list-style: outside decimal; }

/* INTRO */
#intro { background: url(/assets/img/intro.jpg) repeat-x; color: #fff; padding: 14px 16px; }
#intro img { float: left; margin-right: 20px; }
#intro p { font-size: 1.8em; margin-bottom: 20px; }
#intro ul { font-size: 1.2em; font-weight: bold; }
#intro ul li { margin-bottom: 9px; }

/* LOGIN */
#login { background: #f4ebbc; color: #666; font-size: 1.2em; line-height: 2.25; margin: 12px 0; padding: 7px 16px; }
#login a { float: left; font-weight: bold; }
#login br { clear: both; }
#login button { float: right; line-height: 1.25; }
#login div { margin-left: 128px; width: 232px; }
#login fieldset fieldset { border-top: dotted 1px #d2bd4d; padding: 6px 0; }
#login input { width: 225px; }
#login legend { color: #000; font-size: 1.1667em; font-weight: bold; }
#login label { display: block; float: left; font-weight: bold; margin-right: 12px; text-align: right; width: 116px; }

/* ENROLL */
#enroll { background: #f0f0f0; color: #666; font-size: 1.2em; line-height: 2.25; margin: 12px 0; padding: 7px 16px; }
#enroll a { float: left; font-weight: bold; }
#enroll br { clear: both; }
#enroll button { float: right; line-height: 1.25; }
#enroll div { margin-left: 128px; width: 232px; }
#enroll input { width: 225px; }
#enroll label { display: block; float: left; font-weight: bold; margin-right: 12px; text-align: right; width: 116px; }
#enroll fieldset fieldset { border-top: dotted 1px #989898; padding: 6px 0; }
#enroll fieldset fieldset fieldset { border-top: medium none; padding: 0; }
#enroll fieldset fieldset fieldset label { display: inline; margin-right: 6px; font-weight: normal; width: auto; }
#enroll fieldset fieldset fieldset span { display: block; float: left; font-weight: bold; margin-right: 12px; text-align: right; width: 116px; }
#enroll fieldset fieldset fieldset input { width: auto; }
#enroll legend { color: #000; font-size: 1.1667em; font-weight: bold; }
#enroll #signUp { float: left; margin-bottom: 12px; width: 360px; }
#enroll #signUp select { width: 136px; }
#enroll #signUp #firstName, #enroll #signUp #lastName { width: 108px; }
#enroll #signUp #birthMonth, #enroll #signUp #birthDay, #enroll #signUp #birthYear { width: 69px; }
#enroll #signUp #country { width: 229px; }
#enroll #signUp #state { width: 132px; }
#enroll #signUp #zip { width: 86px; }
#enroll #aboutYou { float: right; width: 330px; }
#enroll #aboutYou select { width: 198px; }
#enroll #aboutYou #favoriteSnack, #enroll #aboutYou #special { width: 194px; }
#enroll #createProfile { clear: both; }
#selectYear { background: #fff; clear: both; font-size: 1.1em;  margin-bottom: 10px; padding: 0; }
#selectYear fieldset label { display: inline; float: none; margin-right: 0; text-align: left; width: auto; }
#selectYear fieldset button { visibility: hidden; float: none; font-weight: bold; }
#selectYear img { vertical-align: middle; visibility: hidden; }
#selectYear fieldset select { margin: 0 3px 0 0; width: auto; }

/* SIDEBAR */
#content-sidebar { float: right; margin-right: 9px; width: 250px; }

/* TAGLINE */
#tagline { background: url(/assets/img/tagline.jpg) no-repeat 50% 0%; padding-top: 80px; width: 100%; }
#tagline a { color: #841123; }
#tagline a:hover { text-decoration: underline; }
#tagline p { margin: 0 20px 20px; font-size: 0.9em; text-align: justify; }

/* FOOTER */
#footer { border-top: 2px solid #e2e2e2; color: #333; font-size: 1.1em; padding: 20px 20px 24px; }
#footer a { color: #841123; }
#footer a:hover { text-decoration: underline; }

/* TABLES */
table { border: 1px solid #333; border-collapse: separate; font-size: 1.2em; margin-bottom: 10px; width: 100%; }
table th, table td { border: 1px solid #999; padding: 3px; text-align: left; vertical-align: bottom; }
table th { background: #841123; color: #f4ebbc; }

/* CLASSES */
.clear:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.left { clear: left; float: left; margin: 0 12px 12px 0; text-align: left; }
.right { clear: right; float: right; margin: 0 0 12px 12px; text-align: right; }
.date { width: 80px; text-align: left; }
.integer { width: 70px; text-align: right; }
.odd { background-color: #ececec; }

/* MSIE 7.0 */
*+html .clear { height: 1%; }
*+html legend { margin-left: -7px; }
*+html #enroll #signUp #state { width: 130px; }

/* MSIE 7.0 */
* html .clear { height: 1%; }
* html legend { margin-left: -7px; }
* html #enroll label, * html #enroll fieldset fieldset fieldset span { margin-right: 6px; width: 108px; }
* html #enroll #signUp #state { width: 130px; }
* html #enroll div { margin-left: 116px; width: 232px; }