/* 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: white; 						/* 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: white; 
  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: 10pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: normal; 
  font-variant: normal; 
  text-decoration: none;
  color: navy;
}
A.VERSION:link { 
  font-family: tahoma, verdana, arial; 
  font-size: 10pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: normal; 
  font-variant: normal; 
  text-decoration: none;
  color: navy;
}
A.VERSION:hover { 
  font-family: tahoma, verdana, arial; 
  font-size: 10pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: normal; 
  font-variant: normal; 
  text-decoration: none;
  color: navy;
}

/* These are for the match statistics links */
A.PRED:visited {
  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;
}
A.PRED:link { 
  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;
}
A.PRED: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;
}

/* 
 * 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:1; 
  padding:1; 
  text-align: center;
  background: url(https://predictions.caleythistleonline.com/images/bglogo.png);
}

/* This entry is for */
font.LANG {
  font-size: 10pt; 
  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; 
  text-decoration: none;
}
font.UADDOWN {
  font-size: 10pt; 
  color: white; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none;
}
font.TBLROW {
  font-size: 10pt; 
  color: white; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none;
}
font.TBLROW2 {
  font-size: 10pt; 
  color: navy; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none;
}
font.VERSION {
  font-size: 10pt; 
  color: blue; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none;
}
font.POS1 {
  font-size: 10pt; 
  color: NAVY; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none; 
  background-color: GOLD;
}
font.POS2 {
  font-size: 10pt; 
  color: NAVY; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none; 
  background-color: #aaffaa;
}
font.POS3 {
  font-size: 10pt; 
  color: NAVY; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none; 
  background-color: #eeffaa;
}
font.PRDROW {
  font-size: 10pt;
  color: NAVY; 
  font-family: tahoma, verdana, arial; 
  font-weight: normal; 
  text-decoration: none; 
  background-color: #0f3f9e;
}
font.LOGINHD {
  font-size: 10pt; 
  color: white; 
  font-family: tahoma, verdana, arial; 
  font-weight: bold; 
  text-decoration: none; 
  background-color: red;
}
font.LOGINRW {
  font-size: 10pt; 
  color: white; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none; 
  background-color: #0f3f9e;
}

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

font.HELPROW {
  font-size: 10pt; 
  color: white; 
  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: 10pt; 
  color: white; 
  font-family: tahoma, verdana, arial; 
  /*text-decoration: BOLD;*/
}

table.LEFT {
  width: 170px; 
  background-color: #ffffff;
  padding: 0px;
}
table.CENTER {
  border: groove black 0px;
  background-color: #ffffff;
  padding: 0px;
  width: 590px;
}
table.RIGHT {
  border: groove black 0px;
  width: 170px; 
  background-color: #ffffff;
}
table.MAINTB {
  border: groove black 0px;
  background-color: transparent;
  padding: 0px;
  width: 940px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
table.HELPTB {
  background-color: transparent;
  width: 590px; 
  border: inset red 0px;
  padding: 0px;
}
table.MSGTB {
  background-color: transparent;
  width: 590px; 
  border: inset red 0px;
  padding: 0px;
}
iframe.STANDTB {
  background-color: red;
  width: 590px; 
  height: 400px; 
  border: inset red 0px;
  padding: 0px;
}
table.STANDTB {
  background-color: transparent;
  width: 590px; 
  border: inset red 0px;
  padding: 0px;
}
table.PREDTB {
  background-color: transparent;
  width: 170; 
  border: inset red 0px;
  padding: 0px;
}
table.MENUTB {
  background-color: transparent;
  width: 170px; 
  border: inset red 0px;
  padding: 0px;
}
table.LANG {
  background-color: transparent;
  width: 170px; 
  
  border: groove red 0px;
  padding: 0px;
}
table.LOGINTB {
  background-color: transparent;
  width: 170px; 
  
  border: groove red 0px;
  padding: 0px;
}
td.LANG {
  background-color: red;
  text-align: center;
}
td.TBLHEAD {
  background-color: red;
}
td.POS1 {
  background-color: GOLD;
}
td.POS2 {
  background-color: #aaffaa;
}
td.POS3 {
  background-color: #eeffaa;
}
td.UADUP {
  background-color: #44CC44;
}
td.UADDOWN {
  background-color: #BB8888;
}
td.TBLROW {
  background-color: #0f3f9e;
}
td.LOGINHD {
  background-color: red;
}
td.LOGINRW {
  background-color: #0f3f9e;
}

td.LEFTCOL {
  width: 170px; 
  background-color: transparent;
  vertical-align: top;
}
td.CENTERCOL {
  width: 590px; 
  vertical-align: top; 
  text-align: left;
}
td.RIGHTCOL {
  width: 170px; 
  vertical-align: top;
}
td.TBLPOS {
  background-color: NAVY;
  width: 40px; 
  text-align: center;
}
td.TBLUSER {background-color: NAVY; width: 170px; text-align: center;}
td.TBLPLAYED {background-color: NAVY; width: 40px; text-align: center;}
td.TBLWON {background-color: NAVY; width: 40px; text-align: center;}
td.TBLDRAWN {background-color: NAVY; width: 40px; text-align: center;}
td.TBLLOST {background-color: NAVY; width: 40px; text-align: center;}
td.TBLFOR {background-color: NAVY; width: 40px; text-align: center;}
td.TBLAGAINST {background-color: NAVY; width: 40px; text-align: center;}
td.TBLGD {background-color: NAVY; width: 40px; text-align: center;}
td.TBLPTS {background-color: NAVY; width: 40px; text-align: center;}

font.ERROR {
  font-size: 10pt; 
  color: WHITE; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none;
}
td.ERROR {
  background-color: #ee4444;
}
font.WARNING {
  font-size: 10pt; 
  color: WHITE; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none;
}
td.WARNING {
  background-color: #ffff66;
}
font.INFO {
  font-size: 10pt; 
  color: WHITE; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none;
}
td.INFO {
  background-color: #66cc66;
}
font.SHOUTROW {
  font-size: 10pt; 
  color: NAVY; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none;
}
td.SHOUTROW {
  background-color: #0f3f9e;
}
div.SHOUTROW {
  background : #0f3f9e; 
  color : NAVY;
  padding : 1px; 
  width : 130px; 
  height : 200px; 
  overflow : auto;
}
img.SHOUTROW {
  height : 12px; 
}
table.MESSAGES {
  border: groove red 1px;
  background-color: transparent;
  
  padding: 0px;
  width: 800px;
}
font.SHOUTHEAD {
  font-size: 10pt; 
  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: 10pt; 
  color: NAVY; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none;
}

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

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

font.LEADER { 
  font-size: 10pt; 
  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: 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 {
  font-family: tahoma, verdana, arial; 
  font-size: 10pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: normal; 
  font-variant: normal; 
  color: red; 
  text-decoration: none;
}
A.POS1:link { 
  font-family: tahoma, verdana, arial; 
  font-size: 10pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: normal; 
  font-variant: normal; 
  color: red; 
  text-decoration: none;
}
A.POS1: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;
}
A.POS2:visited {
  font-family: tahoma, verdana, arial; 
  font-size: 10pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: normal; 
  font-variant: normal; 
  color: red; 
  text-decoration: none;
}
A.POS2:link { 
  font-family: tahoma, verdana, arial; 
  font-size: 10pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: normal; 
  font-variant: normal; 
  color: red; 
  text-decoration: none;
}
A.POS2: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;
}
A.POS3:visited {
  font-family: tahoma, verdana, arial; 
  font-size: 10pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: normal; 
  font-variant: normal; 
  color: red; 
  text-decoration: none;
}
A.POS3:link { 
  font-family: tahoma, verdana, arial; 
  font-size: 10pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: normal; 
  font-variant: normal; 
  color: red; 
  text-decoration: none;
}
A.POS3: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;
}

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; 
}