/* common.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: #000000; 													/* Text colour, e.g. #cb3d14, blue, #339933 gammal grön #339933 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: #000000; 
  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: orange; 
  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: #000000; 
  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: #000000; 
  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: orange; 
  text-decoration: none;
}

/* The following three entries are for Veckans vinnare Right Meny */
A.VINNARE:visited {
  font-family: tahoma, verdana, arial; 
  font-size: 10pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: bold; 
  font-variant: normal; 
  color: #ffffff; 
  text-decoration: none;
}
A.VINNARE:link { 
  font-family: tahoma, verdana, arial; 
  font-size: 10pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: bold; 
  font-variant: normal; 
  color: #ffffff; 
  text-decoration: none;
}
A.VINNARE:hover { 
  font-family: tahoma, verdana, arial; 
  font-size: 10pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: bold; 
  font-variant: normal; 
  color: orange; 
  text-decoration: none;
}


/* 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: orange; 
  text-decoration: none;
}


/* 
 * This is the style of body of the page. The body tag is the top most tag of the document.
 * Using this entry you can add a background image, background colours and set overall alingment. 
 */
body.MAIN {
  background-color: #e1e1e1;
  margin:1; 
  padding:1; 
  text-align: center;
	background-image: url('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; 
  text-decoration: none;
}
font.UADDOWN {
  font-size: 10pt; 
  color: white; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none;
}
font.TBLROW {
  font-size: 10pt; 
  color: #cc0000; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none;
}
font.TABELL {
  font-size: 10pt; 
  color: #000000; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none;
}
font.NEDFLYTT {
  font-size: 10pt; 
/**  color: #cc0000; */
  color: #000000; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none;
}
font.KVAL {
  font-size: 10pt; 
  color: #000000; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none;
}
font.VERSION {
  font-size: 8pt; 
  color: #00000; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none;
}
font.POS1 {
  font-size: 10pt; 
  color: #00000; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none; 
  background-color: GOLD;
}
font.POS2 {
  font-size: 10pt; 
  color: #00000; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none; 
  background-color: silver;
}
font.POS3 {
  font-size: 10pt; 
  color: #00000; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none; 
  background-color: #D4A200;
}
font.POS4 {
  font-size: 10pt; 
  color: #00000; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none; 
  background-color: #7CFC00;
}
font.POS5 {
  font-size: 10pt; 
  color: #00000; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none; 
  background-color: BLUE;
}
font.POS6 {
  font-size: 10pt; 
  color: #00000; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none; 
  background-color: #ff66ff;
}
font.PRDROW {
  font-size: 10pt;
  color: #00000; 
  font-family: tahoma, verdana, arial; 
  font-weight: normal; 
  text-decoration: none; 
  background-color: #fffffd;
}
font.LOGINHD {
  font-size: 8pt; 
  color: white; 
  font-family: tahoma, verdana, arial; 
  font-weight: bold; 
  text-decoration: none; 
  background-color: #00000;
}
font.HOFAME {
  font-size: 12pt; 
  color: white; 
  font-family: tahoma, verdana, arial; 
  font-weight: bold; 
  text-decoration: none; 
  background-color: #00000;
}
font.LOGINRW {
  font-size: 8pt; 
  color: #00000; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none; 
  background-color: #fffffd;
}

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

font.HELPROW {
  font-size: 10pt; 
  color: #00000; 
  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: #cb3d14; 
  font-family: tahoma, verdana, arial; 
  text-decoration: BOLD;
}
    
table.LEFT {
  width: 150px; 
  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: 150px; 
  background-color: #ffffff;
}
table.MAINTB {
  border: groove black 0px;
  background-color: transparent;
  cell-spacing: 0px;
  padding: 0px;
  width: 800px;
}
table.HELPTB {
  background-color: transparent;
  width: 520px; 
  cell-spacing: 0px;
  border: inset #cb3d14 0px;
  padding: 0px;
}
table.MSGTB {
  background-color: transparent;
  width: 520px; 
  cell-spacing: 0px;
  border: inset #cb3d14 0px;
  padding: 0px;
}
iframe.STANDTB {
  background-color: #cb3d14;
  width: 520px; 
  height: 400px; 
  cell-spacing: 0px;
  border: inset #cb3d14 0px;
  padding: 0px;
}
table.STANDTB {
  background-color: transparent;
  width: 520px; 
  cell-spacing: 0px;
  border: inset #cb3d14 0px;
  padding: 0px;
}
table.PREDTB {
  background-color: transparent;
  width: 150; 
  cell-spacing: 0px;
  border: inset #cb3d14 0px;
  padding: 0px;
}
table.MENUTB {
  background-color: transparent;
  width: 162px; 
  cell-spacing: 0px;
  border: inset #cb3d14 0px;
  padding: 0px;
}
table.LANG {
  background-color: transparent;
  width: 150px; 
  cell-spacing: 0px;
  border: groove #cb3d14 0px;
  padding: 0px;
}
table.LOGINTB {
  background-color: transparent;
  width: 162px; 
  cell-spacing: 0px;
  border: groove #cb3d14 0px;
  padding: 0px;
}
table.SHOUT {

  background-color: transparent;

width: 150px;
  cell-spacing: 0px;
  padding: 0px;
}
td {
border-collapse:separate;
    border:solid white 0px;
    border-radius:3px;
    -moz-border-radius:3px;
    }
    
td.LANG {
  background-color: #339933;
  text-align: center;
}
td.TBLHEAD {
  background-color: #339933;
}
td.POS1 {
  background-color: GOLD;
}
td.POS2 {
  background-color: silver;
}
td.POS3 {
  background-color: #D4A200;
}
td.POS4 {
  background-color: #7CFC00;
}
td.POS5 {
  background-color: BLUE;
}
td.POS6 {
  background-color: #ff66ff;
}
td.UADUP {
  background-color: #44CC44;
}
td.UADDOWN {
  background-color: #BB8888;
}
td.TBLROW {
  background-color: #fffffd;
}
/* Det här för Marquee-scrollen*/
td.INLINE {
	display: inline; 
  	background-color: #fffffd;
}

td.LOGINHD {
  background-color: #339933;
}
td.LOGINRW {
  background-color: #fffffd;
}

td.LEFTCOL {
  width: 162px; 
  background-color: transparent;
  vertical-align: top;
}
td.CENTERCOL {
  width: 520px; 
  vertical-align: top; 
  text-align: left;
}
td.RIGHTCOL {
  width: 152px; 
  vertical-align: top;
}
td.TBLPOS {
  background-color: #339933;
  width: 40px; 
  text-align: center;
}
td.TBLUSER {background-color: #339933; width: 180px; text-align: center;}
td.TBLPLAYED {background-color: #339933; width: 40px; text-align: center;}
td.TBLWON {background-color: #339933; width: 40px; text-align: center;}
td.TBLDRAWN {background-color: #339933; width: 40px; text-align: center;}
td.TBLLOST {background-color: #339933; width: 40px; text-align: center;}
td.TBLFOR {background-color: #339933; width: 40px; text-align: center;}
td.TBLAGAINST {background-color: #339933; width: 40px; text-align: center;}
td.TBLGD {background-color: #339933; width: 40px; text-align: center;}
td.TBLPTS {background-color: #339933; width: 40px; text-align: center;}
td.TBLPTS {background-color: #339933; width: 40px; text-align: center;}
td.TDCRAWL{background-color: #FFFFFF; width: 140px; 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: #00000; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none;
}
td.SHOUTROW {
border-collapse:separate;
    border:solid white 0px;
    border-radius:3px;
    -moz-border-radius:3px;	
  background-color: #fffffd;
}
div.SHOUTROW {
  background : #fffffd; 
  color : #00000;
  padding : 1px; 
  width : 140px; 
  height : 400px; 
  overflow : auto;
}
img.SHOUTROW {
  height : 12px; 
}
table.MESSAGES {
  border: groove #cb3d14 1px;
  background-color: transparent;
  cell-spacing: 0px;
  padding: 0px;
  width: 800px;
}
font.SHOUTHEAD {
  font-size: 8pt; 
  color: #7d7d7d; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none;
  font-weight: bold; 
}
font.SHOUTDATE {
  font-size: 6pt; 
  color: #7d7d7d; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none;
}
font.SHOUTMSG {
  font-size: 8pt; 
  color: #7d7d7d; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none;
}

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

td.TEAM {
/*Edit*/
	display: inline; 
  background-color: #fffffd;
}
font.TEAM {
  font-size: 10pt; 
  color: #000000; 
  font-family: tahoma, verdana, arial;
  font-weight: normal; 
  text-decoration: none;
}
td.FLAG {
  background-color: #fffffd;
  text-align: CENTER;
}
font.FLAG {
  font-size: 10pt; 
  color: #00000; 
  font-family: tahoma, verdana, arial; 
  text-decoration: none;
}

font.LEADER { 
  font-size: 10pt; 
  color: #00000; 
  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; 
   */
}
td.KVAL { 
  background-color: #D0D0D0 ;
/*   border: 0px solid; 
   border-color: #aaa; 
   color: #000000; 
   font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
   text-decoration: none; 
   */
}

td.TABELL { 
  background-color: #FFFFFF ;
/*   border: 0px solid; 
   border-color: #aaa; 
   color: #000000; 
   font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
   text-decoration: none; 
   */
}

td.NEDFLYTT { 
  background-color: #A0A0A0 ;
/*   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: #000000; 
  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: #000000; 
  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: orange; 
  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: #000000; 
  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: #000000; 
  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: orange; 
  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: #000000; 
  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: #000000; 
  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: orange; 
  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: #000000; 
  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: orange; 
  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: #000000; 
  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: #000000; 
  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: orange; 
  text-decoration: none;
}
A.POS4:visited {
  font-family: tahoma, verdana, arial; 
  font-size: 8pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: normal; 
  font-variant: normal; 
  color: #000000; 
  text-decoration: none;
}
A.POS5:link { 
  font-family: tahoma, verdana, arial; 
  font-size: 8pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: normal; 
  font-variant: normal; 
  color: #000000; 
  text-decoration: none;
}
A.POS6:hover { 
  font-family: tahoma, verdana, arial; 
  font-size: 8pt; 
  font-style: normal; 
  line-height: normal; 
  font-weight: normal; 
  font-variant: normal; 
  color: orange; 
  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: #339933;
}

/* 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; 
  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: #339933;
}

/* 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: #cc0000; 
border-top-width: 1px; background: White; 
border: 1px solid #000000; 
text-indent : 1px; 
} 

/** EDITS **/

#MENU li a{
    text-decoration: none;
    color: #FFFFFF;
    display: block;
}
 
#MENU li a:hover {
    text-decoration: none;
    color: #000000;
    background-color: #33B5E5;
}

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}