/**
 * wftda.com main site style sheet.
 *
 * @package    WFTDA
 * @subpackage UI
 * @copyright  Copyright 2009 Spenlen Media, Inc. (http://spenlen.com)
 * @version    $Id$
 */


/**** Global Rules ****/

/** Fonts **/

@font-face {
  font-family: "Viper Nora";
  src: url('../fonts/viper_nora.ttf');
}

@font-face {
  font-family: "Tom Violence";
  src: url('../fonts/tom_violence.ttf');
}

/** Page Structure **/

HTML, BODY, H1, H2, H3, H4, H5, H6, HR, DIV, P, PRE, UL, OL, LI, BLOCKQUOTE, FORM, FIELDSET, LEGEND, TABLE, TR, TH, TD, DL, DT, DD {
  margin: 0;
  padding: 0;
}

HTML {
  height: 100%;
}

BODY {
  background: #42413d url('../images/backgrounds/page.jpg') left top repeat;
  font: normal normal normal 0.85em/1.3em Helvetica, Arial, sans-serif;
  color: #e5e5e5;
  min-height: 100%;
  min-width: 865px;
}

/** Headings **/

H1, H2, H3, H4, H5, H6 {
  margin: 0 0 0.7em 0;
  font-size: 1em;
  font-weight: normal;
}

H1 {
  font-family: "Viper Nora", Helvetica, Arial, sans-serif;
  font-size: 2.8em;
  line-height: 1em;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  word-spacing: -0.15em;
/*  text-shadow: #000 0 0 0.1em;*/
  color: #fff;
}
H1 SPAN.firstLine {
  margin-bottom: 0.1em;
  font-size: 0.6em;
  line-height: 1.1em;
  color: #f193bc;
  display: block;
}

H2 {
  margin: 1.5em 0 0.7em -96px;
  padding: 0.5em 0 0.3em 96px;
  background: url('../images/backgrounds/sub_heading.png') left top repeat-y;
  font-family: "Viper Nora", Helvetica, Arial, sans-serif;
  font-size: 1.8em;
  line-height: 1.1em;
  letter-spacing: 0.05em;
  word-spacing: -0.15em;
/*  text-shadow: #000 0 0 0.1em;*/
  text-transform: uppercase;
  color: #f395be;
}

H3 {
  margin: 1.3em 0 1em 0;
  font-size: 1.5em;
  font-style: italic;
  color: #999;
}

H4 {
  margin: 1.5em 0 1.2em 0;
  font-size: 1em;
  font-weight: bold;
  color: #ac728b;
}

/** Tables **/

TABLE {
  border-collapse: collapse;
  border-spacing: 0;
  background: none;
}

TH, TD {
  font-style: normal;
  font-weight: normal;
  text-align: left;
}

COL.sorted {
  background: #1a1a1a;
}

TR.odd, DIV.odd {
  background: #262626;
}
BODY.store #pageContent TR.odd, BODY.store #pageContent DIV.odd {
  background: #e8eced;
}
TR.even, DIV.even {
  background: #1a1a1a;
}
BODY.store #pageContent TR.even, BODY.store #pageContent DIV.even {
  background: #bec9ca;
}

TABLE.collapsed, TBODY.collapsed {
  display: none;
}

/** Paragraphs and Other Block-Level Elements **/

P {
  margin-bottom: 1em;
  line-height: 1.5em;
}

OL, UL {
  margin: 1em 1em 1em 2em;
  list-style: none;
}

UL.bullets, .markdown UL {
  list-style-type: disc;
  list-style-image: url('../images/backgrounds/list_bullet.png');
}

LI {
  margin-bottom: 1em;
}

DL {
  margin: 1em 0;
}

BLOCKQUOTE {
  margin: 1em 0;
  padding: 20px 30px 0 30px;
  background: url('../images/blockquote_left.gif') left top no-repeat;
  font-style: italic;
  color: #f5a2c6;
  min-height: 40px;
  position: relative;
}
BLOCKQUOTE SPAN.quoteImage {
  background: url('../images/blockquote_right.gif') right bottom no-repeat;
  display: block;
  width: 30px;
  height: 60px;
  position: absolute;
  right: 0;
  bottom: 0;
}
BLOCKQUOTE P {
  margin: 0 0 0.7em 0;
}

BR.clear {
  clear: both;
}

HR {
  margin: 1em 0 1em 0;
  border: 1px solid #3d2530;
}

HR.sectionBreak {
  margin: 2em 0 2em 0;
}

HR.separator {
  border-right: none;
  border-bottom: none;
  border-left: none;
}

/** Anchors (Hyperlinks) **/

A, A:link, A:visited {
  color: #f395be;
  text-decoration: none;
}
BODY.store #pageContent A, BODY.store #pageContent A:link, BODY.store #pageContent A:visited {
  color: #666;
}
A:active, A:hover {
  color: #7a4b5f;
  text-decoration: underline;
}
BODY.store #pageContent A:active, BODY.store #pageContent A:hover {
  color: #ac728b;
}

A.readMore {
  font-size: 0.85em;
}

/** Form Elements **/

INPUT, TEXTAREA, SELECT, BUTTON {
  font: normal normal normal 1em Helvetica, Arial, sans-serif;
  color: #333;
  outline-color: #f395be;
}
INPUT[type="text"], INPUT[type="password"], TEXTAREA {
  padding: 0.2em 0.4em;
  background: #1a1a1a;
  border: 1px solid #272727;
  color: #e7e7e7;
}
BODY.store #pageContent INPUT[type="text"], BODY.store #pageContent INPUT[type="password"], BODY.store #pageContent TEXTAREA {
  background: #fff;
  border: none;
  color: #3d3e3e;
}


INPUT.fullWidth, TEXTAREA.fullWidth {
  width: 100%;
  max-width: 50em;
}

P.formButtons {
  margin: 0.5em 0;
}

BUTTON {
  margin: 0 5px 0 0;
  padding: 0;
  border: none;
  text-indent: -1000em;
  width: 60px;
  height: 24px;
  cursor: pointer;
}
BUTTON:hover {
  background-position: 0 -24px !important;
}
BUTTON:active {
  position: relative;
  top: 1px;
  left: 1px;
}

BUTTON.cancel {
  margin-left: 20px;
  background: url('../images/buttons/cancel.png') 0 0 no-repeat;
}
BUTTON.go {
  background: url('../images/buttons/go.png') 0 0 no-repeat;
  width: 34px;
}
BUTTON.remove {
  background: url('../images/buttons/remove.png') 0 0 no-repeat;
}
BUTTON.search {
  background: url('../images/buttons/search.png') 0 0 no-repeat;
}
BUTTON.submit {
  background: url('../images/buttons/submit.png') 0 0 no-repeat;
}

BODY.store #pageContent DIV.form {
  margin: 0 0 3em -0.7em;
  padding: 0.1em 0.7em;
  background: url('../images/backgrounds/white_highlight.png') left top repeat;
}
TABLE.form {
  margin: 1em 0;
}

TABLE.form TH {
  padding: 0.3em 0.5em 0.3em 0;
  text-align: right;
}
TABLE.verticalForm TH {
  text-align: left;
}
TABLE.form TD {
  padding: 0.3em 0;
}

LABEL, .disabled LABEL.requiredField {
  color: #999;
}
LABEL.requiredField {
  color: #f395be;
}
BODY.store #pageContent LABEL.requiredField {
  color: #ac728b;
}

.promptText, INPUT[type="text"].promptText, INPUT[type="password"].promptText, TEXTAREA.promptText {
  color: #4c4c4c;
}
BODY.store #pageContent .promptText, BODY.store #pageContent INPUT[type="text"].promptText, BODY.store #pageContent INPUT[type="password"].promptText, BODY.store #pageContent TEXTAREA.promptText {
  color: #bfbfbf;
}
BODY.store #pageContent SPAN.promptText {
  color: #808080;
}

.validationError {
  padding: 5px;
  border-left: 3px double #d40000;
}

.validationError INPUT, .validationError TEXTAREA {
  outline-color: #d45555;
}
.validationErrorText {
  font-size: 0.85em;
  font-weight: bold;
  color: #d40000;
}

.fieldPrompt {
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 0.85em;
  color: #999;
}
BODY.store #pageContent .fieldPrompt {
  color: #666;
}

DIV.documentation P, P.documentation {
  color: #999;
  font-size: 0.85em;
}

P.recaptchaDocs {
  margin: 1em 0 0.5em 0;
  font-size: 0.85em;
  font-style: italic;
  color: #f395be;
}


/** Images and Other Inline Elements **/

IMG {
  border: none;
}

ACRONYM, ABBR {
  text-decoration: none;
}
EM {
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
}
STRONG {
  font-weight: bold;
  color: #ac728b;
}


/**** Site Layout ****/

/** Page Frame **/

#pageFrame {
  margin: 0 7%;
  background: #000;
  min-width: 760px;
  position: relative;
}
BODY.store #pageFrame {
  padding-top: 3.6666em;
}

#pageFrame .frameShadowLeft, #pageFrame .frameShadowRight {
  display: block;
  width: 45px;
  position: absolute;
  top: 0;
  bottom: 50px;
}
#pageFrame .frameShadowLeft {
  background: url('../images/backgrounds/frame_shadow_left.png') right bottom repeat-y;
  left: -45px;
}
#pageFrame .frameShadowRight {
  background: url('../images/backgrounds/frame_shadow_right.png') left bottom repeat-y;
  right: -45px;
}
#pageFrame .frameShadowBottom {
  background: url('../images/backgrounds/frame_shadow_bottom.png') left top repeat-x;
  display: block;
  height: 50px;
  position: absolute;
  bottom: -50px;
  left: 25px;
  right: 25px;
}
#pageFrame .frameShadowBottomLeft, #pageFrame .frameShadowBottomRight {
  display: block;
  width: 70px;
  height: 100px;
  position: absolute;
  bottom: -50px;
}
#pageFrame .frameShadowBottomLeft {
  background: url('../images/backgrounds/frame_shadow_bottom_left.png') right top no-repeat;
  left: -45px;
}
#pageFrame .frameShadowBottomRight {
  background: url('../images/backgrounds/frame_shadow_bottom_right.png') left top no-repeat;
  right: -45px;
}


/** Page Header **/

#pageHeader {
  padding: 0 0 0 0;
  width: 100%;
  min-width: 865px;
  position: fixed;
  top: 0.4em;
  left: 0;
  z-index: 100;
}
BODY.home #pageHeader {
  margin: 0 -8.1%;
  width: 116.2%;
  position: absolute;
}
#pageHeaderBackground {
  background: url('../images/backgrounds/header.png') left bottom repeat-x;
  display: block;
  position: absolute;
  top: -0.4em;
  left: 7%;
  right: 7%;
  bottom: -0.4em;
  z-index: -1;
}
BODY.home #pageHeaderBackground {
  display: none;
}
BODY.store #pageHeaderBackground {
  bottom: -10px;
}

#mainNavFrame, #subNavFrame {
  padding: 0 10% 0 7%;
  font-size: 0.9em;
}

#mainNavFrame {
  background: #f5a2c6;
}
#mainNavContainer {
  padding-left: 150px;
  position: relative;
  z-index: 1000;
}

A.homeLink {
  margin: 0;
  background: url('../images/logos/wftda_header.png') left top no-repeat;
  text-indent: -1000em;
  display: block;
  width: 114px;
  height: 177px;
  position: absolute;
  top: -5px;
  left: 20px;
}

#mainNav {
  margin: 0;
  width: 100%;
}

#mainNav A {
  padding: 0.85em 0.5em 0.55em 0.5em;
  background: url('../images/backgrounds/nav.jpg') left center no-repeat;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  color: #333;
  display: block;
  white-space: nowrap;
  overflow: hidden;
}
#mainNav A:hover {
  color: #fff;
  text-decoration: none;
}

#mainNav A.current {
  background: url('../images/backgrounds/nav_current.jpg') left center repeat;
  color: #fff;
  position: relative;
  right: -1px;
}

#mainNav TD.iconLinks {
  width: 136px;
}
#mainNav A.facebookLink, #mainNav A.myspaceLink, #mainNav A.twitterLink, #mainNav A.searchLink {
  margin-left: 6px;
  padding-left: 0;
  padding-right: 0;
  background-position: center center;
  background-repeat: no-repeat;
  outline: none;
  text-indent: -1000em;
  width: 25px;
  height: 100%;
  float: left;
}
#mainNav A.facebookLink {
  background-image: url('../images/icons/nav_facebook.png');
}
#mainNav A.myspaceLink {
  background-image: url('../images/icons/nav_myspace.png');
}
#mainNav A.twitterLink {
  background-image: url('../images/icons/nav_twitter.png');
}
#mainNav A.searchLink {
  background-image: url('../images/icons/nav_search.png');
  width: 37px;
}
#mainNav A.active, #mainNav A.searchLink:hover {
  background-color: #666;
}

#mainNavSearch {
  padding: 0.5em;
  background: #666;
  background: rgba(255, 255, 255, 0.4);
  position: absolute;
  top: 2.7em;
  right: 0;
  z-index: -1;
}
#mainNavSearch INPUT {
  padding: 0.35em 0.7em;
  background: #fff;
  background: rgba(255, 255, 255, 0.9);
  border: 0;
  outline: none;
  font-size: 1.1em;
  color: #333;
}
#mainNavSearch INPUT.promptText {
  color: #b3b3b3;
}



#subNav {
  margin: 1em 0 1em 150px;
}
#dashboardNavigation {
  margin: -4em 0 1em 0;
}
#dashboardSubNavigation {
  margin: 1em 0 3em 0;
  font-size: 0.9em;
}

#subNav LI, #dashboardNavigation LI, #dashboardSubNavigation LI {
  display: inline;
}

#subNav A, #dashboardNavigation A {
  padding: 10px;
  color: #f5a2c6;
}
#subNav A:hover, #dashboardNavigation A:hover {
  color: #fff;
  text-decoration: none;
}

#subNav A.current, #dashboardNavigation A.current {
  background: url('../images/backgrounds/subnav_current.png') center center no-repeat;
  color: #fff;
}

#dashboardSubNavigation A {
  padding: 10px;
  color: #666;
}
#dashboardSubNavigation A:hover {
  color: #ccc;
  text-decoration: none;
}
#dashboardSubNavigation A.current {
  color: #fff;
}

#dashboardWarning {
  margin: 0;
  padding: 4px;
  border: 2px solid #aba000;
  font-size: 0.85em;
  color: #ccc;
  text-align: center;
  width: 102px;
  position: fixed;
  top: 200px;
  left: 9%;
}
#dashboardWarning STRONG {
  margin: 0.5em 0;
  font-size: 1.1em;
  color: #aba000;
  display: block;
}


/** Page Content Area **/


#pageContent {
  padding: 9em 10% 15px 160px;
  background-position: right 3em;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}
BODY.content1 #pageContent {
  background-image: url('../images/photos/01.jpg');
}
BODY.content2 #pageContent {
  background-image: url('../images/photos/02.jpg');
}
BODY.content3 #pageContent {
  background-image: url('../images/photos/03.jpg');
}
BODY.content4 #pageContent {
  background-image: url('../images/photos/04.jpg');
}
BODY.leagueProfile #pageContent {
  background: none;
}
BODY.dashboard #pageContent {
  padding-right: 20px;
  padding-bottom: 20px;
  min-height: 20em;
}
BODY.store #pageContent {
  padding: 2em 10em 0 160px;
  background: #6b8486 url('../images/backgrounds/store.jpg') left top repeat-x;
  color: #333;
}
BODY.storefront #pageContent {
  padding-top: 0;
}

P.tagline {
  margin: 1em -8% 0.5em 0;
  font-family: "Tom Violence", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  text-align: right;
/*  text-shadow: #000 0 0 0.1em;*/
  clear: both;
}


/* Home Page */

BODY.home #pageContent {
  padding: 6em 0 15px 0;
}
BODY.home1 #pageContent {
  background: url('../images/home_photos/01.jpg') right center no-repeat;
}
BODY.home2 #pageContent {
  background: url('../images/home_photos/02.jpg') right bottom no-repeat;
}
BODY.home3 #pageContent {
  background: url('../images/home_photos/03.jpg') right center no-repeat;
}
BODY.home4 #pageContent {
  background: url('../images/home_photos/04.jpg') right 3.6em no-repeat;
}
BODY.home5 #pageContent {
  background: url('../images/home_photos/05.jpg') right bottom no-repeat;
}

BODY.home P.tagline {
  margin-right: 5%;
}

BODY.home H1 {
  margin: 0 0 30px 160px;
  background: url('../images/backgrounds/home_title.png') left top no-repeat;
  font-size: 1em;
  text-indent: -1000em;
  width: 240px;
  height: 125px;
}

BODY.home .latestNews {
  margin: 0 5%;
  padding: 0 0 0 12em;
  position: relative;
}

BODY.home .latestNews H2 {
  margin: 0;
  padding: 0;
  background: none;
  font-size: 2.5em;
  line-height: 1em;
  text-align: right;
  color: #fff;
  width: 3.8em;
  position: absolute;
  top: 1em;
  left: 0;
}
BODY.home .latestNews H2 SPAN.firstLine {
  margin: 0 0.5em 0.4em 0;
  font-size: 0.6em;
  line-height: 1em;
  color: #f193bc;
  display: block;
}

BODY.home .latestNews UL {
  margin: 0;
  font-weight: bold;
  font-style: italic;
  text-shadow: 0 0 0.3em #000, -0.1em -0.1em 0.3em #000, 0.1em 0.1em 0.3em #000;
}

BODY.home .latestNews UL LI.item1 {
  font-size: 1.4em;
}
BODY.home .latestNews UL LI.item2 {
  font-size: 1.2em;
}
BODY.home .latestNews UL LI.item3 {
  font-size: 1em;
}
BODY.home .latestNews UL LI.item4 {
  font-size: 0.8em;
}

BODY.home .latestNews UL A {
  color: #fff;
}
BODY.home .latestNews UL A:hover, BODY.home .latestNews UL A:active {
  color: #f395be;
  text-decoration: none;
}

BODY.home .latestNews P.more {
  font-size: 0.8em;
  text-transform: lowercase;
  font-style: italic;
}

#scoresTicker DIV.tickerSectionContent STRONG {
  font-size: 1.1em;
  color: #000;
}

BODY.home P.scoresAttribution {
  margin: -1em 5% 0 0;
  font-size: 0.8em;
  font-weight: bold;
  color: #ccc;
  text-shadow: #000 1px 1px 2px;
  text-align: right;
}
BODY.home P.scoresAttribution A {
  color: #ccc;
}

#homeContentFrame {
  background: #635c54 url('../images/backgrounds/home_content.jpg') -500px top repeat;
  position: relative;
}
#homeContentFrame SPAN.topEdge {
  background: url('../images/backgrounds/home_content_top_edge.png') -500px top repeat-x;
  display: block;
  height: 35px;
  width: 100%;
  position: absolute;
  top: -15px;
  left: 0;
  z-index: 1;
}
#homeContent {
  padding: 0 7% 15px 7%;
  position: relative;
  z-index: 2;
}
#homeContent P {
  margin: 0;
  padding: 0.5em 0;
  line-height: 1.25em;
}

DIV.calloutSection {
  margin: 5px 5%;
  overflow: hidden;
  position: relative;
  z-index: 10;
}

DIV.calloutBackground {
  position: absolute;
  top: 0;
  bottom: 0;
}
DIV.calloutBackgroundLeft {
  left: 0;
  right: 65.5%;
}
DIV.calloutBackgroundCenter {
  left: 35%;
  right: 35%;
}
DIV.calloutBackgroundRight {
  left: 65.5%;
  right: 0;
}
DIV.calloutBackground SPAN {
  z-index: 75;
}
DIV.calloutBackground .background {
  background: url('../images/backgrounds/callout_background.png') left top repeat;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  z-index: 25;
}
DIV.calloutBackground .topEdge, DIV.calloutBackground .bottomEdge {
  background-position: left top;
  background-repeat: repeat-x;
  display: block;
  height: 10px;
  position: absolute;
  left: 14px;
  right: 14px;
}
DIV.calloutSectionNoFrame DIV.calloutBackground .topEdge, DIV.calloutSectionNoFrame DIV.calloutBackground .bottomEdge {
  height: 9px;
}
DIV.calloutBackground .topEdge {
  background-image: url('../images/backgrounds/callout_top_edge.png');
  top: 0;
}
DIV.calloutSectionNoFrame DIV.calloutBackground .topEdge {
  background-image: url('../images/backgrounds/callout_top_edge_noframe.png');
}
DIV.calloutBackground .bottomEdge {
  background-image: url('../images/backgrounds/callout_bottom_edge.png');
  bottom: 0;
}
DIV.calloutSectionNoFrame DIV.calloutBackground .bottomEdge {
  background-image: url('../images/backgrounds/callout_bottom_edge_noframe.png');
}
DIV.calloutBackground .leftEdge, DIV.calloutBackground .rightEdge {
  background-position: left top;
  background-repeat: repeat-y;
  display: block;
  width: 10px;
  position: absolute;
  top: 13px;
  bottom: 13px;
}
DIV.calloutBackground .leftEdge {
  background: url('../images/backgrounds/callout_left_edge.png');
  left: 0;
}
DIV.calloutSectionNoFrame DIV.calloutBackground .leftEdge {
  background: url('../images/backgrounds/callout_left_edge_noframe.png');
}
DIV.calloutBackground .rightEdge {
  background-image: url('../images/backgrounds/callout_right_edge.png');
  right: 0;
}
DIV.calloutSectionNoFrame DIV.calloutBackground .rightEdge {
  background-image: url('../images/backgrounds/callout_right_edge_noframe.png');
}
DIV.calloutBackground .topLeftCorner, DIV.calloutBackground .topRightCorner, DIV.calloutBackground .bottomLeftCorner, DIV.calloutBackground .bottomRightCorner {
  background-position: left top;
  background-repeat: no-repeat;
  display: block;
  width: 14px;
  height: 13px;
  position: absolute;
}
DIV.calloutBackground .topLeftCorner {
  background-image: url('../images/backgrounds/callout_top_left_corner.png');
  top: 0;
  left: 0;
}
DIV.calloutSectionNoFrame DIV.calloutBackground .topLeftCorner {
  background-image: url('../images/backgrounds/callout_top_left_corner_noframe.png');
}
DIV.calloutBackground .topRightCorner {
  background-image: url('../images/backgrounds/callout_top_right_corner.png');
  top: 0;
  right: 0;
}
DIV.calloutSectionNoFrame DIV.calloutBackground .topRightCorner {
  background-image: url('../images/backgrounds/callout_top_right_corner_noframe.png');
}
DIV.calloutBackground .bottomLeftCorner {
  background-image: url('../images/backgrounds/callout_bottom_left_corner.png');
  bottom: 0;
  left: 0;
}
DIV.calloutSectionNoFrame DIV.calloutBackground .bottomLeftCorner {
  background-image: url('../images/backgrounds/callout_bottom_left_corner_noframe.png');
}
DIV.calloutBackground .bottomRightCorner {
  background-image: url('../images/backgrounds/callout_bottom_right_corner.png');
  bottom: 0;
  right: 0;
}
DIV.calloutSectionNoFrame DIV.calloutBackground .bottomRightCorner {
  background-image: url('../images/backgrounds/callout_bottom_right_corner_noframe.png');
}

DIV.calloutFrame {
  margin-left: 0.5%;
  width: 34.5%;
  float: left;
  position: relative;
  z-index: 50;
}
DIV.calloutFrameLeft {
  margin-left: 0;
}
DIV.calloutFrameCenter {
  width: 30%;
}
DIV.calloutFrameRight {
  text-align: right;
}
DIV.callout {
  margin: 10px;
  padding: 10px;
  font-size: 0.9em;
  position: relative;
  overflow: hidden;
}
DIV.calloutSectionNoFrame DIV.callout {
  margin: 8px;
}

DIV.callout H3 {
  margin: 0 0 0.5em 0;
  font-family: "Viper Nora", Helvetica, Arial, sans-serif;
  font-size: 1.65em;
  word-spacing: -0.15em;
  line-height: 1.1em;
  font-style: normal;
  text-transform: uppercase;
/*  text-shadow: #000 0 0 0.1em;*/
  color: #fff;
}
DIV.callout H3.storeGray, DIV.callout H3.storeGray A,
DIV.callout H3.storePink, DIV.callout H3.storePink A {
  text-shadow: none;
  color: #333;
}
DIV.callout H3 SPAN.first {
  color: #f193bc;
}
DIV.callout H3.storeGray SPAN.first, DIV.callout H3.storeGray A SPAN.first {
  color: #666;
}
DIV.callout H3.storePink SPAN.first, DIV.callout H3.storePink A SPAN.first {
  color: #f193bc;
}
DIV.callout H3.storeGray A:hover, DIV.callout H3.storeGray A:hover SPAN.first,
DIV.callout H3.storePink A:hover, DIV.callout H3.storePink A:hover SPAN.first {
  color: #ac728b;
  text-decoration: none;
}

DIV.calloutFeaturedSkater {
  background: url('../images/backgrounds/featured_skater.jpg') right top no-repeat;
  min-height: 200px;
}
DIV.calloutFeaturedSkater P {
  margin-right: 35%;
  line-height: 1.6em;
}

DIV.calloutFeaturedLeague {
  background: url('../images/backgrounds/featured_league.jpg') left top no-repeat;
  min-height: 200px;
}
DIV.calloutFeaturedLeague H3 {
  text-align: right;
}
DIV.calloutFeaturedLeague P {
  line-height: 1.6em;
  text-align: right;
}

DIV.calloutSocialNetworkLinks H3 {
  position: relative;
  z-index: 50;
}
DIV.calloutSocialNetworkLinks UL {
  margin: -10px -10px 0 -10px;
  height: 110px;
  position: relative;
  overflow: hidden;
}
DIV.calloutSocialNetworkLinks LI {
  background-position: center top;
  background-repeat: no-repeat;
  width: 96px;
  height: 96px;
  display: block;
  position: absolute;
}
DIV.calloutSocialNetworkLinks LI.facebook {
  background-image: url('../images/badges/facebook.png');
  top: 15px;
  left: -5px;
  z-index: 30;
}
DIV.calloutSocialNetworkLinks LI.twitter {
  background-image: url('../images/badges/twitter.png');
  top: 0;
  left: 33%;
  z-index: 20;
}
DIV.calloutSocialNetworkLinks LI.myspace {
  background-image: url('../images/badges/myspace.png');
  top: 8px;
  left: 69%;
  z-index: 10;
}

DIV.calloutSocialNetworkLinks A {
  margin: 0 5%;
  text-indent: -1000em;
  display: block;
  width: 90%;
  height: 128px;
}

DIV.callout FORM {
  margin: 5px -10px;
  padding: 1px 10px;
  background: url('../images/backgrounds/pink_highlight.png');
}
DIV.callout FORM P {
  margin: 0.5em 0;
}
DIV.callout FORM INPUT {
  background: #efefef;
  border: none;
  color: #000;
  width: 95%;
}
DIV.callout FORM INPUT.promptText {
  color: #999;
}

DIV.callout FORM#newsletterForm {
  margin-top: -5px;
  margin-bottom: -10px;
  position: relative;
  z-index: 100;
}

P.storeCalloutProductName {
  margin: 0 0 0.5em 0;
  font-family: "Viper Nora", Helvetica, Arial, sans-serif;
  font-size: 1.2em;
  word-spacing: -0.15em;
  line-height: 1.1em;
  font-style: normal;
  text-transform: uppercase;
  color: #333;
}
P.storeCalloutProductName A {
  color: #333;
}
P.storeCalloutProductName A:hover {
  color: #ac728b;
  text-decoration: none;
}


/* Store */

#storeNavigation {
  color: #666;
  text-align: right;
  position: absolute;
  top: 2em;
  right: 0;
  z-index: 20;
}

#storeNavigation P.cart {
  padding: 0 15px 0 0;
  font-size: 0.8em;
}
#storeNavigation P.cart A {
  padding: 10px 0 10px 30px;
  background: url('../images/icons/store_cart.gif') left center no-repeat;
  color: #666;
}

#storeNavigation UL, #storeNavigation LI {
  margin: 0;
}
#storeNavigation LI.current, #storeNavigation LI:hover {
  background: url('../images/backgrounds/white_highlight.png') left top repeat;
}
#storeNavigation LI.legend {
  margin: 0 10px 0.5em 0;
  padding: 2em 5px 0.8em 5px;
  font-size: 0.8em;
  font-weight: bold;
}
#storeNavigation LI.legend, #storeNavigation LI.legend:hover {
  background: url('../images/backgrounds/dots_gray.png') right bottom repeat-x;
}
#storeNavigation UL A {
  padding: 0.5em 15px 0.5em 20px;
  color: #666;
  display: block;
}
#storeNavigation UL A:hover {
  text-decoration: none;
}
#storeNavigation LI.current A {
  background: url('../images/backgrounds/list_bullet.png') 7px center no-repeat;
}

BODY.store H1, BODY.store H2 {
  margin: 0.5em 0;
  padding: 0;
  background: none;
  line-height: 1.1em;
  text-shadow: none;
  color: #333;
}
BODY.store H1 SPAN.firstLine, BODY.store H2 SPAN.firstLine {
  margin-bottom: 0.5em;
  font-size: 0.6em;
  line-height: 1.1em;
  color: #666;
  display: block;
}
BODY.store H1 {
  font-size: 2em;
}
BODY.store H2 {
  font-size: 1.4em;
}
BODY.store H3 {
  margin-bottom: 0.5em;
  font-size: 1.2em;
  font-style: normal;
  color: #333;
}

BODY.store P.price {
  margin-top: 0.7em;
  padding-top: 0.75em;
  background: url('../images/backgrounds/dots_gray.png') left top repeat-x;
  font-weight: bold;
  font-size: 1.1em;
  color: #666;
}
BODY.store P.largePrice {
  margin-top: -0.4em;
  font-size: 2.2em;
  color: #f395be;
}

BODY.store #pageContent H2 A, BODY.store #pageContent H2 A:link, BODY.store #pageContent H2 A:visited {
  color: #333;
}
BODY.store P.price A, BODY.store P.price A:link, BODY.store P.price A:visited {
  color: #666;
}
BODY.store P.largePrice A, BODY.store P.largePrice A:link, BODY.store P.largePrice A:visited {
  color: #f395be;
}
BODY.store #pageContent H2 A:hover, BODY.store P.price A:hover, BODY.store P.largePrice A:hover {
  color: #ac728b;
  text-decoration: none;
}

#storefrontContent {
  min-height: 390px;
  position: relative;
  z-index: 10;
}

#storefrontContent DIV.welcome {
  margin: 0 0 3em 0;
  padding: 1.5em 1em 0.5em 1em;
  background: url('../images/backgrounds/tag.jpg') left bottom repeat;
  -moz-box-shadow: -1px 3px 10px #808080;
  -webkit-box-shadow: -1px 3px 10px #808080;
  font-size: 0.8em;
  width: 35%;
}
#storefrontContent DIV.welcome P {
  margin: 0.7em 0;
}

#featuredProducts {
  margin: 0;
  width: 30%;
}
#featuredProducts LI {
  margin: 0;
  min-height: 14em;
}
#featuredProducts P {
  margin-right: 2em;
}

#featuredProductPhotos SPAN {
  background-position: left top;
  background-repeat: no-repeat;
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 110%;
  z-index: 1;
}

#featuredProductsNavigation UL {
  margin: 0;
}
#featuredProductsNavigation LI {
  margin: 0;
  display: block;
  width: 30px;
  height: 35px;
  position: absolute;
}
#featuredProductsNavigation LI.prev {
  left: -40px;
}
#featuredProductsNavigation LI.next {
  left: 97%;
}
#featuredProductsNavigation LI.prev A, #featuredProductsNavigation LI.next A {
  background-position: 0 50%;
  background-repeat: no-repeat;
  text-indent: -1000em;
  display: block;
  height: 35px;
  outline: none;
}
#featuredProductsNavigation LI.prev A:hover, #featuredProductsNavigation LI.next A:hover {
  background-position: -30px 50%;
}
#featuredProductsNavigation LI.prev A {
  background-image: url('../images/buttons/store_prev.png');
  left: -40px;
}
#featuredProductsNavigation LI.next A {
  background-image: url('../images/buttons/store_next.png');
  left: 97%;
}

UL.storeCategoryList {
  margin: 0 -20px 0 -10px;
  overflow: auto;
}
UL.storeCategoryList LI {
  margin: 0 15px 20px 0;
  background: url('../images/backgrounds/tag.jpg') left bottom repeat;
  width: 180px;
  float: left;
}
UL.storeCategoryList H2 {
  margin-top: 0;
}
UL.storeCategoryList H2 A {
  padding: 245px 10px 0 10px;
  background-position: center top;
  background-repeat: no-repeat;
  display: block;
  height: 3.3em;
  overflow: hidden;
}
UL.storeCategoryList P {
  margin-left: 10px;
  margin-right: 10px;
}

DIV.itemPhotos {
  margin: 0 15px 30px 0;
  border: 1px solid #f6a7c9;
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  width: 50%;
  max-width: 374px;
  height: 370px;
  float: left;
  position: relative;
}
DIV.itemPhotos UL.thumbnails {
  margin: 0;
  padding: 0 7px 7px 0;
  background: url('../images/backgrounds/white_highlight.png') right bottom repeat;
  width: 118px;
  position: absolute;
  left: -136px;
  bottom: 0;
  overflow: hidden;
}
DIV.itemPhotos UL.thumbnails LI {
  margin: 0;
  padding: 7px 0 0 7px;
  display: block;
  width: 52px;
  height: 52px;
  float: right;
}
DIV.itemPhotos UL.thumbnails A {
  background-position: left top;
  background-repeat: no-repeat;
  border: 1px solid #ccc;
  text-indent: -1000em;
  outline: none;
  display: block;
  width: 50px;
  height: 50px;
}
DIV.itemPhotos UL.thumbnails A.current {
  border-color: #f6a7c9;
}

DIV.itemDetail {
  padding: 2em 0 20px 0;
  width: 45%;
  float: left;
}

DIV.sizingTable {
  margin: 1em 0;
  padding: 0.2em 0.5em;
  background: url('../images/backgrounds/white_highlight.png') left top repeat;
  width: 90%;
}
DIV.sizingTable TH, DIV.sizingTable TD {
  padding: 0.2em 0.5em;
}
DIV.sizingTable TH {
  font-weight: bold;
  font-size: 0.85em;
  color: #ac728b;
}
DIV.sizingTable TD {
  line-height: 1.8em;
}
DIV.sizingTable TD:first-child {
  text-align: right;
}
DIV.sizingTable SPAN.stockNote {
  font-size: 0.8em;
  color: #999;
}

A.cartContinueLink {
  padding: 0.4em 0.4em 0.2em 0.4em;
  background: url('../images/backgrounds/white_highlight.png') left top repeat;
  font-family: "Viper Nora", Helvetica, Arial, sans-serif;
  font-size: 1.4em;
  word-spacing: -0.15em;
  line-height: 1.1em;
  font-style: normal;
  text-transform: uppercase;
}
A.cartContinueLink:hover {
  text-decoration: none;
}

DIV.recordSet TD.cartDescription A {
  padding: 15px 0 15px 60px;
  background-position: left center;
  background-repeat: no-repeat;
  display: block;
}
DIV.recordSet TD.cartQuantity {
  font-size: 1.1em;
  text-align: center;
}
DIV.recordSet TD.cartQuantity INPUT {
  padding: 0.5em;
}

IMG.paymentIcon {
  padding-right: 0.5em;
  vertical-align: middle;
}



/* Sponsors Page */

UL.sponsorGroup {
  margin: 1em auto;
  text-align: center;
}
UL.sponsorGroup LI {
  display: inline-block;
}

UL.sponsorGroup A {
  margin: 10px;
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -1000em;
  display: block;
}

UL.sponsorGroupMedium A {
  width: 200px;
  height: 200px;
}
UL.sponsorGroupSmall A {
  width: 125px;
  height: 125px;
}


/* Blog Pages */

UL.blogPageLinks {
  margin: 2em 2em 2em 0;
  font-size: 0.8em;
  color: #999;
}
UL.blogPageLinks LI {
  margin: 0.2em;
  display: inline;
}
UL.blogPageLinks A {
  color: #999;
}
UL.blogPageLinks A.current {
  color: #ccc;
}
UL.blogPageLinks A:hover {
  color: #7a4b5f;
}

DIV.blogAbstract {
  overflow: hidden;
}

DIV.blogAbstract H2 A {
  text-decoration: none;
  color: #f395be;
}
DIV.blogAbstract H2 A:hover {
  color: #ffacce;
}

P.blogByLine {
  margin: -1em 0 1.5em 0;
  font-size: 0.9em;
  color: #999;
}

DIV.blogNavigation {
  margin: 2em 0 0 0;
}
DIV.blogNavigation P.postLink {
  margin-bottom: 0.2em;
  font-size: 0.8em;
  color: #999;
}
DIV.blogNavigation P.postLink A {
  color: #999;
}
DIV.blogNavigation P.postLink A:hover {
  color: #7a4b5f;
}

P.blogFeedLink {
  margin: 2em 0 2em 2em;
  font-size: 0.8em;
  color: #999;
  float: right;
}
DIV.blogNavigation P.blogFeedLink {
  margin: 0 0 0 2em;
}
P.blogFeedLink A {
  padding: 4px 0 4px 20px;
  background: url('../images/icons/content_feed.gif') left 45% no-repeat;
  color: #999;
}
P.blogFeedLink A:hover {
  color: #7a4b5f;
}

P.blogSponsor {
  margin: 0 0 1.5em 1.5em;
  padding: 0.2em;
  border: 1px solid #3d2530;
  background: #0f0f0f;
  font-size: 0.85em;
  text-align: center;
  width: 115px;
  float: right;
}
P.blogSponsor A {
  text-decoration: none;
  display: block;
}


/** Columns **/

DIV.columnHalf {
  margin: 1em 1.75% 1em 0;
  width: 47.5%;
  float: left;
}

DIV.borderedColumn {
  border: 1px solid #f395be;
  position: relative;
}
DIV.borderedColumn SPAN.topLeftCorner, DIV.borderedColumn SPAN.topRightCorner,
DIV.borderedColumn SPAN.bottomLeftCorner, DIV.borderedColumn SPAN.bottomRightCorner {
  background-position: left top;
  background-repeat: no-repeat;
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
}
DIV.borderedColumn SPAN.topLeftCorner {
  background-image: url('../images/backgrounds/pink_border_top_left_corner.gif');
  top: -1px;
  left: -1px;
}
DIV.borderedColumn SPAN.topRightCorner {
  background-image: url('../images/backgrounds/pink_border_top_right_corner.gif');
  top: -1px;
  right: -1px;
}
DIV.borderedColumn SPAN.bottomLeftCorner {
  background-image: url('../images/backgrounds/pink_border_bottom_left_corner.gif');
  left: -1px;
  bottom: -1px;
}
DIV.borderedColumn SPAN.bottomRightCorner {
  background-image: url('../images/backgrounds/pink_border_bottom_right_corner.gif');
  right: -1px;
  bottom: -1px;
}

DIV.columnContent {
  padding: 1em;
  overflow: hidden;
}

DIV.columnContent H2 {
  margin-top: 0;
  background: none;
  font-size: 2em;
  line-height: 1em;
  color: #fff;
}
DIV.columnContent H2 SPAN.firstLine {
  margin-bottom: 0.1em;
  color: #f193bc;
  display: block;
}

DIV.columnContent H3 {
  margin-top: 1.5em;
  margin-bottom: 0.3em;
  font-size: 1.2em;
  font-style: normal;
  color: #f193bc;
}
DIV.columnContent H3 A {
  color: #f193bc;
}
DIV.columnContent H3 A:hover {
  color: #7a4b5f;
}

DIV.pressReleaseColumn {
  background: url('../images/photos/columns/embrace.jpg') right top no-repeat;
}
DIV.pressReleaseColumn DIV.columnContent {
  background: url('/images/backgrounds/sidebar_shadow_left.png') left top repeat-y;
}
DIV.pressReleaseColumn DIV.columnHeader {
  min-height: 115px;
}

DIV.leagueNewsColumn {
  background: url('../images/photos/columns/jammer_in_traffic.jpg') left top no-repeat;
}
DIV.leagueNewsColumn DIV.columnContent {
  background: url('/images/backgrounds/sidebar_shadow_right.png') right top repeat-y;
}
DIV.leagueNewsColumn DIV.columnHeader {
  text-align: right;
  min-height: 115px;
}


/** Sidebar **/

DIV.sidebarFrame {
  margin: 190px -15% 0 -25px;
  background: url('/images/backgrounds/sidebar.jpg') left top repeat;
  font-size: 0.9em;
  width: 38%;
  float: right;
  position: relative;
}
SPAN.sidebarShadowTop, SPAN.sidebarShadowLeft, SPAN.sidebarShadowRight, SPAN.sidebarShadowBottom {
  display: block;
  position: absolute;
}
SPAN.sidebarShadowTop {
  background: url('/images/backgrounds/sidebar_shadow_top.png') left top repeat-x;
  height: 80px;
  top: 0;
  left: 0;
  right: 0;
}
SPAN.sidebarShadowLeft {
  background: url('/images/backgrounds/sidebar_shadow_left.png') left top repeat-y;
  width: 100px;
  top: 0;
  left: 0;
  bottom: 0;
}
SPAN.sidebarShadowRight {
  background: url('/images/backgrounds/sidebar_shadow_right.png') right top repeat-y;
  width: 100px;
  top: 0;
  right: 0;
  bottom: 0;
}
SPAN.sidebarShadowBottom {
  background: url('/images/backgrounds/sidebar_shadow_bottom.png') left bottom repeat-x;
  height: 55px;
  bottom: 0;
  left: 0;
  right: 0;
}

DIV.sidebarContent {
  padding: 40px;
  position: relative;
}

UL.sidebarLinks {
  margin: 0 0 3em 0;
  list-style: none;
  font-size: 1.1em;
  line-height: 1.2em;
  font-weight: bold;
}
UL.sidebarLinks A {
  color: #e5e5e5;
}
UL.sidebarLinks A:hover {
  color: #f5a2c6;
}

DIV.sidebarContent H3 {
  margin-bottom: 0.6em;
  font-family: "Viper Nora", Helvetica, Arial, sans-serif;
  font-size: 1.6em;
  font-style: normal;
  line-height: 1.2em;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  word-spacing: -0.15em;
  color: #fff;
}
DIV.sidebarContent H3 SPAN.first {
  color: #f193bc;
}

DIV.sidebarMainContent {
  width: 80%;
  position: relative;
  z-index: 10;
}


/** Ticker **/

DIV.ticker {
  margin: 1em 0;
  padding: 0.5em 0;
  background: url('../images/backgrounds/pink_stripes.png') left top repeat;
  position: relative;
  overflow: hidden;
}

UL.tickerNavigation, UL.tickerNavigation LI {
  margin: 0;
}

UL.tickerNavigation LI.back, UL.tickerNavigation LI.forward {
  background-position: left top;
  background-repeat: repeat-y;
  display: block;
  width: 60px;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 50;
}
UL.tickerNavigation LI.back {
  background-image: url('../images/backgrounds/edge_gradient_black_left.png');
  left: 0;
}
UL.tickerNavigation LI.forward {
  background-image: url('../images/backgrounds/edge_gradient_black_right.png');
  right: 0;
}

UL.tickerNavigation LI.back A, UL.tickerNavigation LI.forward A {
  background-position: 0 50%;
  background-repeat: no-repeat;
  text-indent: -1000em;
  display: block;
  width: 30px;
  height: 100%;
}
UL.tickerNavigation LI.back A:hover, UL.tickerNavigation LI.forward A:hover {
  background-position: -30px 50%;
}
UL.tickerNavigation LI.back A {
  background-image: url('../images/buttons/ticker_back.png');
  float: left;
}
UL.tickerNavigation LI.forward A {
  background-image: url('../images/buttons/ticker_forward.png');
  float: right;
}

DIV.tickerTape {
  width: 1000em;
  position: relative;
  left: 40px;
  overflow: hidden;
}

DIV.tickerSection {
  margin: 0 1em;
  float: left;
}
DIV.tickerSection H4 {
  margin: 0 0 0.4em 0;
  font-size: 0.9em;
  line-height: 1.2em;
  color: #ccc;
  text-shadow: #000 0.1em 0.1em 0.2em;
}

DIV.tickerSectionContent {
  background: #f3f3f3 url('../images/backgrounds/ticker_top_edge.png') left top repeat-x;
  position: relative;
}
DIV.tickerSectionContent .leftEdge, DIV.tickerSectionContent .rightEdge {
  background: #f3f3f3;
  display: block;
  width: 5px;
  position: absolute;
  top: 20px;
  bottom: 20px;
}
DIV.tickerSectionContent .leftEdge {
  left: -5px;
}
DIV.tickerSectionContent .rightEdge {
  right: -5px;
}
DIV.tickerSectionContent .bottomEdge {
  background: url('../images/backgrounds/ticker_bottom_edge.png') left bottom repeat-x;
  display: block;
  height: 20px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
DIV.tickerSectionContent .topLeftCorner, DIV.tickerSectionContent .topRightCorner,
DIV.tickerSectionContent .bottomLeftCorner, DIV.tickerSectionContent .bottomRightCorner {
  background-position: left top;
  background-repeat: no-repeat;
  display: block;
  width: 5px;
  height: 20px;
  position: absolute;
}
DIV.tickerSectionContent .topLeftCorner {
  background-image: url('../images/backgrounds/ticker_top_left_corner.png');
  top: 0;
  left: -5px;
}
DIV.tickerSectionContent .topRightCorner {
  background-image: url('../images/backgrounds/ticker_top_right_corner.png');
  top: 0;
  right: -5px;
}
DIV.tickerSectionContent .bottomLeftCorner {
  background-image: url('../images/backgrounds/ticker_bottom_left_corner.png');
  bottom: 0;
  left: -5px;
}
DIV.tickerSectionContent .bottomRightCorner {
  background-image: url('../images/backgrounds/ticker_bottom_right_corner.png');
  bottom: 0;
  right: -5px;
}

DIV.tickerSectionContent UL, DIV.tickerSectionContent P {
  margin: 0 -5px;
  padding: 0.5em 0;
  line-height: 1.5em;
  color: #4d4d4d;
  position: relative;
  z-index: 10;
  overflow: auto;
}

DIV.tickerSectionContent P {
  padding: 0.5em 1.2em;
}

DIV.tickerSectionContent LI {
  margin: 0;
  padding: 0 1.2em;
  background: url('../images/backgrounds/ticker_separator.png') left top repeat-y;
  float: left;
}
DIV.tickerSectionContent LI:first-child {
  background: none;
}


/* Markdown */

.markdown UL.noBullets {
  list-style: none;
}

.markdown OL {
  list-style: decimal;
}

.markdown IMG.left {
  padding-right: 1em;
  padding-bottom: 1em;
  float: left;
  clear: left;
}
.markdown IMG.center {
  margin-left: auto;
  margin-right: auto;
  display: block;
  clear: both;
}
.markdown IMG.right {
  padding-left: 1em;
  padding-bottom: 1em;
  float: right;
  clear: right;
}




TABLE.recordDetail {
  margin: 1em 0;
}
TABLE.recordDetail TH {
  padding: 0.5em 1em 0.5em 0;
  font-size: 0.9em;
  color: #999;
  text-align: right;
  vertical-align: baseline;
  width: 20%;
}
TABLE.recordDetail TD {
  padding: 0.5em 0;
  vertical-align: baseline;
}


/* General Classes */

.alignLeft {
  text-align: left;
}

.alignCenter {
  text-align: center;
}

.alignRight {
  text-align: right;
}

.floatLeft {
  padding-right: 1em;
  padding-bottom: 1em;
  float: left;
}

.floatRight {
  padding-left: 1em;
  padding-bottom: 1em;
  float: right;
}

.noWrap {
  white-space: nowrap;
}

.hidden {
  visibility: hidden;
}
.removed {
  display: none;
}


.accessoryText {
  font-size: 0.85em;
}
.supplementalText {
  font-size: 0.8em;
  color: #808080;
}
.captionText {
  font-size: 0.8em;
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  color: #999;
  text-align: right;
}


DIV.debugInfo {
  font-size: 0.8em;
}


P.previewLink, P.removeLink {
  margin: 2em 0 1em 0;
  font-size: 0.8em;
}
P.previewLink A {
  color: #666;
  text-decoration: underline;
}
P.previewLink A:hover {
  color: #ccc;
}


#flashMessageContainer {
  margin: 0 0 0 -0.7em;
  max-width: 30em;
  overflow: hidden;
}
BODY.store #flashMessageContainer {
  max-width: 85%;
}

#flashMessage {
  padding: 0.7em;
  margin: 0 0 3em 0;
  background-color: #262626;
  border-top: 1px solid #4f3c44;
  border-right: 1px solid #3b3135;
  border-bottom: 1px solid #3b3135;
  border-left: 1px solid #4f3c44;
  color: #fff;
  cursor: pointer;
}
BODY.store #flashMessage {
  margin-bottom: 2em;
  background-color: #dfdeb0;
  border: none;
  font-size: 0.95em;
  color: #000;
}


TABLE.calendar {
  width: 100%;
}

TABLE.calendar COL.calendarColumn {
  width: 14%;
}

TABLE.calendar TH {
  padding: 0;
  font-size: 0.7em;
  color: #b8babc;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-align: center;
}

TABLE.calendar TD {
  padding: 4px;
  border-top: 1px solid #5a5758;
  border-left: 1px solid #5a5758;
  height: 6em;
  vertical-align: top;
}
TABLE.calendar TR:first-child TD {
  border-top: none;
}
TABLE.calendar TD:first-child {
  border-left: none;
}

TABLE.calendar TD P {
  margin-bottom: 0.3em;
  font-size: 0.8em;
  line-height: 1.1em;
}
TABLE.calendar TD P.calendarDate {
  font-size: 1.1em;
  color: #333;
}
TABLE.calendar TD P.calendarHoliday {
  margin-top: 1em;
  margin-bottom: 0;
  color: #b8babc;
}

#importResults {
  margin: 1.5em 0;
  padding: 0.5em;
  border: 1px solid #333;
  font-size: 0.9em;
  line-height: 1.1em;
  min-height: 20em;
  max-height: 40em;
  overflow: auto;
}
#importResults P {
  margin: 0;
  display: none;
}
#importResults P.system {
  font-style: italic;
  color: #666;
  display: block;
}
#importResults P.skip {
  color: #999;
}
#importResults P.error {
  margin: 1em 0;
  font-weight: bold;
  color: #d40000;
}
#importResults P.warning {
  margin: 0.5em 0;
}

#importResults.showAll P {
  display: block;
}
#importResults.showErrors P.error {
  display: block;
}
#importResults.showWarnings P.warning {
  display: block;
}

#importResults SPAN.dateTime {
  margin-right: 0.2em;
  font-style: normal;
  font-size: 0.9em;
  color: #404040;
}
#importResults SPAN.warningText {
  margin-left: 2em;
  font-style: italic;
  color: #e86e48;
  display: block;
}


A.leagueProfileLogo {
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -1000em;
  position: absolute;
  display: block;
  width: 300px;
  height: 200px;
  top: 7em;
  right: 2%;
}

A.leagueLink {
  padding: 8px 0 8px 30px;
  background-position: left center;
  background-repeat: no-repeat;
  color: #fff;
}
A.leagueLink:hover {
  color: #f395be;
}


/* Ajax Autocompleter */

DIV.searchResults {
  border-right: 1px solid #1a1a1a;
  border-bottom: 1px solid #1a1a1a;
  background: #0d0d0d;
  position: absolute;
  z-index: 1000;
}
DIV.searchResults UL {
  margin: 0;
}
DIV.searchResults LI {
  margin: 0;
  padding: 0.3em 0.5em;
  color: #ccc;
  display: block;
  cursor: pointer;
}
DIV.searchResults LI.selected {
  background: #7a4b5f;
}
DIV.searchResults LI.message {
  margin-top: 0.5em;
}
DIV.searchResults LI SPAN.informal {
  color: #999;
  font-style: italic;
}


/* League List Table */

DIV.leagueList {
  margin: 2em -4% 0 -4%;
}

DIV.leagueList SPAN.topBackground {
  background: url('../images/backgrounds/pink_stripes.png') left top repeat;
  position: absolute;
  left: 150px;
  right: 0;
  height: 4.75em;
}
DIV.leagueList SPAN.topBackgroundEdge {
  background: url('../images/backgrounds/pink_stripes_left_edge.png') right top repeat-y;
  position: absolute;
  left: 54px;
  width: 96px;
  height: 4.75em;
}

DIV.leagueList TABLE {
  width: 100%;
}

DIV.leagueList TH, DIV.leagueList TD {
  width: 25%;
}

DIV.leagueList TH {
  padding: 0.5em 15px 1em 15px;
  font-family: "Viper Nora", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  line-height: 1em;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  word-spacing: -0.15em;
/*  text-shadow: #000 0 0 0.1em;*/
  color: #f193bc;
  text-align: left;
  vertical-align: middle;
}
DIV.leagueList TH SPAN.firstLine {
  margin-bottom: 0.1em;
  line-height: 1.1em;
  color: #fff;
  display: block;
}

DIV.leagueList TBODY {
  vertical-align: top;
}

DIV.leagueList TD {
  padding: 0 2px 2em 2px;
  border-left: 2px solid #130c0f;
  text-align: center;
}
DIV.leagueList TD:first-child {
  border-left: none;
}

DIV.leagueList TD A {
  padding: 105px 8px 0 8px;
  background-position: center top;
  background-repeat: no-repeat;
  display: block;
}


/* Rankings List Table */

UL.rankYearLinks {
  margin: 0;
  display: inline;
}
UL.rankYearLinks LI {
  margin: 0 0 0 1em;
  padding: 0 0 0 1em;
  border-left: 1px solid #333;
  color: #999;
  display: inline;
}
UL.rankYearLinks LI:first-child {
  border-left: none;
}
UL.rankYearLinks LI.current A {
  color: #fff;
}
UL.rankYearLinks A {
  color: #999;
}

DIV.rankingsList {
}

DIV.rankingsList TABLE {
  margin: 1em 0;
  width: 80%;
}

DIV.rankingsList TR.odd:hover, DIV.rankingsList TR.even:hover {
  background: #3d2530;
}

DIV.rankingsList TH.rank, DIV.rankingsList TD.rank {
  text-align: center;
  width: 4em;
}

DIV.rankingsList TH {
  padding: 0.5em 20px 0.5em 0.7em;
  font-size: 0.85em;
  line-height: 1.1em;
  color: #ccc;
}
DIV.rankingsList TH:first-child {
}

DIV.rankingsList TH .sortLabel {
  margin-right: -18px;
  padding-right: 18px;
  background-position: right center;
  background-repeat: no-repeat;
  min-height: 16px;
  display: block;
}
DIV.rankingsList TH.sortable {
  cursor: pointer;
}
DIV.rankingsList TH.sortable .sortLabel {
  background-image: url('../images/table_sortable.png');
}
DIV.rankingsList TH.sortable.forwardSort.sorted .sortLabel {
  background-image: url('../images/table_sort_ascending.png');
}
DIV.rankingsList TH.sortable.reverseSort.sorted .sortLabel {
  background-image: url('../images/table_sort_descending.png');
}

DIV.rankingsList TBODY {
  vertical-align: middle;
}

DIV.rankingsList TD {
  padding: 0;
  border-left: 1px solid #333;
}
DIV.rankingsList TD:first-child {
  border-left: none;
}

DIV.rankingsList A.leagueLink {
  padding: 8px 20px 8px 38px;
  background-position: 5px center;
  display: block;
}

SPAN.inactive {
  color: #666;
}



/* Search Results */

BODY.search #pageContent {
  padding-top: 6em;
}

UL.searchResults {
  margin: 0;
}
UL.searchResults LI {
  margin: 1.5em 0;
  line-height: 1em;
  position: relative;
}

UL.searchResults LI A.storeItemLink {
  background-position: left top;
  background-repeat: no-repeat;
  border: 1px solid #ccc;
  text-indent: -1000em;
  outline: none;
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 5px;
  left: -65px;
}
UL.searchResults LI A.storeItemLink:hover {
  border-color: #f6a7c9;
}

UL.searchResults P {
  margin: 0;
}
UL.searchResults P.excerpt {
  font-size: 0.85em;
  color: #f2f2f2;
}
UL.searchResults P.excerpt B {
  color: #fff;
}
UL.searchResults P.links {
  font-size: 0.8em;
  color: #999;
}
UL.searchResults P.links A {
  color: #999;
}

UL.searchNavigation {
  margin: 2em 2em 2em 0;
  font-size: 0.8em;
  color: #999;
}
UL.searchNavigation LI {
  margin: 0;
  padding: 0 0.3em 0 0.4em;
  border-left: 1px solid #333;
  display: inline;
}
UL.searchNavigation LI:first-child {
  padding-left: 0;
  border-left: none;
}
UL.searchNavigation A {
  color: #999;
}
UL.searchNavigation A.current {
  color: #ccc;
}
UL.searchNavigation A:hover {
  color: #7a4b5f;
}



/* Record Set Table */

DIV.recordSet {
  margin: 0 0 1.5em -0.7em;
  overflow: auto;
}

DIV.recordSet TABLE {
  margin-left: -0.026em; /* To prevent unnecessary horizontal scroll bars in Firefox. */
  width: 100%;
}

DIV.recordSet TH {
  padding: 0.5em 0.7em;
  font-size: 0.85em;
  line-height: 1.1em;
  color: #fff;
}
BODY.store #pageContent DIV.recordSet TH {
  font-weight: bold;
  color: #ac728b;
}

DIV.recordSet TH .sortLabel {
  margin-right: -0.7em;
  padding-right: 18px;
  background-position: right center;
  background-repeat: no-repeat;
  min-height: 16px;
  display: block;
}
DIV.recordSet TH.alignCenter .sortLabel {
  margin-left: -0.7em;
  padding-left: 9px;
  padding-right: 9px;
}
DIV.recordSet TH.sortable {
  cursor: pointer;
}
DIV.recordSet TH.sortable .sortLabel {
  background-image: url('../images/table_sortable.png');
}
DIV.recordSet TH.sortable.forwardSort.sorted .sortLabel {
  background-image: url('../images/table_sort_ascending.png');
}
DIV.recordSet TH.sortable.reverseSort.sorted .sortLabel {
  background-image: url('../images/table_sort_descending.png');
}

DIV.recordSet TBODY {
  vertical-align: baseline;
}

DIV.recordSet TD {
  padding: 0.4em 0.7em;
  border-left: 1px solid #333;
}
BODY.store #pageContent DIV.recordSet TD {
  border-left-color: #b1bcbd;
}
DIV.recordSet TD:first-child {
  border-left: none;
}

DIV.recordSet TD.urlColumn DIV {
  max-width: 22em;
  white-space: nowrap;
  overflow: hidden;
}
DIV.recordSet TD.urlColumn.wide DIV {
  max-width: 40em;
}

DIV.recordSet .supplemental {
  font-size: 0.8em;
  color: #808080;
}


DIV.recordSet TFOOT TR {
  background: #0c0c0c;
}
BODY.store #pageContent DIV.recordSet TFOOT TR {
  background: none;
}
DIV.recordSet TFOOT TD {
  border-left: none;
}


DIV.rankingEditTable TH, DIV.rankingEditTable TD {
  text-align: center;
}
DIV.rankingEditTable TH.league, DIV.rankingEditTable TD.league {
  text-align: left;
  width: 40%;
}
DIV.rankingEditTable TD.league {
/*  padding: 10px 0.7em 10px 5px;*/
}
DIV.rankingEditTable TD.league SPAN {
  padding: 0 0 0 33px;
  background-position: left center;
  background-repeat: no-repeat;
}
DIV.rankingEditTable TD.rankEntry {
  padding-top: 0.1em;
  padding-bottom: 0.1em;
}
DIV.rankingEditTable TD.rankEntry INPUT {
  border: 1px solid #4d4d4d;
  background: transparent;
  text-align: center;
}


/** Ads **/

DIV.adLeaderboard, DIV.adFullBanner, DIV.adHalfBanner {
  margin: 0 auto;
  padding: 10px 15px;
  background-position: center center;
  background-repeat: no-repeat;
}
DIV.adLeaderboard {
  background-image: url('../images/backgrounds/ad_leaderboard.png');
  width: 728px;
  height: 90px;
}
DIV.adFullBanner {
  background-image: url('../images/backgrounds/ad_full_banner.png');
  width: 468px;
  height: 60px;
}
DIV.adHalfBanner {
  background-image: url('../images/backgrounds/ad_half_banner.png');
  width: 234px;
  height: 60px;
}

DIV.adFrame {
  margin: 5px auto;
  width: 766px;
  height: 84px;
  overflow: auto;
  position: relative;
  z-index: 10;
}
DIV.adFrame DIV.adFullBanner, DIV.adFrame DIV.adHalfBanner {
  margin: 0 -2px;
  float: left;
}


/** Page Footer **/

#pageFooter {
  padding: 1px 0 6px 0;
  background: #635c54 url('../images/backgrounds/footer.jpg') left top repeat;
  position: relative;
}
#pageFooter SPAN.footerTopEdge {
  background: url('../images/backgrounds/footer_top_edge.png') left top repeat-x;
  display: block;
  height: 35px;
  width: 100%;
  position: absolute;
  top: -15px;
  left: 0;
  z-index: 1;
}

DIV.footerCommon {
  margin: 0;
  padding: 0.6em 7%;
  background: url('../images/backgrounds/pink_highlight.png');
  font-size: 0.8em;
  color: #000;
}
DIV.footerCommon UL {
  margin: 0;
  list-style: none;
}
DIV.footerCommon P, DIV.footerCommon LI {
  margin: 0.5em 0;
  line-height: 1.2em;
}
DIV.footerCommon LI {
  padding: 0 1em;
  border-left: 1px solid #342127;
  display: inline;
}
DIV.footerCommon LI:first-child {
  padding-left: 0;
  border-left: none;
}

DIV.footerCommon A, DIV.footerCommon A:link, DIV.footerCommon A:visited {
  color: #342127;
  font-weight: bold;
  text-decoration: none;
}
DIV.footerCommon A:active, DIV.footerCommon A:hover {
  color: #000;
  text-decoration: underline;
}