/* 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 {
  font-family: tahoma, verdana, arial;  /* The font family Helvetica, courier etc... */
  font-size: 8pt;                       /* The size of the text */
  font-style: normal;                   /* inherit, italic, normal, oblique */
  line-height: normal;                  /* the line height inherit or normal */
  font-weight: normal;                  /* bold, bolder inherit, lighter, normal or a value like 100 */
  font-variant: normal;                                                                        /* inherit, normal, smallcaps */
  color: #025100;                                                                                                         /* Text colour, e.g. red, blue, green or code #FFFFFF */
  text-decoration: none;                /* blink, inherit, line-through, underline, overline, none */
}
A:visited {
  font-family: tahoma, verdana, arial;
  font-size: 8pt;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  color: #025100;
  text-decoration: none;
}
A:hover {
  font-family: tahoma, verdana, arial;
  font-size: 8pt;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  color: #B80000;
  text-decoration: none;
}

/* The following three entries are for the version link (Powered by..) */
A.VERSION:visited {
  font-family: tahoma, verdana, arial;
  font-size: 8pt;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  color: #025100;
  text-decoration: none;
}
A.VERSION:link {
  font-family: tahoma, verdana, arial;
  font-size: 8pt;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  color: #025100;
  text-decoration: none;
}
A.VERSION:hover {
  font-family: tahoma, verdana, arial;
  font-size: 8pt;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  color: #B80000;
  text-decoration: none;
}

/* These are for the match statistics links */
A.PRED:visited {
  font-family: tahoma, verdana, arial;
  font-size: 8pt;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  color: #025100;
  text-decoration: none;
}
A.PRED:link {
  font-family: tahoma, verdana, arial;
  font-size: 8pt;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  color: #025100;
  text-decoration: none;
}
A.PRED:hover {
  font-family: tahoma, verdana, arial;
  font-size: 8pt;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  color: #B80000;
  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;
  margin:-3px;
  padding:0;
  text-align: center;
/*        background-image: none;
        background-repeat: no-repeat; */
}

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

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

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

table.LEFT {
  width: 140px;
  background-color: #ffffff;
  cell-spacing: 0px;
  padding: 0px;
}
table.CENTER {
  border: groove black 0px;
  background-color: #ffffff;
  cell-spacing: 0px;
  padding: 0px;
  width: 520px;
}
table.RIGHT {
  border: groove black 0px;
  width: 140px;
  background-color: #ffffff;
}
table.MAINTB {
  border: groove black 0px;
  background-color: #FFFFFF;
  cell-spacing: 0px;
  padding: 0px;
  width: 800px;
}
table.HELPTB {
  background-color: #FFFFFF;
  width: 520px;
  cell-spacing: 0px;
  border: inset red 0px;
  padding: 0px;
}
table.MSGTB {
  background-color: #FFFFFF;
  width: 520px;
  cell-spacing: 0px;
  border: inset red 0px;
  padding: 0px;
}
iframe.STANDTB {
  background-color: red;
  width: 520px;
  height: 400px;
  cell-spacing: 0px;
  border: inset red 0px;
  padding: 0px;
}
table.STANDTB {
  background-color: #FFFFFF;
  width: 520px;
  cell-spacing: 0px;
  border: inset red 0px;
  padding: 0px;
}
table.PREDTB {
  background-color: #FFFFFF;
  width: 140;
  cell-spacing: 0px;
  border: inset red 0px;
  padding: 0px;
}
table.MENUTB {
  background-color: #FFFFFF;
  width: 140px;
  cell-spacing: 0px;
  border: inset red 0px;
  padding: 0px;
}
table.LANG {
  background-color: #FFFFFF;
  width: 140px;
  cell-spacing: 0px;
  border: groove red 0px;
  padding: 0px;
}
table.LOGINTB {
  background-color: #FFFFFF;
  width: 140px;
  cell-spacing: 0px;
  border: groove red 0px;
  padding: 0px;
}
td.LANG {
  background-color: #f0f0f0;
  text-align: center;
}
td.TBLHEAD {
  background-color: #f0f0f0;
}
td.POS1 {
  background-color: #fffcac;
}
td.POS2 {
  background-color: #d5ffd5;
}
td.POS3 {
  background-color: #c7e1ff;
}
td.UADUP {
  background-color: #44CC44;
}
td.UADDOWN {
  background-color: #BB8888;
}
td.TBLROW {
  background-color: #FFFFFF;
}
td.LOGINHD {
  background-color: #f0f0f0;
}
td.LOGINRW {
  background-color: #FFFFFF;
}

td.LEFTCOL {
  width: 140px;
  background-color: #FFFFFF;
  vertical-align: top;
}
td.CENTERCOL {
  width: 520px;
  vertical-align: top;
  text-align: center;
}
td.RIGHTCOL {
  width: 140px;
  vertical-align: top;
}
td.TBLPOS {
  background-color: #f0f0f0;
  width: 40px;
  text-align: center;
}
td.TBLUSER {background-color: #f0f0f0; width: 180px; text-align: center;}
td.TBLPLAYED {background-color: #f0f0f0; width: 40px; text-align: center;}
td.TBLWON {background-color: #f0f0f0; width: 40px; text-align: center;}
td.TBLDRAWN {background-color: #f0f0f0; width: 40px; text-align: center;}
td.TBLLOST {background-color: #f0f0f0; width: 40px; text-align: center;}
td.TBLFOR {background-color: #f0f0f0; width: 40px; text-align: center;}
td.TBLAGAINST {background-color: #f0f0f0; width: 40px; text-align: center;}
td.TBLGD {background-color: #f0f0f0; width: 40px; text-align: center;}
td.TBLPTS {background-color: #f0f0f0; width: 40px; text-align: center;}

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 {
  font-size: 8pt;
  color: NAVY;
  font-family: tahoma, verdana, arial;
  text-decoration: none;
}
td.SHOUTROW {
  background-color: #FFFFFF;
}
div.SHOUTROW {
  background : #FFFFFF;
  color : NAVY;
  padding : 1px;
  width : 130px;
  height : 200px;
  overflow : auto;
}
img.SHOUTROW {
  height : 12px;
}
table.MESSAGES {
  border: groove red 1px;
  background-color: transparent;
  cell-spacing: 0px;
  padding: 0px;
  width: 800px;
}
font.SHOUTHEAD {
  font-size: 8pt;
  color: NAVY;
  font-family: tahoma, verdana, arial;
  text-decoration: none;
  font-weight: bold;
}
font.SHOUTDATE {
  font-size: 6pt;
  color: NAVY;
  font-family: tahoma, verdana, arial;
  text-decoration: none;
}
font.SHOUTMSG {
  font-size: 8pt;
  color: NAVY;
  font-family: tahoma, verdana, arial;
  text-decoration: none;
}

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

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

font.LEADER {
  font-size: 8pt;
  color: NAVY;
  font-family: tahoma, verdana, arial;
  text-decoration: none;
/*
   border: 0px solid;
   border-color: #aaa;
   color: #000000;
   font-family: Tahoma, Verdana, Arial, Helvetica;
   font-size: 10px;
   font-weight: bold;
   padding-left: 0px;
   text-decoration: none;

   */
}
td.LEADER {
  background-color: #D5FFD5;
/*   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 {
  font-family: tahoma, verdana, arial;
  font-size: 8pt;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  color: #025100;
  text-decoration: none;
}
A.POS1:link {
  font-family: tahoma, verdana, arial;
  font-size: 8pt;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  color: #025100;
  text-decoration: none;
}
A.POS1:hover {
  font-family: tahoma, verdana, arial;
  font-size: 8pt;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  color: #B80000;
  text-decoration: none;
}
A.POS2:visited {
  font-family: tahoma, verdana, arial;
  font-size: 8pt;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  color: #025100;
  text-decoration: none;
}
A.POS2:link {
  font-family: tahoma, verdana, arial;
  font-size: 8pt;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  color: #025100;
  text-decoration: none;
}
A.POS2:hover {
  font-family: tahoma, verdana, arial;
  font-size: 8pt;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  color: #B80000;
  text-decoration: none;
}
A.POS3:visited {
  font-family: tahoma, verdana, arial;
  font-size: 8pt;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  color: #025100;
  text-decoration: none;
}
A.POS3:link {
  font-family: tahoma, verdana, arial;
  font-size: 8pt;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  color: #025100;
  text-decoration: none;
}
A.POS3:hover {
  font-family: tahoma, verdana, arial;
  font-size: 8pt;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  color: #B80000;
  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 {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000066;
background: White;
border: 1px solid #000066;
}

.submit {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 10px;
color: #000066;
border-top-width: 1px; background: White;
border: 1px solid #0C2193;
text-indent : 1px;
}