/* 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: 10pt;                      /* 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:  #ff9900; 													/* 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: 10pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: normal; 
  font-variant: normal; 
  color: #ff9900; 
  text-decoration: none;
}
A:hover { 
  font-family: tahoma, verdana, arial; 
  font-size: 10pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: normal; 
  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: 8pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: normal; 
  font-variant: normal; 
  color: #ff9900;  
  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: #ff9900;  
  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: 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: normal; 
  font-variant: normal; 
  color: #ff9900; 
  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: #ff9900; 
  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: 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: #770000;
  margin:0; 
  padding:0; 
  text-align: center;
	background-image: none;
	background-repeat: no-repeat;
}

/* 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: 10pt; 
  color: white; 
  font-family: tahoma, verdana, arial; 
  font-weight: bold; 
  text-decoration: none;
}
font.UADUP {
  font-size: 10pt; 
  color: white; 
  font-family: tahoma, verdana, arial; 
  font-weight: bold;
  text-decoration: none;
}
font.UADDOWN {
  font-size: 10pt; 
  color: #ff0000;
  font-family: tahoma, verdana, arial; 
  font-weight: bold;
  text-decoration: none;
}
font.TBLROW {
  font-size: 10pt; 
  color: #ff9900;  
  font-family: tahoma, verdana, arial; 
  text-decoration: none;
}
font.VERSION {
  font-size: 8pt; 
  color: #ff9900; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none;
}
font.POS1 {
  font-size: 10pt; 
  color: #550000; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none; 
  background-color: transparent;
}
font.POS2 {
  font-size: 10pt; 
  color: #550000;
  font-family: tahoma, verdana, arial; 
  text-decoration: none; 
  background-color: transparent;
}
font.POS3 {
  font-size: 10pt; 
  color: #550000;
  font-family: tahoma, verdana, arial; 
  text-decoration: none; 
  background-color: transparent;
}
font.PRDROW {
  font-size: 10pt;
  color: #44ffff; 
  font-family: tahoma, verdana, arial; 
  font-weight: normal; 
  text-decoration: none; 
  background-color: #660000;
}
font.LOGINHD {
  font-size: 8pt; 
  color: white; 
  font-family: tahoma, verdana, arial; 
  font-weight: bold; 
  text-decoration: none; 
  background-color: #ff9900;
}
font.LOGINRW {
  font-size: 8pt; 
  font-weight: bold;
  color: #ffbb00; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none; 
  background-color: transparent;
}

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

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

table.LEFT {
  border-collapse: collapse;
  width: 160px; 
  background-color: #ffffff;
  border-spacing: 1px;
  padding: 0px;
}
table.CENTER {
  border: solid #ff9900 1px;
  background-color: #660000;
  border-spacing: 1px;
  padding: 1px;
  width: 100%;
}
table.RIGHT {
  border-collapse: collapse;
  border: solid #ff9900 1px;
  width: 160px;
  padding: 2px;
  background-color: #ffffff;
}
table.MAINTB {
  border-collapse: collapse;
  border: solid #000000 1px;
  background-color: #590000;
  border-spacing: 1px;
  padding: 0px;
  width: 793px;
}
table.HELPTB {
  border-collapse: collapse;
  background-color: transparent;
  width: 100%; 
  border-spacing: 0px;
  border: inset #ff9900 0px;
  padding: 0px;
}
table.MSGTB {
  background-color: transparent;
  width: 100%; 
  border-spacing: 0px;
  border: inset #ff9900 0px;
  padding: 0px;
}
iframe.STANDTB {
  background-color: red;
  width: 460px; 
  height: 400px; 
  border-spacing: 0px;
  border: inset red 0px;
  padding: 0px;
}
table.STANDTB {
  background-color: #650000;
  width: 100%; 
  border-spacing: 0px;
  border: inset #ff9900 0px;
  padding: 0px;
}
table.PREDTB {
  background-color: transparent;
  width: 160px; 
  border-spacing: 0px;
  border: inset #ff9900 0px;
  padding: 0px;
}
table.MENUTB {
  background-color: transparent;
  width: 100%; 
  border-spacing: 2px;
  border: solid #ff9900 1px;
  padding: 1px;
}
table.LANG {
  background-color: transparent;
  width: 160px; 
  border-spacing: 0px;
  border: solid #ff9900 1px;
  padding: 0px;
}
table.LOGINTB {
  border-collapse: collapse;
  background-color: transparent;
  width: 160px; 
  border-spacing: 0px;
  border: solid #ff9900 1px;
  padding: 0px;
}
td.LANG {
  background-color: #ff9900;
  text-align: center;
}
td.TBLHEAD {
  background-color: #990000
}
td.POS1 {
  background-color: #cc8800;
}
td.POS2 {
  background-color: #996600;
}
td.POS3 {
  background-color: #774400;
}
td.UADUP {
 background-color: #aa6600;
}
td.UADDOWN {
  background-color: #000000;
}
td.TBLROW {
  background-color: #3e1212;
  padding: 2px;
}
td.LOGINHD {background-color: #ff9900}
td.LOGINRW {background-color: #660000}

td.LEFTCOL {
  background-color: transparent;
  vertical-align: top;
}
td.CENTERCOL {
  width: 478px; 
  vertical-align: top; 
  text-align: left;
}
td.RIGHTCOL {
  width: 160px; 
  vertical-align: top;
}
td.TBLPOS {background-color: #490000; width: 20px; text-align: center}
td.TBLUSER {background-color: #390000; width: 130px; text-align: center}
td.TBLPLAYED {background-color: #440000; width: 40px; text-align: center}
td.TBLWON {background-color: #440000; width: 40px; text-align: center}
td.TBLDRAWN {background-color: #440000; width: 40px; text-align: center}
td.TBLLOST {background-color: #440000; width: 40px; text-align: center}
td.TBLFOR {background-color: #490000; width: 40px; text-align: center}
td.TBLAGAINST {background-color: #390000; width: 40px; text-align: center}
td.TBLGD {background-color: #440000; width: 60px; text-align: center}
td.TBLPTS {background-color: #601000; 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: #ffffff; 
  font-family: tahoma; 
  text-decoration: none
}

td.SHOUTROW {
  border: 0px solid #ff9900;
  background-color: #440000;
}
div.SHOUTROW {
  background : #995500; 
  color : #ffffff;
  padding : 2px; 
  width : 152px; 
  height : 200px; 
  overflow : auto;
}
img.SHOUTROW {
  height : 12px;
}
table.MESSAGES {
  border: groove #ff9900 1px;
  background-color: transparent;
  border-spacing: 0px;
  padding: 0px;
  width: 800px;
}
font.SHOUTHEAD {
  font-size: 8pt; 
  color: #ff9900; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none;
  font-weight: bold; 
}
font.SHOUTDATE {
  font-size: 6pt; 
  color: #ff9900; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none;
}
font.SHOUTMSG {
  font-size: 8pt; 
  color: #ff9900; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none
}

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

td.TEAM {
  background-color: transparent;
}
font.TEAM {
  font-size: 8pt; 
  color: #ffaa00; 
  font-family: tahoma,verdana, arial; 
  font-weight: bold;
  text-decoration: none;
}
td.FLAG {
  background-color: #3e1212;
  text-align: CENTER;
}
font.FLAG {
  font-size: 16pt; 
  color: #ffff00; 
  font-family: verdana, arial; 
  text-decoration: none;
}

font.LEADER { 
  font-size: 10pt; 
  color: #ff9900; 
  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: 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:link { 
  font-family: tahoma, verdana, arial; 
  font-size: 8pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: bold; 
  font-variant: normal; 
  color: #ffffff; 
  text-decoration: none 
}
A.POS1:hover { 
  text-decoration: underline;
}
A.POS2:link { 
  font-family: tahoma, verdana, arial; 
  font-size: 8pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: bold; 
  font-variant: normal; 
  color: #d0d0d0; 
  text-decoration: none 
}
A.POS2:hover { 
  text-decoration: underline; 
}
A.POS3:link { 
  font-family: tahoma, verdana, arial; 
  font-size: 8pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: bold; 
  font-variant: normal; 
  color: #c2c2c2; 
  text-decoration: none 
}
A.POS3:hover { 
  text-decoration: underline 
}

div.MAIN {
  text-align: center;
}

font.MESSAGE {
  font-size: 10pt; 
  color: #660000; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none; 
  background-color: #ffff00;
}

/* Version 2.19 */
img.TABICON {
  height : 16px; 
  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; 
}