/* CSS Document */
html, body, ol, ul, li, p, blockquote, q, h1, h2, h3, h4, h5, h6, form, fieldset, a, div, img{
	margin:0; padding: 0; border:0;
	}

html {
	font-size : 100%;
	background-color:#000000;
	color:#333333;
	}

body {font-family:Verdana, Arial, Helvetica, sans-serif;;
font-weight:normal; 
}

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }
.cap {text-transform: capitalize}
.newssummary {font-size:90%; color:#666666; margin-bottom:5px;margin-left:10px;}

/* global fortmatting styles */
/* dropcap */
.dropcap {
float:left;
font-size:190%;
padding-top:0em;
margin-top:0px;
line-height:100%;
}
.smaller {font-size:90%;}
.bigger {font-size:150%;line-height:100%; font-weight:bold;}
.red {color:#CC0000; }
.pad4 {padding-right:4px;}
.floatleft {float:left; }
.floatright {float:right; }
.imgleft {float:left; margin:5px; border:1px solid #333333;}
.imgright {float:right; margin:5px; border:1px solid #333333;}
.imgborder {border:1px solid #333333; display:block}
.imgcaption { font-style:italic; color:#333333;}
.block {background-color:#8c161b; color:#FFCC00; font-weight:bold;padding:2px; border:1px solid #FFFFFF;}
.clearLeft {clear:left}
h1 {font-size:150%; background-color:#CCCCCC; margin-right:19px; padding-left:2px;}
h2 {font-size:120%;}
hr.dot {line-height:1px; border-bottom:1px dotted #CCCCCC; background:none; color:#FFFFFF; border-top:none;}

/* whats on relevant stuff */
#content.whatson td { line-height:155%}
.wo {padding:1px 3px 1px 3px; font-size:80%;  border:1px solid #ffffff; line-height:160%;color:#FFFFFF;}
.wo_content {font-size:80%; line-height:160%;color:#FFFFFF;}
.wo_old {background-color:#CCCCCC;}
.wo_sport {background-color:#006600; }
.wo_music {background-color:#0066CC;}
.wo_event {background-color:#CC0000; }
.wo_old_d {color:#CCCCCC;}
.wo_sport_d {color:#006600; }
.wo_music_d {color:#0066CC; }
.wo_event_d {color:#CC0000; }


/* ------------------------ */
/* - Entertainments page  - */
/* - Beers page           - */
/* ------------------------ */
.music_imageL {
float:left;
width:210px;
min-height:150px;
padding:5px;
}
.music_imageR {
float:right;
padding:5px;
}
.music_sep {
margin-top:10px;
border-top:1px dashed #999999;
}
.whitebg {background-color:#FFFFFF; margin:-5px 10px 0 10px; padding:5px; float:right; width:360px;}
.music_sep_h1 {margin:0px 10px 10px 00px; float:right; width:375px;}


/* registration page  */
#register_content td {
	padding:2px;
	font-size:90%;
}
.reg_tb {
	border:1px solid #333333;
	background-color:#FFFF99;
}
.reg_fld_err {
	border:2px dashed #FF0000;
	background-color:#ffffff;
}
.reg_cat {
	font-size:120%;
	font-weight:bold;
	background-color:#0066b3;
	border:2px solid #0066b3;
	color:#FFFFFF;
	text-align:center;
}
.reg_subcat {
	font-size:100%;
	font-weight:normal;
	background-color:#CCCCCC;
	border:2px solid #CCCCCC;
	color:#333333;
	text-align:center;
	margin-right:50px;margin-left:50px;
}
.reg_sep {
	line-height:1px;
	background-color:#CCCCCC;
	margin-right:50px;margin-left:50px;
}
.reg_err {background-color:#FFCC66;padding:5px; font-size:100%; color:#333333;}


 /* DEFAULT LINK STYLING  */
a,
a:visited {color:#000; text-decoration:none;}
a:hover,p a:focus{ color:#CC0000;  text-decoration:underline; }
 /* normal page */
#content { background-image:url(../assets/content_full_bg.jpg); background-repeat:repeat-y;}
#content p a,
#content p a:visited {color:#000; text-decoration:none;}
#content p a:hover,#content p a:focus{ color:#CC0000;  text-decoration:underline; }

/* ------------------- */
/* Block content areas */
#container { /* MAIN Holding container */
	background-color:#000000; 
	width:960px;
}

#banner { /* Banner is oversized at 960 so we can max out content to 800 and have 160px left for ads.*/ 
	width:960px; 
	height:145px;
}

#hnav { /* This is the main horizontal nav area beneath the bannner */
	width:827px; 
	height:84px;
}

#leftside { /* leftside is nav + content */
	width:827px; 
	float:left;
	}

#rightside { /* this is the advert area */
	width:133px; 
	float:right;
}




#contentfooter { /* clears the divs above so we can have a footer */
clear:both;
padding-top:10px
}


/*#footer { clear:both; font-size:65%; color:#666666; background-color:#ffffff;}*/
#footer { clear:both; font-size:65%; color:#FFCC00; background-color:#000;}
#footer a{color:#FFCC00;  text-decoration:none;}
#footer a:hover, #footer a:focus{ color:#FFCC00;  text-decoration:underline; background-color:#000}
#footer a:visited{ color:#FFCC00; text-decoration:none;}

/*	*****************************************
	*             	                        *
	* Voucher                               * 
	*             	                        *
	*****************************************
*/
#voucher {background-color:#ffffff;}

/* ============================================ */
div#newsticker {
	display:none;}

div#newsticker span {
	text-transform: uppercase;
	font-weight: bold;
	color:#333;
}

div#newsticker ul {
	display: none;
}

div#newsticker a {
	text-decoration: none; color:#333;
}
/* ============================================ */
#dateWrapper { position:relative; top:-20px; width:400px; padding-left:10px;font-size:70%;  color:#FFFFCC;}


/* ----------------------------*/
/* -  LOGIN area under nav   - */
/* ----------------------------*/

#login { font-size:65%; color:#8c161b; background-color:#cfc5a9; padding:5px;}
#login .login {border:1px solid #333333; background-color:#cfc5a9; color:#8c161b;}
#login a {color:#333333; border-bottom:1px dashed #8c161b; text-decoration:none;  }
#login a:hover, #login a:focus{ color:#333333;border-bottom:1px dashed #8c161b;   text-decoration:none; background-color:#FFCC00}
#login a:visited{ color:#333333; text-decoration:none; border-bottom:1px dashed #8c161b; }
#login .loginerr {color:#FFFFFF; background-color:#FF0000;}


/* ----------------------*/
/* -  HOMEPAGE BOXES   - */
/* ----------------------*/

#homebox_container {height:170px; font-size:90%;}
#homebox_container .homebox {width:202px;border:1px solid #000000;  margin:0px;height:160px; background-color:#FFFFFF;}
#homebox_container .scroll {width:192px;height:100px; overflow:auto;
scrollbar-base-color:#333 ;
scrollbar-arrow-color:#fff;
scrollbar-track-color: #fff;

scrollbar-shadow-color: #333;
scrollbar-lightshadow-color: #000; 
scrollbar-darkshadow-color: #fff;

scrollbar-highlight-color: #333;
scrollbar-3dlight-color: #333;
}
#homebox_container .homebox_content {margin:5px;}
#homebox_container .voucherclaim {position:relative; top:-25px;}
#homebox_container .homebox3 {position:absolute;  width:202px;border:1px solid #000000;  margin:0px;height:160px; background-color:#FFFFFF; visibility:hidden;}


/* ----------------------*/
/* -  MY ACCOUNT       - */
/* ----------------------*/
#myac_options { width:300px; background-color:#FFFFFF; padding:10px; text-align:center; border:1px solid #666666; margin:0 auto;}

/* ============================== */
/* =        tooltip CSS         = */
/* ============================== */
a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000000;
    text-decoration:none;
	 }

a.info:hover{z-index:25; background-color:#ffffff;	 text-decoration:none;
 }

a.info span{display: none; }

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-1px; left:-6px; width:30px;
	padding-left:5px;
    background-color:#aaaaaa; color:#333333;
    text-align: left; 
	
	}
	
a.info div{display: none; }

a.info:hover div{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-15px; left:33px; width:260px;
	padding:5px;
    border:1px solid #333333;
    background-color:#aaaaaa; color:#333333;
	filter:alpha(opacity=95);
	opacity: 0.95;
	-moz-opacity:0.95;
    text-align: left; }

a.info {
 	border:none;
}
a.info:hover,a.info:focus,a.info:visited { border-bottom:none;}
/* ---------------------------------------------------- */

/* ===================================================
                 Main Content Area               
   =================================================== */
	#main-content-outer {
		width:643px;
		background-image:url(../assets/content_bg.jpg); background-repeat:repeat-y;
	}
	#main-content-inner { /* use outer and inner to get round box model */
		padding-top:10px;
		font-size:70%;
	}
	
	#main-content-rightside { width:158px; float:right;margin-right:19px; }
	#tott_details {  background-image: url(../assets/hp_tott_header.jpg); background-position:top; background-repeat:no-repeat; padding:68px 0px 0px 0px; }
	#tott_details_inner {padding:0 10px 20px 3px; color:#FFFFFF; background-image:url(../assets/hp_tott_bg.jpg); background-repeat:repeat-y; background-position:top; }
	
/* ========================= end of main content area */
/* ===================================================*/

/* ----------------------------*/
/* -  Breadcrumb             - */
/* ----------------------------*/

#breadcrumb { font-size:95%; color:#FFCC00; background-color:#666666; padding:5px; width:614px}
#breadcrumb a, #breadcrumb a:visited{color:#FFCC00; text-decoration:none;  }
#breadcrumb a:hover, #login a:focus{ color:#FFCC00;  text-decoration:underline;}




/* ===================================================
                 Horizontal Nav Area               
   =================================================== */
.inline { /* used in hnav to make divs float inline */
	display:inline; 
	float:left;
}

#hnavtop {width:372px; height:42px; }
#hnavbottom {width:372px; height:42px;}

#hnav ul {
	list-style:none;
	margin:0;
    padding:0;
    list-style:none;
 }
#hnav li {
    float:left;
    margin:0;
    }

#hnavtop a, #hnavbottom a {
    display:block; width:124px; height:42px;
    }
#hnav span {display:none;}
.hnav_fixtures a {background-image:url(../assets/hnav-fixtures.jpg);  }
.hnav_fixtures a:hover {background-image:url(../assets/hnav-fixtures_f2.jpg); }
.hnav_tables a {background-image:url(../assets/hnav-tables.jpg);  }
.hnav_tables a:hover {background-image:url(../assets/hnav-tables_f2.jpg); }
.hnav_reports a {background-image:url(../assets/hnav-reports.jpg);  }
.hnav_reports a:hover {background-image:url(../assets/hnav-reports_f2.jpg); }

.hnav_offpitch a {background-image:url(../assets/hnav-offpitch.jpg);  }
.hnav_offpitch a:hover {background-image:url(../assets/hnav-offpitch_f2.jpg); }
.hnav_register a {background-image:url(../assets/hnav-register.jpg);  }
.hnav_register a:hover {background-image:url(../assets/hnav-register_f2.jpg); }
.hnav_offers a {background-image:url(../assets/hnav-offers.jpg);  }
.hnav_offers a:hover {background-image:url(../assets/hnav-offers_f2.jpg); }
/* ============================= end of horizontal nav area */

.news_img {float:left; margin:5px; border:1px solid #333333;}
.mainnews{margin:0 3px 0px 0px; width:461px; background-color:#cccccc; border-bottom:1px solid #000; border-right:1px solid #000; padding-bottom:4px;   }
.subnews {margin-left:10px; }
.mainnews h1 { float:none; border:none; text-decoration:none; margin:5px 0 0 0px; font-size:200%; }
.subnews h2 { float:none; border:none; text-decoration:none; margin:5px 0 10px 0px;font-size:120%;}
.subnews a h2, .mainnews a h1,
.subnews a:visited h2,.mainnews a:visited h1 { text-decoration:none;  }
.subnews a:hover h2, .mainnews a:hover h1,
.subnews a:focus h2,.mainnews a:focus h1 { text-decoration:underline;  }
.posted {color:#666666; font-size:90%; margin-bottom:10px;}
.posted_small {color:#666666; font-size:80%; margin-bottom:10px;}
.news_clear {clear:both;}
.news_border1 {border-bottom:1px solid #CCCCCC;}
.news_clearleft {clear:left;}

.mainnews a,
.subnews a,
.mainnews a:visited 
.subnews a:visited {
color:#000; text-decoration:none;}
.mainnews a:hover,
.mainnews a:focus,
.subnews a:hover,
.subnews a:focus{ color:#000;  text-decoration:underline;}
.fixed-width {width:450px;}
.fixed-width h2 {clear:both; font-size:110%; color:#CC0000; display:inline;}
.fixed-width strong {clear:both; float:left; width:200px;}
.fixed-width .right {clear:both; float:right; width:250px; text-align:left}
.h1 {
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:125%; 
		line-height:125%;
		font-weight:bold; 
		color:#000;
		font-style:normal;
		position:relative;
		}
.h1-offset{ position:absolute; top:6px;	left:4px;}
.h1-fullbg {background-image:url(../assets/header-full.jpg); background-position:left top; background-repeat:no-repeat; height:32px; width:462px;}
.h1-fullnobg {background-image:url(../assets/header-full-nobg.jpg); background-position:left top; background-repeat:no-repeat;height:29px;
		width:462px;
		}
.h1-halfbg1 {background-image:url(../assets/header-half1.jpg); background-position:left top; background-repeat:no-repeat;
		height:29px;
		width:226px;
		}
.h1-halfbg2 {background-image:url(../assets/header-half2.jpg); background-position:left top; background-repeat:no-repeat;
		height:29px;
		width:226px;
		}
	
.leagueTableTop td { background-color:#CCCCCC;}
.leagueTable1 td { background-color:#eeeeee;}
.leagueTable2 td { background-color:#dddddd;}
.leagueTable3 td { background-color:#FFCC00;} /* hucknalls league position */
.leagueTableW td { background-color:#fff;} 
.leagueTableBL {border-left:1px solid #000000;}
.leagueTableBR {border-right:1px solid #000000;}
.leagueTableBB {border-bottom:1px solid #000000;}
.leagueTableBT {border-top:1px solid #000000;}

.tott-dayline {margin:10px 5px 0px 0px; }
.tott-day {color:#fff; font-size:140%; text-transform:lowercase;}
.tott-col {color:#FFCC00; margin:0 5px 15px 0px;}
.tott-music {color:#0099FF; font-weight:bold;}
.tott-sport {color:#00FF00; font-weight:bold;}
.tott-event {color:#FF0000; font-weight:bold;}
.tott-topline {padding-right:4px;}
.tott-margin {margin-left:5px;}

.tott-function-bg { background-image:url(../assets/tott-function-bg.jpg); background-repeat:repeat-y; width:158px; }
.tott-function-bg p { padding:0 10px 10px 4px; text-align:center;color:#FFFFCC; }
.wbg{ background-color:#FFFFee; padding:3px; border:1px solid #333333; }

.birthday-bg { background-image:url(../assets/birthday-bg.jpg); background-repeat:repeat-y; width:158px; }
.birthday-bg p { padding:0 10px 10px 4px; text-align:center;color:#000000; }


.match-report {padding:5px;}
.breaker {border-bottom:1px solid #333333; height:1px; width:604px; }
.content {padding:0 23px 0 5px; }
.content-full {padding:0 19px 0 0px; }
.content p {line-height:125%;}


.rightside-fix {margin-left:3px;}
/* ================================================================= */
/*  Squad info boxes                                                 */
/* ================================================================= */
.squadHolder {position:relative;height:105px; background-image:url(../assets/squad-bg1.jpg); background-position:left top; background-repeat:no-repeat; }
.squadPicture {position:absolute; left:0px; top:0px; width:85px; height:85px;}
.squadName {position:absolute; right:12px; top:5px; color:#FFFFFF; font-weight:bold; text-align:center; text-transform:uppercase; font-size:100%; width:165px;}
.squadNumber { font-family:Arial, Helvetica, sans-serif;position:absolute; left:96px; top:43px; font-size:140%;  color:#000; font-weight:bold; text-align:center;  width:40px; text-align:center;}
.squadStats { font-family:Arial, Helvetica, sans-serif;position:absolute; left:145px; top:33px; color:#ddd; text-align:left;  width:105px; }
.squadDivider {border-top:3px solid #FFCC00; margin-top:5px; height:10px;}
.squadDividerImage {position:relative;top:0px;}
.squadMore a,
.squadMore a:visited {position:absolute; left:240px; top:75px; color:#fff; font-size:85%; text-align:left; height:10px;  width:55px; }
.squadProfile1 { display:block; float:left; width:150px; padding-right:10px; font-weight:bold;}
.squadProfile2 { padding:3px; width:597px; background-color:#F8F8F8}

/* ================================================================= */
/*  CSS button style                                                 */
/* ================================================================= */
.button_300 span a {display:block; width:200px; }
.button_a a,
.button_a a:visited {
padding:5px; 
margin:2px;
background-color: #999999; 
color:#FFFFFF; 
text-decoration:none;
border-top: 1px solid #bbb;
border-left: 1px solid #bbb;
border-bottom: 1px solid #000;
border-right: 1px solid #333;
}
.button_a a:hover,
.button_a a:focus,
#content p .button_a a:hover,
#content p .button_a a:focus 
 {
background-color: #555; 
color:#FFFFFF; 
text-decoration:none;
border-bottom: 1px solid #bbb;
border-right: 1px solid #bbb;
border-top: 1px solid #000;
border-left: 1px solid #333;
}
.button_b a,
.button_b a:visited,
#content p .button_b a,
#content p .button_b a:visited {
padding:5px; 
margin:2px;
background-color: #CC0000; 
color:#FFFFFF; 
text-decoration:none;
border:2px solid #222;
}
.button_b a:hover,
.button_b a:focus,
#content p .button_b a:hover,
#content p .button_b a:focus 
 {
background-color: #660000; 
color:#FFFFFF; 
text-decoration:none;
}

.homepageother {width:450px; border-top:1px solid #666666;padding:5px;}
.navads { width:134px; margin-left:48px; }
.navadsmaller { font-size:70%; text-align:center;}
.navadheading { font-size:75%; font-weight:bold; background-color:#000000; color:#00FF00; text-align:center;}

/* ================================================================= */
/*  Flash areas                                                      */
/* ================================================================= */
#flashy {width:279px;height:84px; 
/*background-image:url(../assets/hnav-nxtmatch.jpg); background-repeat:no-repeat;*/
background-color:#9900CC;
}
#flash1 {width:279px;height:84px; position:absolute; z-index:2}
#flashy2 {width:138px;height:84px; 
/*background-image:url(../assets/hnav-nxtmatch.jpg); background-repeat:no-repeat;*/
background-color:#9900CC;
}
#flash2 {width:138px;height:84px; background-color:#9900CC}
#flashy3 {width:138px;height:84px; position:relative;
background-image:url(../assets/hnav-advert.jpg); background-repeat:no-repeat;

}
#flash3 { position:absolute; left:0px; top:-20px; width:200px;height:200px; z-index:10;}
/* ================================================================= */
/*  google map                                                       */
/* ================================================================= */
#map {border:1px solid #333333;}

/* ================================================================= */
/*  directory block titles                                           */
/* ================================================================= */
.dirTitle {font-size:100%; font-weight:bold; padding:5px 2px 2px 2px}
.dirBlock {height:75px; overflow:auto}
.dirEdit {color:#0099FF; font-size:90%}
.dirEdit a, .dirEdit a:visited {color:#FF6600; text-decoration:underline;}
.dirEdit a:hover, .dirEdit a:focus {color:#FF6600; text-decoration:underline;}


/* ================================================================= */
/*  category champs                                                  */
/* ================================================================= */
.catContainer {padding:5px;}
.catChamps {margin:5px; width:590px; border:1px dashed #666666; position:relative;}
.catChampsPic { float:left;  padding:5px 10px 5px 5px;}
.catChampsH2 {font-size:150%;}
.catChampsSect1 {clear:left; margin-top:3px;}
.catWebLink {color:#CC0000;  margin:3px 0 3px 0; width:100px;  }
.catPhone { color:#CC0000; width:100px;  }
.catDetails {margin-bottom:3px;}
.catDetailsPic {float:right;padding:5px 5px 5px 10px; border:1px solid #CCCCCC}
.catFullDetails {margin:0px; width:602px; padding:5px;}
.catPrem {margin:10px; width:600px; border-top:1px dashed #666666; border-bottom:1px dashed #666666;}
.catPremPic { float:left;  padding:0 10px 5px 0;}
.catPremH2 {font-size:125%;}


.catFree {margin:10px; width:600px; border-bottom: 1px dotted #CCCCCC;}
.dirVert {vertical-align:middle; position:relative;}
.dirUp {position:relative; top:7px;}
.upgradeBlock {float:left; border:2px solid #000000; padding:10px; margin:10px; width:260px;}

.statsbox {overflow:scroll; height:500px; font-size:85%; width:624px}
.StatsTableTop td { background-color:#CCCCCC;}
.StatsTable1 td { background-color:#eeeeee;}
.StatsTable2 td { background-color:#dddddd;}
.StatsTable3 td { background-color:#FFCC00;} /* hucknalls league position */
.StatsTableW td { background-color:#fff;} 
.StatsTableBL {border-left:1px solid #000000;}
.StatsTableBR {border-right:1px solid #000000;}
.StatsTableBB {border-bottom:1px solid #000000;}
.StatsTableBT {border-top:1px solid #000000;}
.statsupper {text-transform:uppercase}
.statslower {text-transform:capitalize}

/* new online programme page - used in formatting the gaffer, in the chair etc*/
#progContent p  { line-height:200%; padding-top:10px;}

.bsq_advert {position:relative;width:496px;height:84px; background-image:url(../assets/adBar_bg.jpg); background-position:left top; background-repeat:no-repeat;}
.bsq_advert_inner { position:absolute; left:30px;}

.announcement1 { background-image:url(../assets/black-rp-bg.jpg); background-repeat:repeat; background-color:#000; color:#fff; margin:10px; width:440px;border:1px solid #000;}
.announcement1 div { background-image:url(../assets/red-rp-bg.jpg); background-repeat:repeat; border:1px solid #000000; margin:10px;background-color: #CC0000; color:#FFFFFF; }
.announcement1 h2{color:#fff; font-weight:bold; font-size:120%; margin:10px;}
.announcement1 p{ color:#fff; font-weight:normal; font-size:90%; margin:10px;}
#content .announcement1 a,
#content .announcement1  a:visited
 {color:#FFFFFF; text-decoration:none;}
#content .announcement1  a:hover,
#content .announcement1  a:focus
 {color:#FFFFFF; text-decoration:underline;}


.announcement2 {background-image:url(../assets/red-rp-bg.jpg); background-repeat:repeat; background-color: #CC0000; color:#fff; margin:10px; width:440px;}
.announcement2 div { border:1px solid #000; margin:10px;background-image:url(../assets/black-rp-bg.jpg); background-repeat:repeat; background-color:#000000; color:#FFFFFF; }
.announcement2 h2{color:#fff; font-weight:bold; font-size:120%; margin:10px;}
.announcement2 p{ color:#fff; font-weight:normal; font-size:90%; margin:10px;}
#content .announcement2 a,
#content .announcement2  a:visited
 {color:#FFFFFF; text-decoration:none;}
#content .announcement2  a:hover,
#content .announcement2  a:focus
 {color:#FFFFFF; text-decoration:underline;}