@import url("../fanzone/Themes/49ers FanZone/css/fonts.css");

/*
 * GOLD -- old: #c9b074, new: #af925d
 * RED -- old: #840026, new: #a30d2d
 */


/* main blocks */

dfn {
      display: inline-block;
      display: -moz-inline-box;
}

html, body {
    font-family: "Rambla Alt", sans-serif;
    line-height: 1.5;
    font-size: medium;
}

#wrapper {
    max-width: 70em;
    width: 96%;
    margin: 0 auto;
    padding-bottom: 1em;
}

#header {
    position: relative;
    width: 100%;
    padding: 0 1px;
    height: 325px;
    background: url("/images/design/new/header_background.jpg") bottom left repeat-x;
    color: #ffffff;
}

#mainTitle {
    position: absolute;
    top: 0;
    left: 0;
    height: 325px;
    width: 100%;
    background: url("/images/design/new/header.jpg?5Nov10") bottom left no-repeat;
    text-indent: -50000px;
}

#mainTitle a {
    display: block;
    position: absolute;
    height: 198px;
    width: 740px;
    max-width: 100%;
    left: 0;
    bottom: 0;
    z-index: 50;
}

#secondaryTitle a {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 10px;
    right: -20px;
    text-indent: -99999px;
    background: url("/images/design/booster_club_badge.png") top left repeat-x transparent;
    z-index: 200;
}

#breadcrumb {
    position: absolute;
    width: 100%;
    top: 37px;
    left: 6px;
    line-height: 28px;
    font-weight: bold;
    color: #ffffff;
}

#breadcrumb a, #breadcrumb .nav {
    color: #ffffff;
}

ul#navigation {
    float: left;
    width: 100%;
    background: #000000;
    border: 1px solid #000000;
    border-width: 1px 2px 1px 0;
    margin: 0;
    list-style-type: none ! important;
}

#navigation li {
    float: left;
    position: relative;
}

#navigation a {
    cursor: pointer;
    display: block;
    color: #c9b074;
    font-weight: bold;
    text-decoration: none;
    padding: 1ex;
}

#navigation > li:hover > a,
#navigation a:hover {
    color: #000000;
    background: #c9b074;
}

#navigation li ul {
    display: none;
    position: absolute;
    padding: 0;
    margin: 0;
    margin-left: -1px;
/*     top: 2em; */
/*     left: -1px; */
    background: #ffffff;
    z-index: 100;
    width: 14em;
    list-style-type: none;
}

#navigation li:hover ul {
    display: block;
    border-top: 1px solid #000000;
}

#navigation li li {
    width: 100%;
    border: 1px solid #000000;
    border-width: 0 1px 1px 1px;
    background: url("/images/design/menu_highlight.gif") 2px 50% no-repeat #c9b074;
}

#navigation li li a {
    font-size: 80%;
    padding: 0.5ex;
    padding-left: 26px;
    color: #000000;
    background: url("/images/design/menu_background.gif") 2px 50% no-repeat #ffffff;
    font-weight: normal;
}

#navigation li li a:hover {
    background: transparent;
}

#contentArea {
    background: url("/images/design/content_background.gif") 62% 0 repeat-y #c9b074;
    float: left;
    width: 100%;
    padding: 1ex 0;
    border: 1px solid #ffffff;
    border-width: 0 1px 1px 1px;
    margin: 0 0 3px 0;
}

#mainContent {
    float: left;
    width: 62%;
    color: #333333;
    background: #c9b074;
}

#secondaryContent {
    float: right;
    padding: 0 1%;
    width: 36%;
    color: #ffffff;
    background: #840026;
}

#footer {
    width: 100%;
    clear: both;
    min-height: 48px;
    color: #ffffff;
    background: url("/images/design/footer_helmet.png?18jun13") 98% center no-repeat #481011;
    border: 1px solid #ffffff;
}

#footer p {
    line-height: 49px;
    padding: 0 0 0 1em;
    font-size: 80%;
}

#footer a {
    color: #c9b074;
}

p.infoline {
    text-align: center;
    background: #d9c79d;
    border: 2px solid #d9c79d;
    border-width: 0 2px;
    border-bottom: 1px solid black;
    margin-right: -2px;
    line-height: 1.5em;
    clear: both;
    padding: 1ex 0;
    font-size: 110%;
    font-weight: bold;
}

p.infoline a {
    color: #840026;
    color: #a91d21;
}

/* =GENERAL STYLES */

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

.hide {
    position: absolute;
    display: block;
    width: 1px;
    height: 1px;
    top: -99999px;
    left: -99999px;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

p.pagebar {
    margin: 0 -2px -2px -2px;
    padding: 1em 0 0 0;
    background: #c9b074;
    text-align: center;
}

span.datetime {
    color: #ffffff;
    font-weight: normal;
    font-size: 80%;
    white-space: nowrap;
    letter-spacing: 0;
    margin-left: 1em;
}

img {
    vertical-align: middle;
    padding: 1em;
    border: 1px dotted #999999;
    margin: 1ex;
}

img.centered {
    display: block;
    margin: 1em auto;
}

img.left {
    float: left;
}

img.right {
    float: right;
}

ol, ul {
    margin: 0 2em;
}

ol {
    list-style-type: decimal;
}

ul {
    list-style-type: circle;
}

dt {
    font-weight: bold;
    margin: 0 0 1ex 0;
}

dd + dt {
    margin-top: 1em;
}

dd {
    margin: 0 0 0 4em;
}

dd.info {
    margin-top: 1ex;
}

dd.error {
    margin-top: 1ex;
    color: #840026;
    color: #a91d21;
    font-weight: bold;
}

form ul {
    list-style-type: none;
    margin: 1em 0 1ex 4em;
}

form dd ul {
    margin-left: 0;
}

table {
    border-collapse: collapse;
    border: 1px solid black;
}

caption {
    display: none;
}

td {
    padding: .2ex 1ex;
    color: #333333;
}

th, tbody.summary td {
    text-align: center;
    padding: .5ex;
    font-weight: bold;
    background: url("/images/design/th_background.gif") top left repeat-x #000000;
    color: #ffffff;
}

tbody tr {
    background: #c9b074;
}

tbody tr.even {
    background: #ffffff;
}

tbody tr.highlight {
    background: #840026;
}

tbody tr.highlight td {
    color: #ffffff;
}

tt {
    font-family: 'Droid Sans Mono', monospace;
}

span.bbc_u {
    text-decoration: underline;
}

/* main content specific styles */

#mainContent h2 {
    font-family: "Quiroga Serif Pro", serif;
    font-size: 300%;
    font-weight: bold;
    color: #ffffff;
    padding: 0;
    margin: 0 .2ex .2ex .2ex;
    overflow: auto;

    &.main_header a[href~="//49ersfanzone.net"] {
	color: white;
	&:hover, &:active {
	    text-decoration: none;
	}
    }
}

#mainContent h3 {
    color: #c9b074;
    font-weight: bold;
    text-align: right;
    background: url("/images/design/news_headline_background.gif") -10px -2px no-repeat #000000;
    margin: 0 -2px 1ex -2px;
    padding: .5ex .5ex .5ex 35px;
    letter-spacing: 1px;
    clear: both;
}

#mainContent h3 a {
    color: white;
}

#mainContent * + h3 {
    margin-top: 1em;
}

#mainContent h4 {
    margin: 1ex 0;
    font-weight: bold;
}

#mainContent #content > p {
    margin: 1ex 0;
}

#mainContent #content > ol, #mainContent #content > ul {
    margin: 1ex 0;
}

#mainContent #content > ol li {
    margin: 1ex 0 1ex 2em;
    list-style: decimal;
}

#mainContent #content > ul li {
    margin: 1ex 0 1ex 2em;
    list-style: square;
}

#content {
    background: #ffffff;
    margin: 0 4px 2px 2px;
    padding: 0 2px 2px 2px;
    overflow: hidden;
}

#content a {
    color: #840026;
    color: #a91d21;
}

#content img {
    max-width: 90%;
}

#content h2 {
    margin: 0 -.2ex -.2ex;
    padding: .3em 0 0;
    background: #c9b074;
}

#content h2 + h3 {
    margin-top: 0;
}

/* secondary content specific styles */

#secondaryContent h2 {
    font-weight: bold;
    font-size: 110%;
    background: url("/images/design/mini_helmet.png") no-repeat center left;
    margin: 1.5ex 0;
    padding-left: 25px;
}

#secondaryContent h3 {
    font-weight: bold;
}

#secondaryContent a {
    color: #c9b074;
}

#secondaryContent img {
    padding: 0;
    margin: 0;
    border: 0;
}

#secondaryContent table {
    margin: 0 auto 0 2em;
    width: 75%;
}

#secondaryContent tbody a {
    color: #840026;
    color: #a91d21;
}

/* =MODULE STYLES */

div.topic ol, div.topic ul {
    margin-top: 1em;
    margin-bottom: 1em;
}

div.topic > img {
    float: right;
}

/* nfl tracker */

div.nfltracker {
    text-align: center;
}

/* login area in der sidebar */

div.login dl {
    float: left;
    width: 100%;
}

div.login dt {
    float: left;
    clear: both;
    width: 35%;
    overflow: hidden;
    margin: 0 0 .5ex 0;
}

div.login dd {
    float: right;
    width: 60%;
    margin: 0 0 .5ex 0;
}

div.login input {
    width: 80%;
    margin-bottom: .5ex;
}

div.login ul {
    list-style-type: none;
}

/* tabelle mit draft picks */

table.draftPicks td {
    text-align: center;
}

table.draftPicks td.name {
    text-align: left;
}

/* spielplan fuer sidebar und hauptbereich */

table.schedule td {
    text-align: center;
}

table.schedule td.opponent {
    text-align: left;
}

#mainContent table.schedule {
    width: 80%;
    margin: 1ex auto;
}

/* letzter/naechster gegner */

ul.last-next-opponent {
    list-style: none;
    margin: 0;
    min-height: 50px;
}

ul.last-next-opponent li:first-child {
    float: left;
    margin: 0 1ex 0 2em;
}

/* nfc-west tabelle */

table.standings td {
    text-align: center;
}

table.standings td {
    width: 2ex;
}

table.standings td.team {
    text-align: left;
}

table.standings td.team,
table.standings td.streak {
    width: auto;
}

/* qr-code */

p.qr {
    margin-left: 2em;
}

#secondaryContent p.qr img {
/*     display: block; */
/*     margin-bottom: 1ex; */
    border: 1px solid black;
    vertical-align: text-bottom;
    margin-right: 1ex;
}

/* meldungen mit leseproben */

ul.newsList {
    margin: 0 -2px !important;
    list-style-type: none;
    background: #c9b074;
}

ul.newsList h3 {
    margin: 0 ! important;
}

ul.newsList h3 span.category {
    color: #ffffff;
    font-variant: small-caps;
}

ul.newsList li {
    margin: 1ex 0 !important;
    list-style: none !important;
    background: #ffffff;
}

ul.newsList li + li {
    margin-top: 1em;
}

ul.newsList p {
    padding: .5ex;
}

/* news-headlines in der sidebar */

ul.headlines li + li {
    margin-top: .5ex;
}

ul.headlines span.datetime {
    font-style: italic;
    margin-left: 1ex;
}

ul.headlines img {
    vertical-align: baseline;
}

/* newsletter-anmeldeformular */

#form-newsletter {
    position: relative;
}

#form-newsletter ol {
    margin-left: 0;
    list-style: none;
}

#form-newsletter p.error {
    font-size: 90%;
    font-style: italic;
}

/* injury report */

div.injuries h3 {
    font-weight: bold;
    margin: 0;
    margin-top: 1ex;
    margin-left: 2em;
}

div.injuries table {
    width: 80%;
    margin: 1ex auto;
}

div.injuries td.pos {
    text-align: center;
    width: 15%;
    white-space: nowrap;
}

div.injuries td.name {
    width: 40%;
}

/* roster */

table.roster {
    width: 100%;
    margin: 1ex 0;
}

table.roster td {
    text-align: center;
}

table.roster td.since,
table.roster td.height,
table.roster td.pos {
    white-space: nowrap;
}

table.roster td.name,
table.roster td.college {
    text-align: left;
}

/* player/coach/executive profile */

dl.portrait {
    float: left;
    width: 100%;
    background: #ffffff;
    padding: 2px;
    margin-left: -2px;
}

dl.portrait dd.img + dt {
    margin-top: 0;
}

dl.portrait dt.img,
dl.portrait dt.action {
    display: none;
}

dl.portrait dd.img img {
    float: right;
}

dl.portrait dd.action {
    margin: 0;
    text-align: center;
}

/* table of all-time greats */

table.greats {
    margin: 1ex auto;
    width: 60%;
}

/* staff table */

table.staff {
    margin: 1ex 0;
    width: 100%;
}

table.staff td.name {
    width: 30%;
}

/* super mod election */

p.supermod {
    margin: 1ex 0;
}

p.supermod strong {
    font-weight: bold;
    color: #840026;
    color: #a91d21;
}

form.supermod table {
    margin: 1em auto;
    width: 60%;
}

form.supermod td {
    text-align: center;
}

form.supermod select {
    width: 100%;
}

form.supermod div {
    text-align: center;
    margin-bottom: 1em;
}

form.supermod p {
    margin-top: 1em;
    font-weight: bold;
}

/* niner nuggets */

p.nuggetPoints {
    font-size: 120%;
    margin: 1em 0 0 2em;
    font-weight: bold;
}

p.nuggetPoints strong {
    color: #840026;
    color: #a91d21;
}

form.nuggetForm p {
    color: #840026;
    color: #a91d21;
    font-weight: bold;
    font-size: 120%;
    margin-left: 2em;
}

form.nuggetForm dl {
    margin-top: 1em;
    margin-left: 1ex;
}

form.nuggetForm dd p {
    font-weight: normal;
    font-size: 100%;
    margin-left: 0;
}

form.nuggetForm input.error {
    color: #ffffff;
    background-color: #840026;
}

form.nuggetForm div {
    margin-top: 1ex;
    margin-left: 1ex;
    padding-left: 4em;
}

table.nuggetPicks {
    margin: 1em auto;
}

table.nuggetPicks dd {
    margin-left: 0;
}

/* forecast-tip-center */

table.forecastPicks {
    margin: 1em auto;
}

table.forecastPicks td {
    text-align: center;
}

table.forecastPicks td.opponent {
    text-align: left;
}

/* forecast-tabelle */

table.forecastStandings {
    margin: 1em auto;
}

table.forecastStandings td {
    text-align: center;
}

table.forecastStandings td.name {
    text-align: left;
}

table.forecastStandings tr.user {
    background: #840026;
}

table.forecastStandings tr.user td {
    color: #ffffff;
}

table.forecastStandings tr.user a {
    color: #c9b074 ! important;
}

/* jurgen's challenge */

p.jurgenPoints {
    font-size: 120%;
    margin: 1em 0 0 2em;
    font-weight: bold;
}

p.jurgenPoints strong {
    color: #840026;
    color: #a91d21;
}

form.jurgenForm p {
    color: #840026;
    color: #a91d21;
    font-weight: bold;
    font-size: 120%;
    margin-left: 2em;
}

form.jurgenForm dl {
    margin-top: 1em;
    margin-left: 1ex;
}

form.jurgenForm dt.error {
    color: #840026;
    color: #a91d21;
}

form.jurgenForm dd p {
    font-weight: normal;
    font-size: 100%;
    margin-left: 0;
}

form.jurgenForm input.error {
    color: #ffffff;
    background-color: #840026;
}

form.jurgenForm div {
    margin-top: 1ex;
    margin-left: 1ex;
    padding-left: 4em;
}

table.jurgenPicks {
    margin: 1em auto;
}

table.jurgenPicks li.correct {
    font-weight: bold;
}

table.jurgenPicks li.mandatory {
    color: #840026;
    color: #a91d21;
}

/* webradio */

ul.webradio_on_air {
    margin-top: 1em;
    margin-left: 0;
    font-size: 110%;
    font-weight: bold;
    text-align: center;
    list-style: none;
}

ul.webradio_on_air li {
    margin: .5em 0;
}

ul.webradio_main_archive {
    margin-left: 0;
    list-style: none;
}

ul.webradio_main_archive h4 {
    margin-top: 1em;
    margin-bottom: .3em;
    margin-left: .2em;
    font-size: 110%;
}

ul.webradio_main_archive a {
    font-weight: bold;
}

ul.webradio_main_archive p {
    margin-left: 1em;
}

/* 49ers live (tv-info) */

ul.tvinfo {
    list-style-type: none;
    margin: 0;
}

ul.tvinfo li {
    margin: 1em 0;
}

ul.tvinfo h3 {
    color: #333333 ! important;
    background: transparent ! important;
    padding: 0 ! important;
    text-align: left ! important;
    letter-spacing: 0 ! important;
}

ul.tvinfo dt {
    margin-left: 4em;
}

/* gallery */

div.gallery {
    width: 100%;
    float: left;
    background: #ffffff;
    padding: 2px;
    margin-left: -2px;
}

div.gallery dl {
    width: 140px;
    height: 180px;
    overflow: hidden;
    float: left;
    margin: 1ex;
}

div.gallery dt {
    margin: 0;
    text-align: center;
}

div.gallery dd {
    padding: 0;
    margin: 0;
    text-align: center;
}

div.gallery img {
    margin: 0 0 1ex 0;
    padding: 6px;
}

p.galleryImage {
    padding-top: 1em;
    text-align: center;
}

dl.galleryImage dt {
    text-align: center;
    margin: 1em 0 1ex 0;
}

dl.galleryImage dd {
    margin: 1ex 0;
    text-align: center;
}

/* news-artikel und kommentare */

h3.commentHeader {
    letter-spacing: 0;
    text-align: left ! important;
    color: #ffffff ! important;
    background: #c9b074 ! important;
    font-family: "Quiroga Serif Pro", serif ! important;
    font-size: 200% ! important;
    font-weight: bold ! important;
    padding: 1ex .3ex .3ex .3ex ! important;
    margin: 0 -2px ! important;
}

h3.commentHeader + p {
    background: #c9b074;
    margin: 0 -2px -2px -2px !important;
    padding: 1ex 2px;
}

h3.commentHeader + form {
    background: #c9b074;
    margin: 0 -2px -2px -2px !important;
    padding: 0 2px 1em 2px;
}

h3.commentHeader + form dt {
    display: none;
}

h3.commentHeader + form dd {
    width: 80%;
    margin: 0 auto;
}

h3.commentHeader + form textarea {
    width: 100%;
    margin-bottom: 1ex;
    font-size: small;
    font-family: "Rambla Alt", sans-serif;
}

ol.comments {
    margin: 0 -2px -2px -2px !important;
    background: #c9b074;
    list-style-type: none;
}

ol.comments img {
    margin: 0;
    padding: 0;
    border: 0;
}

ol.comments li {
    margin: 0 !important;
    padding: 0;
    background: #ffffff;
    list-style: none !important;
}

ol.comments li + li {
    margin: 1em 0 0 0;
}

ol.comments h4 {
    color: #c9b074;
    font-weight: bold;
    text-align: right;
    background: url("/fanzone/Themes/49ersCurve/images/rank_user.gif") no-repeat 1ex 50% #840026;
    padding: .5ex;
    letter-spacing: 1px;
}

ol.comments li div {
    padding: 2px;
}

ol.comments li blockquote {
    background: url("/images/design/quote_background.jpg") bottom right no-repeat #d9c79d;
    border: 1px dotted #333333;
    margin: 1ex 0 1ex 3em;
}

ol.comments li blockquote div {
    padding: 1ex;
}

ol.comments li blockquote div.quoteheader {
    background: #a84c66;
    border-bottom: 1px dotted #333333;
}

ol.comments li blockquote div.quoteheader a {
    color: #ffffff ! important;
}

ol.comments h4.Administrator,
ol.comments h4.SuperModerator {
    background-image: url("/fanzone/Themes/49ersCurve/images/rank_admin.gif");
}

ol.comments h4.Chefredakteur,
ol.comments h4.Redakteur {
    background-image: url("/fanzone/Themes/49ersCurve/images/rank_redaktion.gif");
}

ol.comments h4.Ehrenmitglied {
    background-image: url("/fanzone/Themes/49ersCurve/images/rank_honor.gif");
}

ol.comments h4.Zaungast {
    background-image: url("/fanzone/Themes/49ersCurve/images/rank_spectator.gif");
}

ol.comments div.replyLink a {
    display: block;
    font-weight: bold;
    font-size: 80%;
    width: 5em;
    padding-right: 1ex;
    margin-left: auto;
    text-transform: uppercase;
    text-align: right;
    cursor: pointer;
}

/* pick'em */

body.pickem #content {
    background: transparent;
}

body.pickem #content div.switcher h3 {
    display: inline;
    margin: 0;
    padding: 0;
    font-weight: bold;
    color: #333333;
    background: transparent;
    letter-spacing: 0;
    text-decoration: underline;
}

body.pickem div.switcher,
body.survival div.switcher,
body.forecastStandings div.switcher,
body.nuggetsStandings div.switcher {
    background: #ffffff;
    text-align: center;
    margin-left: -2px;
    margin-right: -2px;
}

body.pickem div.switcher ul,
body.survival div.switcher ul,
body.forecastStandings div.switcher ul,
body.nuggetsStandings div.switcher ul {
    display: inline;
    margin: 0;
    padding: 1em 0 0 0;
}

body.pickem div.switcher ul li,
body.survival div.switcher ul li,
body.forecastStandings div.switcher ul li,
body.nuggetsStandings div.switcher ul li {
    display: inline;
    padding: 0 0.5ex;
}

body.pickem div.switcher ul li.current,
body.survival div.switcher ul li.current,
body.forecastStandings div.switcher ul li.current,
body.nuggetsStandings div.switcher ul li.current {
    font-weight: bold;
}

body.pickem div.week {
    border-bottom: 1em solid #c9b074;
}

form.pickem-form {
    background: #c9b074;
    margin: -1ex -2px -1em -2px;
}

table.pickem,
form.pickem-form table {
    margin: 0 auto;

}

form.pickem-form p.success,
form.pickem-form p.error {
    margin: 1ex 0 1ex 0;
    padding: 1ex;
    color: #840026;
    color: #a91d21;
    background: #ffffff;
    font-weight: bold;
    font-size: 120%;
}

form.pickem-form ul.info {
    list-style: none;
    margin: 1ex 0;
    background: #ffffff;
}

form.pickem-form ul.info li {
    padding-left: 1ex;
}

form.pickem-form table tbody tr.error {
    background-color: #840026;
}

form.pickem-form table tbody tr.error td {
    color: #ffffff;
}

form.pickem-form table td.away,
form.pickem-form table td.home {
    width: 50%;
    background-repeat: no-repeat;
    background-position: center right;
}

form.pickem-form table td.home {
    text-align: right;
    background-position: center left;
}

form.pickem-form table td.pick {
    white-space: nowrap;
    text-align: center;
}

form.pickem-form table td.pick {
    white-space: nowrap;
    text-align: center;
}

form.pickem-form table td.pick input[type=text],
form.pickem-form table td.po-pick input[type=text] {
    padding: 0;
    text-align: center;
    width: 3ex;
}

form.pickem-form ul.actions {
    background: #ffffff;
    margin: 1em 0 1ex 0;
    padding: 1ex 0 1ex 4em;
}

table.pickem td {
    padding: 0.2ex 0.5ex;
    border: 1px solid black;
    border-width: 0 1px;
    text-align: center;
    width: 2em;
}

table.pickem tbody td {
    padding: 0;
    background: #968457;
}

table.pickem tbody tr.even td {
    background: #cccccc;
}

table.pickem tbody td.correct {
    background: #c9b074;
}

table.pickem tbody tr.even td.correct {
    background: #ffffff;
}

table.pickem tbody td.pos,
table.pickem tbody td.name,
table.pickem tbody td.points {
    padding: 0.2ex 0.5ex;
    background: #c9b074;
}

table.pickem tbody tr.even td.pos,
table.pickem tbody tr.even td.name,
table.pickem tbody tr.even td.points {
    padding: 0.2ex 0.5ex;
    background: #ffffff;
}

#content table.pickem tbody tr.my a {
    color: #c9b074;
}

table.pickem tbody tr.my td {
    background: #520017;
    color: #cccccc;
}

table.pickem tbody tr.my td.pos,
table.pickem tbody tr.my td.name,
table.pickem tbody tr.my td.points,
table.pickem tbody tr.my td.correct {
    background: #840026;
    color: #ffffff;
}

table.pickem thead td {
    background: #000000;
}

table.pickem thead td.game {
    padding: 0;
}

table.pickem thead td.points {
    width: 10%;
}

table.pickem span.team,
table.pickem span.score {
    display: block;
    padding: 0;
    width: 100%;
    height: 1.5em;
    max-height: 22px;
}

table.pickem span.team {
    background-position: center center;
    background-repeat: no-repeat;
}

table.pickem span.separator,
table.pickem span.team abbr {
    position: absolute;
    top: -10000px;
    left: -10000px;
}

table.pickem td.po-pick span.team abbr {
    position: relative;
    top: 0;
    left: 0;
}

table.pickem td.po-pick span.team abbr label {
    display: block;
    text-indent: -100000px;
}

table.pickem thead span.score {
    background: url("/images/design/th_background.gif") top left repeat-x #000000;
    color: #ffffff;
}

table.pickem span.week-points {
    display: block;
}

table.pickem .mia, form.pickem-form table .mia {
    background-image: url("/images/nfl_logos/small/mia.gif");
}

table.pickem .buf, form.pickem-form table .buf {
    background-image: url("/images/nfl_logos/small/buf.gif");
}

table.pickem .nyj, form.pickem-form table .nyj {
    background-image: url("/images/nfl_logos/small/nyj.gif");
}

table.pickem .ne, form.pickem-form table .ne {
    background-image: url("/images/nfl_logos/small/ne.gif");
}

table.pickem .bal, form.pickem-form table .bal {
    background-image: url("/images/nfl_logos/small/bal.gif");
}

table.pickem .cle, form.pickem-form table .cle {
    background-image: url("/images/nfl_logos/small/cle.gif");
}

table.pickem .pit, form.pickem-form table .pit {
    background-image: url("/images/nfl_logos/small/pit.gif");
}

table.pickem .cin, form.pickem-form table .cin {
    background-image: url("/images/nfl_logos/small/cin.gif");
}

table.pickem .ind, form.pickem-form table .ind {
    background-image: url("/images/nfl_logos/small/ind.gif");
}

table.pickem .ten, form.pickem-form table .ten {
    background-image: url("/images/nfl_logos/small/ten.gif");
}

table.pickem .hou, form.pickem-form table .hou {
    background-image: url("/images/nfl_logos/small/hou.gif");
}

table.pickem .jax, form.pickem-form table .jax {
    background-image: url("/images/nfl_logos/small/jax.gif");
}

table.pickem .oak, form.pickem-form table .oak {
    background-image: url("/images/nfl_logos/small/oak.gif");
}

table.pickem .den, form.pickem-form table .den {
    background-image: url("/images/nfl_logos/small/den.gif");
}

table.pickem .sd, form.pickem-form table .sd {
    background-image: url("/images/nfl_logos/small/sd.gif");
}

table.pickem .kc, form.pickem-form table .kc {
    background-image: url("/images/nfl_logos/small/kc.gif");
}

table.pickem .phi, form.pickem-form table .phi {
    background-image: url("/images/nfl_logos/small/phi.gif");
}

table.pickem .nyg, form.pickem-form table .nyg {
    background-image: url("/images/nfl_logos/small/nyg.gif");
}

table.pickem .was, form.pickem-form table .was {
    background-image: url("/images/nfl_logos/small/was.gif");
}

table.pickem .dal, form.pickem-form table .dal {
    background-image: url("/images/nfl_logos/small/dal.gif");
}

table.pickem .gb, form.pickem-form table .gb {
    background-image: url("/images/nfl_logos/small/gb.gif");
}

table.pickem .chi, form.pickem-form table .chi {
    background-image: url("/images/nfl_logos/small/chi.gif");
}

table.pickem .min, form.pickem-form table .min {
    background-image: url("/images/nfl_logos/small/min.gif");
}

table.pickem .det, form.pickem-form table .det {
    background-image: url("/images/nfl_logos/small/det.gif");
}

table.pickem .no, form.pickem-form table .no {
    background-image: url("/images/nfl_logos/small/no.gif");
}

table.pickem .tb, form.pickem-form table .tb {
    background-image: url("/images/nfl_logos/small/tb.gif");
}

table.pickem .atl, form.pickem-form table .atl {
    background-image: url("/images/nfl_logos/small/atl.gif");
}

table.pickem .car, form.pickem-form table .car {
    background-image: url("/images/nfl_logos/small/car.gif");
}

table.pickem .ari, form.pickem-form table .ari {
    background-image: url("/images/nfl_logos/small/ari.gif");
}

table.pickem .sea, form.pickem-form table .sea {
    background-image: url("/images/nfl_logos/small/sea.gif");
}

table.pickem .sf, form.pickem-form table .sf {
    background-image: url("/images/nfl_logos/small/sf.gif");
}

table.pickem .stl, form.pickem-form table .stl {
    background-image: url("/images/nfl_logos/small/stl.gif");
}

table.pickem .lar, form.pickem-form table .lar {
    background-image: url("/images/nfl_logos/small/lar.gif");
}

table.pickem .lac, form.pickem-form table .lac {
    background-image: url("/images/nfl_logos/small/lac.gif");
}

table.pickem .lv, form.pickem-form table .lv {
    background-image: url("/images/nfl_logos/small/lv.gif");
}

/* Survival Football */

form.survival_picks p {
    font-weight: bold;
    margin: 1em;
}

table.survival_picks {
    width: 100%;
}

table.survival_picks select {
    width: 100%;
}

table.survival_picks + div {
    padding: 1em;
    padding-bottom: 0;
    text-align: right;
}

table.survival_standings {
    width: 100%;
}

table.survival_standings td {
    padding: 0;
    border: 1px solid black;
    border-width: 0 1px;
    text-align: center;
    width: 2em;
    vertical-align: top;
}

table.survival_standings td.pos,
table.survival_standings td.name {
    padding: 0.2ex 0.5ex;
}

table.survival_standings td.wrong {
    background: #968457;
}

table.survival_standings tr.even td.wrong {
    background: #cccccc;
}

table.survival_standings td.pick {
    padding: 3px 0;
    vertical-align: bottom;
}

table.survival_standings td.pick:after {
    content: '☒';
}

table.survival_standings td.pick.wrong:after {
    content: '☐';
}

table.survival_standings tr.my td {
    background: #840026;
    color: #ffffff;
}

table.survival_standings tr.my td.wrong {
    background: #520017;
    color: #cccccc;
}

table.survival_standings span.team {
    display: block;
    padding: 0;
    width: 100%;
    height: 1.5em;
    max-height: 22px;
    background-position: center center;
    background-repeat: no-repeat;
}

table.survival_standings span.team abbr {
    position: absolute;
    top: -10000px;
    left: -10000px;
}

table.survival_standings .mia, form.survival_standings-form table .mia {
    background-image: url("/images/nfl_logos/small/mia.gif");
}

table.survival_standings .buf, form.survival_standings-form table .buf {
    background-image: url("/images/nfl_logos/small/buf.gif");
}

table.survival_standings .nyj, form.survival_standings-form table .nyj {
    background-image: url("/images/nfl_logos/small/nyj.gif");
}

table.survival_standings .ne, form.survival_standings-form table .ne {
    background-image: url("/images/nfl_logos/small/ne.gif");
}

table.survival_standings .bal, form.survival_standings-form table .bal {
    background-image: url("/images/nfl_logos/small/bal.gif");
}

table.survival_standings .cle, form.survival_standings-form table .cle {
    background-image: url("/images/nfl_logos/small/cle.gif");
}

table.survival_standings .pit, form.survival_standings-form table .pit {
    background-image: url("/images/nfl_logos/small/pit.gif");
}

table.survival_standings .cin, form.survival_standings-form table .cin {
    background-image: url("/images/nfl_logos/small/cin.gif");
}

table.survival_standings .ind, form.survival_standings-form table .ind {
    background-image: url("/images/nfl_logos/small/ind.gif");
}

table.survival_standings .ten, form.survival_standings-form table .ten {
    background-image: url("/images/nfl_logos/small/ten.gif");
}

table.survival_standings .hou, form.survival_standings-form table .hou {
    background-image: url("/images/nfl_logos/small/hou.gif");
}

table.survival_standings .jax, form.survival_standings-form table .jax {
    background-image: url("/images/nfl_logos/small/jax.gif");
}

table.survival_standings .oak, form.survival_standings-form table .oak {
    background-image: url("/images/nfl_logos/small/oak.gif");
}

table.survival_standings .den, form.survival_standings-form table .den {
    background-image: url("/images/nfl_logos/small/den.gif");
}

table.survival_standings .sd, form.survival_standings-form table .sd {
    background-image: url("/images/nfl_logos/small/sd.gif");
}

table.survival_standings .kc, form.survival_standings-form table .kc {
    background-image: url("/images/nfl_logos/small/kc.gif");
}

table.survival_standings .phi, form.survival_standings-form table .phi {
    background-image: url("/images/nfl_logos/small/phi.gif");
}

table.survival_standings .nyg, form.survival_standings-form table .nyg {
    background-image: url("/images/nfl_logos/small/nyg.gif");
}

table.survival_standings .was, form.survival_standings-form table .was {
    background-image: url("/images/nfl_logos/small/was.gif");
}

table.survival_standings .dal, form.survival_standings-form table .dal {
    background-image: url("/images/nfl_logos/small/dal.gif");
}

table.survival_standings .gb, form.survival_standings-form table .gb {
    background-image: url("/images/nfl_logos/small/gb.gif");
}

table.survival_standings .chi, form.survival_standings-form table .chi {
    background-image: url("/images/nfl_logos/small/chi.gif");
}

table.survival_standings .min, form.survival_standings-form table .min {
    background-image: url("/images/nfl_logos/small/min.gif");
}

table.survival_standings .det, form.survival_standings-form table .det {
    background-image: url("/images/nfl_logos/small/det.gif");
}

table.survival_standings .no, form.survival_standings-form table .no {
    background-image: url("/images/nfl_logos/small/no.gif");
}

table.survival_standings .tb, form.survival_standings-form table .tb {
    background-image: url("/images/nfl_logos/small/tb.gif");
}

table.survival_standings .atl, form.survival_standings-form table .atl {
    background-image: url("/images/nfl_logos/small/atl.gif");
}

table.survival_standings .car, form.survival_standings-form table .car {
    background-image: url("/images/nfl_logos/small/car.gif");
}

table.survival_standings .ari, form.survival_standings-form table .ari {
    background-image: url("/images/nfl_logos/small/ari.gif");
}

table.survival_standings .sea, form.survival_standings-form table .sea {
    background-image: url("/images/nfl_logos/small/sea.gif");
}

table.survival_standings .sf, form.survival_standings-form table .sf {
    background-image: url("/images/nfl_logos/small/sf.gif");
}

table.survival_standings .stl, form.survival_standings-form table .stl {
    background-image: url("/images/nfl_logos/small/stl.gif");
}

table.survival_standings .lar, form.survival_standings-form table .lar {
    background-image: url("/images/nfl_logos/small/lar.gif");
}

table.survival_standings .lac, form.survival_standings-form table .lac {
    background-image: url("/images/nfl_logos/small/lac.gif");
}

table.survival_standings .lv, form.survival_standings-form table .lv {
    background-image: url("/images/nfl_logos/small/lv.gif");
}

/* seitenspezifische styles */

body.start ul.newsList {
    padding-top: 1em;
}

body.irc #content {
    background: transparent;
    padding: 0;
}

body.irc #ircApplet {
    border: 1px solid #000000;
    height: 400px;
    width: 100%;
}

body.irc #ircHelp {
    background: #ffffff;
    margin-top: 1em;
    padding: 0 2px 2px 2px;
}

/* football 101 – nfl-ligastruktur */

.nfl-ligastruktur img {
    margin: 0;
    border: 0;
    padding: 0;
}

.nfl-ligastruktur span.bbc_u {
    text-decoration: underline;
}

.nfl-ligastruktur .conference {
    overflow: hidden;
}

.nfl-ligastruktur .divisions {
    float: left;
    width: 50%;
}

/* designchooser fuer london-t-shirts */

#designchooser {
    list-style-type: none;
    margin: 0;
}

#designchooser ul {
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding: 1ex;
}

#designchooser ul li {
    float: left;
}

#designchooser > li {
    border-top: 1px dotted #999999;
}

#designchooser > li:first-child {
    border-top: 0;
}

#designchooser li.draggable {
    cursor: pointer;
}

#designchooser li.draggable:hover {
    background: #c17f92;
}

li.clone {
    opacity: 0.5;
    position: absolute;
    cursor: pointer;
}

#designchooser ul.target {
    background: #e4d7b9;
}

#designchooser ul li:first-child {
    font-weight: bold;
    float: none;
}

#designchooser img {
    padding: 1ex;
}


/* body.pickem #content { */
/*     background: transparent; */
/*     padding: 0; */
/* } */


#apparel_form .shipto label {
    display: inline-block;
    width: 5em;
}

/* London 2013 bookings */

body.london2013-booking #content img.full {
    max-width: 100%;
    border: 0;
    margin: 0;
    padding: 0;
}

body.london2013-booking #content h4 {
    margin: 1em 0;
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: underline;
}

body.london2013-booking #content p {
    margin: 1em 0;
}

body.london2013-booking #content p.note {
    font-size: 1.2em;
    font-style: italic;
}

body.london2013-booking #content p.info {
    font-weight: bold;
}

body.london2013-booking #content p.info strong {
    color: #d90000;
}

body.london2013-booking #content p.success {
    border: 1px solid #333333;
    padding: 1em;
    background: #c9b074;
    color: #840026;
    color: #a91d21;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
}

body.london2013-booking #content form ol {
    margin: 1em 0;
    padding: 0 1em;
    list-style: none;
}

body.london2013-booking #content table {
    width: 100%;
}

body.london2013-booking #content table td {
    text-align: center;
}

body.london2013-booking #content table td:first-child {
    text-align: left;
}

/* SMALL SCREEN STUFF */

@media screen and (max-width: 700px) {
    #contentArea {
        background: #c9b074;
        padding-bottom: 0;
    }

    #mainContent {
        position: static;
        width: 100%;
    }

    #secondaryContent {
        position: static;
        width: 100%;
        margin-top: 1ex;
        padding: 0;
    }
}
