/* comon.css PredictionFootball */

/*
 * This file contains some comments on how to modify the css file. The comments are not 
 * comprehensive. There is a wealth of information and tutorials on the internet for 
 * CSS files.
 */

/*
 * The following 3 entries are for the regular links used within the league.
 * A:link is the standard link style
 * A:visited is for links that the user has clicked.
 * A:hover is the style for when the user has the mouse over the link
 */

A:link  { color: #000; font: 10pt tahoma, verdana, arial; text-decoration: none }
A:visited  { color: #000; font: 10pt tahoma, verdana, arial; text-decoration: none }
A:hover   { color: #060; font: 10pt tahoma, verdana, arial; text-decoration: none }

/* The following three entries are for the version link (Powered by..) */
A.VERSION:visited  { color: #000; font: 8pt tahoma, verdana, arial; text-decoration: none }
A.VERSION:link  { color: #000; font: 8pt tahoma, verdana, arial; text-decoration: none }
A.VERSION:hover   { color: #060; font: 8pt tahoma, verdana, arial; text-decoration: none }

/* These are for the match statistics links */
A.PRED:visited  { color: #000; font: 8pt tahoma, verdana, arial; text-decoration: none }
A.PRED:link  { color: #000; font: 8pt tahoma, verdana, arial; text-decoration: none }
A.PRED:hover   { color: #060; font: 8pt tahoma, verdana, arial; text-decoration: none }

/* 
 * This is the style of body of the page. The body tag is the top ost tag of the document.
 * Using this entry you can add a background image, background colours and set overall alingment. 
 */
body.MAIN  { background-color: white; background-image: none; background-repeat: no-repeat; text-align: center; margin: 1; padding: 1 }

/* This entry is for */
font.LANG  { color: #000; font-size: 8pt; font-family: tahoma, verdana, arial; font-weight: bold; text-decoration: none }
font.TBLHEAD  { color: #060; font-size: 10pt; font-family: tahoma, verdana, arial; font-weight: bold; text-decoration: none }
font.UADUP  { color: #000; font-size: 10pt; font-family: tahoma, verdana, arial; text-decoration: none }
font.UADDOWN  { color: #fff; font-size: 10pt; font-family: tahoma, verdana, arial; text-decoration: none }
font.TBLROW  { color: #000; font-size: 10pt; font-family: tahoma, verdana, arial; text-decoration: none }
font.TBLROW1 { color: #000; font-size: 10pt; font-family: tahoma, verdana, arial; text-decoration: none }
font.VERSION  { color: #000; font-size: 8pt; font-family: tahoma, verdana, arial; text-decoration: none }
font.POS1  { color: #000; font-size: 10pt; font-family: tahoma, verdana, arial; text-decoration: none; background-color: #fff }
font.POS2  { color: #000; font-size: 10pt; font-family: tahoma, verdana, arial; text-decoration: none; background-color: #fff }
font.POS3  { color: #000; font-size: 10pt; font-family: tahoma, verdana, arial; text-decoration: none; background-color: #fff }
font.PRDROW   { color: #000; font-size: 10pt; font-family: tahoma, verdana, arial; font-weight: normal; text-decoration: none }
font.LOGINHD  { color: #060; font-size: 8pt; font-family: tahoma, verdana, arial; font-weight: bold; text-decoration: none; background-color: #fff }
font.LOGINRW   { color: #000; font-size: 8pt; font-family: tahoma, verdana, arial; text-decoration: none }

font.HELPTEXT  { color: #000; font-size: 10pt; font-family: tahoma, verdana, arial; text-decoration: none; background-color: white }

font.HELPROW  { color: #000; font-size: 10pt; font-family: tahoma, verdana, arial; text-decoration: none }
font.HELPHEAD  { color: #000; font-size: 10pt; font-family: tahoma, verdana, arial; text-decoration: BOLD }
font.PREDHEAD {
  font-size: 8pt; 
  color: red; 
  font-family: tahoma, verdana, arial; 
  text-decoration: BOLD;
}

table.LEFT   { background-color: #ffffff; padding: 0; width: 150px; cell-spacing: 0px  }
table.CENTER   { background-color: #ffffff; padding: 0; width: 520px; border: groove 0 black; cell-spacing: 0px  }
table.RIGHT   { background-color: #ffffff; width: 150px; border: groove 0 black }
table.MAINTB    { background-color: transparent; padding: 0; width: 800px; border-width: 0; cell-spacing: 0px   }
table.HELPTB   { background-color: transparent; padding: 0; width: 520px; border: inset 0 red; cell-spacing: 0px  }
table.MSGTB   { background-color: transparent; padding: 0; width: 520px; border: inset 0 red; cell-spacing: 0px  }
iframe.STANDTB   { background-color: red; padding: 0; width: 520px; height: 400px; border: inset 0 red; cell-spacing: 0px  }
table.STANDTB   { background-color: transparent; padding: 0; width: 520px; border: inset 0 red; cell-spacing: 0px  }
table.PREDTB   { background-color: transparent; padding: 0; width: 150px; border: inset 0 red; cell-spacing: 0px  }
table.MENUTB   { background-color: transparent; padding: 0; width: 150px; border: inset 0 red; cell-spacing: 0px  }
table.LANG   { background-color: transparent; padding: 0; width: 150px; border: groove 0 red; cell-spacing: 0px  }
table.LOGINTB   { background-color: transparent; padding: 0; width: 150px; border: groove 0 red; cell-spacing: 0px  }
td.LANG {
  background-color: NAVY;
  text-align: center;
}
td.TBLHEAD  { background-color: #fff; border: dashed 1px #ccc }
td.POS1  { background-color: #fff }
td.POS2  { background-color: #fff }
td.POS3  { background-color: #fff; border-bottom: 1px dotted #060 }
td.UADUP {
  background-color: #44CC44;
}
td.UADDOWN {
  background-color: #BB8888;
}
td.TBLROW    { background-color: #fff; border: dashed 1px #ccc }
td.TBLROW1 { background-color: #fff; border: dashed 1px #ccc }
td.TBLROWTEST { background-color: #fff; border: dashed 1px #ccc }
td.TBLROW2 { background-color: #fff; border-width: 0 }
td.LOGINHD  { background-color: #fff; border: dashed 1px #ccc }
td.LOGINRW  { }

td.LEFTCOL   { background-color: transparent; width: 150px; vertical-align: top }
td.CENTERCOL   { text-align: left; width: 520px; vertical-align: top }
td.RIGHTCOL   { width: 150px; vertical-align: top }
td.TBLPOS  { background-color: #fff; text-align: center; width: 40px; border: dashed 1px #ccc }
td.TBLUSER   { background-color: #fff; text-align: center; width: 150px; border: dashed 1px #ccc }
td.TBLPLAYED  { background-color: #fff; text-align: center; width: 40px; border: dashed 1px #ccc }
td.TBLWON  { background-color: #fff; text-align: center; width: 40px; border: dashed 1px #ccc }
td.TBLDRAWN  { background-color: #fff; text-align: center; width: 40px; border: dashed 1px #ccc }
td.TBLLOST  { background-color: #fff; text-align: center; width: 40px; border: dashed 1px #ccc }
td.TBLFOR  { background-color: #fff; text-align: center; width: 40px; border: dashed 1px #ccc }
td.TBLAGAINST  { background-color: #fff; text-align: center; width: 40px; border: dashed 1px #ccc }
td.TBLGD  { background-color: #fff; text-align: center; width: 40px; border: dashed 1px #ccc }
td.TBLPTS  { background-color: #fff; text-align: center; width: 40px; border: dashed 1px #ccc }

font.ERROR {
  font-size: 8pt; 
  color: WHITE; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none;
}
td.ERROR {
  background-color: #ee4444;
}
font.WARNING {
  font-size: 8pt; 
  color: WHITE; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none;
}
td.WARNING {
  background-color: #ffff66;
}
font.INFO {
  font-size: 8pt; 
  color: WHITE; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none;
}
td.INFO {
  background-color: #66cc66;
}
font.SHOUTROW  { color: #000; font-size: 8pt; font-family: tahoma, verdana, arial; text-decoration: none }
td.SHOUTROW  { }
div.SHOUTROW   { color: #000; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding: 1px; width: 130px; height: 200px; overflow: auto }
img.SHOUTROW {
  height : 12px; 
}
table.MESSAGES   { background-color: transparent; padding: 0; width: 820px; border: groove 1px red; cell-spacing: 0px  }
font.SHOUTHEAD  { color: #000; font-size: 8pt; font-family: tahoma, verdana, arial; font-weight: bold; text-decoration: none }
font.SHOUTDATE  { color: #000; font-size: 6pt; font-family: tahoma, verdana, arial; text-decoration: none }
font.SHOUTMSG  { color: #000; font-size: 8pt; font-family: tahoma, verdana, arial; text-decoration: none }

img.FLAG   { height: 30px; border: 0 }

td.TEAM  { }
font.TEAM  { color: #000; font-size: 10pt; font-family: tahoma, verdana, arial; text-decoration: none }
td.FLAG  { text-align: center }
font.FLAG  { color: #000; font-size: 10pt; font-family: tahoma, verdana, arial; text-decoration: none }

font.LEADER  { color: #000; font-size: 10pt; font-family: tahoma, verdana, arial; text-decoration: none } 
td.LEADER { 
  background-color: yellow;
/*   border: 0px solid; 
   border-color: #aaa; 
   color: #000000; 
   font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
   text-decoration: none; 
   */
}

/* Version 2.17 */
A.POS1:visited  { color: #000; font: 8pt tahoma, verdana, arial; text-decoration: none }
A.POS1:link  { color: #000; font: 8pt tahoma, verdana, arial; text-decoration: none }
A.POS1:hover  { color: #060; font: 8pt tahoma, verdana, arial; text-decoration: none }
A.POS2:visited  { color: #000; font: 8pt tahoma, verdana, arial; text-decoration: none }
A.POS2:link  { color: #000; font: 8pt tahoma, verdana, arial; text-decoration: none }
A.POS2:hover  { color: #060; font: 8pt tahoma, verdana, arial; text-decoration: none }
A.POS3:visited  { color: #000; font: 8pt tahoma, verdana, arial; text-decoration: none }
A.POS3:link  { color: #000; font: 8pt tahoma, verdana, arial; text-decoration: none }
A.POS3:hover  { color: #060; font: 8pt tahoma, verdana, arial; text-decoration: none }

div.MAIN {
  text-align: CENTER;
}

/* This entry is for the messages that appear for the user to display errors or information that emails have been sent etc. */
font.MESSAGE {
  font-size: 10pt; 
  color: white; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none; 
  background-color: green;
}

/* Version 2.19 */
/* This entry is for the style of the users icon in the table. It allows you to specify image sizes etc. */
img.TABICON {
  height : 16px; 
  width : 18px; 
  border: 0px;
}

/* Version 2.20 */
/* This entry is for the messages that appear for the user to display errors or information that emails have been sent etc. */
td.MESSAGE {
  font-size: 10pt; 
  color: white; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none; 
  background-color: green;
}

/* Version 2.21 */
.inputbox  { color: #060; font-size: 10px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background: white; border: solid 1px } 

.submit  { color: #060; font-size: 10px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; background: white; text-indent: 1px; border: solid 1px }