/* Main Layout */

/* note not added p here */
html, body, table, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	/* required by ie */
	text-align: left;
}
form { 
	margin: 0; 
	padding: 0; 
} 
/* would mess up the existing sp styling
p {
    margin:0;
    padding:0;
}
*/
p 
{
	/* required by ie */
	text-align: left;
}
#container {
	margin: 0;
	padding: 0;
	border: 0;
}
#masthead {
	margin: 0;
	padding: 0;
	border: 0;
}
#navigation {
	margin: 0;
	padding: 0;
	border: 0;
}
#content {
	margin: 0;
	padding: 0;
	border: 0;
}
#footer {
	margin: 0;
	padding: 0;
	border: 0;
}

/* Main Colors:
 
	#F3760F - main orange background, and text links
	#402640 - purple links, and text on an orange background, and purple text on white background
	#000 - main content text

	#F23115 - redder orange - for H1 headings etc.
    #F6984C - lighter orange - for 2nd level nav background

    #FAFAFA - off white main page background
	#C0C0C0 - grey browser page background
    #FFF - various text, borders and nav
*/


/*** Main layout styling ***/

.clear{
	clear:both;
	/* Stop br taking up space in ie */
	line-height: 0;
}

/* Main website container */
#container 
{
    width: 950px;
    /*width: 920px;*/
	margin: 0 auto;
	/* tiny gap from browser top */
	margin-top: 2px;
	margin-bottom: 5px;
	/* padding around whole content */
	padding: 4px;
	/* Raise border effect around whole content 
	border-right: 2px solid #725972;
	border-bottom: 2px solid #725972;
	border-left: 2px solid #CCCCCC;
	border-top: 2px solid #CCCCCC;
	background-color: #000;
	*/
}

/* Main banner */
#masthead {
	/* Calculated by the container width above, minus the navigation margin-left below */
	width: 784px;
	/* Stretch height for background image */
	/*height: 71px;*/ /* for IE */
	/*min-height: 71px;*/ /* for non-IE */ 
	/*background-repeat: no-repeat;*/
	/*background-color:#F3760F;*/
	/*text-align: center;*/
	/* Same as navigation width below */
	margin-left: 166px;
	/*border-bottom: 4px solid #FAFAFA;*/
	/* The below will lose the top lh white square 
	border-left: solid 160px #F3760F;
	margin-left: 0px;
	border-bottom: 0px;
    */
}


/* Main vertical nav */
#navigation {
	position: relative;
	float: left;
	/* if this is too long then the whole content col wraps */
	width: 166px;
    /*font-family: Trebuchet MS, Tahoma;*/
	text-align: left;
	margin-top: 0px;
	/* pad out the nav for pages short on content */
	padding-bottom: 50px;
	/* spacer between col divider line and nav items */
	padding-right: 2px;
	/* Nav and content Vertical divider line - reaches the bottom when little page content, but not when lots of content */
	/*border-right: 1px solid #F3760F;*/
	/* IE 6 hack - dotted border would show as dashed */
	/*_border-right: 1px solid #F3760F;*/
}


/* New Vertical menu */

.menutable 
{
	border-width: 0px;
	/*border-bottom: #c69c6d 1px solid;*/
	font-weight: normal;
	padding: 2px;
}
/* menu row */
#menu {
	width: 135px;
	padding: 0px;
	border: 0px;
	position: relative;
	font-size: 15px;
}
/* section header row */
.menusectionheader, .menusectionheader-selected {
	background-color: #FFA10C;
	width: 150px;
	/*border: #FFA10C 1px solid;*/
	border-width: 0px;
	padding: 2px;
	padding-left: 5px;
	margin-top: 10px;
	font-size: 13px;
	font-weight: bold;
}
.menusectionheader-selected {
	background-color: #FFA10C;
}
A.menulink, A.menulink:visited {
	color: #c69c6d;
	font-weight: normal;
	text-decoration: none;
}
A.menulink:hover {
	color: #FFA10C;
	font-weight: normal;
	text-decoration: underline
}
A.menulink-selected, A.menulink-selected:hover 
{
	font-weight: bold;	
	color: #FFA10C;
	text-decoration: none;
}


/* Main content */
#content 
{
	float: left;
	/* Calculated as container width, minus the navigation width (ish)
	We must lose a few pixels, and ie seems to require more than most, or the div will wrap */
	width: 760px;
	/* Relies on the min-height setting to make sure that content shorter than the lh nav actually reaches the footer */
	/* non-IE min height */
	min-height: 360px; 
	/* IE min-height */
	height: auto !important;
    height: 500px;
	/* Nav and content Vertical divider line - reaches the bottom when little page content, but not when lots of content */
	/* -ve margin is to get the nav and content dividing line to line up */
    /*margin-left: -1px;
	border-left: 1px solid #F3760F;*/
	/* IE 6 hack - dotted border would show as dashed */
	/*_border-left: 1px solid #F3760F;*/
	/* don't do this in #content-inner */
	padding-bottom: 10px;
}
#content-inner
{
	/* move text away from the side borders - don't do this in #content */
	/*padding-top: 10px*/
	padding-right: 8px;
	padding-left: 8px;
}
#content div.breadcrumb{
	font-size: 0.9em;
	text-align: left;
	font-style: italic;
	padding-top: 5px;
}

/* Footer */
#footer {
	clear: both;
	/*width: 920px;*/
	/* background-color: #F6984C; */
	padding-top: 12px;
	padding-bottom: 20px;
	/* footer Horozontal divider line */
	/*border-top: 1px solid #F3760F;*/
	/* IE 6 hack - dotted border would show as dashed */
	/*_border-top: 1px solid #F3760F;*/
	text-align: center;
}
#footer hr 
{
	border: solid 1px;
	width: 80%;
}
#footer p 
{
	text-align: center;
}
#footer p {
	/* For IE7 */
	margin-top: 10px;
	color: #402640;
}


/***** Home Page *****/

#hometop 
{
	margin-bottom: 30px;
}

/* Solid orange box */

.box { 
  background: #FFA10C; 
  margin-bottom: 5px;
}
.boxtop { 
  background: url(ne.gif) no-repeat top right; 
}
.boxtop div { 
  font-size: 0;
  height: 15px; 
  background: url(nw.gif) no-repeat top left; 
}
.boxbottom { 
  background: url(se.gif) no-repeat bottom right; 
}
.boxbottom div { 
  font-size: 0;
  height: 15px; 
  background: url(sw.gif) no-repeat bottom left; 
}
.boxcontent {
  padding: 0px 15px 0px 15px;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
}

/* Wireframe box */

.roundedcornr_box_532893 {
	background: url(roundedcornr_532893_tl.png) no-repeat top left;
}
.roundedcornr_top_532893 {
	background: url(roundedcornr_532893_tr.png) no-repeat top right;
}
.roundedcornr_bottom_532893 {
	background: url(roundedcornr_532893_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_532893 div {
	background: url(roundedcornr_532893_br.png) no-repeat bottom right;
}
.roundedcornr_content_532893 {
	background: url(roundedcornr_532893_r.png) top right repeat-y;
}
.roundedcornr_top_532893 div,.roundedcornr_top_532893,
.roundedcornr_bottom_532893 div, .roundedcornr_bottom_532893 {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.roundedcornr_content_532893, .roundedcornr_bottom_532893 {
	margin-top: -2px;
}
.roundedcornr_content_532893 { padding: 0 15px; }


/* Separate box styling for 2 cols on home page */

.location
{
	width: 300px;
}
.fixtures
{
	width: 400px;
}
.fixtures-pubdetail
{
	width: 285px;
}


/* used to centre form */
.location .roundedcornr_boxcontent {
  padding: 0px 55px 0px 15px;
  text-align: right;
}
/*
.fixtures .roundedcornr_boxcontent {
  margin: 0px 15px 0px 0px;
  text-align: left;
}
.fixtures .roundedcornr_boxcontent
{
	height: 400px;
}
*/
/* above the fixtures calendar */
.fixtures_header
{
	padding: 4px 8px;
	border: solid 2px #ffffff;
	border-bottom: none;
	background-color: #C9D4A7;
	color: #A0522D;
	/*font-weight: bold;*/
	text-align: left;
	/* needed because the contained 2 cols are floated*/
	height: 50px;
}
.fixtures-pubdetail .fixtures_header
{
	font-weight: bold;
	height: auto;
	color: #000;
}

.fixtures_header .leftcol {
  float: left;
  width: 25%;
}
.fixtures_header .rightcol {
  float: right;
  width: 75%;
}
.fixtures_header .filterlabel
{
	/*width: 200px;
	height: 24px;*/
	/* this should match the size of the location labels and wireframe box text */
	font-size: 13px;
	font-weight: bold;
	color: #A0522D;
}
.fixtures_header .filter
{
	font-size: 11px;
	color: #A0522D;
	text-align: left;
	margin-left: 10px;
}
.fixtures_header .comment
{
	margin-top: 5px;
	font-size: 10px;
	text-align: left;
	margin-left: 10px;
	color: #A0522D;
}
.fixtures-pubdetail .fixtures_header .comment
{
	margin-top: 5px;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	margin-left: 0px;
	color: #000;
}
.fixtures_header a 
{
	color: grey;
	text-decoration: underline;
}
.fixtures_header a:hover
{
	text-decoration: none;
}
/* span holding the calendar */
.fixtures .scrollArea, .fixtures-pubdetail .scrollArea {
	padding-left: 2px;
	padding-right: 2px;
	border: solid 2px #ffffff;
	border-top: none;
	float: left;
	overflow: auto;
}
.fixtures .scrollArea 
{
	width: 392px;
	height: 380px;
}
.fixtures-pubdetail .scrollArea {
	width: 277px;
	height: 200px;
}

/* Various Calendar / Fixtures styles */
/*
	'Raw' Calendar on the Calendar page.
	.fixtures Calendar on the Home page.
	.pub_fixtures Calendar on the Pub Details page
*/

TABLE.calendar {
	border: 1px lightblue solid;
	border-collapse: collapse;
}
.fixtures TABLE.calendar
{
	/* Make this width too LARGE, and a horiz scroll bar will appear */
	width: 365px;
	border: 0px #000000 none;
	margin: 5px;
}
.fixtures-pubdetail TABLE.calendar
{
	/* Make this width too LARGE, and a horiz scroll bar will appear */
	width: 250px;
	border: 0px #000000 none;
	margin: 5px;
}

TH.calendar {
	border: 1px #000000 solid;
	border-collapse: collapse;
	padding: 2px;
}

TD.calendar, TD.calendardate, TD.calendarteams {
	padding: 8px;
	border: none;
	border-collapse: collapse;
	margin: 0px;
	/*
	border-bottom: 1px lightblue solid;
	border: 1px #000000 solid;
	*/
}
.fixtures TD.calendar, .fixtures TD.calendardate, .fixtures TD.calendarteams, .fixtures TD.calendartime
{
	padding: 2px;
	padding-bottom: 4px;
}
.fixtures-pubdetail TD.calendar, .fixtures-pubdetail TD.calendardate, .fixtures-pubdetail TD.calendarteams, .fixtures-pubdetail TD.calendartime
{
	padding: 2px;
	padding-bottom: 4px;
}
.fixtures .calendardescription , .fixtures-pubdetail .calendardescription
{
	padding: 10px 0px 5px 0px;
	font-weight: normal;
	font-size: 11px;
}

TD.calendardate {
	border-top: 1px lightblue solid;
	border-bottom: none;
	color: lightblue;
	/*
	background-color: #4F4F4F;
	background-color: lightblue;
	color : #000000;
	*/
	font-weight: bold;
	margin-top: 15px;
}

TD.calendarteams, TD.calendartime {
	font-weight: bold;
	vertical-align: top;
}
.fixtures .calendar .form_button
{
	font-size: 10px;
	margin-top: 2px;
}

/***** Page Headers *****/

#pageheader {
	padding: 0px;
	margin-top: 5px;
	/* margin below all headers */
	margin-bottom: 10px;
	background: #C9D4A7;
	color: #A0522D;
	/* centre tables and text */
	text-align: center;
}
/* centre tables */
#pageheader TABLE 
{ 
	margin-left: auto; 
	margin-right: auto; 
	text-align: left; 
}
#pageheader .form_label 
{
	font-size: 12px;
	font-weight: bold;
	color: #A0522D;
	/*padding: 15px 0px 10px 0px;*/
}
#pageheader select, #pageheader input
{
	margin-top: 2px;
	font-size: 12px;
	margin-left: 3px;
}
/* title text */
#pageheader h1 {
	margin-top: 0px;
	/*ie will default a margin, but ns wont - so create one*/
	margin-bottom: 5px;
	font-size: 14pt;
	font-weight: bold;
	text-align: left;
	/* same as the table below */
	border: 2px #C9D4A7 solid;
	/*
	border-top: 1px gray solid;
	border-left: 3px gray solid;
	border-right: 1px gray solid;
	border-bottom: 3px gray solid;
	*/
	background-color: black;
	/*text-decoration: underline;*/
	color: #ffa10c;
	padding-top: 3px 2px 3px 5px;
}
#pageheader a 
{
	font-weight: normal;
	color: grey;
	text-decoration: underline;
}
#pageheader a:hover
{
	text-decoration: none;
}
/* Search Results */

.searchresults 
{
	padding: 0px;
	margin: 0px;
	/*margin: 0px 0px 5px 0px;*/
}

/*
.searchresults #cols 
{
	height: 30px;
}
*/
.searchresults #col1 { float: left; width: 25%; margin-left: 25%; }
.searchresults #col2 { float: left; width: 30%; margin-left: -55%; }
.searchresults #col3 { float: left; width: 50%; }
.searchresults #col1, .searchresults #col2, .searchresults #col3 
{
	text-align: center;
}

.searchresults .searchnav 
{
	/* clear cols float above */
	clear: both;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* same padding as searchnav above */
.searchresults .game 
{
	color: #A0522D;
	padding: 5px 10px 10px 10px;
	text-align: left;
}
.searchresults .game-details 
{
	font-weight: bold;
	font-size: 14px;
}
.searchresults .gamesmessage, .searchresults .gamesmessage-nogames, .searchresults .gamesmessage-withgames
{
	margin: 0px;
}
.searchresults .gamesmessage-nogames, .searchresults .gamesmessage-withgames
{
	margin: 8px 0px 5px 0px;
	text-align: left;
	color: #A0522D;
	background-color: #C9D4A7;
	padding: 2px 3px 3px 3px;
	border-top: solid 1px #C9D4A7;
	border-left: solid 1px #C9D4A7;
	border-right: solid 1px #C9D4A7;
}
.searchresults .gamesmessage-nogames .comment 
{
	font-size: 9px;
}
.searchresults .item_header
{
	margin: 5px 0px 2px 0px;
}
.searchresults .item_detail
{
	margin: 0px 5px 5px 0px;
}

.searchresults .tube 
{
	text-align: right;
	/* should match item_header above */
	margin-top: 5px;
	margin-right: 15px;
}

/* Calendar */

#calendar #quicklinks 
{
	padding-bottom: 10px;
}

/* Function Room */


/* Pub Details */

/* h2 for google */
#pageheader .pubdetail h2{
	margin: 0px 2px 3px 0px;	
	border: solid 0px black;
	padding: 0px 0px 3px 0px;
	color: black;
	font-weight: bold;
	font-size: 11pt;
	text-align: left;
}

TABLE.pubdetail
{
	/* same as the header h1 style above */
	border: 2px #C9D4A7 solid;
}

/***** Forms (not Forms in headers - see above) *****/

.form_label 
{
	/* this should match the size of the fixtures labels and wireframe box text */
	font-size: 14px;
	font-weight: bold;
	padding: 15px 0px 10px 0px;
}
.location .form_button 
{
	/*font-weight: bold;
	font-size: 16px;*/
	margin-top: 20px;
	margin-bottom: 15px;
	height: 25px;
	width: 80px;
}
.location .form_optional 
{
	font-weight: normal;
	font-size: 11px;
	padding-right: 5px;
}
.location select 
{
	font-size: 13px;
	height: 19px;
}