/* #################### Tab Nav ###################### */

.tabnavbox{
  width:629px;
  font-size:100%;
}

.tabnav{
  height:20px !important;
  height /**/:26px; /* for IE5/Win */
  margin: 0;
  padding:7px 0px 0px 10px;
  list-style:none;
  background: url(http://newsimg.bbc.co.uk/nol/shared/bsp/guides/img/tab_nav_line.gif) repeat-x bottom;
 }

.tabnavli{
   float: left;
   background: #eee;
   font-size: 11px;
   line-height: 16px;
   font-weight: bold;
   padding: 0px 5px 0px 5px;
   margin-right: 4px;
   border: 1px solid #999;
   text-decoration: none;
   color: #009;
   text-align:center;
   height:18px !important;
   height /**/:20px; /* for IE5/Win */
   width:100px;
 }
 
.tabnavli_active{
   float: left;
   background: #fff;
   font-size: 11px;
   line-height: 16px;
   font-weight: bold;
   padding: 0px 5px 0px 5px;
   margin-right: 4px;
   border: 1px solid #999;
   text-decoration: none;
   color: #ff00ff;
   text-align:center;
   height:18px !important;
   height /**/:20px; /* for IE5/Win */
   border-bottom: 1px solid #fff;
   width:100px;
 }

 .tabnavli_active a:link{
    text-decoration: none;
    color: #000;
 }

 .tabnavli_active a:visited{
    text-decoration: none;
    color: #000;
 }
 
 .tabnavli_active a:hover{
     text-decoration: none;
     color: #000;
 }

.tabnavli_active a:active{
   text-decoration: none;
   color: #000;
 }
 

 
/* #################### Axis Nav ###################### */

.axisnav{
  clear:left;
  display:none;
  position:relative;
  height:36px; 
  margin:0;
  padding:0;
  overflow:hidden;
  list-style:none;
}

.axisbtn{
  margin:0;
  padding:0;
  height:36px;
  display:inline;
  overflow:hidden;  
  list-style:none;
  position:absolute;
}

.axisbtn a{
  float:left;
  border-style:none; 	
  padding:36px 0 0 0;
  height:0px !important;
  height /**/:36px; /* IE5/Win only*/ 
  background:url("../img/button_center.gif") top left no-repeat;
}

.axisbtn a:hover{
  background-position:0px -36px;
}

.axisbtn_active{
   margin:0;
   padding:0;
   height:36px;
   display:inline;
   overflow:hidden;  
   list-style:none;
   position:absolute;
 }

.axisbtn_active a{
  float:left;
  border-style:none; 	
  padding:36px 0 0 0;
  height:0px !important;
  height /**/:36px; /* IE5/Win only*/ 
  background:url("../img/button_active.gif") top left no-repeat;
}

/* ##################### Axis Button - Left ###########*/

.axisbtn_left{
  margin:0;
  padding:0;
  height:36px;
  display:inline;
  overflow:hidden;  
  list-style:none;
  position:absolute;
}

.axisbtn_left a{
  float:left;
  border-style:none; 	
  padding:36px 0 0 0;
  height:0px !important;
  height /**/:36px; /* IE5/Win only*/ 
  background:url("../img/button_left.gif") top left no-repeat;
}

.axisbtn_left a:hover{
  background-position:0px -36px;
}

.axisbtn_left_active{
   margin:0;
   padding:0;
   height:36px;
   display:inline;
   overflow:hidden;  
   list-style:none;
   position:absolute;
 }

.axisbtn_left_active a{
  float:left;
  border-style:none; 	
  padding:36px 0 0 0;
  height:0px !important;
  height /**/:36px; /* IE5/Win only*/ 
  background:url("../img/button_active_left.gif") top left no-repeat;
}


/* ##################### Axis Button - Right ###########*/

.axisbtn_right{
  margin:0;
  padding:0;
  height:36px;
  display:inline;
  overflow:hidden;  
  list-style:none;
  position:absolute;
}

.axisbtn_right a{
  float:left;
  border-style:none; 	
  padding:36px 0 0 0;
  height:0px !important;
  height /**/:36px; /* IE5/Win only*/ 
  background:url("../img/button_right.gif") top left no-repeat;
}

.axisbtn_right a:hover{
  background-position:0px -36px;
}

.axisbtn_right_active{
   margin:0;
   padding:0;
   height:36px;
   display:inline;
   overflow:hidden;  
   list-style:none;
   position:absolute;
 }

.axisbtn_right_active a{
  float:left;
  border-style:none; 	
  padding:36px 0 0 0;
  height:0px !important;
  height /**/:36px; /* IE5/Win only*/ 
  background:url("../img/button_active_right.gif") top left no-repeat;
  }

/* #################### Event Box ###################### */

.eventBox{
  border:1px solid black;
  height:170px;
  width:629px;
  padding:0px 0px 0px 0px;
  margin:0 0 20px 0;
  vertical-align:top;
}

.eventBox img{
 display:inline;
 float:left;
 padding:0px 0px 0px 0px;
 margin:10px 10px 0px 10px;
}

.eventBox h4{
  display:block; 
  padding:0px 0px 0px 0px;
  margin: 10px 0px 0px 0px;
 }


.eventBox p{
 padding:0px 0px 0px 0px;
 margin:0px 10px 0px 0px;
 }

#introBox{
  display:none;

  border:1px solid black;
  height:40px;
  width:629px;
  padding:0px 0px 0px 0px;
  margin:0 0 0 0;
  text-align:center;
  }
 
 #introBox p{
  padding:0px;
  margin:0px 0px 0px 0px;
  display:inline;
  
 }
 
 #introBox img{
 padding:0px;
 margin:16px 0px 0px 0px;
 }

/* ############## Graph box ############# */



#graphBox{
 float:left;
 width:629px;
 vertical-align:baseline;
 padding:0;
 margin:0;
}

#graphBox p{
 height:50px;	
 width:629px;
 padding:0;
 margin:10px 0px 10px 0px;
}

#graphBox img{
 display:inline;
 vertical-align:bottom;
}

/* ############# nonjs ################ */

#nonjs{
	margin:30px 0 0 0;
	padding:0;	
}

#nonjs h3{
    font-weight: bold;
}