/* $Id: wpf3.css,v 1.2 2010-11-13 09:54:48 jfroux Exp $ */

A {
  text-decoration: none ;
  font-weight: normal ;
}

A:link    { background: transparent ; color: black   }
A:visited { background: transparent ; color: black   }
A:hover   { background: transparent ; color: blue  }

A.hbold {
  text-decoration: none ;
  font-weight: bold ;
  padding: 3px ;
}

A.hbold:link    { background: transparent ; color: #404090 }
A.hbold:visited { background: transparent ; color: #404090 }
A.hbold:hover   { background: transparent ; color: black }


TR {
    vertical-align: top ;
}

TD {
    color: black ;
    background: transparent ;
    font-size: 12px ;
    vertical-align: top ;
}

TH {
    font-size: 12px ;
    vertical-align: top ;
    text-align: left ;
    
}

DIV.userbar {
    width: 790px ;
    padding: 8px ;
    color: #909090 ;
    background: transparent ;
    font-size: 12px ;
    text-align: right ;
}


IMG {
    border: 0px ;
}

IFRAME {
    border: 1px solid #808080 ;
}

DIV#content {
    padding: 10px ;
}

SELECT {
    font-size: 13px ;
    border: 1px solid #9090d0 ;
    padding: 0px ;
    margin: 0px ;
    color: black ;
    background: white ;
}

SELECT.selection {
    width: 480px ;
    color: black ;
    background: #f8f8ff ;
    /*font-family: courier, monospace, fixed;*/
}

SELECT.season {
    color: black ;
    background: #f8f8ff ;
}

OPTION {
    font-size: 13px ;
}

OPTION.odd {
    font-size: 13px ;
    color: black ;
    background: #f0f0ff ;
    border: 1px solid #e4e4fa ;
}

INPUT[type="text"] {
    border: 1px solid #9090d0 ;
}

TEXTAREA {
    border: 1px solid #9090d0 ;
}

BUTTON {
    border: 1px solid #a0a0ff ;
    padding: 6px ;
    margin: 4px ;
    width: 200px ;
    color: black ;
    background: #fbc9ff ;
}

BUTTON:hover { 
    border: 1px solid red ;
    background: #fbc9ff ;
    color: red ; 
}

BUTTON:disabled { 
    border: 1px solid white ;
    background: #e0e0e0 ;
    color: #c0c0c0 ;
}


SPAN.error {
    color: red ;
    background: transparent ;
    font-weight: bold ;
    font-style: italic ;
}

/* ------- */

TABLE.content {
    padding: 0px ;
    margin: 0px ;
}

TABLE.full {
    padding: 0px ;
    margin: 0px ;
    width: 100% ;
}

TD.full {
    width: 100% ;
}

TABLE.module {
  padding: 0px ;
  color: black ;
  background: transparent ;
  margin-top: 3px ;
  margin-left: 2px ;
  margin-right: 2px ;
  margin-bottom: 3px ;
  border-spacing: 0px ;
  border-collapse: collapse ;
  border: 0px ;
}

TABLE.module_extend {
  padding: 0px ;
  color: black ;
  background: transparent ;
  margin-top: 3px ;
  margin-left: 2px ;
  margin-right: 2px ;
  margin-bottom: 3px ;
  width: 98% ;
  border-spacing: 0px ;
  border-collapse: collapse ;
  border: 0px ;
}

TR.module {
  padding: 0px ;
  margin: 0px ;
}

TD.modulecorner {
  width: 8px ;
  height: 8px ;
  max-width: 8px ;
  max-height: 8px ;
  min-width: 8px ;
  min-height: 8px ;
  padding: 0px ;
  margin: 0px ;
  color: black ;
  background: #e0e0ff ;
}

TD.moduleborder {
  padding: 0px ;
  margin: 0px ;
  color: black ;
  background: #e0e0ff ;
}

TD.modulecontentleft {
  padding: 5px ;
  margin: 0px ;
  color: black ;
  background: #e0e0ff ;
  width: 570px ;
  min-width: 570px ;
  max-width: 570px ;
}

TD.modulemaincontentleft {
  padding: 5px ;
  margin: 0px ;
  color: black ;
  background: #e0e0ff ;
  width: 570px ;
  height: 440px ;
  min-height: 440px ;
  min-width: 570px ;
  max-width: 570px ;
}

TD.modulecontentright {
  padding: 3px ;
  margin: 0px ;
  color: black ;
  background: #e0e0ff ;
  width: 150px ;
  min-width: 150px ;
  max-width: 150px ;
  text-align: center ;
}

A.module {
  text-decoration: none ;
  font-weight: normal ;
}

A.module:link    { background: transparent ; color: black   }
A.module:visited { background: transparent ; color: black   }
A.module:hover   { background: transparent ; color: blue  }

TD.actioncorner {
  width: 8px ;
  height: 8px ;
  max-width: 8px ;
  max-height: 8px ;
  min-width: 8px ;
  min-height: 8px ;
  padding: 0px ;
  margin: 0px ;
  color: black ;
  background: #fbc9ff ;
}

TD.actionborder {
  padding: 0px ;
  margin: 0px ;
  color: black ;
  background: #fbc9ff ;
}

TD.actioncontentright {
  padding: 3px ;
  margin: 0px ;
  color: black ;
  background: #fbc9ff ;
  width: 150px ;
  min-width: 150px ;
  max-width: 150px ;
  text-align: center ;
}

TD.successcorner {
    width: 8px ;
    height: 8px ;
    max-width: 8px ;
    max-height: 8px ;
    min-width: 8px ;
    min-height: 8px ;
    padding: 0px ;
    margin: 0px ;
    color: black ;
    background: #b0ffb0 ;
}

TD.successborder {
    padding: 0px ;
    margin: 0px ;
    color: black ;
    background: #b0ffb0 ;
}

TD.successcontent {
    padding: 3px ;
    margin: 0px ;
    color: green ;
    background: #b0ffb0 ;
    width: 570px ;
    min-width: 570px ;
    max-width: 570px ;
    text-align: left ;
}

TD.sepcorner {
    width: 8px ;
    height: 8px ;
    max-width: 8px ;
    max-height: 8px ;
    min-width: 8px ;
    min-height: 8px ;
    padding: 0px ;
    margin: 0px ;
    color: black ;
    background: #a0a0ff ;
}

TD.sepborder {
    padding: 0px ;
    margin: 0px ;
    color: black ;
    background: #a0a0ff ;
}

TD.sepcontent {
    color: white ;
    background: #a0a0ff ;
    padding: 5px ;
    margin: 0px ;
    width: 570px ;
    min-width: 570px ;
    max-width: 570px ;
    font-weight: bold ;
    font-size: 14px ;
}

A.action {
  text-decoration: none ;
  font-weight: normal ;
}

A.action:link    { background: transparent ; color: black   }
A.action:visited { background: transparent ; color: black   }
A.action:hover   { background: transparent ; color: red  }

HR.sep {
    color: #c0c0ff ;
    background: transparent ;
}

HR.action {
    color: red ;
    background: transparent ;
}

P.moduletitle {
    font-weight: bold ;
    color: #000080 ;
    background: transparent ;
}


SPAN.moduletitle {
    font-weight: bold ;
    color: #000080 ;
    background: transparent ;
}


TABLE.enum {
    width: 100% ;
    border-spacing: 0px ;
    border-collapse: collapse ;
    border: 0px ;
}

TR.enumodd {
    color: black ;
    background: #dcdcff ;
    border: 0px ;
    vertical-align: top ;
}

TR.enumodd:hover { background: #80a0e0 ; color: black ; }

TR.enumeven {
    color: black ;
    background: #eaeaff ;
    border: 0px ;
    vertical-align: top ;
}

TR.enumeven:hover { background: #9abafa ; color: black ; }

TD.enumlabel {
    padding-left: 6px ;
    padding-top: 6px ;
    padding-bottom: 6px ;
    padding-right: 40px ;
    border-bottom: 1px solid #c0c0d0 ;
    white-space: nowrap ;
}

TD.enumvalue {
    padding: 6px ;
    border-bottom: 1px solid #c0c0d0 ;
    width: 100% ;
    text-align: right ;
    color: #000080 ;
    background: transparent ;
}

TD.enumvaluel {
    padding: 6px ;
    border-bottom: 1px solid #c0c0d0 ;
    width: 100% ;
    text-align: left ;
    color: #000080 ;
    background: transparent ;
}

TD.enumvaluec {
    padding: 6px ;
    border-bottom: 1px solid #c0c0d0 ;
    width: 100% ;
    text-align: center ;
    color: #000080 ;
    background: transparent ;
}

TH.resultheader {
    padding: 3px ;
    border-top: 1px solid #5080b0 ; 
    border-bottom: 1px solid #5080b0 ; 
    border-left: 1px solid #c0c0ff ;
    border-right: 1px solid #c0c0ff ;
    text-align: left ;
    color: #000080 ;
    background: #c0c0ff ;
    font-weight: bold ;
}

TH.resultheaderR {
    padding: 3px ;
    border-bottom: 1px solid #5080b0 ; 
    border-left: 1px solid #c0c0ff ;
    border-top: 1px solid #5080b0 ; 
    border-right: 1px solid #c0c0ff ;
    text-align: right ;
    color: #000080 ;
    background: #c0c0ff ;
    font-weight: bold ;
}

TH.resultheaderC {
    padding: 3px ;
    border-bottom: 1px solid #5080b0 ; 
    border-left: 1px solid #c0c0ff ;
    border-top: 1px solid #5080b0 ; 
    border-right: 1px solid #c0c0ff ;
    text-align: center ;
    color: #000080 ;
    background: #c0c0ff ;
    font-weight: bold ;
}

TH.resultday {
    padding: 3px ;
    border-bottom: 1px solid #5080b0 ; 
    border-left: 1px solid #c0c0ff ;
    border-top: 1px solid #5080b0 ; 
    border-right: 1px solid #c0c0ff ;
    text-align: center ;
    color: #000080 ;
    background: #c0c0ff ;
    font-weight: bold ;
}

TD.resultsep {
    padding: 2px ;
    color: white ;
    background: transparent ;
}

TD.resulthome {
    padding: 4px ;
    border: 0px ;
    text-align: right ;
    color: #000080 ;
    background: transparent ;
    font-size: 13px ;
    width: 200px ;
}

TD.resultscore {
    text-align: center ;
    padding: 2px ;
    border: 0px ;
    margin: 0px ;
    width: 50px ;
    min-width: 50px ;
    cursor: help ;
}

DIV.score {
    color: #000080 ;
    background: #c0d0ff ;
    vertical-align: middle ;    
    padding: 4px ;
    border: 0px ;
    margin: 0px ;
    width: 50px ;
    min-width: 50px ;
    font-size: 12px ;
    white-space: nowrap ;
    font-weight: bold ;
}

TD.resultaway {
    padding: 4px ;
    border: 0px ;
    text-align: left ;
    color: #000080 ;
    background: transparent ;
    font-size: 13px ;
    width: 200px ;
}

TD.resultinfo {
    padding: 4px ;
    border: 0px ;
    text-align: left ;
    color: #000080 ;
    background: transparent ;
    font-size: 13px ;
    white-space: nowrap ;
    width: 20px ;
    max-width: 20px ;
}

TD.resultdate {
    padding: 4px ;
    border-right: 1px solid #d0d0ff ;
    border-bottom: 0px ;
    border-left: 0px ;
    border-top: 0px ;
    text-align: left ;
    color: #000080 ;
    background: transparent ;
    font-size: 10px ;
}

TD.resulttime {
    padding: 4px ;
    border-right: 1px solid #d0d0ff ;
    border-bottom: 1px solid #c9c9ff ;
    border-left: 0px ;
    border-top: 0px ;
    text-align: left ;
    color: #000080 ;
    background: transparent ;
    font-size: 10px ;
}

TD.resultperiods {
    padding: 4px ;
    border-bottom: 1px solid #c9c9ff ;
    border-left: 0px ;
    border-right: 0px ;
    border-top: 0px ;
    text-align: center ;
    color: #000080 ;
    background: transparent ;
    font-size: 10px ;
}

SPAN.winner {
    font-weight: bold ;
}

TH.enum {
    color: #000080 ;
    background: transparent ;
    border-bottom: 1px solid #c0c0ff ;
}

TD.enum {
    padding: 0px ;
    border-bottom: 1px solid #c0c0ff ;
    text-align: left ;
    color: #000080 ;
    background: transparent ;
    height: 30px ;
    min-height: 30px ;
    vertical-align: middle ;
}

TD.enumR {
    padding: 0px ;
    border-bottom: 1px solid #c0c0ff ;
    text-align: right ;
    color: #000080 ;
    background: transparent ;
    height: 30px ;
    min-height: 30px ;
    min-width: 30px ;
    vertical-align: middle ;
}

TD.enumC {
    padding: 0px ;
    border-bottom: 1px solid #c0c0ff ;
    text-align: center ;
    color: #000080 ;
    background: transparent ;
    height: 30px ;
    min-height: 30px ;
    min-width: 30px ;
    vertical-align: middle ;
}

TD.rostername {
    padding: 0px ;
    border-bottom: 1px solid #c0c0ff ;
    text-align: left ;
    color: #000080 ;
    background: transparent ;
    height: 30px ;
    min-height: 30px ;
    vertical-align: middle ;
    width: 280px ;
    min-width: 280px ;
}

SPAN.rostername {
    color: #000080 ;
    background: transparent ;
    font-weight: normal ;
}

TD.rosternameOFF {
    padding: 0px ;
    border-bottom: 1px solid #c0c0ff ;
    text-align: left ;
    color: #a0a0a0 ;
    background: transparent ;
    height: 30px ;
    min-height: 30px ;
    vertical-align: middle ;
    width: 280px ;
    min-width: 280px ;
}

SPAN.rosternameOFF {
    color: #a0a0a0 ;
    background: transparent ;
    font-weight: normal ;
}

TD.rostername7 {
    padding: 0px ;
    border-bottom: 1px solid #c0c0ff ;
    text-align: left ;
    color: #0000b0 ;
    background: transparent ;
    height: 30px ;
    min-height: 30px ;
    vertical-align: middle ;
    width: 280px ;
    min-width: 280px ;
    font-weight: bold ;
}

SPAN.rostername7 {
    color: #0000b0 ;
    background: transparent ;
    font-weight: bold ;
}

TD.rostergoals {
    padding: 2px ;
    border-bottom: 1px solid #c0c0ff ;
    text-align: center ;
    color: #000080 ;
    background: #c0d0ff ;
    height: 30px ;
    min-height: 30px ;
    vertical-align: middle ;
    width: 50px ;
    min-width: 50px ;
}

TD.rosterfouls {
    padding: 2px ;
    border-bottom: 1px solid #c0c0ff ;
    text-align: center ;
    color: #000080 ;
    background: transparent ;
    height: 30px ;
    min-height: 30px ;
    vertical-align: middle ;
    width: 52px ;
    min-width: 52px ;
}

A.enum {
  text-decoration: underline ;
  font-weight: normal ;
}

A.enum:link    { background: transparent ; color: #000080   }
A.enum:visited { background: transparent ; color: #000080   }
A.enum:hover   { background: transparent ; color: black  }

IMG.logo {
    border: 2px solid #a0a0ff ;
}

TD.logo {
    padding: 8px ;
    text-align: center ;
}

SPAN.selected {
    color: black ;
    background: #c0c0ff ;
    padding: 4px ;
    border: 0px ;
    font-weight: bold ;
}

TD.teamphoto {
    text-align: center ;
}

IMG.photo {
    border: 4px solid #d0d0ff ;
}

P.legend {
    font-style: italic ;
}

TD.teamtitle {
    color: #0000c0 ;
    background: #d0d0ff ;
    font-weight: bold ;
    border: 0px ;
    padding: 4px ;
    font-size: 14px ;
    font-family: Helvetica, Arial, Verdana, sans-serif ;
}

TABLE.teamtitle {
    color: blue ;
    background: #d0d0ff ;
    border-collapse: collapse ;
    width: 480px ;
    border: 1px solid #d7d7ff ;
}

TD.number {
    width: 30px ;
    height: 30px ;
    font-size: 16px ;
    font-weight: bold ;
    color: black ;
    background: transparent ;
    background-position: left top ;
    background-repeat: no-repeat ;
    background-image: url("../bg_number.png") ;
    text-align: center ;
    vertical-align: middle ;
    font-family: Helvetica, Arial, Verdana, sans-serif ;
}

TD.numbergk {
    width: 30px ;
    height: 30px ;
    font-size: 16px ;
    font-weight: bold ;
    color: black ;
    background: transparent ;
    background-position: left top ;
    background-repeat: no-repeat ;
    background-image: url("../bg_number_gk.png") ;
    text-align: center ;
    vertical-align: middle ;
    font-family: Helvetica, Arial, Verdana, sans-serif ;
}

A.column {
  text-decoration: underline ;
  font-weight: bold ;
}

A.column:link    { background: transparent ; color: #000080   }
A.column:visited { background: transparent ; color: #000080   }
A.column:hover   { background: transparent ; color: black  }

TD.enumPOS {
    padding: 0px ;
    border-bottom: 1px solid #c0c0ff ;
    text-align: left ;
    color: black ;
    background: transparent ;
    vertical-align: middle ;
    font-weight: bold ;
}

TD.selColumn {
    padding: 3px ;
    border-bottom: 1px solid #c0c0ff ;
    text-align: right ;
    color: white ;
    background: #a0a0ff ;
    height: 30px ;
    min-height: 30px ;
    min-width: 30px ;
    vertical-align: middle ;
}

TD.selColumnL {
    padding: 3px ;
    border-bottom: 1px solid #c0c0ff ;
    text-align: left ;
    color: white ;
    background: #a0a0ff ;
    height: 30px ;
    min-height: 30px ;
    min-width: 30px ;
    vertical-align: middle ;
}

TD.selColumnC {
    padding: 3px ;
    border-bottom: 1px solid #c0c0ff ;
    text-align: center ;
    color: white ;
    background: #a0a0ff ;
    height: 30px ;
    min-height: 30px ;
    min-width: 30px ;
    vertical-align: middle ;
}

TD.selColumnR {
    padding: 3px ;
    border-bottom: 1px solid #c0c0ff ;
    text-align: right ;
    color: white ;
    background: #a0a0ff ;
    height: 30px ;
    min-height: 30px ;
    min-width: 30px ;
    vertical-align: middle ;
}

TR.pos1 {
    color: black ;
    background: #c0ffd0 ;
}

TR.pos2 {
    color: black ;
    background: #c0ffe0 ;
}

TR.pos3 {
    color: black ;
    background: #d0ffe0 ;
}

TR.pos4 {
    color: black ;
    background: #e0fff0 ;
}

TR.pos5 {
    color: black ;
    background: #c0ffd0 ;
}

TR.pos6 {
    color: black ;
    background: #d0ffe0 ;
}

TR.pos7 {
    color: black ;
    background: #d0ffe0 ;
}

TR.pos8 {
    color: black ;
    background: #ffd0e0 ;
}

TR.pos9 {
    color: black ;
    background: #ffc0d0 ;
}

TABLE.report {
    width: 100% ;
    border-spacing: 0px ;
}

TH.reportH {
    padding: 4px ;
    border: 1px solid #5080b0 ; 
    text-align: center ;
    color: #000080 ;
    background: #c0c0ff ;
    font-weight: bold ;
}

TR.report {
    vertical-align: middle ;
}

TD.reportHome {
    padding: 4px ;
    width: 45% ;
    text-align: right ;
    vertical-align: middle ;
    border-bottom: 1px solid #c0c0d0 ;
}

TD.reportAway {
    padding: 4px ;
    width: 45% ;
    text-align: left ;
    vertical-align: middle ;
    border-bottom: 1px solid #c0c0d0 ;
}

TD.reportCenter {
    text-align: center ;
    padding-top: 4px ;
    padding-bottom: 4px ;
    padding-left: 8px ;
    padding-right: 8px ;
    color: #000080 ;
    background: #c0d0ff ;
    vertical-align: middle ;
    border-bottom: 1px solid #c0c0f0 ;
}

SPAN.report {
    vertical-align: middle ;
}

TABLE.teamname {
    width: 100% ;
    color: black ;
    background: transparent ;
}

TD.teamlogo {
    width: 24px ;
    min-width: 24px ;
    border: 0px ;
    padding: 2px ;
}

TD.teamnameHome {
    text-align: center ;
    vertical-align: middle ;
    padding: 2px ;
    color: #000080 ;
    background: transparent ;
    font-weight: bold ;
}

TD.teamnameAway {
    text-align: center ;
    vertical-align: middle ;
    padding: 2px ;
    color: #000080 ;
    background: transparent ;
    font-weight: bold ;
}

SPAN.score {
    font-weight: bold ;
    font-size: 15px ;
}

SELECT.roster {
    color: black ;
    background: white ;
    width: 180px ;
    max-width: 180px ;
    min-width: 180px ;
}

SELECT.competitions {
    color: black ;
    background: white ;
    width: 300px ;
    max-width: 300px ;
    min-width: 300px ;
}

SELECT.leagues {
    color: black ;
    background: white ;
    width: 250px ;
    max-width: 250px ;
    min-width: 250px ;
}

A.elinks {
  text-decoration: underline ;
  font-weight: bold ;
}

A.elinks:link    { background: transparent ; color: #2020e0   }
A.elinks:visited { background: transparent ; color: #2020e0   }
A.elinks:hover   { background: transparent ; color: black  }

A.userbar {
  text-decoration: underline ;
  font-weight: normal ;
  font-size: 12px ;
}

A.userbar:link    { background: transparent ; color: #8080a0   }
A.userbar:visited { background: transparent ; color: #8080a0   }
A.userbar:hover   { background: transparent ; color: black  }

P.info {
    background: #90b0f0 ; 
    color: black ;
    padding: 5px ;
}

TD.wmodulecorner {
  width: 8px ;
  height: 8px ;
  max-width: 8px ;
  max-height: 8px ;
  min-width: 8px ;
  min-height: 8px ;
  padding: 0px ;
  margin: 0px ;
  color: black ;
  background: #e0e0ff ;
}

TD.wmoduleborder {
  padding: 0px ;
  margin: 0px ;
  color: black ;
  background: #e0e0ff ;
}

TD.wmodulecontentleft {
  padding: 5px ;
  margin: 0px ;
  color: black ;
  background: #e0e0ff ;
  width: 140px ;
  min-width: 140px ;
  max-width: 140px ;
}

TD.wmodulecontentright {
  padding: 5px ;
  margin: 0px ;
  color: black ;
  background: #e0e0ff ;
  width: 250px ;
  min-width: 250px ;
  max-width: 250px ;
}

TD.wmodulecontentcenter {
  padding: 5px ;
  margin: 0px ;
  color: black ;
  background: #e0e0ff ;
  width: 460px ;
  min-width: 460px ;
  max-width: 460px ;
}

TD.wmodulecontent {
  padding: 2px ;
  margin: 0px ;
  color: black ;
  background: #e0e0ff ;
}

TABLE.wgame {
    width: 100% ;
    padding: 0px ;
    margin: 0px ;
    border-collapse: collapse ;
}

TD.wgameL {
    padding: 4px ;
    text-align: left ;
    border-bottom: 1px solid #c0c0ff ;
    font-size: 11px ;
}

TD.wgameR {
    padding: 4px ;
    text-align: center ;
    border-bottom: 1px solid #c0c0ff ;
    color: #000080 ;
    background: #c0d0ff ;    
    font-size: 11px ;
}

TD.wgameDate {
    padding: 4px ;
    text-align: left ;
    color: #000080 ;
    background: #a0a0ff ;
    font-size: 11px ;
    border-top: 4px solid #e0e0ff ;
}

TABLE.article {
    margin: 0px ;
    padding: 0px ;
    width: 460px ;
    border-collapse: collapse ;
}

TD.articleDate {
    text-align: left ;
    font-size: 11px ;
    color: black ;
    background: transparent ;
}

TD.articleLeague {
    text-align: right ;
    font-size: 11px ;
    color: #0000a0;
    background: transparent ;
}

TD.articleTitle {
    text-align: left ;
    font-size: 13px ;
    font-weight: bold ;
    color: #000080 ;
    background: #b5b5ff ;
    padding-left: 2px ;
    padding-right: 2px ;
    padding-top: 2px ;
    padding-bottom: 2px ;
}

TD.articleHeader {
    text-align: justify ;
    font-size: 12px ;
    color: black ;
    background: transparent ;
    padding: 3px ;
}

TD.articleAvatar {
    text-align: center ;
    background: transparent ;
    padding: 5px ;
    width: 60px ;
    min-width: 60px ;
    max-width: 60px ;
}

TD.articleSep {
    border-top: 1px solid #c0c0ff ;
    padding-top: 3px ;
    padding-left: 3px ;
    padding-right: 3px ;
    padding-bottom: 8px ;
    text-align: right ;
    font-size: 11px ;
    color: #8080c0 ;
    background: transparent ;    
}

TD.messageHeader {
    text-align: left ;
    font-size: 12px ;
    color: #404040 ;
    background: #d5d5ff ;
    padding: 4px ;
    border: 1px solid #c0c0ff ;
}

A.article {
    text-decoration: none ;
    font-weight: normal ;
    font-size: 12px ;
}

A.article:link    { background: transparent ; color: #506070   }
A.article:visited { background: transparent ; color: #506070   }
A.article:hover   { background: transparent ; color: black  }

TD.addmessage {
    text-align: right ;
}

TEXTAREA.messagefocus {
    border-top: 1px solid #404080 ;
    border-left: 1px solid #404080 ;
    border-right: 0px;
    border-bottom: 0px;
    margin-bottom: 4px ;
    color: black ;
    background: white ;
    padding: 3px ;
    font-size: 12px ;
}

TEXTAREA.message {
    border-top: 1px solid #404080 ;
    border-left: 1px solid #404080 ;
    border-right: 0px;
    border-bottom: 0px;
    margin-bottom: 4px ;
    color: #a5a5a5 ;
    background: white ;
    padding: 3px ;
    font-size: 12px ;
}

TABLE.album {
    width: 100% ;
    border-collapse: collapse ;
}

TD.albumTitle {
    text-align: left ;
    padding: 8px ;
    border-bottom: 1px solid #c0c0c0 ;
    font-weight: bold ;
    color: #000080 ;
    background: #a0a0ff ;
}

TD.albumDate {
    text-align: right ;
    padding: 8px ;
    border-bottom: 1px solid #c0c0c0 ;
    font-size: 11px ;
    font-weight: bold ;
    color: #000080 ;
    background: #a0a0ff ;
    width: 120px ;
}

TD.albumAvatar {
    text-align: center ;
    color: black ;
    background: transparent ;
    padding-top: 5px ;
    width: 50px ;
    min-width: 50px ;
    max-width: 50px ;
}

TD.albumPreview {
    padding: 5px ;
    text-align: left ;
    color: black ;
    background: transparent ;
}

TD.albumFooter { 
    border-top: 1px solid #c0c0f5 ;
    text-align: right ;
    font-size: 11px ;
}

TD.albumPrevNext { 
    border-top: 1px solid #c0c0f5 ;
    text-align: left ;
    font-size: 11px ;
}

A.albumtitle {
    text-decoration: none ;
    font-weight: bold ;
}

A.albumtitle:link    { background: transparent ; color: #000080 }
A.albumtitle:visited { background: transparent ; color: #000080 }
A.albumtitle:hover   { background: transparent ; color: black }


IMG.thumb {
    border: 1px solid black ;
    margin: 1px ;
}

TD.thumb {
    width: 100px ;
    height: 100px ;
    min-width: 100px;
    min-height: 100px;
    padding: 0px ;
    margin: 0px ;
    text-align: center ;
    vertical-align: middle ;
}

TD.photoHeader { 
    border-bottom: 1px solid #c0c0f5 ;
    text-align: right ;
    font-size: 11px ;
}

DIV.rightinfo {
    width: 100% ;
    text-align: right ;
    padding: 4px ;
    font-size: 11px ;
}

TABLE.comments {
    width: 97% ;
    color: black ;
    background: transparent ;
    /*background: #d5d5ff ;*/
    /*border: 1px solid #a5a5ff ;*/
    margin-top: 5px ;
    margin-bottom: 5px ;
    border-spacing: 0px ;
    border-collapse: collapse ;
    border: 0px ;
}

TD.commenttext {
    padding: 8px ;
    color: #505060 ;
    background: #cecef5 ;
    font-size: 12px ;
    border-bottom: 5px solid #e0e0ff ;
}

TD.commentauthor {
    padding: 8px ;
    width: 50px ;
    text-align: middle ;
    border-bottom: 5px solid #e0e0ff ;
    color: black ;
    background: #cecef5 ;
}

SPAN.commentauthor {
    color: #0000a0 ;
    font-weight: bold ;
    text-align: right ;
}

A.user {
    font-weight: bold ;
    text-decoration: underline ;
}

A.user:link    { 
    background: transparent ; 
    color: #0000a0 ;
}
A.user:visited { 
    background: transparent ; 
    color: #0000a0 ;
}
A.user:hover   { 
    background: transparent ; 
    color: #0000f0 ; 
}

TD.commentform {
    text-align: right ;
}

SPAN.commentdate {
    color: #808080 ;
    background: transparent ;
    font-size: 11px ;
}

TEXTAREA.comment {
    border-top: 1px solid #404080 ;
    border-left: 1px solid #404080 ;
    border-right: 0px;
    border-bottom: 0px;
    margin-bottom: 4px ;
}

A.comment {
  text-decoration: underline ;
  font-weight: normal ;
}

A.comment:link    { background: transparent ; color: #37579c   }
A.comment:visited { background: transparent ; color: #37579c   }
A.comment:hover   { background: transparent ; color: #000060   }



SPAN.action {
    border-top: 0px ;
    border-bottom: 1px solid white ;
    border-left: 1px solid white ;
    border-right: 1px solid white ;
    padding: 3px ;
    margin: 0px ;
    color: black ;
    background: #eae0fa ;
}

TABLE.changes {
    border-spacing: 0px ;
    width: 100% ;
}

TD.lastdate {
    font-size: 11px ;
    color: #0000c0 ;
    background: transparent ;
    padding: 8px ;
    border-bottom: 1px solid #a0a0ff ;
}

TD.lastinfo {
    padding: 8px ;
    border-bottom: 1px solid #a0a0ff ;
}

SELECT.stats_choice {
    color: black ;
    background: white ;
    width: 240px ;
    max-width: 240px ;
    min-width: 240px ;
}

SPAN.statbig {
    font-size: 18px ;
    font-weight: bold ;
    color: #0080ff ;
    background: transparent ;
}

SUP.new {
    color: #c00000 ;
    background: #fff0f0 ;
}

SPAN.dBig {
    color: #0050c0 ;
    background: transparent ;
    font-size: 24px ;
    font-weight: normal ;
}

SPAN.dBigToday {
    color: #black ;
    background: white ;
    font-size: 24px ;
    font-weight: normal ;
}

TD.mheader {
    color: black ;
    background: #c0d0ff ;
    text-align: left ;
    padding: 4px ;
    text-align: right ;
    font-size: 16px ;
    border-bottom: 1px solid #a0b0ff ;
}

TD.dayStr {
    color: black ;
    background: #c0d0ff ;
    text-align: left ;
    padding: 4px ;
    border-bottom: 1px solid #a0b0ff ;
    max-width: 70px ;
    width: 70px ;
}

TD.dayNum {
    color: black ;
    background: #c0d0ff ;
    text-align: center ;
    padding: 4px ;
    border-bottom: 1px solid #a0b0ff ;
    border-right: 1px solid #a0b0ff ;
    max-width: 30px ;
    width: 30px ;
}

TD.dayGames {
    padding: 0px ;
    border-bottom: 1px solid #c0c0ff ;
    text-align: left ;
    color: #000080 ;
    background: transparent ;
    height: 30px ;
    min-height: 30px ;
    vertical-align: middle ;
    witdh: 100% ;
    min-witdh: 100% ;
}

TD.calEvent {
    width: 6px ;
    max-width: 6px ;
    min-width: 6px ;
    border-bottom: 1px solid #a0b0ff ;
}

TD.calEventON {
    width: 6px ;
    max-width: 6px ;
    min-width: 6px ;
}

DIV.calEvent {
    width: 6px ;
    max-width: 6px ;
    min-width: 6px ;
    height: 100% ;
}

INPUT.calendar {
    margin: 2px ;
    visibility: hidden ;
}

SPAN.cleague {
    color: #0000b0 ;
    background: transparent ;
    font-size: 11px ;
}

SPAN.cgame {
    color: black ;
    background: transparent ;
    font-size: 11px ;
}

DIV.cday {
    padding: 2px ;
}

A.calendar {
  text-decoration: none ;
  font-weight: normal ;
  padding: 3px ;
  font-size: 12px ;
}

A.calendar:link    { background: transparent ; color: blue }
A.calendar:visited { background: transparent ; color: blue }
A.calendar:hover   { background: transparent ; color: blue }

IFRAME.info {
    width: 100% ;
    height: 80px ;
    border: 0px ;
    overflow: hidden ;
    margin: 0px ;
}

DIV.selectavatar {
    color: black ;
    background: white ;
    width: 540px ;
    height: 250px ;
    overflow: auto ;
    padding: 6px ;
    border: 2px inset #f0f0ff ;
}

IMG.selectavatar {
    border: 6px solid white ;
}

IMG.selectedavatar {
    border: 6px solid #ff80c0 ;
}

TABLE.selectavatar {
    width: 100% ;
}

TR.selectavatar {
    vertical-align: middle ;
}

TD.selectavatar {
    min-width: 112px ;
    width: 112px ;
    height: 112px ;
    min-height: 112px ;
    padding: 0px ;
    text-align: center ;
    vertical-align: middle ;
}

TABLE.clublist {
    width: 100% ;
}

DIV.clubcountry {
    font-weight: bold ;
    color: black ;
    background: #d0d0ff ;
    margin-top: 4px ;
    margin-bottom: 4px ;
    padding-top: 4px ;
    padding-bottom: 4px ;
}

SPAN.current {
    color: black ;
    background: #a0a0ff ;
    border: 1px solid #9090ff ;
    padding: 2px ;
    font-weight: bold ;
}

IMG.avatar {
    border: 2px solid #ebebff ;
}

.acenter {
    text-align: center ;
}

TABLE.rosterp {
    width: 100% ;
}

.vtext {
    writing-mode: tb-rl;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    white-space: nowrap;
    display: block;
    bottom: 0;
    font-size: 12px;
    font-weight: normal;
    text-shadow: 0px 0px 1px #333;
}

.w100 {
    width: 100% ;
}