/*
Theme Name: parkrun
Theme URI: http://parkrun.com
Author: parkrun HQ
Author URI: http://parkrun.com/
Description: parkrun child theme of twentyeleven
Version: 1.0
Template: twentyeleven

credit to Ryan Fait (ryanfait.com/sticky-footer/) for his sticky footer html/css code
*/


/* following starred rule required for sticky footer on older browsers */
* {
	margin: 0;
}

html
{
	/* height:100% required for sticky footer */
	height:100%;
	margin: 0;
}

body
{
	padding:0;
	margin:0;
	font-family:Arial, sans-serif, Helvetica;
	font-size:small;
	color:#563C00;
	background-color:transparent;
	/* height:100% required for sticky footer */
	height:100%;
}

p, ul
{
	line-height: 18px;
}
a:link, a:visited
{
	color:#D99F00;
	background-color:inherit;
	text-decoration:none;
}
a:hover, a:active
{
	color:#BFBD00;
	background-color:inherit;
	text-decoration:none;
}


/* start of classes for the parkrun graded-brown visual header element at top of all pages */
.headerbar
{
	height:116px;
	width:100%;
	min-width:960px;
	background-image: url('images/sep.jpg');
	background-repeat:repeat-x;
	z-index:100;
}
.headerbarflag
{
	position:absolute;
	width:157px;
	height:116px;
	left:0;
	top:0;
	z-index:1;
}
.headerbarflagclickable
{
	position:absolute;
	top:0px;
	left:0px;
	width:125px;
	height:85px;
	cursor:pointer;
}
.headerbarjuniorprlogo
{
	position:absolute;
	width:250px;
	height:67px;
	left:10px;
	top:24px;
	background-image:url('images/juniorprlogo.png');
	background-repeat:no-repeat;
	z-index:2;
}
.headerbarprlogo
{
	position:absolute;
	width:300px;
	height:67px;
	left:109px;
	top:24px;
	background-repeat:no-repeat;
	z-index:2;
}
.headerbareventname
{
	/* note that the background-image url is now dynamically done in header.php
	   and assigned to the div using inline style - this is so we can get the
	   event specific one obviously */
	position:absolute;
	top:88px;
	left:0px;
	width:249px;
	z-index:3;
	background-repeat:no-repeat;
	background-position:right top;
}
.headerbarleft
{
	float:left;
	width: 254px;
	height:100%;
	position:relative;
}
.headerbarright
{
	float:right;
	height:116px;
}
.menubar
{
	float:left;
	height:76px;
	padding-top:70px;
}
.ribandbar
{
	float:right;
	top:0px;
	height:116px;
	width:70px;
	background-image:url('images/ribandsmaller.jpg');
	background-repeat:no-repeat;
}
.ribandbarclickable
{
	position:relative;
	top:0px;
	left:8px;
	width:50px;
	height:76px;
	cursor:pointer;
}
/* end of classes for the parkrun graded-brown visual header element at top of all pages */



/* start of classes for menu on all pages - this is adapted from the css in style.css of twentyeleven (default) theme */
#access
{
	clear: both;
	display: block;
	float: left;
	margin: 0 auto 6px;
	width: auto;
	font-family:Arial;
	font-size:14px;
}

#access ul {
	font-size: 13px;
	list-style: none;
	margin: 0 0 0 -0.8125em;
	padding-left: 0;
}
#access li {
	float: left;
	position: relative;
}
#access a
{
	color: #FFFFFF;
	background-color:Transparent;
	display: block;
	padding: 5px 13px 5px 13px;
	text-decoration: none;
}

/* this is what hiddes the sub-menu by default i.e. when its parent is not being hovered over - the
   rest of the sub-menu styles are in ul.sub-menu below */
#access ul ul {
	display: none;
}

/* this is what makes the drowpdowns appear when we hover */
#access ul li:hover > ul {
	display: block;
}

/* this is what styles the dropdown block i.e the ul that appears when a parent menu item is hovered over */
ul.sub-menu {
	/* positioning stuff */
	float: left;
	margin: 0;
	position: absolute;
	top: 1.8em;
	/* made this -1em i.e. menu starts a bit to the left so that the More.. dropdown (see next rule) doesn't look too out of place being -3.8 to the left, which it needs to be to not attract a horizontal scrollbar as its near the rhs of page */
	left: -1em;
	min-width: 150px;
	z-index: 99999;
	text-align:left;

	/* styling stuff */
	background: #F5FAFC;
	border:1px solid #DDDDDD;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
}

/* this styles all the individual sub-menu items, whether currently selected or not */
ul.sub-menu > li
{
	border-top: 1px dotted #DDDDDD;
	width:100%;
	/* these top and bottom 5px paddings combine with the 5px top and bottom padding
	   for the link that the li contains, provided by "#access a" above - easier to
	   put the extra here rather than change all the a:<pseudoclass> flavours to
	   override "#access a" with 10px top and bottom */
	padding-top:5px;
	padding-bottom:5px;
}
/* override the FIRST sub-menu item such that it doesn't get the top border dotted
   line because it doesn't need a separator as its at the top of the dropdown */
ul.sub-menu > li:first-child
{
	border-style:none !important;
	border-width:0px !important;
}

/* this styles the links within the dropdown menu (except when hovered over)   note the !important
 is required to override "#access a" above */
.sub-menu > li > a:link, .sub-menu > li > a:visited
{
	color:#444444 !important;
}

/* this is the hover over style for top-level (i.e. always visible) menu items EXCEPT
   where this is the currently selected top-level menu item */
#access > div > ul > li:hover > a
{
	color:#D8D777;
}

/* this is the currently selected top-level menu item EXCEPT where it is being hovered over currently */
#access > div > ul > li.current-menu-item, #access > div > ul > li.current-menu-ancestor
{
	background-color:#6C4E00;
	border-radius:5px;
}

/* this is the hover over style for top-level (i.e. always visible) menu items WHERE
   this is the currently selected top-level menu item */
#access > div > ul > li.current-menu-item > a, #access > div > ul > li.current-menu-ancestor > a
{
	color:#FFFFFF;
}

/* these next 3 are the currently selected dropdown menu item (i.e. WITHIN the dropdown menu) EXCEPT where
   it is being hovered over currently - note that the middle one is removing the top dotted border
   from the next menu item below it */
#access > div > ul > li.current-menu-ancestor > ul > li.current-menu-item
{
	color:inherit;
	background-color:#6C4E00;
	border-style:none !important;
	border-width:0px !important;
}
#access > div > ul > li.current-menu-ancestor > ul > li.current-menu-item + li
{
	/* the + above selects the NEXT <li> after (physically below in the dropdown) the selected one */
	border-top-style:none !important;
	border-top-width:0px !important;
}
#access > div > ul > li.current-menu-ancestor > ul > li.current-menu-item > a
{
	color:#FFFFFF !important;
	background-color:inherit;
}

/* this is the hover styles over the dropdown items EXCEPT where the item is currently selected */
#access > div > ul > li > ul > li > a:hover
{
	color:#D8D777 !important;
	background-color:inherit;
}

/* this is the hover styles over the dropdown items WHERE the item IS currently selected - this
   color doesn't actually dynamically change (its white) but we must override the rule
   immediately above which changes the color on hover for all the OTHER (i.e. unselected)
   dropdown menu items*/
#access > div > ul > li.current-menu-ancestor > ul > li.current-menu-item > a:hover
{
	color:#FFFFFF !important;
	background-color:inherit;
}
/* end of classes for menu on all pages - this is adapted from the css in style.css of twentyeleven (default) theme */



/* start of general content classes i.e. not related particularly to e.g. header/footer/menu etc */
/* h1 is the chesnut brown main page headings */
h1
{
	font-size:28px;
	font-weight:normal;
	color:#B06600;
	background-color:inherit;
	text-align:center;
}
/* h2 is the dark blue sub-headings that appear on some pages e.g. "Thanks" in homepage */
h2
{
	font-size:26px;
	font-weight:normal;
	color:#375162;
	background-color:inherit;
}
/* h3 is the golden coloured sub-headings seen across the site */
h3
{
	font-size:20px;
	font-weight:normal;
	color:#938C00;
	background-color:inherit;
}
/* h3 is the same golden colour as h3 but slightly smaller */
h4
{
	font-size:17px;
	font-weight:normal;
	color:#938C00;
	background-color:inherit;
}




/* start of homepage rules - if we don't share these with other pages, can remove these to special stylesheet per page if
we want - means we'd reference 2 stylesheets i.e. whats left here (generic.css maybe) and the specific - and
therefore SMALL with no redundancy of stuff specific to other pages - one for that page; we'd do this for all pages */
.hometop
{
	padding-top:20px;
}
.hometoph3
{
	height:50px;
}
.hometopleft
{
	float:left;
	width:48%;
	position:relative;
}
.hometopleftinner
{
	float:right;
	width:250px;
	text-align:center;
}
.hometopright
{
	float:right;
	text-align:left;
	width:48%;
}
.hometoprightinner
{
	width:250px;
	text-align:center;
}

.homebarcode
{
	width:500px;
    	margin: 0px auto;
	text-align:left;
}
.homebarcodeimage
{
	display:inline-block;
	width:99px;
	padding-top:30px;
}
.homebarcodetext
{
	display:inline-block;
	width:350px;
	vertical-align:top;
	padding-left:40px;
}
.homebarcodelist
{
	display:inline;
	width:350px;
	vertical-align:top;
	line-height: 22px;
}
.homeupcoming
{
	/*color:#6A8B98;
	background-color:inherit;*/
	font-weight:bold;
	font-size:16px;
	line-height:18px;
}
.homeleft
{
	float:left;
	width:325px;
	text-align:left;
}
/* homeright, ..inner and ..innerinner are all required to get the right hand side bar of the homepage
working such that we can specify an image with width of between 350px and 600px and it will behave
correctly regardless of where in that range it is i.e. the bigger image contracts LEFTWARDS into the
gap in the middle of the page (between homeleft and homeright divs) rather than rightwards making the
page lopsided AND it takes the text below the image (Thanks to this weeks vols etc) flush with it i.e.
it moves the left hand edge of that text also leftwards into the gap so it stays flush with the left
hand edge of the image and expands to be the same width as the image */
.homeright
{
	float:right;
	width:625px;
	text-align:right;
}
.homerightinner
{
	width:350px;
	float:right;
}
.homerightinnerinner
{
	float:right;
	max-width:600px;
	text-align:left;
}
/* end of homepage rules - may move to specific homepage stylesheet (see above) */



/* start of course page rules - same as home page i.e. may move to specific site */
/* the main left and right panels use
	display:table-cell
   to acheive the two column effect with special provision that the LHS column should
   expand and contract to fill the rest of the width of the main content area based on
   the width of the map at the top of the RHS column i.e. and that map should define
   the width of the entire RHS column. "table-cell" display value is supported by
   Opera, Safari, FF and Chrome (can't see note of when they started supporing but
   think they've done so for a long time); IE8 onwards supports it, but prior to 8 it
   will not display absolutely as intended - but its only ~1.5% of browsers (now at
   October 2012) and decreasing, plus it still renders quite sensibly in IE7 just not
   in the two-column design */
.courseleft
{
	display:table-cell;
	width:100%;
	padding-right:15px; /* this padding is the small gap between the left and right panels on the course page */
	text-align:left;
	vertical-align:top;
}

/*
 * broken nesting of HTML elements (<li> outside of <ul>, etc.)
 * cannot be easily fixed across all event websites, but
 * provides useful signature for fixing "About Us" without affecting "Course"
 *
 * link element that is direct descendant of div element of class courseleft
 * requires spacing to preceding image and text;  no bullet point with image
 *
 * ... direct descendant image element
 * requires spacing to adjacent text
 */
div.courseleft > li { clear: left; list-style-type: none; padding-top: 1em; }
div.courseleft > li > img { float:left; padding-right: 1em; }

.courseright
{
	display:table-cell;
	vertical-align:top;
	text-align:left;
}
.coursegivewayimg
{
	float:left;
	margin:5px 5px 5px 5px;
	width:90px;
	height:80px;
}
.coursebusimg
{
	float:right;
	margin:5px 5px 5px 5px;
	width:83px;
	height:80px;
}
.floatright
{
	float:right;
}
.floatleft
{
	float:left;
}
/* end of course page rules */



/* results styles - ripped off from old DNN stylesheet */
table#results {
	/* this centres the table within the parent div */
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
#results th {
	white-space:nowrap;
	text-align:center;
	padding-right:10px;
}
#results A:link, #results A:visited	 {
	font-family:Arial, Helvetica, sans-serif;
	color:#66818a;
	font-weight:normal;
	text-decoration:none;
	line-height:normal;
		outline: none;
}
#results A:hover, #results A:active {
	font-family:Arial, Helvetica, sans-serif;
	color:#f0b000;
	font-weight:normal;
	text-decoration:none;
	line-height:normal;
}
#results .normal, #results p, #results div, #results td, #results li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#66818a;
	line-height:normal;
}
#results th A:link, #results th A:visited,
#results th A:hover, #results th A:active,
#results th {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#b06600;
	text-decoration:none;
	line-height:normal;
	font-weight:normal;
}
#results td {
	font-size:12px;
	background-color:#f5fafc;
	border:1px solid #c7dbe3;
	vertical-align:middle;
	padding:5px;
}
#results td td {
	padding:0px;
	background-color:transparent;
	border:0px;
}
#results td.gender {
	font-size:12px;
	background-color:#edecd3;
	border:1px solid #d8d7a6;
	vertical-align:middle;
	padding:5px;
	text-align:center;
	color:#929163;
}
#results td.empty {
	border:0px;
	background-color:transparent;
}
#results th.bspacer, #results td.bspacer {
	border-style:none;
	border-width:0px;
	background-color:transparent;
}
#results td.newRecord {
	font-weight:bold;
	font-style: italic;
}
#results img
{
	border-style:none;
	border-width:0;
}
/* below here is still results page styles but these are new ones for WP site i.e. no longer
   the DNN ripoff rules */
.resultstop
{
	display:inline-block;
	text-align:center;
	width:948px; /* (page width - padding - border) = (970 - 20 - 2) = 948px */
	padding:10px 10px 10px 10px;
	border-radius:7px;
	border-color:#C7DBE3;
	border-width:1px;
	border-style:solid;
	color:inherit;
	background-color:#F5FAFC;
}
.resultstopleft
{
	float:left;
	width:45%;
}
.resultstopleftinner
{
	float:right;
	text-align:left;
}
.resultstopright
{
	float:right;
	width:45%;
	text-align:left;
}
/* end of results pages styles */








.paddetandb
{
	padding-top:10px;
	padding-bottom:10px;
}
.morepaddedtandb
{
	padding-top:20px;
	padding-bottom:20px;
}
.paddedt
{
	padding-top:10px;
}
.morepaddedt
{
	padding-top:20px;
}
.lesspaddedt
{
	padding-top:5px;
}
.paddedb
{
	padding-bottom:10px;
}
.morepaddedb
{
	padding-bottom:20px;
}
.lesspaddedb
{
	padding-bottom:5px;
}
.margintandb
{
	margin-top:10px;
	margin-bottom:10px;
}
.moremargintandb
{
	margin-top:20px;
	margin-bottom:20px;
}
.paddedl
{
	padding-left:10px;
}
.paddedr
{
	padding-right:10px;
}
.morepaddedl
{
	padding-left:20px;
}
.morepaddedr
{
	padding-right:20px;
}
.left
{
	text-align:left;
}
.centred
{
	text-align:center;
}
.relativepos
{
	position:relative;
}
.absolutepos
{
	position:absolute;
}
.red
{
	color:Red;
	background-color:inherit;
}
.linkedimage
{
	border-style:none;
	border-width:0;
}
.bluetext
{
	color:#6A8B98;
	background-color:inherit;
}
.noindentlist
{
	margin-left:-0.95em;
	padding:0;
}
.largerfont
{
	font-size:larger;
}
.rosterimagetext
{
	vertical-align:-2px;
}
.fb-like
{
	display:inline-block;
}
.twitter-share-button
{
	/* this class is applied to the twitter iframe that's produced for the Tweet button - this
	height is needed to vertically align the Tweet widget with the Facebook "Like" widget */
	vertical-align:top;
	padding-left:10px;
}
.socialmediacontainer
{
	/* contains the FB/Twitter widgets with the news item (WP blog) posts*/
	padding-top:10px;
}
.wp-bookmark-ul
{
	text-align:left;
	list-item-style:none;
}
.news-sidebar-google-ad
{
	padding:10px 0px 5px 0px;
}
.news-nav-no-link
{
	color:#BBBBBB;
	background-color:inherit;
}
.results-topbar-google-ad
{
	width:100%;
	padding:15px 0px 15px 0px;
}
.results-topbar-google-ad > div
{
	margin: 0px auto;
}
.flashMovie
{
	width:100%;
	position:relative;
}
.flashMovieBg
{
	background-repeat:no-repeat;
	background-size:100% 53px;
	background-position:0px 464px;
}
.grassBg
{
	background-image:url('images/grass-background.png');
}
.snowBg
{
	background-image:url('images/snow-background.png');
}
.threecoldiv
{
        float:left;
	text-align:justify;
        width:300px;
	height:650px;
}
.threecoldivside
{
	padding:20px 0px 0px 0px;
}
.threecoldivmiddle
{
	padding:20px 25px 0px 25px;
}
.threecolbutton
{
	position:absolute;
	top:630px;
}
.autowidth
{
	width:auto;
}
.result-chart-iframe-div
{
	width:100%;
	margin:0 auto;
}
.ajax-search-control
{
	display:inline-block;
	padding-right:25px;
}
.ajax-search-control > input
{
	width:275px;
}
.clear
{
	clear:both;
}
.footer-image-padding
{
	padding-left:20px;
}
/* end of general content classes i.e. not related particularly to e.g. header/footer/menu etc */

/* registration pages */
.register
{
	font-size:17px;
}
.reg-warning-img
{
	width:100px;
	height:87px;
}
.reg-warning-img-div
{
	width:102px;
}
.reg-warning-text
{
	width:680px;
	padding:10px 28px 10px 28px;
}
.reg-flag-link-div
{
	width:390px;
	height:auto;
	padding:5px 5px 5px 5px;
	border:1px solid #CCCCCC;
	color:inherit;
	background-color:#FFFFBB;
	margin:0px auto;
}
.reg-form-iframe-short
{
	width:100%;
	height:460px;
}
.reg-form-iframe-tall
{
	width:100%;
	height:550px;
}
/* Russia needs taller yet */
.reg-form-iframe-taller
{
	width:100%;
	height:600px;
}
.sparkle-logo-img
{
	width:300px;
	height:128px;
}
.sparkle-blurb
{
	width:600px;
	height:auto;
}
.reg-ts-and-cs
{
	width:100%;
	padding:5px 8px 5px 8px;
	color:inherit;
	background-color:#FFFFBB;
	border:1px solid #CCCCCC;
}

/* sponsor-heading should be the same across all the sponsor stylesheets AND here, such that the
   heading area (h1 left-aligned and - on some pages - logo right-aligned) is  the same
   height across them all, so that clicking between them, the banner images do not
   appear to move up and down; need it here as the sponsor landing page and supports page use
   this general stylesheet, but also have the banner images and we want that consistancy */
.sponsor-heading
{
	padding-top:10px;
	height:40px;
}
/* the split images in e.g. adidas sponsor page, whilst natively 200px tall, render at 203 or
   204px in the browser - don't know why (using googles rule lines in dev tools); so, adding
   3px to the bottom of the single image in default sponsor page, which both IS 200px AND
   renders as 200px, so that flicking between that and the individual sponsors pages, the
   content doesn't flicker up and down below the banner images */
.base-sponsor-banner-div
{
	padding-bottom:3px;
}
.sponsor-intro
{
	padding-left:155px;
}
.sponsor-intro-image-div
{
	/* small padding to ensure top of lcase characters in top line of sponsor blurb
	   lines up exactly with top of small sponsor image */
	padding-top:3px;
}

.country-aboutus-left
{
	width:570px;
	padding-right:20px;
}
.country-aboutus-right
{
	width:360px;
}
.country-aboutus-sidebar
{
	padding:15px 15px 15px 15px;
	color:inherit;
	background-color:#F5FAFC;
	border-color:#C7DBE3;
	border-style:solid;
	border-width:1px;
	border-radius:8px;
}
.country-aboutus-bio-img
{
	width:250px;
	height:250px;
	margin-right:10px;
	margin-bottom:10px;
	border:1px solid #CCCCCC;
}
.uk-event-home-sponsor-block
{
	width:300px;
	color:inherit;
	background-color:#EFEFEF;
	border:2px solid #DDDDDD;
}
.auto-width-height
{
	width:auto !important;
	height:auto !important;
}
.uk-event-home-single-sponsor
{
	width:300px;
	height:90px;
	text-align:center;
	color:inherit;
	background-color:#EFEFEF;
	line-height:90px;
}
.uk-event-home-single-sponsor img
{
	vertical-align: middle;
}


/* start of modal support dialog styles - the style to do with the
 rendering of the jQuery-generated controls are in the jQuery
 scripts folder */
.support-tab-control
{
	position:fixed;
	top:250px;
	right:0px;
	height:96px;
	width:40px;
	border-right:none 0px;
	border-left:solid 2px #323026;
	border-top:solid 2px #323026;
	border-bottom:solid 2px #323026;
	cursor:pointer;
}
.support-half-dialog
{
	background-color:#F2F2F2;
	border:solid 1px #DDDDDD;
	border-radius:8px;
	margin:10px 10px 10px 10px;
	padding:5px 5px 5px 5px;
}
.support-half-dialog > h3
{
	font-size:18px;
}

.support-middle-dialog
{
	height:auto;
	width:auto;
	margin-left:1px;
}
.support-middle-dialog span
{
	padding-top:2px;
	padding-bottom:5px;
	border-top:solid 1px #323026;
	border-bottom:solid 1px #323026;
}
.modaldialogfixedpos
{
	position:fixed;
}
/* end of modal support dialog styles */


/* Christmas tinsel, via @bazzargh at http://jsfiddle.net/V92Gn/543/ */
#christmascontainer {
    width: 500px;
    height: 110px;
    background-color: white;
    position: relative;
    margin: 0 auto; }

#christmascanvas{ position: absolute; z-index: 1 }

#christmasmessage {
    position: absolute;
    margin: 00 auto;
    left: 15px;
    top: 15px;
    width: 470px;
    height: 80px;
    z-index: 2;
    color: white;
    background: red; }

a.profilelink:link,a.profilelink:visited,a.profilelink:hover,a.profilelink:active
{
        color:#FFFFFF;
        background-color:inherit;
        text-decoration:none;
	display: block;
}

p.profilelink
{
        padding: 10px;
        font-size: larger;
        color: white;
        background-color: #C1C944;
        margin: 0px 0px 0px 0px;
        border-radius: 10px
}

/* following 2 classes (.footer and .push) required for sticky footer */
#page
{
	margin: 0 auto -473px; /* the bottom margin is the negative value of the footer's height i.e. (height + padding) of footer */
}
.footer 
{
	height: 473px; /* .push must be the same height as .footer i.e. (height + padding) of footer */
	color:inherit;
	background-color:#FFFFFF;
}
.push 
{
	/* the .push div is a very neat construct to balance the footer to ensure the footer is always
	flush to the bottom regardless of whether the actaul content pushes the viewport down far enough
	to get a vertical scrollbar or not i.e. fills the viewport or not */
	height: 473px; /* .push must be the same height as .footer i.e. (height + padding) of footer */
}

/* start of inner-footer stuff */
.statscontainer
{
	min-width:960px;
	width:100%;
	height:270px;
	border-top:3px solid #000000;
	text-align:center;
	color:inherit;
	background-color:#FFFFFF;
}
.footerimage
{
	width:100%;
	height:190px;
	text-align:center;
	background-color:#FFFFFF;
}
.footerimageinner
{
	width:90%;
	min-width:960px;
	height:190px;
}
div#FooterStats
{
    width:100%;
    margin-top:8px;
}
div#FooterStats table
{
    width: 960px;
    margin: 0 auto;
}
div#FooterStats>table td
{
    font-size: 12px;
    color: #FFFFFF;
    line-height: 18px;
    text-align:left;
    margin:0;
    padding:0;
}
div#FooterStats table td h1#stats_panel
{
    font-size: 30px;
    font-weight: normal;
    color: #99D6EA;
    background-color: inherit;
    letter-spacing: -1px;
    line-height: normal;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-bottom: 10px;
    text-align:left !important;
}
div#FooterStats table td.interactivetd,div#FooterStats table td.interactivetd p
{
    text-align:center;
}
div.recorddiv,div.recordholderdiv
{
    display:inline-block;
    vertical-align:top;
}
div.recordholderdiv
{
    padding-left: 3px;
}
div#FooterStats
{
    text-align:left;
}
div#FooterStats hr
{
    width: 960px;
    display:inline-block;
    border-bottom-color: #4D4A39;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    vertical-align:top;
}
div#FooterStats div.hrcontainer
{
    max-height:2px;
    text-align:center;
    vertical-align:top;
    padding-top:4px;
}
div#FooterStats div.footercopyrightetc
{
    width: 960px;
    color: #5D5A49;
    margin: 0 auto;
    font-size:12px;
    padding-top:8px;
}
/* end of footer stuff */