/* BEGIN SUPER RESET */
/* ------------------------------------------------------------------------ */
* {
 margin: 0;
 padding: 0;
 font-size: 1em;
 border: 0 none;
 vertical-align: baseline;
 list-style-type: none;
}

/* Hide JS features */
/* ------------------------------------------------------------------------ */
#menu, #userface, #breakout, #guestmenu {
 display: none;
}
.js #content form, .js #search, .js #menu li.favorites {
 display: block;
}



/* BEGIN BASIC HTML STYLES */
/* ------------------------------------------------------------------------ */
html {
 height: 100%;
}
body {
 font:13px/1.231 "Helvetica Neue Regular",helvetica,arial,clean,sans-serif;
 color: #191d2e;
 background: #05121b;
 text-align: center;
 overflow-x: hidden;
 -webkit-user-select: none;
 -webkit-text-size-adjust: none;
 background-image: 
  -moz-linear-gradient(
    center top,
    #b9bfc2 0%,
    #05121b 100%
  );;
 background:
  -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #b9bfc2),
    color-stop(1, #05121b)
  );
 background-attachment: fixed;
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b9bfc2,endColorstr=#05121b)";
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b9bfc2,endColorstr=#05121b);
}

li {
 display: inline;
}

hr {
 display: none;
}
div.clear {
 clear: both;
}

a {
 color: inherit;
 cursor: pointer;
 text-decoration: none;
 outline: none;
}
#content p a, 
#content dd a {
 color: #0060ff;
 border-bottom: 1px solid transparent;
}
#content a:hover {
 border-bottom: 1px solid #84b2fe;
}

h2.error, blockquote.error, .alert {
 font-size: 1.2em !important;
 padding: .5em;
 margin: 1em auto;
 width: 80%;
 -moz-border-radius: .5em;
 -webkit-border-radius: .5em;
 display: block;
 text-align: center;
 border: 4px solid #b64444;
 background: #ff6969;
 color: #491b1b;
 font-weight: bold;
}
.alert {
 background: #e8f4fd;
 color: #6aa4d0;
 border: 1px solid #abd4f3;
 font-weight: normal;
 margin-bottom: 0;
}
p {
 text-align: left;
 margin: .5em 1em .5em 1em;
}
.error p {
 color: #491b1b;
 font-weight: bold;
}
.error input, .error select, .error textarea {
 border: 2px inset #b64444 !important;
 background: #ff6969;
}



/* Wrap it up */
/* ------------------------------------------------------------------------ */
#all {
 width: 500px;
 margin: 120px auto;
 text-align: left;
 position: relative;
}


/* Header */
/* ------------------------------------------------------------------------ */
h1 {
 height: 47px;
 position: relative;
}
h1 a {
 display: block;
 width: 300px;
 height: 221px;
 position: absolute;
 z-index: 1000;
 top: -90px;
 left: -20px;
 text-indent: -5000px;
 background: url('../images/logo.v4.trans.png') no-repeat 0px 0px;
}


/* Content */
/* ------------------------------------------------------------------------ */
#contain {
 background: #000;
 margin: 4px auto;
 padding: 8px;
 position: relative;
 z-index: 4000;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 background: rgba(0,0,0,.62);
}
#content {
 position: relative;
 background: #fff;
 padding: 6px 0 6px 0;
 -moz-border-radius: 6px;
}


/* Footer */
/* ------------------------------------------------------------------------ */
#footer {
 color: #fff;
 position: relative;
 padding: 0 .5em 0 .5em;
}
#footer a {
 padding: .5em;
 white-space: nowrap;
}
#footer a:hover {
 color: #9bc5ff;
}
#footer .copyright, #footer .legal {
 display: block;
 position: absolute;
 top: 0;
 right: 1em;
 opacity: .7;
}
#footer .copyright {
 top: 1.75em;
 right: .5em;
}

#footer .userface {
 padding: 0 .5em .5em .5em;
 display: block;
}



/* Forms */
/* ------------------------------------------------------------------------ */
#content form {
 padding: 10px 16px 4px 16px;
 margin: 0 auto 0 auto;
}
#content legend {
 display: none;
}

#content label {
 font-size: 1.5em;
}
#content input, #content textarea, #content select {
 font-family: helvetica, arial, sans-serif;
 padding: 4px;
 width: 410px;
 border: 1px inset #a7bcbe;
 margin-bottom: 6px;
 display: block;
}
#content input[type=hidden] {
 display: none !important;
}
#content label input, #content label textarea, label #content select {
 margin-left: 16px;
}
#content input.checkbox, #content input.submit {
 width: auto;
 display: inline;
 margin: 0;
 padding: 0;
 cursor: pointer;
}
#content p {
 font-size: 1.2em;
}
#content form label p, #content div.wrap label p, 
#content form dl p, #content div.wrap dl p {
 font-size: .9em;
 margin: .2em 1em .5em 1em;
}
#content select {
 width: auto;
 padding: 0;
}

#content input.submit {
 margin: 1em 0 .5em 16px !important;
 display: block !important;
 background: #0b6bcb;
 height: 36px;
 text-align: center;
 padding: 8px 10px 10px 10px !important;
 color: #fff;
 width: auto;
 font-size: 18px !important;
 border: 1px outset #b38700;
 text-shadow: -1px -1px 1px rgba(0,0,0,.3);
 -moz-border-radius: 6px;
 -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.153);
 -webkit-border-radius: 6px;
 -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.153);
 background-image: 
  -moz-linear-gradient(
    center top,
    #ffdb10 0%,
    #b38700 100%
  );;
 background:
  -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #ffdb10),
    color-stop(1, #b38700)
  );
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffdb10,endColorstr=#b38700)";
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffdb10,endColorstr=#b38700);
}




/* Body.login */
/* ------------------------------------------------------------------------ */
body.login #content a {
 display: block;
 position: absolute;
 bottom: 24px;
 left: 216px;
 width: 220px;
}

body.login #content span a {
 display: inline;
 position: static;
 width: auto;
}
body.login #content span a:hover {
 color: #004295;
}
body.login #content span.forgot {
 vertical-align: middle;
 color: #666;
}

body.login input.submit {
 width: 160px !important;
}




/* body.tos, body.privacy */
/* ------------------------------------------------------------------------ */
body.privacy #content, 
body.tos #content {
 padding: 1em;
}
body.privacy h2, 
body.tos h2 {
 font-size: 1.5em;
}
body.privacy h3, 
body.tos h3 {
 font-size: 1.35em;
 color: #5d656f;
}
body.tos h4 {
 font-size: 1.15em;
 padding: .5em .5em 0 .5em;
 color: #5d656f;
}
body.privacy p, 
body.tos p {
 font-size: 1em !important;
}

body.tos #content ol {
 margin: 0 .5em;
 padding: 0 0;
 list-style-type: circle !important;
}
body.tos #content li {
 display: block;
 padding: .15em 1em;
 margin: 1em;
}



/* body.accountCheck */
/* ------------------------------------------------------------------------ */
body.accountCheck #all {
 width: 750px;
}
body.accountCheck #content form {
 padding: 0;
}
body.accountCheck h2 {
 font-size: 1.5em;
 margin: 12px 0 6px 0;
 padding: 0 1em 0 1em;
}
body.accountCheck p {
 padding: 0 1em 0 1em;
}

body.accountCheck form fieldset legend {
 display: block !important;
 width: 100%;
 white-space: normal !important;
}
body.accountCheck form fieldset legend label {
 font-size: 1.5em !important;
 display: block !important;
 cursor: pointer;
 padding: .5em 1em .5em 1em;
 background: #d1d8e3;
 border-top: 1px solid #e8f0fe;
 border-bottom: 1px solid #aab2c0;
 text-shadow: 1px 1px 0px rgba(255,255,255,.6);
}
body.accountCheck form fieldset legend label i {
 font-style: normal;
 display: block;
 font-size: 12px;
 color: #333;
 margin-left: 30px;
}
body.accountCheck form fieldset legend label:hover {
 background: #ccd9ee;
}
body.accountCheck form fieldset.active legend label {
 font-weight: bold;
 background: #ccd9ee;
 background-image: 
  -moz-linear-gradient(
    center top,
    #bfd4f1 0%,
    #94b2db 100%
  );
 background:
  -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #bfd4f1),
    color-stop(1, #94b2db)
  );
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#bfd4f1,endColorstr=#94b2db)";
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#bfd4f1,endColorstr=#94b2db);
}
body.accountCheck form fieldset legend input {
 vertical-align: middle;
 margin-right: .5em !important;
}
.js body.accountCheck form fieldset legend input {
 /**display: none !important;**/
}

body.accountCheck form fieldset {
 display: block;
 background: #eceff4;
}
body.accountCheck form fieldset.active {
 border-bottom: 1px solid #aab2c0;
}
body.accountCheck .options {
 padding: 12px;
}
body.accountCheck .options h3 {
 display: none;
}


body.accountCheck label {
 font-size: 1em !important;
 white-space: normal !important;
}
body.accountCheck legend label {
}
body.accountCheck dd {
 margin-left: 1.4em;
}
body.accountCheck select {
 display: inline !important;
}

#HD_UPSELL, #IMAGE_UPSELL {
 background: url('../images/full/upgrade-hd.png') !important;
 height: 81px;
 width: 332px;
 margin: 0 1em 1em .7em;
 float: left;
 position: relative;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-box-shadow: 0 0 5px rgba(0,0,0,.25);
 -webkit-box-shadow: 0 0 5px rgba(0,0,0,.25);
}
#HD_UPSELL {
 margin-right: 0 !important;
}
#IMAGE_UPSELL {
 background: url('../images/full/upgrade-photos.png') !important;
}

.upgrade label b {
 display: none;
}

.upgrade label {
 cursor: pointer;
 background: #fff;
 position: absolute;
 display: block;
 height: 35px;
 padding-top: 15px;
 width: 160px;
 bottom: 3px;
 right: 3px;
 text-align: center;
}

h2 img {
 vertical-align: middle;
}

#form_cvv2, #form_zip {
 width: 6em !important;
 display: inline !important;
}

div.ccinfo, div.userinfo, #ccvhelp {
 background: #eceff4;
 border-top: 1px solid #aab2c0;
 border-bottom: 1px solid #aab2c0;
 padding: 1em 2em 1em 0;
}

table input, div.userinfo input {
 width: 270px !important;
}
table td, div.userinfo {
 padding-left: 2em;
}
td.left {
 width: 350px;
 overflow: hidden;
 border-right: 1px solid #aab2c0;
}

body.join #content input.submit {
 font-weight: bold;
 width: 200px;
 margin: 12px auto 8px auto !important;
 font-size: 24px !important;
 padding-bottom: 30px !important;
}


body.join h2 b {
 color: #666;
}

.js #ccvhelp {
 display: none;
}
#ccvhelp {
 background: #aab2c0;
 height: 130px;
}
#ccvhelp img {
 float: left;
 height: 60px;
 width: 88px;
 margin: 0 1em 0 1em;
 clear: left;
}
#ccvhelp p {
 margin: 0 0 1em 0;
 padding: 0;
}

form p.error a {
 padding: 0 .5em 0 .5em;
}

.little.text {
 color: #455473;
 padding: 1em 0 1em 0;
}

/** Captcha fixes **/
#recaptcha_widget {
 border-bottom: 1px solid #ddd;
 padding: 1em 28px 1em 0;
}

#recaptcha_widget td {
 vertical-align: middle;
}
#recaptcha_widget .captchaoptions a {
 border: 0 none !important;
}
#recaptcha_image {
}
.captchaimg i {
 text-align: center;
 display: block;
 font-size: 10px;
 margin-top: 0px;
 font-style: normal;
 color: #888;
}