/* YUI Reset CSS +  http://meyerweb.com/eric/tools/css/reset/ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td 
{ 
	margin:0;
	padding:0;
}

table, caption, tbody, tfoot, thead, tr, 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;
}
ol,ul 
{
	list-style:none;
}
caption,th 
{
	text-align:left;
}
h1,h2,h3,h4,h5,h6 
{
	font-size:100%;
	font-weight:normal;
}
q:before,q:after 
{
	content:'';
}
abbr,acronym  
{
	border:0;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}/* General */
.modalPopup .footer input[type="button"] {
  padding: .5rem 1rem;
  border-radius: 3px;
  font: Helvetica, sans-serif;
  font-weight: bold;
  text-decoration: none; }

.modalPopup .footer input[type="button"] {
  color: white;
  background: #009ce3; }
  .modalPopup .footer input[type="button"]:hover {
    color: white;
    background: #33afe8; }
  .modalPopup .footer input[type="button"]:active {
    color: white;
    background: #108fcb; }

.modalPopup .footer input[disabled] {
  color: #fafafa;
  background: #b4b4b4; }
  .modalPopup .footer input[disabled]:hover {
    color: #fafafa;
    background: #b4b4b4; }
  .modalPopup .footer input[disabled]:active {
    color: #fafafa;
    background: #b4b4b4; }

.dlg_close {
  top: 1rem;
  right: 1rem;
  display: inline-block;
  box-sizing: content-box;
  width: 32px;
  height: 32px;
  position: absolute;
  border: none;
  border-radius: 0;
  font: normal 8em/normal Arial, Helvetica, sans-serif;
  color: black;
  -o-text-overflow: clip;
  text-overflow: clip;
  font-size: 0;
  line-height: 0; }

.dlg_close::before {
  display: inline-block;
  box-sizing: content-box;
  width: 30px;
  height: 1px;
  position: absolute;
  content: "";
  top: 15px;
  left: 0;
  border: none;
  font: normal 100%/normal Arial, Helvetica, sans-serif;
  color: black;
  -o-text-overflow: clip;
  text-overflow: clip;
  background: rgba(19, 41, 63, 0.65);
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg); }

.dlg_close::after {
  display: inline-block;
  box-sizing: content-box;
  width: 30px;
  height: 1px;
  position: absolute;
  content: "";
  top: 15px;
  left: 0;
  border: none;
  font: normal 100%/normal Arial, Helvetica, sans-serif;
  color: black;
  -o-text-overflow: clip;
  text-overflow: clip;
  background: rgba(19, 41, 63, 0.65);
  -webkit-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg); }

body {
  background-color: #e8e8e8;
  font-family: Verdana, Tahoma, Arial, Sans-Serif; }

div#wrappy {
  background-color: #FFFFFF;
  position: relative; }

.tk-lg {
  font-weight: normal !important; }

.ta-r {
  text-align: right; }

.ta-l {
  text-align: left; }

.fl-n {
  float: none; }

.ta-c {
  text-align: center; }

.fl-l {
  float: left; }

.fl-r {
  float: right; }

.va-t {
  vertical-align: top; }

.va-m {
  vertical-align: middle; }

.va-tb {
  vertical-align: text-bottom; }

.cl-b {
  clear: both; }

.cl-r {
  clear: right; }

.cl-l {
  clear: left; }

.clear {
  clear: both; }

.clr {
  clear: both; }

.half {
  width: 48%; }

.watermark {
  color: #b4b4b4; }

.clearfix:after {
  clear: both;
  content: '.';
  display: block;
  visibility: hidden;
  height: 0; }

.clearfix {
  display: inline-block; }

* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

/* lyle.shearer 1/9/2012 - this is added for THOR-14919, but could be removed if the above clearfix rules are replaced with those from normalize.css */
.clearfix-important {
  display: block !important; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  color: rgba(19, 41, 63, 0.65); }

h1 {
  font-size: 35px; }

h2 {
  font-size: 18px; }

h3 {
  font-size: 14px; }

h4,
h5,
h6 {
  font-size: 12px; }

button {
  padding: 3px; }

input.submit {
  font-size: 14px;
  font-weight: bold;
  color: #333;
  padding: 5px 2px; }

input[disabled].submit {
  color: #808080; }

/* FOOTER */
/* Making the call to hide the footer with the new WebNav. Many of the links are broken */
/* and it does not line up with our new IA */
div#footer {
  display: none; }

div#footer {
  clear: both;
  font-size: 11px;
  width: 100%;
  text-align: center;
  padding-top: 30px;
  position: relative; }

div#footer #footer-content {
  width: 995px;
  margin: 0 auto; }

div#footer #footer-content_w {
  clear: both;
  width: 100%;
  background: #E8E8E8; }

div#footer #footerlinks {
  color: #969696;
  text-align: left;
  width: 960px;
  margin: 0 auto; }

div#footer #footerlinks a {
  padding: 2px; }

div#footer #base p {
  padding: 7px;
  color: #969696;
  font-size: 9px;
  clear: both; }

div#footer #base {
  margin-top: 20px;
  background: #333;
  clear: both;
  width: 100%; }

div#footer ul.outer li {
  min-height: 100px;
  width: 150px;
  float: left;
  display: inline;
  margin: 30px 30px 30px 0; }

div#footer ul.outer li.last {
  margin-right: 0; }

div#footer ul.outer li#mailing_list {
  width: 185px; }

div#footer ul.outer li ul.inner li {
  min-height: 0;
  float: none;
  margin: 5px 0;
  display: block; }

div#footer h5 {
  color: #b4b4b4;
  font-weight: bold;
  font-size: 11px;
  border-bottom: 1px solid #D8D8D8;
  margin-bottom: 7px;
  padding: 0 0 4px 0; }

div#footer #footerlinks #mp-footer {
  width: 185px; }

div#footer #footerlinks #mp-footer a {
  padding: 0; }

div#footer #footerlinks #mp-footer a:hover {
  background: none; }

#mc-embedded-subscribe-form fieldset {
  border: transparent 0px; }

#mc-embedded-subscribe-form input.text {
  background-color: #FFF;
  border: 1px solid #B4B4B4;
  font-size: 1.1em;
  padding: 3px;
  width: 180px; }

#mc-embedded-subscribe-form input.btn {
  display: block;
  padding: 0;
  margin: 5px 0 0 0;
  border: 0; }

#mc-embedded-subscribe-form label {
  color: #FF6600;
  font-size: 1.0em;
  margin-bottom: 3px; }

#mce-success-response {
  margin-top: 5px;
  color: #6b6b6b; }

/* MODAL */
.modalBackground {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 10000;
  background: black;
  opacity: .3; }

body > div.modalBackground {
  position: fixed; }

.modalPopup {
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  position: absolute;
  padding: 2rem;
  background: #fff; }

.modalPopup p {
  max-width: 340px;
  line-height: 1.2;
  margin-bottom: 5px; }

.modalPopup textarea {
  border-color: rgba(167, 174, 181, 0.6);
  width: auto; }

.modalPopup .mheader {
  -moz-border-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  cursor: default;
  background-color: transparent;
  padding: 0;
  border: 0;
  padding-bottom: 1.5rem; }

.modalPopup h1 {
  font-size: 24px;
  font-weight: normal;
  color: rgba(19, 41, 63, 0.65);
  font-family: Helvetica, sans-serif !important;
  text-shadow: none;
  margin-bottom: .5rem; }

.modalPopup h4 {
  font-weight: bold;
  font-size: 14px; }

.modalPopup .area {
  margin-bottom: 1rem; }

.modalPopup input[type="text"] {
  padding: 4px; }

.modalPopup .subtitle {
  display: block;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: normal; }

.modalPopup .body,
.modalPopup .mbody {
  background-color: transparent;
  color: rgba(19, 41, 63, 0.8); }

.modalPopup .nob {
  border-top: none; }

.modalPopup .footer {
  padding: 1rem;
  text-align: right;
  margin: 2rem -2rem -2rem;
  border-top: 1px solid rgba(167, 174, 181, 0.6); }

.modalPopup .footer input[type="button"] {
  cursor: pointer;
  font-weight: bold;
  font-size: 14px;
  border: 0;
  margin-left: 5px;
  padding: 1rem 1.5rem; }

.modalPopup .footer input[disabled] {
  cursor: default; }

.modalPopup .footer textarea {
  margin-top: 8px;
  width: 350px; }

.modalPopup #a_annotations td {
  padding: 2px 0; }

.modalPopup .footer span.command {
  cursor: pointer; }

.modalPopup a.disabled {
  color: #646464;
  text-decoration: none;
  cursor: default;
  font-weight: bold; }

.modalPopup a.disabled:hover {
  background: none;
  text-decoration: none;
  cursor: default; }

.modalPopup .cancel {
  color: rgba(19, 41, 63, 0.5);
  font-weight: bold;
  font-size: 14px;
  padding: .5rem 1rem;
  text-decoration: none; }
  .modalPopup .cancel:hover {
    color: rgba(19, 41, 63, 0.4); }

/* 404 Styles */
div#content404 {
  margin-left: 100px;
  padding-left: 24px;
  color: #333; }

div#content404 img {
  background-color: Transparent;
  padding: 0px; }

div#content404 div#titleWrapper {
  margin-left: 48px; }

div#content404 div#oops {
  font-weight: bold;
  font-size: 4.8em;
  letter-spacing: -3px;
  margin-bottom: 6px; }

div#content404 div.subtitle {
  font-size: 2.4em;
  padding-left: 36px;
  margin-bottom: 36px; }

div#content404 div#errorType {
  font-size: 1.4em;
  background-color: #e8e8e8;
  padding: 12px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }

div#content404 div#errorHelp {
  margin-top: 24px;
  color: #FFF;
  background-color: #FF8E33;
  position: relative;
  padding: 12px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  letter-spacing: -.5px; }

div#content404 div#errorHelp img.triangleBullet {
  position: absolute;
  left: -11px;
  top: 12px; }

div#content404 div#errorHelp div.title {
  font-size: 1.8em;
  padding-left: 6px;
  padding-bottom: 12px; }

div#content404 div#errorHelp ul {
  color: #333;
  font-size: 1.4em; }

div#content404 div#errorHelp a {
  color: #fff; }

#content404 .proerror {
  padding: 50px 0 50px 75px; }

#highlights-disabled {
  padding: 160px 60px;
  text-align: center;
  font-size: 38px;
  font-family: sans-serif;
  font-weight: bold;
  letter-spacing: -2px;
  color: #b4b4b4; }

#highlights-disabled.inline {
  padding: 20px; }

.container_16 #highlights-disabled.wholePageDisabled {
  background: #e8e8e8;
  padding-right: 0; }

#dvdorders-disabled {
  padding: 160px 60px;
  text-align: center;
  font-size: 38px;
  font-family: sans-serif;
  font-weight: bold;
  letter-spacing: -2px;
  color: #b4b4b4; }

#dvdorders-disabled.inline {
  padding: 20px; }

.container_16 #dvdorders-disabled.wholePageDisabled {
  background: #e8e8e8;
  padding-right: 0; }

/* GPS */
.hudl-gps {
  font-weight: normal;
  font-style: normal;
  cursor: help !important;
  color: #33c1ff; }

.hudl-gps.dark {
  color: #09f; }

.hudl-gps.light {
  color: #fff; }

.hudl-gps.inherit {
  font-size: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
  cursor: inherit !important; }

.header .hudl-gps {
  font-size: 10px;
  color: #fff;
  float: left;
  padding: 2px 0 0 4px; }

.mheader .hudl-gps {
  font-size: 11px; }

.headerTools .tools .hudl-gps {
  font-size: 10px;
  float: left;
  margin: 3px 10px 0 0; }

#libraryTabs b {
  float: none;
  padding: 0; }

/* gps videos */
.hudl-gps-video {
  text-decoration: none;
  letter-spacing: 0px;
  margin-left: 10px;
  font-size: 11px;
  font-weight: normal;
  text-shadow: none;
  padding-left: 18px;
  background: url("/images/ui/video-tutorial.png") no-repeat left center; }

.hudl-gps-video:hover {
  text-decoration: underline;
  background-color: transparent;
  color: #09f; }

#hudl-gps-video-body {
  height: 400px;
  width: 600px;
  background: #333333 url("/images/throbber_333.gif") no-repeat center center; }

#hudl-gps-video-dlg {
  width: 600px; }

/* override qtip built-in (crappy js) styles */
.qtip {
  z-index: 25000 !important; }

.qtip a {
  color: #33c1ff; }

.qtip a:hover {
  color: #fff; }

.qtip-content {
  padding: 10px 10px 5px 10px !important; }

.qtip-wrapper {
  overflow: visible !important; }

.qtip-contentWrapper {
  overflow: visible;
  -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px; }

/* my content wrappers */
.ih-body p {
  margin: 0 0 10px 0; }

.ih-body ol,
.ih-body ul {
  margin-left: 20px; }

.ih-body ul {
  list-style-type: disc; }

.ih-body li {
  margin-bottom: 10px; }

.ih-tutorials {
  margin-top: 5px; }

.qtip-content h5 {
  padding: 10px 0 0 0;
  margin: 10px 0 0 0;
  border-top: 1px solid #555;
  color: #ff8e33;
  font-weight: bold;
  font-size: 11px; }

.ih-tutorials a {
  color: #33c1ff;
  text-decoration: none;
  padding: 2px 3px; }

.ih-tutorials a:visited {
  color: #6b6b6b; }

.ih-tutorials a:hover {
  color: #fff; }

.ih-tutorials li {
  padding-left: 20px;
  margin-bottom: 7px;
  font-size: 9px; }

.ih-tutorials .hasvideo {
  background: url("/images/ui/video-tutorial.png") no-repeat left 10%; }

/* Notifications & Alerts */
div#notificationinner {
  padding: 0;
  position: fixed;
  text-align: center;
  z-index: 200000;
  border-top: 0 none;
  width: 100%; }

#notificationinner div,
#notificationinner div.normal {
  font-size: 14px;
  font-weight: bold;
  padding: 10px;
  background: #78a100;
  color: #fff;
  text-shadow: none; }

#notificationinner div a {
  color: #FFF;
  cursor: pointer;
  text-decoration: underline;
  text-shadow: none; }

#notificationinner div a:hover {
  background-color: Transparent; }

#notificationinner div.error {
  font-weight: normal;
  background: #e81c00;
  color: #fff;
  text-shadow: none; }

#notificationinner div.warning {
  background: #f2b600;
  color: #fff;
  text-shadow: none; }

#notificationinner div.long {
  font-size: 12px;
  line-height: 1.5em; }

span#closenotification,
span.closenotification {
  text-indent: -9999px;
  cursor: pointer;
  float: right;
  top: 7px;
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 21px;
  height: 21px;
  position: relative;
  border: none;
  color: black;
  -o-text-overflow: clip;
  text-overflow: clip; }
  span#closenotification::before,
  span.closenotification::before {
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 15px;
    height: 3px;
    position: absolute;
    content: "";
    top: 9px;
    left: 3px;
    border: none;
    font: normal 100%/normal Arial, Helvetica, sans-serif;
    color: black;
    -o-text-overflow: clip;
    text-overflow: clip;
    background: white;
    text-shadow: none;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg); }
  span#closenotification::after,
  span.closenotification::after {
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 15px;
    height: 3px;
    position: absolute;
    content: "";
    top: 9px;
    right: 3px;
    border: none;
    font: normal 100%/normal Arial, Helvetica, sans-serif;
    color: black;
    -o-text-overflow: clip;
    text-overflow: clip;
    background: white;
    text-shadow: none;
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg); }

span#closenotification {
  right: 10px;
  margin-top: 0; }

#alerts .highlights {
  padding-left: 20px;
  background: url("/images/dark-green-star.png") no-repeat left center; }

#alerts .normal,
#alerts .alert {
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  position: relative;
  padding: 8px 35px 8px 10px;
  background: #76cb76 url("/images/alert-normal-bg.png") repeat-x left top;
  border: 1px solid #46b446;
  color: #135513;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
  border-top: 0 none !important; }

#alerts .error {
  background: #b44646 url("/images/alert-error-bg.png") repeat-x left top;
  border: 1px solid #a52c2c;
  color: #ffb4b4;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); }

#alerts .warning {
  background: #333333 url("/images/alert-warning-bg2.png") repeat-x left top;
  border: 1px solid #000;
  color: #d8d8d8;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); }

#alerts a {
  color: #fff;
  text-shadow: none;
  text-decoration: underline; }

#alerts a:hover {
  background-color: transparent; }

/* This class will be applied to the <html> element as soon as fonts have started loading.*/
/* This class is applied to the <html> element when fonts have loaded and are rendered. */
/* This class is applied to the <html> element if Typekit does not support the current browser. */

/*# sourceMappingURL=common.css.map */
/* GLOBAL STYLES */
html { height: 100%; }
body { height: 100%; font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 62.5%; color: #333333; }
body.signup, body.home { background: #fff; }
strong { font-weight: bold; }
em { font-style: italic; }
a:link, a { color: #0099FF; cursor:pointer; }
a:visited { color: #6B6B6B; }
a:hover, a:active { background-color: #0099FF; color: #FFFFFF; text-decoration: none; }
img { background-color: #FFF; border: 1px solid #B4B4B4; padding: 10px; }


.bigbutton { height: 79px; width: 211px; text-indent: -9000px; cursor: pointer; }
.bigbutton:focus, .bigbutton:active { outline: 0 none !important; }
em.required { font-style: normal; font-size: 0.7em; color: #969696; }

span.command, input.command { font-weight: bold; display: inline; margin: 5px; padding: 5px 10px; color: #e8e8e8; background-color: #6b6b6b; cursor: pointer; border: none; }
span.command:hover, input.command:hover, a.command:hover { background-color: #969696; }

#confirmResetPasswordPanel { width: 300px; }

.add_another:-moz-focusring, .bigbutton:-moz-focusring {
  outline: 0 none;
}

#quickcta { left: 260px; position: absolute; top: 16px;}
#quickcta a {font-size: 9px;  }
#quickcta p { color: #969696; }
#quickcta p span { color: #F60; display: block; margin: 4px 0 8px 0; font-size: 1.6em; }

div.siteError { margin:0 0 10px 0; font-size:12px; text-align:center; border:solid 3px #B43333; }
.error { background-color: #B43333; color: #FFFFFF; font-weight: bold; }
.success { background-color: #0099ff; color: #FFFFFF; font-weight: bold; }

/* Masthead AREA */
div#masthead { height: 7.0em; width: 100%; position: relative; background: url("/images/tour/header-bg-70.gif") repeat-x; }
div#masthead #masthead_inner { height: 100%; width: 995px; margin-left: auto; margin-right: auto; padding-top: 15px; position: relative; }
div#masthead a#logo { font-size: 0px; text-indent: -9999px; width: 200px; height: 51px; display: block; background: url("/images/ui/hudl_small_02.png") no-repeat 0 0;}
div#masthead a#logo:hover { background-position: 0 -100px;}
div#login_w { height: 80px; position: absolute; right: 0px; top: 0px; text-align: left; z-index: 1; }
div#login_w span#loginMsg { display: block; position: relative; padding: 2px; }
div#login_w div { float: left; }
div#login_w input { border:1px solid #B4B4B4; font-size:12px; padding:3px; }
div#login_w #email_area input { margin-right: 10px; width: 160px; }
div#login_w input#p { width: 120px; }
div#login_w #sign_in { border: none; margin: 12px 0px 0px 8px; }
div#login_w #remember { left: 188px; color: #B4B4B4;  margin: 0px; padding: 0px; position: absolute; top: 60px; }
div#login_w #remember #pw_area label { margin-bottom: 0px; }
div#login_w #remember label { font-size: 10px; }
div#login_w #remember input { border: 0px solid; height: 13px; width: 13px; vertical-align: top; margin: 0px; padding: 0px;}
div#login_w #pw_area { margin-left: 10px; }
div#login_w #forgot { left: 0px; font-size: 9px; width: 160px; }
div#login_w #forgot a { text-decoration: underline; }

div#login_w #email { margin-right: 10px; width: 200px; }
#login_w label span { color: #969696; display: block; font-size: 10px; margin-bottom: 3px; }

/* MAIN CONTENT */

/* Nav */
div#content_w { width: 100%; position: relative; }
div#content_main { height: 100%; width: 995px; margin: 15px auto 0px auto; background: transparent url("/images/tour/content-main-bg.gif") repeat-x 0px 30px; position: relative; }
#tournav .amp {font-style: normal; font-weight: normal; font-size: 0.75em; vertical-align: bottom;}
div#tournav_w { float: left; width: 995px; background: #FF6600 url("/images/tour/tournav-bg.gif") repeat-x; line-height: 30px; -moz-border-radius-topright: 9px; -webkit-border-top-right-radius: 9px; -moz-border-radius-topleft: 9px; -webkit-border-top-left-radius: 9px; }
div#tournav_w .first { -moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px; }
div#tournav_w .first a { -moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px;}
div#tournav_w .last { float: right;  background:  #0099FF url("/images/tour/tournav-bg-signup.gif") repeat-x; -moz-border-radius-topright: 7px; -webkit-border-top-right-radius: 7px;}
div#tournav_w .last a { -moz-border-radius-topright: 7px; -webkit-border-top-right-radius: 7px;}
ul#tournav { text-align: center; }
ul#tournav li {  text-transform: uppercase; letter-spacing: -0.075em; float: left; width: 105px; font-size: 12px; font-weight: bold; vertical-align: middle; position: relative; }
ul#tournav li#nav_signup { width: 20%;}
ul#tournav li#nav_signup em { font-style: normal; font-size: 0.75em; vertical-align: bottom; }
ul#tournav li#nav_support { width: 160px; }
ul#tournav li .border { background: url("/images/gradspritevert.gif") -2px center repeat-y; height: 100%; position: absolute; top: 0px; right: 0px; width: 2px; }
ul#tournav a { text-decoration: none; color: #FFFFFF; float: left; width: 100%;  }
ul#tournav a:hover { background: #333 url("/images/tour/tournav-bg-hover.gif") repeat-x; }


body.home li#nav_home { background: #E8E8E8; }
li#nav_home a { border-left: none; }
body.home li#nav_home a { color: #FF6600; }
body.home li#nav_home a:hover { color: #FFFFFF; }
body.contact li#nav_contact { background: #E8E8E8; }
body.contact li#nav_contact a { color: #FF6600; }
body.contact li#nav_contact a:hover { color: #FFFFFF; }
body.demo li#nav_demo { background: #E8E8E8; }
body.demo li#nav_demo a { color: #FF6600; }
body.demo li#nav_demo a:hover { color: #FFFFFF; }
body.youth li#nav_youth { background: #E8E8E8; }
body.youth li#nav_youth a { color: #FF6600; }
body.youth li#nav_youth a:hover { color: #FFFFFF; }
body.tour li#nav_tour { background: #333; }
body.tour li#nav_tour a { color: #FFFFFF; }
body.partners li#nav_partners { background: #E8E8E8; }
body.partners li#nav_partners a { color: #FF6600; }
body.partners li#nav_partners a:hover { color: #FFFFFF; }
body.buzz li#nav_buzz { background: #E8E8E8; }
body.buzz li#nav_buzz a { color: #FF6600; }
body.buzz li#nav_buzz a:hover { color: #FFFFFF; }
body.signup li#nav_signup { background: #E8E8E8; }
body.signup li#nav_signup a { color: #FF6600; }
li#nav_signup .border { display: none; }
body.signup li#nav_signup a:hover { color: #FFFFFF; }
body.signup li#nav_tour, body.demo li#nav_tour  { background: none; }

/* Visual */
body.intro div#visual { width: 895px; white-space: nowrap;  text-align: center; text-indent: -9000px; margin: 30px auto 0 auto; }
body.intro div#visual p, body.intro div#visual h2 { float: left; text-indent: -9000px;  }

body.copy div#visual { text-align: left; }
div#visual { text-align: center; padding: 15px 15px 0px 15px; }
div#visual h2 a { cursor: pointer;  width: 100%; height: 100%; background: none; display: block; }
div#visual h2#visual_capture {  height: 292px; width: 238px; background: url("/images/tour/whatis_capture.png") no-repeat; }
ul.signup_matrix_youth { width:264px; }
ul#signup_matrix a { display: block;  cursor: pointer;  width: 100%; height: 100%; }
div#visual h2#visual_analyze { height: 292px; width: 345px; background: url("/images/tour/whatis_analyze.png") no-repeat; }
div#visual h2#visual_share { height: 292px; width: 310px; background: url("/images/tour/whatis_share.png") no-repeat; }
body.signup div#visual { margin: 0 auto;  }

div#pitch #punch { text-indent: -9000px; float: left; width: 450px; margin-left: 20px; display: inline;}
div#pitch #info { float: right; width: 510px;}
body.intro div#pitch #info { width: 515px; }
body.intro #continue_button { background: url("/images/tour/continue2.gif") no-repeat; float: right; margin-right: 3px; }
h1#intro { width: 918px; height: 58px; text-indent: -9000px; background: url("/images/tour/intro_text_02.png"); margin: 0 auto 10px auto; }
div#pitch #punch h1#prepared { float: right; margin-right: 10px; display: inline; width: 413px; height: 64px; text-indent: -9000px; background: url("/images/tour/prepared_to_win.png"); }
div#pitch #punch #demo_button { cursor: pointer; float: right; }
div#pitch #punch #need_help, #buttonstack #need_help { cursor: pointer; float: right; }

div#pitch h1 { clear: both; }

body.share #signup_button { float: right; margin-right: 55px; background: url("/images/tour/sign_up_gray.gif") no-repeat; }

div#pitch #info h2 { margin-top: 15px; line-height: 1.0em; font-size: 2.2em; letter-spacing: -0.05em; margin-bottom: 10px; font-weight: normal; }
div#pitch #info #signup_button { float: right; }
div#pitch #info #learnmore_button { margin-right: 30px; float: right; }
div#pitch #info ul { float: left; margin: 0px 0px 10px 0px; }
div#pitch #info li { padding-left: 18px; background: url("/images/orangeball.gif") no-repeat 0 7px; font-size: 1.5em; line-height: 1.5em; color: #969696; }
body.home div#pitch #info ul { position: relative; top: -5px;  }
body.home div#pitch #info li { line-height: 1.3em; }

body.capture div#visual, body.analyze div#visual, body.share div#visual  { float: left; }

div#visual p.caption { text-align: right; margin: 5px 0 0 0; color: #969696; }
div#visual div#focus { float: left; }
div#side { text-align: left; float: right; width: 319px; margin-left: 15px }
div#side h2 { margin-bottom: 2px;}
div#side p { font-size: 1.2em; line-height: 1.35em; padding: 0 0 12px 0; color: #6b6b6b; }
div#side #continue_button { margin-right: 55px; float: right; }
div#focus { height: 320px; }

/* FAQ */
div#faq { font-size: 1.4em; margin: 20px auto; width: 920px; }
div#faq h2 { padding: 3px 0;  font-weight: bold; }
div#faq p, div#faq ul {  color: #969696; padding: 0px 0px 25px 0px;  }
div#faq ul { list-style-type: disc; margin: 10px 0px 0px 30px;  }
div#faq li { line-height: 1.4em; }
div#faq div#back2top { font-size: 0.7em; text-align: center; margin: 10px 0px; }

/* SECONDARY CONTENT */
div#content-sec { clear: both; height: 100%; width: 995px; margin: 20px auto 0px auto; }

div.sec { color: #969696; text-align:right; float: left; width: 457px; margin: 20px 0px 0px 0px; display: inline;}
div.sec h2 { color: #333333; font-weight: bold; float: right; display: inline; }
div.sec p { display: inline; float: right; clear: right; white-space:nowrap; }
ul.logos { float: left; display: inline; margin: 10px 0px 25px 25px; width: 500px;}
ul.logos li { float: left; display: inline; height: 50px; margin-bottom: 20px;}
ul.logos li a { text-indent: -9999px; display: inline; float: left; height: 50px; }
ul.logos li a:hover { background-color: Transparent;}

/* POPUP */
div#popup { width: 500px; height: 425px; background: #e8e8e8; padding: 20px; }
div#popup h1 { font-size: 2.4em; font-weight: bold; }
div#popup p.intro { font-size: 1.4em; padding: 10px 0px; color: #969696; }
div#popup_form { width: 400px; margin: 50px auto; }
div#popup div.fl-r { margin-left: 10px; width: 190px; }
div#popup div.fl-l { margin-right: 10px; width: 190px; }
div#popup form label { font-size: 1.4em; color: #ff6600; display: block; }
div#popup form input, div#popup form select { width: 100%; color: #333; margin: 5px 0px 10px 0px; border: 1px solid #b4b4b4; padding: 2px;  font-size: 1.4em; }
div#popup form select { padding: 1px; }
div#popup form input#phone0, div#popup form input#phone1 { width: 3em; }
div#popup form input#phone2 { width:4em; }

div#popup span#remember { margin: 0px; }
div#popup span#remember label { font-size: 1.0em; color: #969696; }
div#popup input#persist { width: auto; float: left; padding: 0; border: none; margin: 0px 5px 0px 0px; }
div#popup div#nothanksbuttons { float: right; }
div#popup div#nothanksbuttons input { float: right; margin: 5px; border: none; }
div#popup div#nothanksbuttons input#nothanks { height: 23px; width: 81px; }
div#popup div#nothanksbuttons input#submit2 { height: 23px; width: 61px; }

body.copy div#content { width:995px; margin:0 auto; padding:40px 0; }
body.copy div#content ul { list-style-type: disc; margin-left: 30px; }
body.copy div#content ul li { padding:2px 0; }
body.copy div#content ol { list-style-type: decimal; font-size: 1.2em; line-height: 1.8em; margin-top: 20px; }
body.copy div#content ol li { margin-left: 35px; }
body.copy p { padding:4px 0; }
body.copy h1 { padding:6px 0; }
body.copy h2 { font-size:1.8em; font-weight:bold; padding:15px 0 0 0; }
body.copy div#back2top { text-align: center; margin: 10px 0px; }

body.copy div#content img { border: none; }
body.copy div#content div.copy_w ul { list-style-type: none; }
body.copy div#content div.copy_w ul span { display: inline-block; font-size: 1.2em; vertical-align: middle; margin-left: 6px;}

body.copy div#content div.copy_w ul.keyboard img { vertical-align: middle; padding: 4px; }
body.copy div#content div.copy_w ul.keyboard li { padding: 8px 0; width: 420px;}
body.copy div#content div.copy_w div.xbox_help { text-align: center; }
body.copy div#content div.copy_w div.xbox_help img { margin: 20px; }
body.copy div#content div.copy_w p.intro { font-size: 1.6em; }
body.copy div#content div.copy_w p.brief { font-size: 1.6em; }
div#content div.copy_w div.righty,
div#content div.copy_w div.lefty { width: 440px; float: left; }


/* SIGNUP MATRIX */
.tl, .tr, .bl, .br { height: 8px; width: 8px; background: url("/images/home_box.gif") no-repeat; }
.tl { float: left; background-position: 0px -8px; }
.tr { float: right; background-position: -8px -8px; }
.boxt { background-color: #6b6b6b; float: left; width: 100%; }
div.boxb  { background: #0099FF; height: 8px; float: left; float: left; width: 100%;}
div.boxb .bl { float: left; background-position: -24px 0px; }
div.boxb .br { float: right; background-position: -16px 0px; }

ul#signup_matrix { text-align: left; float: left; padding: 0 20px 20px 20px; list-style: none;  }
ul#signup_matrix.fixed { position: fixed; top: 15px; }
ul#signup_matrix .boxt { background: #333; }
ul#signup_matrix .tl { background-position: 0 -16px; }
ul#signup_matrix .tr { background-position: -8px -16px; }
ul#signup_matrix li { float: left; display: inline; width: 264px; color: #e8e8e8; }
ul#signup_matrix li.middle { margin: 0px 66px; }
ul#signup_matrix li div.desc { min-height: 140px;  float: left; background-color: #333; width: 264px; position: relative;  }
ul#signup_matrix li div.price { text-align: center; padding: 0px 15px 10px 15px; background-color: #333; clear: both; }
ul#signup_matrix a.choose { width: 264px; height: 37px; text-indent: -9999px; background: url("/images/tour/__choose_this.gif") no-repeat; }
ul#signup_matrix h3 { font-weight: normal; font-size: 10px; right: -16px; position: absolute; padding: 10px; margin: 10px 0px 0px 0px; color: #FFFFFF;  background: #FF8E33; }
ul#signup_matrix h3 span.larrow { background: url("/images/tour/__larrow.gif") left center no-repeat; height: 31px; width: 9px; position: absolute; display: inline-block; left: -9px; top: 0px; }
ul#signup_matrix h3 span.tag { display: inline-block; right: 0px; top: -10px; position: absolute; padding: 10px; background: url("/images/tour/__flap.gif") no-repeat top right; height: 10px; width: 16px; }
ul#signup_matrix h1 { float: left; text-align: left; clear: left; text-indent: -9999px; }
ul#signup_matrix li h1 { margin: 0px 0px 0px 10px; }
ul#signup_matrix li.exchange h1 { height: 50px; width: 174px; background: url("/images/tour/__exchange_med.gif") no-repeat; }
ul#signup_matrix li.basic h1 { height: 44px; width: 100px; text-indent: 0; color: white; background: none; }
ul#signup_matrix li.elite h1 { height: 44px; width: 100px; text-indent: 0; color: white; background: none; }
ul#signup_matrix li.youth h1 { height: 44px; width: 100px; background: url("/images/tour/__youth_med.gif") no-repeat; }
ul#signup_matrix li.silver h1 { height: 44px; width: 96px; background: url("/images/tour/__silver_med.gif") no-repeat; }
ul#signup_matrix li.gold h1 { height: 44px; width: 83px; background: url("/images/tour/__gold_med.gif") no-repeat; }
ul#signup_matrix li.platinum h1 { height: 44px; width: 155px; background: url("/images/tour/__platinum_med.gif") no-repeat; }
ul#signup_matrix ul { margin: 0px 15px 5px 15px; clear: left; float: left; background: #333; width: 234px;}
ul#signup_matrix ul li { display: inline; margin: 3px 0px; width: 228px; padding-left: 14px; background: url("/images/tour/__lightorangeball.gif") no-repeat left center; }
ul#signup_matrix hr { height: 1px; width: 100%; color: #969696; background: #969696; border: 0 none; }
ul#signup_matrix div.price span.currency { vertical-align: top; text-align: right; font-weight: bold; font-size: 2.4em; position: relative; }
ul#signup_matrix div.price span.price_w { margin-left: 17px; display: inline-block; }
ul#signup_matrix div.price span.bigmoney { position: relative; font-weight: bold; font-size: 4.5em; color: #FF8E33;  }
span.bigmoney em { font-size: 0.75em; font-weight: normal; font-style: normal;}
ul#signup_matrix div.price span.andchange { vertical-align: top; font-size: 2.4em;  }
ul#signup_matrix div.price span.period { display: inline-block; font-size: 0.9em; position: relative; text-align: left; top: -2px;}
ul#signup_matrix div.price p { color: #e8e8e8;}
ul#signup_matrix div.price #saving { padding: 3px; background: #6b6b6b; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 0 auto; width: 130px;}
ul#signup_matrix div.price #kickoff { margin-top: 10px; background: #46b446; color: #fff; padding: 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

/* SIGNUP BUBBLE (LEFT SIDE) */
ul#signup_matrix li h2 { color: #969696; font-size: 1.2em; margin-left: 10px; font-weight: normal; letter-spacing: normal;}
ul#signup_matrix li h4 { font-weight: bold; }
ul#signup_matrix li div.reminder { background: #0099FF; color: #FFFFFF; }
ul#signup_matrix li div.reminder_w { background: #0099FF; margin: 0px auto; padding: 10px 0px 2px 0px; width: 230px; }
ul#signup_matrix div.summary { background: #333; }
ul#signup_matrix div.summary p { margin: 5px 5px 10px 15px; }
ul#signup_matrix div.summary p.contact {  }
ul#signup_matrix div.summary p.bill {  }
ul#signup_matrix div.summary p span { display: block; }
ul#signup_matrix div.summary h2 { margin-top: 10px; }

/* SIGNUP STEPS */
ul#signup_steps span.l, ul#signup_steps span.r { width: 25px; height: 100%;  top: 0px; position: absolute; }
ul#signup_steps { margin-bottom: 15px; display: inline; float: left; background: #D8D8D8; }
ul#signup_steps li { position: relative; padding: 10px 0px; font-size: 1.4em; float: left; color: #FF6600; width: 321px; }
ul#signup_steps li strong { margin-left: 20px; }
ul#signup_steps li.currentf, ul#signup_steps li.currentm, ul#signup_steps li.currentl { color: #FFFFFF; background: #969696; }
ul#signup_steps li.currentm span.l,
ul#signup_steps li.currentl span.l  { left: 0px; background: #D8D8D8 url("/images/tour/__rarrowbig_hollow.gif") no-repeat right center; }
ul#signup_steps li.currentf span.r,
ul#signup_steps li.currentm span.r { right: -25px; background: url("/images/tour/__rarrowbig.gif") no-repeat right center; }
ul#signup_steps li.last span.r { background: none; }

/* SIGNUP FORMS */
#sportsDisabled {font-style:italic;display:none;}
#actual .signup-alert { margin: 10px 0 0 0; width:390px; background: #46B446; font-size: 14px; padding: 10px; color: #fff;  }
#actual .signup-alert a { color: #fff !important; }
#actual .signup-alert strong { display: block;  }
#actual .signup-alert em { font-style: normal; display: block; margin: 10px 0; font-size: 12px; }
#actual .signup-alert small { display: block; }
#sportsDisabled.signup-alert em { margin-bottom: 0;}
#form_w fieldset.signupCollapsible,
#buttons.signupCollapsible {display:none;}
#roleContent span {display:none;}
div#form_w div#actual { margin: 0px; float: right; width: 658px; }
div#form_w div#actual fieldset { border: 1px solid #DDD; margin: 0 0 10px 0; padding: 10px;}
div#form_w div#actual legend { color: #AAA; text-align: left; padding: 3px 5px; font-weight: bold; font-size: 18px; }
div#form_w p { position: relative; margin: 5px 0px 5px 15px;}
div#form_w p.floaters { display: inline; float: left; margin-right: 10px; }
div#form_w div.floaters { display: inline; float: left; margin-right: 10px; }
form { text-align: left; }
form label, form h2 { margin-bottom: 5px; display: block; font-size: 1.4em; color: #ff6600; }
form h2 { margin-bottom: 10px; letter-spacing: normal; font-weight: normal;}
form h2.inline { display: inline; }
form input { color: #333; padding: 3px;  font-size: 1.2em; }
form input.text { border: 1px solid #b4b4b4;  }
form select { min-width: 100px; font-size: 1.2em; padding: 3px; width: 130px; }
form select.chosenSelect { min-width: 100px; font-size: 1.2em; padding: 3px; width: 175px;}
form span.formicon { height: 15px; width: 15px; background: url("/images/tour/__form_glyphs.gif") no-repeat 0px 0px;}
form span.formicon.question { background-position: 0px -15px; }
form span.formicon.ok { background-position: 0px 0px; }
form span.formicon.bad { background-position: 0px -30px; }
form span.formicon.no { background-position: 0px -45px; }
form span.r, form span.l { top: 50%; position: absolute;  }
form span.r { left: 360px; }
form span.l { left: -20px; }
form fieldset div.questions label { display: inline; float: left; color: #333333; font-size: 1.1em; width: 120px; }
form fieldset .cardtype { background: transparent; border: none; padding: 0; }
form fieldset div.questions { position: relative; float: left; display: inline; margin: 5px 0px 10px 15px; }
form fieldset h5 { font-size: 9px; float: left; margin-left: 15px; margin-top: -5px; margin-bottom: 5px; color: #6B6B6B; letter-spacing: normal; font-weight: normal;}

#howdulike { margin-top: 20px;}

#your_hs { position: relative; zoom: 1; width: 500px; }
#your_hs_inner { zoom: 1; width: 450px; }
#your_hs_input { font-size: 16px; padding: 5px; width: 400px; margin-top: 10px; }
#your_hs_list { z-index: 2; position: absolute; float: left; }
#your_hs_list .id, #your_hs_list .string { display: none; font-size: 0; height: 0; line-height: 0;}
#your_hs_list ul { background: #444; color: #DDD; font-size: 11px; cursor: pointer; }
#your_hs_list li { padding: 5px 10px; border-bottom: 1px solid #000; }
#your_hs_list li:hover { background: #09f url("/images/catsel.gif") repeat-x left top; border-bottom: 1px solid #09f;}
#your_hs_list li:hover .name { color: #fff; }
#your_hs_list li strong { color: #FFF; font-weight: bold; }
#your_hs_list .name { display: block; font-size: 14px; margin: 0 0 2px 0; }

#your_college { position: relative; zoom: 1; width: 500px; }
#your_college_inner { zoom: 1; width: 450px; }
#your_college_input { font-size: 16px; padding: 5px; width: 400px; margin-top: 10px; }
#your_college_list { z-index: 2; position: absolute; float: left; }
#your_college_list .id, #your_college_list .string { display: none; font-size: 0; height: 0; line-height: 0;}
#your_college_list ul { background: #444; color: #DDD; font-size: 11px; cursor: pointer; }
#your_college_list li { padding: 5px 10px; border-bottom: 1px solid #000; }
#your_college_list li:hover { background: #09f url("/images/catsel.gif") repeat-x left top; border-bottom: 1px solid #09f;}
#your_college_list li:hover .name { color: #fff; }
#your_college_list li strong { color: #FFF; font-weight: bold; }
#your_college_list .name { display: block; font-size: 14px; margin: 0 0 2px 0; }

input.searchbox { padding: 3px 20px 3px 3px; border: 2px solid #ccc; font-size: 1.2em; }
input.searchbox.option-chosen { background-image:url("/images/accept16.png"); cursor: pointer; background-repeat:no-repeat; background-position:385px; }
input.searchbox.option-chosen:hover, input.searchbox.option-chosen.focus { background-color: #ccc; background-image: url("/images/input_clear_hov.png"); }
input.searchbox.ac_loading { background-image:url("/images/loading.gif"); background-repeat:no-repeat; background-position:385px; background-attachment:scroll;  }
input.searchbox.error.ac_loading { background-image:url("/images/loading-B43333.gif"); }

#cant_find, #find_school { margin: 0 0 0 5px; }

#sportsFieldset legend span { padding: 2px 0 2px 20px; background: url("/images/loading.gif") no-repeat scroll left center; text-indent: -9999px; display: none; }
#sportsFieldset .alreadySignedUp { color: #969696; }

#reward_codes input.text { margin: 5px 0 0 0; }
input.radio, input.checkbox { display: inline; float: left; width: auto; margin-right: 5px; border: none;}
input#emailform, input#emailformconf { width: 340px; }
input.halfsize { width:152px; }
input.phone { width:25px; }
input.phone.longer { width: 30px; }
input#schoolorgname { width: 230px; }
input#schoolabbrev { width: 70px; }
input.wide { width: 340px; }
input.med { width: 186px; }
input#zip { width: 60px; }
select.exp { width: 57px; min-width: 57px; }

.help { font-size: 11px; width: 170px; color: #FFFFFF; position: absolute; padding: 10px; margin-left: 10px; left: 400px; top: 0px; background: #969696 }
.help .callout { background: url("/images/tour/__lcallout2.gif") no-repeat left center; position: absolute; top: 17px; left: -21px; height: 25px; width: 25px; }

#creditinfo .help .callout { background: url("/images/tour/__lcallout2.gif") no-repeat left center;}
#creditinfo .help a { color: #33C1FF; margin-top: 6px; }
#creditinfo .help a:hover { color: #FFF; }
#creditinfo .help strong,
#billinginfo .help strong { display: block; margin-bottom: 10px; font-size: 11px; }
#accountinfo .help strong { display: block; margin-top: 10px; }
#accountinfo #billhelpspan strong { margin: 0 0 10px 0;}
#billhelpspan { top: -20px; background: #f60; }
#billhelpspan a { color: #fff; }
#billhelpspan .callout { top: 67px; background: url("/images/tour/__lcallout.gif") no-repeat left center;}
#sportshelpspan { top:-10px; left:410px; }
#sportshelpspan span.callout { top:11px; }
div.sports { width:420px; }
div.sports label.sport { width:140px; }
div.sports label.sport input { width:14px; height:14px; }

div#buttons { float: right; width: 638px; padding: 20px 10px; font-size: 14px; color: #aaa; }

div#buttons input.submit_button { padding: 10px; margin: 0 5px 0 0; font-weight: bold; }
div#buttons input.step_button { padding: 10px; margin: 0 5px 0 0; }
body.copy div#buttons { float: left; width:211px; }
body.copy div#buttons input.step_button { float: left; }
div#buttons a.back.first { }
div#buttons a.back { margin: 0 0 0 5px; }

/* SIGNUP CONFIRM */
div#confirm_w { text-align: left; padding: 0 15px; position: relative;}
div#confirm_w .almost_there { letter-spacing: -2px;}
div#confirm_w h2 { letter-spacing: normal; font-size: 1.4em; color: #6b6b6b; font-weight: normal;}
div#confirm_w h2 strong { color: #333333; }
div#confirm_w .pleaseprint { color: #969696; font-style: italic; padding: 0; margin: 0; padding-bottom: 10px; }
div#confirm_w div.summary { margin: 20px 0px; font-size: 1.1em; }
div#confirm_w div.rhs  { float: right; width: 350px; display: inline;}
div#confirm_w div.summary.package { float: left; display: inline; width: 250px; margin: 15px; height: auto; }
div#confirm_w div.summary.billing {  }
div#confirm_w div.summary_w { margin-top: 15px;}
div#confirm_w h5 { color: #f60; margin-bottom: 3px; font-size: 16px; }
div#confirm_w div.summary { color: #969696; }
div#confirm_w div.summary strong { color: #333; }
div#confirm_w div.summary ul li { background: url("/images/tour/orangeball.gif") no-repeat; display: inline; margin: 3px 0px; padding-left: 14px; float: left; font-size: 1.2em; }
div#confirm_w div.summary ul.youthteams { margin: 5px 0 15px 0px;}
div#confirm_w div.summary ul.youthteams li { background: none; display: block; font-size: 1.0em; float: none; color: #FF6600; font-weight: bold; padding: 0; }
div#confirm_w div.summary ul { margin: 10px 5px; }
div#confirm_w div.summary h1 { text-indent: -9999px; }
.bottomh2 { clear: left; margin: 20px 0 15px 0; }
div#confirm_w div.summary h1.gold { background: url("/images/tour/__gold_small.gif") no-repeat; width: 50px; height: 27px; }
div#confirm_w div.summary h1.basic { background: url("/images/tour/__youth_small.gif") no-repeat; width: 60px; height: 27px; }
div#confirm_w div.summary h1.elite { background: url("/images/tour/__youth_small.gif") no-repeat; width: 60px; height: 27px; }
div#confirm_w div.summary h1.youth { background: url("/images/tour/__youth_small.gif") no-repeat; width: 60px; height: 27px; }
div#confirm_w div.summary h1.silver { background: url("/images/tour/__silver_small.gif") no-repeat; width: 58px; height: 27px; }
div#confirm_w div.summary h1.platinum { background: url("/images/tour/__platinum_small.gif") no-repeat; width: 94px; height: 27px; }
div#buttons input#a_SetupButton { cursor: pointer; background: url("/images/tour/__submit.gif") no-repeat; text-indent: -9999px; }
#errorspan { text-align: center;  background: #FF0000; color: #FFFFFF; padding: 10px; font-size: 1.2em; letter-spacing: normal;}
#errorspan a { color: #fff; }
label#eula, label#usa_football { padding: 3px; display: block; margin: 0 0 10px 0;}
label#usa_football {padding-top: 11px;}
.usa-football {border: 1px solid #ddd; padding: 10px; margin-top: 15px;}
.usa-football img { float: left; width: 15%; padding: 0; margin-right: 10px; border: none;}
label#eula span { padding:2px 4px; }
label#eula span a { display:inline; }
label#eula span a:hover { background: #0099FF; color: #FFFFFF;}
label#eula.error span a { color: #FFFFFF; }
label#eula.error span { font-weight: normal; }

/* THANKS & CONFIRM */
a#getstarted { margin: 12px 0px; background: url("/images/tour/__getstarted.gif") no-repeat; display: block; }


/* HOMEPAGE REDUX NEW STUFF */
body.home div#visual { position: relative; }
div#video_w  { width: 550px; }
div#video_w #video { background-color: #000; padding: 9px 0; -moz-border-radius: 7px; -webkit-border-radius: 7px;}

div#quotes { width: 398px; float: right; display: inline; text-align: left; }
div#quotes .wheeler.quote, div#quotes .quote { float: left; display: inline; width: 190px; margin-right: 15px}
div#quotes .quote { margin-right: 0; }
div#quotes div.favre { width: 290px; margin-bottom: 25px; }
div#quotes h3 { color: #FF6600; margin-top: 22px; font-weight: bold; font-size: 1.2em; letter-spacing: normal; }
div#quotes h4 { font-weight: normal; font-size: 1.0em; }
div#quotes h5 { font-weight: normal; font-size: 1.0em;color: #b4b4b4; }
div#quotes p { -webkit-border-radius: 7px; -moz-border-radius: 7px; font-size: 1.2em; padding: 8px; position: relative; background: #333; color: #FFFFFF; }
div#quotes div.favre p {font-size: 2em; }
div.quote .callout { position: absolute; bottom: -14px; left: 30px; height: 14px; width: 16px; background: url("/images/tour/___callout_down.gif") no-repeat -32px 0px;}


div#float30 { text-align: right; background: #FF8E33; padding: 10px; display: inline; right: -16px; position: absolute; top: 15px;  color: #FFFFFF; }
div#float30 span.tag { width: 16px; height: 10px; position: absolute; right: 0px; top: -10px; background: url("/images/tour/__flap.gif") no-repeat scroll right top }

#subnav { background-color: #333; line-height: 25px; clear: left; display: block; float: left; width: 100%;  }
body.home #subnav,
body.partners #subnav,
body.contact #subnav,
body.demo #subnav,
body.youth #subnav,
body.buzz #subnav,
body.signup #subnav { display: none; }

ul#subnav li { text-align: center; float: left; display: inline; vertical-align: middle; font-size: 1.1em; font-weight: normal; }
ul#subnav li a { color: #ff8e33; float: left; text-decoration: none; width: 126px; }
ul#subnav li a:hover { text-decoration: underline; background: none; color: #FFFFFF; }
body.capture li#subli1,
body.analyze li#subli2,
body.share li#subli3 { background: url("/images/tour/___subnav_current.gif") no-repeat bottom center; }

div#movie { padding: 15px; background: url("/images/overlay_bg60.png") repeat; -moz-border-radius: 7px; -webkit-border-radius: 7px;}
div#noFlash { background: #E8E8E8; font-size: 14px;}
div#noFlash p {  padding: 20px; }
#video_w div#noFlash { background: #000; color: #FFF;}
/* "OLD" SIGN-UP/CONTACT PAGE STUFF */
body.contact div#visual { height: 400px; width: 990px; margin: 0 auto; padding: 35px 0 0 0; }
body.contact div#visual div#signup_form_w { text-align: left; width: 450px; margin: 0 auto; }
body.contact div#visual div#signup_form_w h2 { text-align: center; font-size: 2.2em; font-weight: bold;}
body.contact div#visual div#signup_form_w h3 { text-align: center; font-size: 1.4em; margin: 0 0 25px 0px; }
body.contact div#visual form label { display: block; font-size: 1.4em; color: #ff6600; }
body.contact div#visual form input { color: #333; margin: 5px 0px 30px 0px; border: 1px solid #b4b4b4; padding: 3px;  font-size: 2.0em; width: 100%; }
body.contact div#visual form input#sign_up { border: none;  height: 23; width: 61px; float: right; margin-right: -10px; }
body.contact div#visual form div#submit_w { margin-top: -20px; }
body.contact div#visual form input.required { background-color:#FFF6AD; color:#cc4444; font-weight:bold; }
body.contact div#visual form textarea { color: #333; margin: 5px 0px 30px 0px; border: 1px solid #b4b4b4; padding: 3px;  font-size: 2.0em; width: 100%; }
body.contact div#request_complete { background: #46B446; padding: 10px; text-align: center; margin-bottom: 10px; }
body.contact div#request_complete h4 { color: #FFFFFF; }
#contact_phone { padding: 3px 4px; font-weight: normal; background: #FF6600; color: #FFF;}


p#promo { margin: 0 0 15px 0; padding: 10px; font-size: 2.0em; color: #FFFFFF; background: #46B446; }
a#youth { text-decoration: underline; margin: 5px 20px; display: block; text-align: left; padding: 3px; width: 150px;}
a#youth:hover { background: #0099FF; color: #FFF; }
body.lists ol { list-style-type:decimal; list-style-position:outside; list-style-image:inherit; }
body.lists ol li { margin:12px 0; list-style-type:decimal; }


/* PARTNERS PAGE(S) */
div.partner { text-align: left; float: left; display: inline; margin: 10px 0 20px 0; width: 965px; }
div.partner .fl-r { display: inline;  width: 495px; margin-left: 17px }
div.partner .fl-l, div.visual_inner .fl-l  { display: inline;  position: relative; margin-left: 15px; width: 430px;}
div.partner .fl-r h3 { font-size: 1.7em; margin: 5px 0px 5px 0px; letter-spacing: normal; }
div.partner .fl-r p, div.visual_inner .fl-r p, #content-sec ul.buzz p { font-size: 1.5em; color: #6b6b6b; line-height: 1.4em; }

div#visual .fl-r a, #content-sec ul.buzz a { text-align: right; display: inline; float: left; padding: 3px; margin-top: 10px; height: auto; width: auto; position: relative; left: -3px; }
div#visual .fl-r a:hover, #content-sec  ul.buzz a:hover  { background: #0099FF; }
div#visual div.partner .title { text-align: left; left: 11px; width: 382px; position: absolute; bottom: 11px; margin: 0; padding: 7px 10px; color: #FFF; background: transparent url("/images/overlay_bg80.png") repeat; }
div.partner h2.featuretitle { font-size: 1.7em; color: #FF8E33; letter-spacing: normal; }
div.partner h3.partnername { font-weight: bold; font-size: 1.1em; color: #FFF; }
div.partner h3.partnername span { font-weight: normal; }
div.partner span.date { display: block; font-weight: normal; color: #D8D8D8; }

body.partners div#pitch #info,
body.buzz div#pitch #info { display: inline;  margin-right: 15px; width: 495px; font-size: 1.4em; line-height: 1.4em; color: #6B6B6B; }

/* BUZZ  */
div#visual div.visual_inner p.caption { margin-right: 5px; }
div.visual_inner { float: left; display: inline; text-align: left; width: 965px; margin-top: 10px;}
ul.buzz { float: right; display: inline; width: 495px; }
ul.buzz li {margin: 0 0 15px 0; float: left; display: inline;}
ul.buzz li h2 span { white-space: nowrap; font-size: 10px; display: inline; color: #FFF; background: #FF6600; padding: 1px 3px; vertical-align: middle; }
div.visual_inner h4 { color: #969696; font-weight: normal; font-size: 11px;}
#content-sec ul.buzz { margin: 0 15px 0 35px; width: auto;}
#content-sec ul.buzz li { margin-bottom: 30px;}
#content-sec li.c2a { margin-top: 30px; clear: left; display: block; float: none; text-align: center;}
#content-sec li.c2a a { float: none; font-size: 14px; position: static; }

div#visual .table_w { background: #FFF; border: 1px solid #b4b4b4; padding: 10px; }
div#visual table { width: 100%; color: #333;}
div#visual table td, div#visual table th {padding: 0.6em;}
div#visual table thead th { font-size: 2.0em; font-weight: bold; text-align: center; letter-spacing: -0.075em; padding: 0 0 0.25em 0;}
div#visual table thead th a { text-decoration: none; padding: 0.2em; }
div#visual table thead th a:visited { color: #0099FF;}
div#visual table thead th a:hover { color: #FFF; }
div#visual table tbody th { font-size: 1.2em; width: 50%;}
div#visual table tr.alt td, div#visual table tr.alt th { background: #F4F4F4; }
div#visual table tbody td { text-align: center; vertical-align: middle; font-weight: bold;}
div#visual table tbody th { vertical-align: middle;}
div#visual table tbody td.yes { text-indent: -9999px; background-image: url("/images/check.png"); background-repeat: no-repeat; background-position: center center; }
div#visual table tbody td.no { text-indent: -9999px;}
div#visual table tbody td.pricecompare { color: #FF6600; font-size: 14px;}

/* YOUTH SIGN-UP */
body.youth div#buttons { margin: 0 0 0 0;}
div.add_remove { float: left; margin: 26px 0 0 26px; }
div.add_remove a { height: 16px; width: 16px; float: left; text-indent: -9999px; margin-right: 8px;}
div.add_remove a:hover { background-color: Transparent;}
a.add_another { background: url("/images/add16.png") no-repeat;  }
a.remove_another { background: url("/images/delete16.png") no-repeat; }
div#youth_signup_help {  border-top: 1px solid #808080; margin: 0 9px; border-bottom: 1px solid #808080; padding: 10px; background: #969696; }
div#youth_signup_help img { padding: 0; border: 0 none; background: none; vertical-align: middle;}
div#youth_signup_help p {text-align: center; color: #FFF; padding: 0; float: none; margin: 0;}

div#notificationinner { padding: 0 5px 5px 5px; background: url("/images/overlay_bg60.png") repeat; width: 600px; margin-left: -300px; left: 50%; position: fixed; text-align: center; z-index: 200000; border-top: 0 none;}
p#notification { padding: 5px; font-weight: bold; font-size: 11px; background-color: #46B446; color: #FFF; }
p#notification a { color: #FFF; cursor:pointer; text-decoration:underline; }
p#notification a:hover { background-color:Transparent; }
p#notification.error { background-color: #B43333; color: #FFF; }
p#notification.warning { background-color: #D4D433; color: #FFF; }
p#notification.warning a { color: #0099FF; }
p#notification.normal { background-color: #46B446; color: #FFF; }
span#closenotification { cursor: pointer; margin-top: 7px; margin-right: 8px; float:right; background: url("/images/close_notification.png") no-repeat 0px 0px; width: 10px; height: 10px; }

#reward_codes .bad { padding: 2px 0 2px 20px; color: #f00; background: url("/images/cancel.png") no-repeat scroll left top; }
#reward_codes .ok { padding: 2px 10px 2px 20px; background: url("/images/accept16.png") no-repeat scroll left center; text-indent: -9999px; display: inline-block; }
#reward_codes .checking { padding: 2px 0 2px 20px; background: url("/images/loading.gif") no-repeat scroll left center; text-indent: -9999px; display: inline-block; }
#reward_codes #add_code { padding: 2px 0 2px 20px; background: url("/images/add16.png") no-repeat scroll left center; }
#reward_codes #remove_code { padding: 2px 0 2px 20px; background: url("/images/delete16.png") no-repeat scroll left center; }
#reward_codes #add_code:hover, #reward_codes #remove_code:hover { background-color: #09f; }

#dupeCheck {font-size:1.3em;}
#dupeCheck div #mistakenIdentity {font-size:.8em;}

#nomail { padding: 5px 10px; color: #fff; background: #46b446; border: 1px solid #22b022; font-size: 12px; line-height: 16px; width: 325px;}

#refund-policy { padding: 10px 15px; background: #09f; border: 1px solid #06f; margin-bottom: 15px; }
#refund-policy p { color: #fff; font-size: 12px; margin: 0 !important;}
#refund-policy a { color: #fff; }
#refund-policy h3 { color: #fff; margin-bottom: 10px; }

div#noscriptwarning { z-index: 150000; position: fixed; width: 100%; top: 0px;left: 0px; background-color: #A00000; color: #E8E8E8; text-align: center; padding: 15px; vertical-align: baseline;}
div#noscriptwarning h1 { color: #E8E8E8;}
div#noscriptwarning a { color: #60BFFF;}
div#noscriptwarning a:hover { color: #FFF; }


/* Error Page Styles */
#errorPage { width: 1000px; margin: 30px auto 0 auto; }
#errorPage h2 { font-size: 36px; line-height: 36px; font-weight: bold; margin: 0; padding: 0; }
#errorPage h3 { font-size: 24px; line-height: 24px; font-weight: bold; color: #3d3d3d; margin: 10px 0 0 0; padding: 0; }
#errorPage h4 { font-size: 18px; line-height: 18px; font-weight: bold; color: #3d3d3d; margin: 0; padding: 0; }
#errorPage #hudlLogo { width: 103px; height: 377px; background: url("/images/hudl_logo_fallen.png") no-repeat; float: left; margin-right: 40px; }
#errorPage #halHudlLogo { width: 100px; height: 100px; background: url("/images/hudl_logo_hal.png") no-repeat; float: left; margin-right: 40px; }
#errorPage #errorInfo { width: 857px; float: left; }
#errorPage #errorInfo #problem { background-color: #efefef; padding: 15px; margin-top: 35px; margin-right: 160px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; }
#errorPage #errorInfo #problem p { margin: 9px 0 0 0; line-height: 20px; font-size: 14px; color: #888888; }
#errorPage #errorInfo #problem h4 { margin-top: 0px; }
#errorPage #errorInfo #helpInfo { background-color: #ff8e33; padding: 15px; margin-top: 20px; margin-right: 160px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; }
#errorPage #errorInfo #helpInfo h4 { margin-top: 0px; }
#errorPage #errorInfo #helpInfo #contactInfo { padding: 0; overflow: hidden; }
#errorPage #errorInfo #helpInfo .contact { float: left; margin-right: 100px; }
#errorPage #errorInfo #helpInfo .cta { margin-top: 5px; font-size: 24px; }
#errorPage #errorInfo #helpInfo .subCta { margin-top: 3px; }
#errorPage #errorInfo #helpInfo .cta, #errorPage #errorInfo #helpInfo a { color: #ffffff; text-decoration: none; }
#errorPage #errorInfo #helpInfo .triangleBullet { position: absolute; left: -14px; top: 12px; background: transparent; padding: 0; border: none; }