/* CSS Document */
/*--------------------------------------------------------
Basic Design Style Sheet for www.snookerimages.co.uk


version: 2.0
author: eric whitehead
email: snooker@snookerimages.co.uk
website: http://www.snookerimages.co.uk
build: june 2007

-----------------------------------------------------------*/
/************* #body styles ***************/



html, body{
	 font-family: Arial, Helvetica, sans-serif;
	background-color: #727FA1;
	font-size:0.9em;
	color: #333;
	line-height: 1.166;
	margin: 0;
	padding: 0;
	min-width:760px; /* to scroll when width of browser window to small fix */		
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	color: #666666;
}

h4 {
font-size:0.9em;
margin-top:10px;
margin-bottom:0;
font-weight:bold;
}

.label h3 {
background-image: url(../jpg/assets/posted_bg.jpg);
background-repeat:no-repeat;
display:block;
font-size: 150%;
color:#CC0033;
}
a{
	color: #333;
	text-decoration: none;
}

a:link{
	color: #333;
	text-decoration: none;
}

a:visited{
	color: #333;
	text-decoration: none;
}

a:hover{
	color: #6699FF;
	text-decoration: none; 
} 

/****** BOX HEADER STYLES **********/

.globalbox h2, .globalbox h3, .centerbox h1, .greybox h1, .centerbox h2, .eventbox h2, .today h2, .yellow h2{
background-color:#000;
font-family:Georgia, "Times New Roman", Times, serif;
color: #fff;
margin-bottom:5px;
padding: 0px 0px 0px 20px;
font-size:0.9em;
font-weight:bold;
text-transform:uppercase;
width: 150px;
}

.today h2{
font-size:0.8em;
background-color: #CC0000;
padding:0;
width:180px;
}

.globalbox h2 {
font-size:0.8em;
}

.globalbox h3, .today h3{
background-color:#fff;
font-size:0.7em;
color: #000;
margin-bottom:0px;
padding: 0px;
width: 150px;
}
.eventbox h2 {
background-color: #999;
margin:0;
font-size:0.7em; 
}
/*
.mainbox h2 {
background-image: url(../images/jpg/posted_main.jpg);
font-family: Comic Sans MS, Arial, Helvetica;
color: #CC3300;
/*padding-left:20px;*
}
*/

.centerbox h1, .greybox h1 {
background-color: #0066CC; /* blue */
font-size:1.1em;
width: 440px;
}
.greybox h1{
background-color: #202020;
}
.centerbox h2 {
background-color:#009900; /* green */
font-size:1.1em;
}


/************** LAYOUT DESIGN **************/
#wrapper {
  background-color:#fff;
  border: 5px solid #B0C4DE;
  width: 900px;
  margin: 20px auto;
  }

#headlines{
    background-color: #fff;
	float:left;
	width: 200px;
	padding-left:20px;
}

#content{
    background-color: #fff;
	margin: 5px auto;
	padding:0 10px 10px 10px;
    width:850px;
}
 /************* HEADER STYLES ***************/

#header{
    background-color:#fff;   /* :BUG: use bgcolor because of IE 'peek-a-boo */
	 margin: 0px;
	 width: 900px;
	 height:129px;	
}

#logo{
	position: absolute;
	margin: 0px;
	z-index: 1;
}

#catch{
     font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	color: #000;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	position:absolute;
	width:500px;
	height:20px;
	margin: 10px 0px 0px 350px;
	z-index: 2;
}


#addr{
font-family: "Times New Roman", Times, serif;
font-size:0.7em;
line-height: 1;
font-weight:normal;
text-align:left;
position:absolute;
margin: 40px 0px 0px 700px;
width:180px;
height:70px;
}


/********* IMAGES SYLES AND LAYOUT **************/
/**********  image layout divs *********/
#pictureWrapper{
   background:url(../gif/new/shadow_index.gif) no-repeat bottom right;
   margin: 30px auto;
   width: 717px;
   position:relative;                   /* fix for IE6 */
  
}

#pictureWrapper img { 
  border: 5px solid #e5e2d3;          /* image border color and depth */
  margin: -5px 9px 9px -5px;
  position:relative;                 /* fix for IE6 */
 }
 
#rightCol_img  {
   margin:0; 
}
/*** image layout on index page **/
#frontLive{
   margin:0;
   width: 400px;
   position:relative;
   padding:0;                   /* fix for IE6 */ 
}

#flashcontent {
  width: 420px;
  height: 370px;
 }
/***** styles for flash gallery on portfolio page *******/
#flashportfolio {
  width: 820px;
  height: 620px;
 }
#portfolioContent {
background-color:#3333FF;
width:810px;
margin: 5px auto;
padding: 0;
}
/**************************************/
 /* picFront controls non-rounded boxes in the index page center column ONLY */
.picFront {
width:410px;
margin: 5px auto;
padding: 0;
}
.picFront p {
font-size:90%;
line-height: 1.3em;
padding:5px 0px 0px 0px;
}
 
/** image layout on 2 col layout - sideContent **/
.side_img {
margin: 5px auto;
padding:0;
width:160px;
}
/** image for use on top 16 table - index page **/
.sixteen_img {
margin: 5px auto;
border: none;
}
 
/************ TEXT STYLES *********************/
/* style for intro on index page */
#copy{
background-color: #F9F9F9;
 font-family:Arial, Helvetica, sans-serif;
 color: #666666;
 font-size:0.8em;
 text-align:left;
 line-height:1.166;
 margin:20px auto;
 padding: 20px;
 width: 800px;
}

.tag { /* text style to highlight / emphasise parts of text **/
font-size:1em;
color:#003399;
font-weight:bold;
}
/************** .feature styles  ***************/
/* feature controls basic main box styles without use of javascript / rounded corners*/
.feature {
margin-left:10px;
padding: 5px;
}

.feature p {
/*color:#000;*/
line-height:1.5em;
font-size: 0.9em;
}

.feature h1 {
	font-size: 1em;
}
.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}
.feature h4{
	padding: 10px 0px 5px 0px;
	color:#727FA1;
}

.feature img{
	float: right;
	padding: 5px 10px 0px 5px;
}

.leftImg {
float:left;
width:400px;
margin: 5px;
}

/** global text styles **/
.highlight {
color: #333;
font-size:1.3em;
}
.name {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1.1em;
font-weight: bold;
text-align:center;
margin: 15px;
padding:3px;
border-top: 1px solid #a5a5a5;
border-bottom: 1px solid #a5a5a5;
}

/*********** STYLES FOR TOURNAMENT PAGES  ***********/

.trophy  {
background-color:#CCCC99;
margin: 15px 0px 10px 0px;
}

.trophy p {
text-align:center;
}

.caption, .event  {
padding: 0px 0px 10px 0px;
}

.caption p, .event p {
	padding: 0px;
	text-align: left;
	font-weight:normal;
	font-size:0.9em;
}
.caption img{
	float: right;
	padding: 3px 0px 3px 5px;
}

.event h3{
padding: 0px 0px 5px 0px;
	text-align: center;
}

/******* image layout and caption style and placement from dbase ***********/

#img{               /* image style for placement of image in tournament history section **/
	float: right;
	padding: 5px 0px 0px 5px;
}

#eventCaption {
  background-color:#F9F9F9;
   border-top: 1px solid #a5a5a5;
   border-bottom: 1px solid #a5a5a5;
   position: relative;
   margin: 5px 0px 1px 0px;
   padding: 2px 0px 2px 0px;
   width:100%;   /****** this should be 100% but IE does not read to img div - using default_explorer.css to fix **/
   height:15px;
   }
#eventCaption p {
  font-family: "Times New Roman", Times, serif;
  font-size: 1em;
  text-align: center;
}  
/****** STYLES FOR LINKS PAGE *****************/

.domain  {
font-size:1.2em;
font-weight:bold;
}

/************** links styles layout ***************/
.totalLinks{
	padding: 0px 0px 10px 10px;
}
.totalLinks p {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:0.8em;
color:#999;
}
.totalLinks h3{
   color:#666666;
	padding: 30px 0px 5px 0px;
	text-align: left;
}
.totalLinks img{
	float: right;
	padding: 10px 10px 0px 0px;
}

/********* LAYOUT SYTYLES AND DIV'S *********/

#primaryContent {
width:850px;
margin:0 0 20px 0;
background:#fff;
}

#twoColLayout #primaryContent {
float:left;
width:640px;
margin: 0px 0px 20px 195px;
}
#threeColLayout #primaryContent {
float:left;
width:460px;
margin: 0px 0px 20px 195px;
}
#secondaryContent {
float:left;
width: 180px;
margin: 0px 0px 20px 15px;
}

#sideContent {
float:left;
width: 180px;
margin: 0px 0px 20px -850px;
}


/******* BOX DIV'S ***********/
.box {
margin:0px 0px 0px 0px;
padding:5px 0px 5px 0px;
}

/* mbb controls basic main box styles without use of javascript / rounded corners*/
.mbb {
margin: 0 10px 0 10px;
background-color: #fff;
padding: 5px 0 5px 15px;
line-height:150%;
color:#000;
font-size: 0.9em;
}

/* cbSide controls non-rounded boxes in the  SIDE columns, known as sideContent */

.cbSide {
width:180px;
margin: 5px 0 0 0;
padding: 5px 0 5px 0;
background: #fff;
}
.cbSide p {
margin: 0;
padding: 0 5px 2px 0px;
font-size: 0.8em;
line-height:1.3em;
}
/** image layout on 2 col layout - sideContent **/
.cbSide img{
margin: 5px auto;
padding:0;
}

/* Styling of the boxes where users disables JavaScript support */
.cbb {
margin:0 auto;
background-color: #fff;
padding:5px 0px 5px 0px;
line-height:170%;
}

.cbb p {
font-family:Arial, Helvetica, sans-serif;
font-size:80%;
line-height: 1.3em;
padding:5px 0px 0px 0px;
}

/** transparent custom rounded box corner div's *** implemented when user has javascript enabled ***/
/**** adapted from Roger Johannson's developments / http://www.456bereastreet.com/archive/200506/customising_custom_corners_and_borders  ****/

.cb {
margin: 0.5em 0;
color:#000;
font-size: 0.9em;
}

/* Rules for the top corners and border */
.bt {
background:url(../png/box_edge.png) no-repeat 100% 0 !important;
background:url(../gif/new/box_edge.gif) no-repeat 100% 0;
margin:0 0 0 38px;
height:23px;
}

.bt div {
height:23px;
width:38px;
position:relative;
left: -38px;
background:url(../png/box_edge.png) no-repeat 0 0 !important;
background:url(../gif/new/box_edge.gif) no-repeat 0 0;
}

/* Wrapper for layout of the content with javascript enabled. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
background-color: #fff;
border: 1px solid #fff;
border-width:1px 0;
padding:0 15px;
}



/************* # date styles ***************/
.date, .date_lg {
 font-size: 0.7em;
  text-align:center;
 width:170px;
 margin:5px auto;
}

.date_lg {
font-size: 1em;
color: #FF0000;
margin:0;
}

#copyright{
	 background-color:#B0C4DE;
	font-size: 0.7em;
	color: #666666;
	padding: 2px 0px 0px 0px;
	text-align: left;
}



 /************* footer styles ***************/ 
#footer{
clear:both;
	font-size: 0.9em;
	color: #666666;
	margin:5px auto;
	padding: 10px 0 10px 0;
	text-align: center;
	width: 750px;
	}
	

/*****************  border block  *****************/

.blue_img   {
background-color: #B0C4DE;
height:10px;
}

.bar {                  /******** for IE to complete loading of page in browser ********/
clear:both;
background-color:transparent;
}
/*  end border block */

/********* TABLE LAYOUTS  ******************/


/************** Table layout and styles for EVENT / TOURNAMENT pages***************

table {
margin: 5px 10px;
}
th {
padding: 0.1em 0.3em 0.3em;
}
td {
padding: 0.1em 0.3em;
font-size: 0.8em;
}
caption {
font-size: 1em;
font-weight: bold;
margin: 0.5em 0;
}

thead {
background-image:url(../jpg/assets/bluebar_top.jpg);
}
th  {
font-size: 1em;
font-weight: normal;
text-align:left;
}

tr:hover {
background-color:#E8F2F8;
color: #3399CC;
}

thead tr:hover {
background-color: transparent;
color: inherit;
}

#results tr.hilite {
  background-color:#E8F2F8;
  }

***/

/************** Results Table layout and styles for index page***************/

.resultstable {
margin: 2px auto;
}
.resultstable th {
padding: 0.1em 0.3em 0.3em;
}
.resultstable td {
font-size:0.8em;
padding: 0.1em 0.3em;
line-height: 1.5em;
}

.resultstable caption {
font-size: 1em;
font-weight: bold;
margin: 0.5em 0;
}

.resultstable thead {
background-image:url(../jpg/assets/bluebar_top.jpg);
font-size: 0.9em;
line-height: 1.3em;
}

.resultstable tr:hover {
background-color:#E8F2F8;
color: #3399CC;
}

.resultstable thead tr:hover {
background-color: transparent;
color: inherit;
}

.resultstable tr.hilite {
  background-color:#E8F2F8;
  }


/************** TOP 16 Players Table layout and styles for index page inside cbb ***************/

.sixteentable {
border-collapse: collapse;
margin: 2px auto;
width: 100%;
}
.sixteentable th {
text-align:center;
padding-left:1em;
}
.sixteentable td {
font-size:0.8em;
color:#993366;
padding-left:1.3em;
line-height: 1.5em;
}
.sixteentable caption {
font-size: 1em;
font-weight: bold;
margin: 0.5em 0;
}
.sixteentable thead {
font-size: 0.9em;
line-height: 1.3em;
}
.sixteentable tr:hover {
background-color: transparent;
color:#333;
}

/************** Table layout and styles for 'today's play' table on index page ***************/

.todaytable {
border-collapse:collapse;
margin: 2px auto;
width:100%;
}

.todaytable th {
background-image:url(../gif/tournaments/grandprix.gif);
background-repeat:no-repeat;
padding: 5px 2px 10px 2px;
border-top: 1px solid #a5a5a5;
border-bottom: 1px solid #a5a5a5;
}

.todaytable td {
font-family:Arial, Helvetica, sans-serif;
padding: 2px 0px 2px 10px;
font-size: 0.8em;
color:#006;
}

.todaytable caption {
font-size: 0.8em;
font-weight: normal;
margin: 5px auto;
color:#006;
}

.todaytable tr:hover {
background-color:#E8F2F8;
}

/****************  style classes  for <td>  ************/
.todaywin {
color: #CC0000;
}

/************** Table layout and styles for calendar table ***************/

.calendartable {
border-collapse:collapse;
margin: 70px auto;
width:100%;
}

.calendartable th {
background-color:#E8F2F8;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1.2em;
font-weight:normal;
text-align:center;
padding: 1px 2px;
border-top: 1px solid #a5a5a5;
border-bottom: 1px solid #a5a5a5;
}

.calendartable td {
font-family:Arial, Helvetica, sans-serif;
padding: 2px 0px 2px 10px;
font-size: 13px;
color:#006;
}

.calendartable caption {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1.1em;
font-weight: bold;
margin: 15px 0px;
border-top: 1px solid #a5a5a5;
border-bottom: 1px solid #a5a5a5;
}

.calendartable thead {
border-top: 1px solid #a5a5a5;
border-bottom: 1px solid #a5a5a5;
}


/*******  overwrites the color change on the table headers ***********/

.calendartable tr.hilite {
 background-color: #E9EDEA
  }
  
/****************  style classes  for <td>  ************/

.venue {  
color: #666666;
font-size:11px; 
}

/*************** table for provisional list in side column *******************/
.listProvtable {
 background-color: #FFFCFC;
 font-family: Arial, Helvetica, sans-serif;
margin:5px;
padding: 3px;
width:100%;
}


.listProvtable td {
color:#999;
text-align:left;
padding: 1px;
margin:0;
}


/************** News diary table layout and styles for index page inside cbb ***************/

.diary {
border-collapse: collapse;
margin: 2px auto;
width: 100%;
}
.diary td {
font-size:0.8em;
color:#993366;
padding-left:1.3em;
line-height: 1.5em;
}

/********** END TABLES *********************/