/* 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: bold;                  /* bold, bolder inherit, lighter, normal or a value like 100 */ 
  font-variant: normal;									/* inherit, normal, smallcaps */
  color: #CCCC66; 													/* 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: bold; 
  font-variant: normal; 
  color: #CCCC66; 
  text-decoration: none;
}
A:hover { 
  font-family: tahoma, verdana, arial; 
  font-size: 8pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: bold; 
  font-variant: normal; 
  color: white; 
  text-decoration: none;
}

/* The following three entries are for the version link (Powered by..) */
A.VERSION:visited {
  font-family: tahoma, verdana, arial; 
  font-size: 6pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: normal; 
  font-variant: normal; 
  color: #CCCC66; 
  text-decoration: none;
}
A.VERSION:link { 
  font-family: tahoma, verdana, arial; 
  font-size: 6pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: normal; 
  font-variant: normal; 
  color: #CCCC66; 
  text-decoration: none;
}
A.VERSION:hover { 
  font-family: tahoma, verdana, arial; 
  font-size: 6pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: normal; 
  font-variant: normal; 
  color: white; 
  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: bold; 
  font-variant: normal; 
  color: #CCCC66; 
  text-decoration: none;
}
A.PRED:link { 
  font-family: tahoma, verdana, arial; 
  font-size: 8pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: bold; 
  font-variant: normal; 
  color: #CCCC66; 
  text-decoration: none;
}
A.PRED:hover { 
  font-family: tahoma, verdana, arial; 
  font-size: 8pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: bold; 
  font-variant: normal; 
  color: white; 
  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: ;
  margin:1; 
  padding:1; 
  text-align: center;
	background-image: url('hatter.jpg');
	
}

/* This entry is for */
font.LANG {
  font-size: 8pt; 
  color: white; 
  font-family: tahoma, verdana, arial; 
  font-weight: bold; 
  text-decoration: none;
}
font.TBLHEAD {
  font-size: 8pt; 
  color: white; 
  font-family: tahoma, verdana, arial; 
  font-weight: bold; 
  text-decoration: none;
}
font.UADUP {
  font-size: 8pt; 
  color: white; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none;
}
font.UADDOWN {
  font-size: 8pt; 
  color: white; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none;
}
font.TBLROW {
  font-size: 8pt; 
  color: #CCCC66; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none;
}
font.VERSION {
  font-size: 6pt; 
  color: #CCCC66; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none;
}
font.POS1 {
  font-size: 8pt; 
  color: #2F4F4F; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none; 
  background-color: transparent;
}
font.POS2 {
  font-size: 8pt; 
  color: #2F4F4F; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none; 
  background-color: transparent;
}
font.POS3 {
  font-size: 8pt; 
  color: #CCCC66; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none; 
  background-color: transparent;
}
font.POS4 {
  font-size: 8pt; 
  color: #CCCC66; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none; 
  background-color: transparent;
}
font.POS5 {
  font-size: 8pt; 
  color: #CCCC66; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none; 
  background-color: transparent;
}
font.POS6 {
  font-size: 8pt; 
  color: #CCCC66; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none; 
  background-color: transparent;
}
font.POS7 {
  font-size: 8pt; 
  color: #CCCC66; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none; 
  background-color: transparent;
}
font.POS8 {
  font-size: 8pt; 
  color: #CCCC66; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none; 
  background-color: transparent;
}
font.PRDROW {
  font-size: 8pt;
  color: #CCCC66; 
  font-family: tahoma, verdana, arial; 
  font-weight: normal; 
  text-decoration: none; 
  }
font.LOGINHD {
  font-size: 8pt; 
  color: white; 
  font-family: tahoma, verdana, arial; 
  font-weight: bold; 
  text-decoration: none; 
  }
font.LOGINRW {
  font-size: 8pt; 
  color: #CCCC66; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none; 
  }

font.HELPTEXT {
  font-size: 8pt; 
  color: #CCCC66; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none; 
  }

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

table.LEFT {
  width: 140px; 
  background-color: transparent;
  cell-spacing: 0px;
  padding: 0px;
}
table.CENTER {
  border: groove white 0px;
  background-color: transparent;
  cell-spacing: 0px;
  padding: 0px;
  width: 520px;
}
table.RIGHT {
  border: groove white 0px;
  width: 140px; 
  background-color: transparent;
}
table.MAINTB {
  border: groove white 0px;
  background-color: transparent;
  cell-spacing: 0px;
  padding: 0px;
  width: 800px;
}
table.HELPTB {
  background-color: transparent;
  width: 520px; 
  cell-spacing: 0px;
  border: inset red 0px;
  padding: 0px;
}
table.MSGTB {
  background-color: transparent;
  width: 520px; 
  cell-spacing: 0px;
  border: inset red 0px;
  padding: 0px;
}
iframe.STANDTB {
  background-color: transparent;
  width: 640px; 
  height: 400px; 
  cell-spacing: 0px;
  border: inset red 0px;
  padding: 0px;
}
table.STANDTB {
  background-color: transparent;
  width: 640px; 
  text-align: center ;
  text-decoration: BOLD ;
  cell-spacing: 0px;
  border: inset red 0px;
  padding: 0px;
}
table.PREDTB {
  background-color: transparent;
  width: 140; 
  cell-spacing: 0px;
 text-align: right ;
  border: groove transparent 0px;  
  padding: 0px;
}
table.MENUTB {
  background-color: transparent;
  width: 140px; 
  cell-spacing: 0px;
  border: inset red 0px;
  padding: 0px;
}
table.LANG {
  background-color: transparent;
  width: 140px; 
  cell-spacing: 0px;
  border: groove red 0px;
  padding: 0px;
}
table.LOGINTB {
  background-color: transparent;
  width: 140px; 
  cell-spacing: 0px;
  border: groove red 0px;
  padding: 0px;
}
td.LANG {
  background-color: transparent;
  text-align: center;
}
td.TBLHEAD {
  background-color: transparent;
}
td.POS1 {
  background-color: #FFD700; 
}
td.POS2 {
  background-color: #C0C0C0;
}
td.POS3 {
  background-color: #A52A2A;
}
td.POS4 {
  background-color: #2F4F4F;
}
td.POS5 {
  background-color: #2F4F4F;
}
td.POS6 {
  background-color: #2F4F4F;
}
td.POS7 {
  background-color: #2F4F4F;
}
td.POS8 {
  background-color: #2F4F4F;
}
td.UADUP {
  background-color: #44CC44;
}
td.UADDOWN {
  background-color: #333344;
}
td.TBLROW {
  background-color: transparent;
}
td.LOGINHD {
  background-color: transparent;
}
td.LOGINRW {
  background-color: transparent;
}

td.LEFTCOL {
  width: 140px; 
  background-color: transparent;
text-allign: right ;
border: solid #CCCC66 1px;
  vertical-align: top;
}
td.CENTERCOL {
  width: 520px; 
background-color: transparent;
  border: solid #CCCC66 1px;
  vertical-align: top; 
  text-align: left;
}
td.RIGHTCOL {
  width: 140px; 
background-color: transparent;
  text-align: center ;
  border: solid #CCCC66 1px;
  vertical-align: top;
}
td.TBLPOS {
  background-color: #00331A;
  width: 20px; 
  text-align: left;
}
td.TBLUSER {background-color: #00331A; width: 210px; text-align: left;}
td.TBLPLAYED {background-color: #00331A; width: 30px; text-align: center;}
td.TBLWON {background-color: #00331A; width: 30px; text-align: center;}
td.TBLDRAWN {background-color: #00331A; width: 30px; text-align: center;}
td.TBLLOST {background-color: #00331A; width: 30px; text-align: center;}
td.TBLFOR {background-color: #00331A; width: 40px; text-align: center;}
td.TBLAGAINST {background-color: #00331A; width: 40px; text-align: center;}
td.TBLGD {background-color: #00331A; width: 40px; text-align: center;}
td.TBLPTS {background-color: #00331A; width: 40px; text-align: right;}

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

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

td.TEAM {
  background-color: transparent;
}
font.TEAM {
  font-size: 8pt; 
  color: #CCCC66; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none;
}
td.FLAG {
  background-color: transparent;
  text-align: left;
}
font.FLAG {
  font-size: 8pt; 
  color: #CCCC66; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none;
}

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

   */
} 
td.LEADER { 
  background-color: #CCCC66;
/*   border: 0px solid; 
   border-color: #aaa; 
   color: #00331A; 
   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: bold; 
  font-variant: normal; 
  color: #2F4F4F; 
  text-decoration: none; 
}
A.POS1:link { 
  font-family: tahoma, verdana, arial; 
  font-size: 8pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: bold; 
  font-variant: normal; 
  color: #2F4F4F; 
  text-decoration: none; 
}
A.POS1:hover { 
  font-family: tahoma, verdana, arial; 
  font-size: 8pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: bold; 
  font-variant: normal; 
  color: #A52A2A; 
  text-decoration: none;
}
A.POS2:visited {
  font-family: tahoma, verdana, arial; 
  font-size: 8pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: bold; 
  font-variant: normal; 
  color: #2F4F4F; 
  text-decoration: none;
}
A.POS2:link { 
  font-family: tahoma, verdana, arial; 
  font-size: 8pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: bold; 
  font-variant: normal; 
  color: #2F4F4F; 
  text-decoration: none;
}
A.POS2:hover { 
  font-family: tahoma, verdana, arial; 
  font-size: 8pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: bold; 
  font-variant: normal; 
  color: #A52A2A; 
  text-decoration: none;
}
A.POS3:visited {
  font-family: tahoma, verdana, arial; 
  font-size: 8pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: bold; 
  font-variant: normal; 
  color: #CCCC66; 
  text-decoration: bold;
}
A.POS3:link { 
  font-family: tahoma, verdana, arial; 
  font-size: 8pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: bold; 
  font-variant: normal; 
  color: #CCCC66; 
  text-decoration: bold;
}
A.POS3:hover { 
  font-family: tahoma, verdana, arial; 
  font-size: 8pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: bold; 
  font-variant: normal; 
  color: white; 
  text-decoration: bold;
}
A.POS4:visited {
  font-family: tahoma, verdana, arial; 
  font-size: 8pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: bold; 
  font-variant: normal; 
  color: #CCCC66; 
  text-decoration: bold;
}
A.POS4:link { 
  font-family: tahoma, verdana, arial; 
  font-size: 8pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: bold; 
  font-variant: normal; 
  color: #CCCC66; 
  text-decoration: bold;
}
A.POS4:hover { 
  font-family: tahoma, verdana, arial; 
  font-size: 8pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: bold; 
  font-variant: normal; 
  color: white; 
  text-decoration: bold;
}
A.POS5:visited {
  font-family: tahoma, verdana, arial; 
  font-size: 8pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: bold; 
  font-variant: normal; 
  color: #CCCC66; 
  text-decoration: bold;
}
A.POS5:link { 
  font-family: tahoma, verdana, arial; 
  font-size: 8pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: bold; 
  font-variant: normal; 
  color: #CCCC66; 
  text-decoration: bold;
}
A.POS5:hover { 
  font-family: tahoma, verdana, arial; 
  font-size: 8pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: bold; 
  font-variant: normal; 
  color: white; 
  text-decoration: bold;
}
A.POS6:visited {
  font-family: tahoma, verdana, arial; 
  font-size: 8pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: bold; 
  font-variant: normal; 
  color: #CCCC66; 
  text-decoration: bold;
}
A.POS6:link { 
  font-family: tahoma, verdana, arial; 
  font-size: 8pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: bold; 
  font-variant: normal; 
  color: #CCCC66; 
  text-decoration: bold;
}
A.POS6:hover { 
  font-family: tahoma, verdana, arial; 
  font-size: 8pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: bold; 
  font-variant: normal; 
  color: white; 
  text-decoration: bold;
}
A.POS7:visited {
  font-family: tahoma, verdana, arial; 
  font-size: 8pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: bold; 
  font-variant: normal; 
  color: #CCCC66; 
  text-decoration: bold;
}
A.POS7:link { 
  font-family: tahoma, verdana, arial; 
  font-size: 8pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: bold; 
  font-variant: normal; 
  color: #CCCC66; 
  text-decoration: bold;
}
A.POS7:hover { 
  font-family: tahoma, verdana, arial; 
  font-size: 8pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: bold; 
  font-variant: normal; 
  color: white; 
  text-decoration: bold;
}
A.POS8:visited {
  font-family: tahoma, verdana, arial; 
  font-size: 8pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: bold; 
  font-variant: normal; 
  color: #CCCC66; 
  text-decoration: bold;
}
A.POS8:link { 
  font-family: tahoma, verdana, arial; 
  font-size: 8pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: bold; 
  font-variant: normal; 
  color: #CCCC66; 
  text-decoration: bold;
}
A.POS8:hover { 
  font-family: tahoma, verdana, arial; 
  font-size: 8pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: bold; 
  font-variant: normal; 
  color: white; 
  text-decoration: bold;
}
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: 8pt; 
  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 : 12px; 
  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: 8pt; 
  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; 
}