/* 
  F1RacingManager.net Style sheet
  
  Version:  F1Racing.net colors
  Author:   Joost van der Maarel <joost@f1racing.net>
  Date:     19 dec 05

  At every style aspect, you will find a description where to find this style on the website
  and what other styles are relevant here.
  
  If you do not now what to do with certain style aspects, you can always leave it unchanged to be sure
  items will be displayed properly.
  
  We recommend to use Mozilla Firefox and Chris Pederick's Web Developer Extension when adjusting the 
  style sheet to your own needs as you will immediately see the results of the changes you made. 
  
  You can find firefox at:
  http://www.mozilla.com/firefox/
  
  You can find the web developer toolkit at:
  http://chrispederick.com/work/webdeveloper/
  
  We wish you good luck while adjusting your style sheet.
  
  The F1RacingManager.net team
  
*/


/* Body style. Use this to change to margins of the page and the background color */
BODY {
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  background-color: #EAEEF4;
}

/* The TH elements are the headers like Menu, Login, The Game, etc. 
   You can change the background color, height and text alignment here. 
   TH always comes together with a H2 element to format the font used. 
   The H2 element can be find below */

TH {
  background-color: #253F8F;
  height: 23px;
  text-align: left;
}


/* The H2 element is used for the text in the TH items and can also be used in the header and footer.
   The element below is the default H2, as can be used in the header.
   You can specify the H2 element for use in TH elements even further, below */
H2 {
  font-family: Arial, Helvetica, sans-serif;
  color: #253F8F;
  font-size: 11px;
  text-transform: uppercase;
  margin-left: 10px;
  margin-top: 0px;
  margin-bottom: 0px;

} 

/* This definition extends the H2 definition above. You can specify the H2 for use within the TH elements
   as much as you want below */
TH H2 {
  color: #FF7F00;
}

/* Global definition for virtually all textual aspects on the site. 
   Text always comes together with the TD P defintion found below. */
TD {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
} 

/* Here you can change the margins for virtually all 
   texts in the system (not the menu). */
TD P {
  margin-left: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 10px;
}

/* TD.header1 and TD.header2 are the definitions of the 
   headers (below the H2 items) and also the footers that 
   are used in all blocks on the website. There are 2 style 
   classes, as the header and footer are in a two-tone layout.
   
   You are of course free to give both items the same 
   color if it fits your lay-out better.
   
   The text in the headers and footers are of a H3 format 
   (mentioned below) when it actually is a column header. 
   Otherwise, it is a regular TD P as mentioned above. */
TD.header1 {
  background-color: #96ACCD;
  vertical-align: middle;
}

TD.header2 {
  background-color: #B9C6DB;
  vertical-align: middle;
}

/* This is the font format for table column headers in the 
   header1 and header2 items. You find them on many pages where 
   there are tables shown, like the Transfermarkt page. */
H3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #253f8f;
  margin-left: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 10px;
}


/* TD.content1 and TD.content2 contain the (2-tone) background 
  colors for all 'standard' items on the website */

TD.content1 {
  background-color: #BCCADE;
}

TD.content2 {
  background-color: #D9E0EC;
}


/* TD.highlight1 and TD.highlight2 are used when highlighting content 
   TD's (highlight1 replaces content1, highlight2 replaces content2).
   
   They are used on the teaminfo page when a participant has more than 
   one team and also when highlighting search results on the standings
   page. For the best results, the colors should be very different from the
   content1 and content2 items. Of course also here, you are free to
   use the same color for both items if it fits your lay-out better. */
TD.highlight1 {
  background-color: #F07800;
  color: white;
  font-weight: bold;
}

TD.highlight2 {
  background-color: #FF7F00;
  color: white;
  font-weight: bold;
}

/* TD.menu1 and TD.menu2 are the colors for the menu items. 
   You can change the color and the height of the items, but you
   can not change the width as it will conflict with other lay-out 
   settings. 
   
   The font colors can be found at the A.menu classes */
TD.menu1 {
  background-color: #96ACCD;
  height: 23px;
  width: 196px; /* DO NOT CHANGE! */
}

TD.menu2 {
  background-color: #D9E0EC;
  height: 23px;
  width: 196px; /* DO NOT CHANGE! */
}

/* Default link classes for all links in the game
   You are free the change these. The links for the menu
   are described seperately below. */
A{
  font-weight: bold;
}

A:link {
  color: #253f8f;
}

A:visited {
  color: #253f8f;
}

A:hover {
  color: #0C0C75;
}

A:active {
  color: #0C0C75;
}

/* The links for use in the menu. */
A.menu {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  color: #253f8f;
  margin-left: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
}

A.menu:hover {
  color: #F07800;
}

/* Update 6 january 2006 JvdM! New class for links in the TD.hightlight sections. */
A.highlight {
	color: #253f8f;
	text-transform: none;
}

A.highlight:hover { 
  color: #0C0C75;
}

/* Strong items. These are used throughout the website.
   We recommend to use the font-weight bold. By giving it a different color,
   it gets even a better emphasis. */
STRONG {
  color: #253f8f;
  font-weight: bold;
}

/* The listed items. These are most likely the same as the TD P items */
UL, LI {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
}

/* The error messages. By default, the color is red to emphasize 
   it is an error. */
UL.error {
 padding:14px;
 list-style: square;
 margin:0px;
 color:red;
}


/* The definition of the tabs as used at the pages like Transfermarket
   and Change team composition. Activetab indicates the currently selected
   tab, tab the non-active tabs.
   
   Most likely, all border-colors will be equal. You are of course free in changing
   other parameters, but you should be careful with the "width" item: after enlarging it,
   make sure the tabs are not too wide and leave enough room for the pull down menu at
   the transfermarket, that will become pretty wide (~120px) during the season. */
.activetab {
  text-align: center;
  height: 23px;
  width: 80px;
  color: #FFFFFF;
  margin-left: 10px;
  background-color: #FF7F00;
  font-weight: bold;
  text-transform: uppercase;
  border-top-width: 1px;
  border-right-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-top-color: #AE5700;
  border-right-color: #AE5700;
  border-bottom-color: #AE5700;
  border-left-color: #AE5700;
  border-right-style: solid;
  border-left-style: solid;
}

.tab {
  text-align: center;
  height: 23px;
  width: 80px;
  color: #253F8F;
  margin-left: 10px;
  background-color: #D9E0EC;
  font-weight: bold;
  text-transform: uppercase;
  border-top-width: 1px;
  border-right-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-top-color: #253F8F;
  border-right-color: #253F8F;
  border-bottom-color: #253F8F;
  border-left-color: #253F8F;
  border-right-style: solid;
  border-left-style: none;
}

.tableft {
  text-align: center;
  height: 23px;
  width: 80px;
  color: #253F8F;
  margin-left: 10px;
  background-color: #D9E0EC;
  font-weight: bold;
  text-transform: uppercase;
  border-top-width: 1px;
  border-right-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-top-color: #253F8F;
  border-right-color: #253F8F;
  border-bottom-color: #253F8F;
  border-left-color: #253F8F;
  border-right-style: solid;
  border-left-style: solid;
}

/* Defintion for all buttons used in the game. */
.button1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-transform: none;
  color: #FFFFFF;
  font-weight: normal;
  background-color: #FF7F00;
  border: 1px solid #AA5500;
  margin: 2px;
}

/* This is used to indicate the border for the photos in
   the team page. You can also remove the border by setting the border
   to 0px. */
.foto {
  border: 1px solid #000000;
  margin-top: 5px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
}

/* Indicates the border for the country/language flags in the header for 
   the F1Racing game. If you also use this flags, you can adjust this. 
   If you are not promoting different languages, or choosing a different approach,
   just leave this part untouched. */
.flag {
  border: 1px solid #000000;
  margin-top: 4px;
  margin-right: 5px;
  margin-bottom: 4px;
  margin-left: 5px;
}