/*

  Betfair Computer Timeform Brochure CSS
  ======================================
  
  Assumes use of Yahoo UI library reset/fonts/grids css libraries:
  
    * http://developer.yahoo.com/yui/reset/
    * http://developer.yahoo.com/yui/fonts/
    * http://developer.yahoo.com/yui/grids/
  
  Betfair palette
  ---------------
  
  backgrounds:
  
  Light blue background: #D9E8EA;
  Mid blue background:   #B1C8D9;
  Dark blue background:  #84A5BF;
  Left menu background:  #E7E7E7;
  Rules light blue bg:   #F0F6F7;
  Rules light yellow bg: #FEF7DA;
  Rules light grey bg:   #F5F5F5;
  
  lines:
  
  light grey: #CCCCCC;
  dark grey:  #666666;
  blue:       #A7C5DC;
  
*/

body {
  background: #ECECEC;
  font-family: Tahoma;
  color: #333333;
}

#custom_doc { 
  margin:auto; text-align:left; /* leave unchanged */
  width:825px; /* optional but recommended */
}

/* --- Tabs --- */

ul.tabs {
  height: 25px;
  font-size: 11px;
  background: url("/images/content/tabs/dark_grey_bottom_border.png") bottom left repeat-x;
}

ul.tabs li {
  float: left;
  margin-right: -1px;
  white-space: nowrap;
  text-align: center;
  background: url("/images/content/tabs/tab_right.png") no-repeat top right;
}

ul.tabs li.selected { background: url("/images/content/tabs/tab_right_selected.png") no-repeat top right; }

ul.tabs li a {
  float: left;
  display: block;
  height: 19px;
  width: 10em;
  min-width: 10em;
  padding: 6px 6px 0 6px;
  color: #FFFFFF;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  background: url("/images/content/tabs/tab_left.png") no-repeat top left;
}

ul.tabs li.selected a {
  background: url("/images/content/tabs/tab_left_selected.png") no-repeat top left;
  color: #333333;
}

/* --- Tab pane --- */

div#tab_pane {
  padding-right: 2px;
  border-left: 1px solid #858585;
  background: #FFFFFF url("/images/content/corners/shadow_right.png") top right repeat-y;
}

div#corners_top {
  clear: left;
  height: 4px;
  font-size: 1px;
  border-left: 1px solid #858585;
  background: #FFFFFF;
}

div#corners_top div {
  float: right;
  position: relative;
  top: -1px;
  height: 5px;
  width: 6px;
  background: url("/images/content/corners/top_right.png") top right no-repeat;
}

div#corners_bottom {
  height: 6px;
  font-size: 1px;
  background: #FFFFFF url("/images/content/corners/shadow_bottom.png") bottom left repeat-x;
}

div#corners_bottom div.left {
  float: left;
  height: 6px;
  width: 6px;
  background: url("/images/content/corners/bottom_left.png") bottom left no-repeat;
}

div#corners_bottom div.right {
  float: right;
  height: 6px;
  width: 6px;
  background: url("/images/content/corners/bottom_right.png") bottom right no-repeat;
}

div#content {
  padding: 1em;
  font-size: 0.95em;
}

/* --- General --- */

a, a:visited { color: #0163B0; }

p { margin: 0.5em 0 0.5em 0; }

h1 {
  background: #D8E2E9;
  padding: 0.5em;
  font-weight: bold;
  margin-bottom: 1.5em;
}

/* --- Header --- */

div#hd { padding: 1em 1em 1em 0; }

/* --- Footer --- */

div#ft { font-size: 0.8em; }