@import "base.css";

/* Very basic content type pieces */
          /* ---------- content-type-heading.css starts here ---------- */
/*
*	Content type heading and standfirst	
*/

div#article-header,
div#article-header h1,
div#article-header #stand-first
{
	width: 460px;
}

div#article-header
{
	background-color: #FFF;
}

h1.article-no-standfirst, 
#stand-first, 
#heading-alone 
{
	padding-bottom: 30px;
}

h1.article-no-standfirst
{
	min-height: 68px;
}

#article-header 
{
	padding-bottom: 0;
	padding-left: 0;
}

div#content
{
	width: 460px;
}
          /* ----------  content-type-heading.css ends here ----------- */
          /* ---------- content-type-attributes.css starts here ---------- */
/*
*	Article attributes, byline, credit etc
*/


div#box div#content ul.article-attributes li
{
	font-size: 1em;
}

ul.article-attributes li.byline span
{
	font-weight: bold;
}

div#content p#credit
{
	font-size: 0.9em; 
	color: #666; 
	margin-bottom: 0;
}


div#content ul.article-attributes li.byline
{
	display: block;
}

body.cartoon div#content ul.article-attributes li.byline
{
	display: inline;
}
          /* ----------  content-type-attributes.css ends here ----------- */

/* Specific content types styles*/
          /* ---------- article.css starts here ---------- */
          /* ---------- tri-trailblock.css starts here ---------- */
/*
alternative tri trailblock layout

----------------------------------------------------------------------*/

ul.alternative
{ 
	overflow: hidden; 
}

ul.alternative li.wide img,
#content ul.alternative li.normal,
#content ul.alternative li.wide
{	
	float: left;
}

ul.alternative li.wide div.trail-caption,
#content ul.alternative li.normal
{
	width: 140px;
}

#content ul.alternative li.wide
{
	clear: both;
	width: 460px;
}

ul.alternative li.wide div.trail-caption,
#content ul.alternative li.normal
{
	margin-left: 20px;
}

#content ul.alternative li.odd,
#box #content ul.alternative li.wide
{
	margin-left: 0;
}

ul.alternative li.wide div.trail-caption
{
	float: right;
}

#box #content ul.alternative li.image
{
	border-top: none;
}


/* end alternative trailblock layout */


/*
full-width tri trailblock layout

----------------------------------------------------------------------*/

ul.tri
{ 
	overflow: hidden;
}

body.full-width #content #main-trailblock li
{
	width: 220px
}

 #content #main-trailblock li li
{
	width: auto
}

#content ul.tri li
{
	float: left;
}

ul.tri li
{
	width: 140px;
}


ul.tri li
{
	margin-left: 20px;
}

ul.tri li.first
{
	margin-left: 0;
	clear: left;
}


/* end tri trailblock layout */


ol.odd
{
    margin-right: 20px
}

#content div.commercial-trail li .link-text
{
	font-family: georgia, serif;
	font-size: 1.333em;
	line-height: 1.14285;
}

div.text
{
	border-top: 1px dotted;
	padding-top: 3px;
	margin-bottom: 25px;
	font-size: 0.9166666667em;
}
          /* ----------  tri-trailblock.css ends here ----------- */
          /* ---------- article-page.css starts here ---------- */
/* CSS for pages with body class article */

body.article div#content
{
	font-size: 1.165em; /* 14px */
	line-height: 1.36; /* 19px at default font size */
}

body.travel-offer #content
{
	font-size: 1em;
}

body.article div#content p.caption
{
	margin-top: 0;
}

#wrapper
{
	background-image: url(images/article-bg-lines.gif);
	background-repeat: repeat-y;
}

body.article h2.related-information,
body.article h2.strap
{
	font-family: arial, sans-serif;
	font-weight: bold;
}

h2#stand-first
{
	font-size: 1.333em;
	font-family: arial, sans-serif;
	color: #666;
}

/* old more on keyword component, also used on katine and match facts, to refactor  */
body.article h2.related-information
{
	background-image: none;
	border-top: 1px dotted;
}

body.article div#related
{
	float: right;
}

div#related,
div#related div.relatedlinks
{
	width: 140px;
}

div#related div.relatedlinks
{
	padding-bottom: 40px;
	clear: left;
}

body.article #box div.relatedlinks h3
{
	font-family: arial, sans-serif;
	border-top: 1px dotted #999;
	font-size: 1em;
	font-weight: bold;
	margin-top: 6px;
	padding-top: 3px;
}

body.article #box .no-tools .relatedlinks h3.first
{
	margin-top: 0;
}

body.article div#related div.relatedlinks h3.first,
body.blog-post div#related div.relatedlinks h3.blog-more-on
{
	border-top: 1px solid;
}

body.article ul.relatedlinks-keywords li
{
	display: inline;
}
/* old more on keyword component ends */

body.article #content span.inline
{
	width: auto;
}

body.article div#also-on
{
	border-top: 10px solid;
	width: 620px;
}

body.article ul#article-toolbox
{
	border-top-width: 1px;
	border-top-style: dotted;
	clear:both;
	display:block;
	float:left;
	margin-bottom:30px;
	margin-top: 10px;
	padding-top:5px;
	text-align:left;
	width:620px;
}

body.article ul#article-toolbox li
{
	display: inline;
	padding-left: 0;
}

body.article ul#article-toolbox li.article-history
{
	display: block;
}

body.article ul#article-toolbox-side
{
	margin-bottom: 0;
}

body.article #article-header #strap
{
	font-size: 1em;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-bottom: 8px;
}

body.article #article-header
{
	padding-bottom: 0;
}

#article-header #main-article-info,
body.article #article-header #main-article-info,
body.article #article-header h1,
body.article #article-header h2,
body.article #article-header p
{
	width: 460px;
}

body.article #article-header #main-article-info
{
	float: left;
}

body.article #comment-info-related
{
	width:140px;
	margin-left: 20px;
	float: left;
	margin-top: 5px;
	border-top: 1px dotted;
	padding-top: 3px;
}

body.article #content h3,
body.article #box #content h2
{
	font-family: arial, sans-serif;
}

body.article h2,
body.article h5,
body.article h6
{
	font-size: 1em; /* 12px */
}

body.article #content p
{
	margin-bottom: 13px;
}

body.article #compare-and-buy-money-supermarket .link
{
	margin-left: 0;	
}

h1.article-no-standfirst,
#stand-first,
#heading-alone
{
	padding-bottom: 30px
}

body.reuters #article-header
{
	padding-left: 0;
}

body.article #content
{
	width: 460px;
	margin-bottom: 10px;
}

body.article #content p
{
	padding-right: 0;	
}

a.open span.remaining
{
	display: none
}

body.article #box
{
	margin-bottom: 0;
	margin-top: -5px;
}

body.article #box #content h2,
body.article #box #content h3
{
	padding: 2px 0;
	margin: 20px 0 10px 0;
}

body.article #box #content h2,
body.article #box #content h3,
div.multi h5
{
	border-top: 1px dotted #999;
}

body.article #box #content h2,
body.article #box #content h3
{
	border-bottom: 1px dotted;
}

body.article .tips li.last a.more
{
	display: block;
}

ul.article-attributes
{
	border-top: 1px solid;
	border-bottom: 1px solid;
	margin-top: 0;
	margin-bottom: 10px;
	padding-top: 2px;
	position: relative;
	padding-bottom: 12px;
	overflow: hidden;
	min-height: 54px;
}

div#wrapper div#box div#content ul.article-attributes li.byline
{
	display: block;
	margin-bottom: 0;
}

div#wrapper div#box div#content ul.article-attributes li.byline a
{
	font-weight: bold;
}

#content ul.article-attributes li
{
	display: inline;
	font-weight: normal;
	font-size: 1em; /*12px*/
	line-height: 1.25;
	margin-bottom: 0;
}

#content ul.article-attributes li.history
{
	margin-right: 3px;
}

/* byline tools */

div#history-byline
{
	position: relative;
	top: -26px;	
	font-size: 1em;
}

div#history-byline h1
{
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 1em;
}


div#history .section,
div#history-byline .section
{
	margin: 0 5px 0px 5px;
}

div.sponsored-features li.normal
{
	border-top: 1px dotted;
	margin-left: 0;
	padding-top: 3px;
	width: 280px;
}

div.sponsored-features li.image
{
	border-top: none;
	width: 130px;
}

div.sponsored-features li.image.odd
{
	margin-left: 20px;
}

#content span.inline,
#content span.pullout
{
	display: block;
	float: left;
	width: 220px;
	margin: 0 20px 10px 0;
}

#content span.embed
{
	float: none;
	width: auto;
	margin: 0;
}

#content span.wide
{
	display: block;
	float: none;
	width: 460px;
	margin: 0 0 10px 0;
}

#content span.pullout span.credit,
#content span.caption
{
	display: block
}

#box ul.pagination li.first,
#box ul.pagination li.last
{
	width: 140px
}

#box ul.pagination
{
	text-align: right 
}

div#stock-search
{
	border-top: 1px dotted;
	margin-top: 10px;
}

div#stock-search form#stock-search-form
{
	margin-top: 5px;
}

/* readers tips */

div#readers-tips
{
	width: 620px;
	float: left;
	margin-bottom: 10px;
	background-image:url(images/simplesite-inner-bg.gif);
	background-repeat:repeat-y;
}
div#readers-tips.empty
{
	background-image: none;
}
div#readers-tips p.reader-tips a
{
	font-size: 1em;
}
div#readers-tips li
{
	width: 300px;
	float: left;
	margin-bottom: 10px;
}

div#readers-tips li.odd
{
	padding-right: 20px;
}

div#readers-tips li p.tip-header
{
	margin-bottom: 10px;
	padding-top: 3px;
	border-top: 1px dotted;
}

div#readers-tips li.last
{
	float: right;
	border-top: 1px dotted;
	padding-top: 3px;
}

div#readers-tips li.last a
{
	display: inline;
}

/* football summary */

/* Hide the top border for every match report except for football, because it has a summary at the top of the article */

body.match-report .article-attributes
{
	border-top: none;
}

body.football .article-attributes
{
	border-top: 1px solid;
}

body.match-report #related
{
	margin-top: 1.5em;
}

body.match-report #box #content #match-stats-summary h2
{
	margin-top: 0;
	border-top: 0;
}

#match-stats-summary table
{
	border-collapse: collapse;
	margin-bottom: 12px;
}

#match-stats-summary table td, #match-stats-summary table th, #match-stats-summary table caption
{
	text-align: left;
	vertical-align: top;
}

#match-stats-summary table caption
{
	font-weight: bold;
	padding-bottom: 7px;
}

#match-stats-summary table th
{
	padding-right: 30px;
}

#match-stats-summary table td li
{
	display: inline;
	color: #999;
}

/* footer */

body.article #wrapper #footer
{
	padding-top: 10px;
	border-top: none;	
}

body.article #wrapper #footer #footer-links
{
	border-top: 10px solid; 
	padding-top: 4px;
}

div#article-header div.rating-container
{
	position: relative;
	top: -30px;
}

/*
big image holder
-----------------------------------------------------------------------------*/

#big-picture-holder
{
	display: none;
}

#show-big-picture-link.mask img.mask,
#show-big-picture-link.mask div.mask
{
	bottom: 0;
	right: 0;
	left: auto;
	top: auto;
}

#show-big-picture-link img
{
	vertical-align: bottom;
}

#big-picture-holder p.toolbox 
{
	text-align: right;
	margin-bottom: 10px;
	margin-top: 2px;
}

#big-picture-holder
{
	font-size: 0.75em;
}

/*
History by line

--------------------------------------------------------------------------------------------------*/

div#history-byline
{
	position: absolute;
	top: -20px;
	display: none;
}

#article-wrapper
{
	position: relative;
}

div#article-wrapper span.embed span.caption
{
	width: 460px;
}

.pluck-init-block,
.pluck-init-inline
{
	display: none;
}

body.blog-post div#box ul.blog-navigation li
{
	display: inline;
}

body.blog-post div#box ul.blog-navigation li.blog-home
{ 
	position: relative;
	left: 38%; 
}

body.blog-post div#box ul.blog-navigation li.blog-next
{ 
	float: right; 
}

body.blog-post div#box ul.blog-navigation li.blog-previous
{ 
	float: left; 
}

body.blog-post div#box div#article-header ul#blog-nav-top
{
	border-bottom: 1px solid;
	padding: 0 0 14px 0;
	overflow: hidden;	
}

body.blog-post div#box ul#blog-nav-bottom
{
	border-top: 1px dotted;
	margin-bottom: 20px;
	overflow: hidden;
	clear: both;
	width: 100%;
	padding-top: 5px;
}

body.blog-post div#article-header div#main-article-info
{
	min-height: 68px;
}

body.blog-post div#article-header div#page-header h1,
body.blog-post div#article-header div#page-header
{
	padding-bottom: 0;
	margin-bottom: 0;
}

body.blog-post div#article-wrapper
{
	border-top: 1px solid;
	padding-top: 5px;
}

body.blog-post #promo #most-viewed-blog h2
{
	font-family: arial, sans-serif;
	font-weight: bold;
	padding-top: 3px;
}

body.blog-post #promo #most-viewed-blog .tab-toggle-pane
{
	margin-top: 0;
}
          /* ----------  article-page.css ends here ----------- */
          /* ---------- related-content.css starts here ---------- */
div.related-item p.strap
{
	font-family: arial, sans-serif;
	font-weight: bold;
}

body.article  div#related h2.strap
{
	padding-left: 5px;
	border: none;
}

body.article div.related-content div.relatedlinks *,
body.article div.related-content div.related-item *,
body.article div#related div.relatedlinks *,
body.article div#related div.related-item *
{
	margin-left: 0;
	padding-left: 0;
}

body.article .related-content div.relatedlinks h3
{
	font-family: arial, sans-serif;
	border-top: 1px dotted #999;
	font-size: 1em;
	font-weight: bold;
	margin-top: 5px;
	padding-top: 3px;
}

body.article div.related-item div.related-bottom-links
{
	border-top: 1px dotted;
	margin-top: 11px;
	padding-top: 3px;
}

body.article div#also-on div.relatedlinks,
body.article div.related-content div.relatedlinks,
body.article div.related-content div.related-item
{
	float: left;
	width: 140px;
}

body.article div.related-content div.relatedlinks,
body.article div.related-content div.related-item
{
	margin-right: 20px;
}

body.article div.related-content h2,
div.related-item p.strap
{
	border-top: 1px solid;
	font-size: 1em;
	font-family: arial, sans-serif;
	font-weight: bold;
	margin-left: 0;
	padding-left: 0;
	padding-top: 3px;
	padding-bottom: 9px;
}


div.related-item div.trailtext p
{
	display: inline;
}

div.related-item p.linktext
{
	font-weight: bold;
}

div.related-item p.noTrailPicture
{
	padding-top: 5px;
	border-top: 1px dotted;
}

#wrapper div.multi p.linktext
{
	margin-bottom: 0px;
	font-weight: normal;
}

body.article div.related-content 
{
	overflow: hidden;
	width: 480px;
}

body.article div.related-content li
{
	margin-left: 20px;
}

body.article #wrapper #related-info h2
{
	line-height: 1.224;/* 19px at default font size */
}

body.article div#related p.jump-related
{
	padding-left: 20px;
}

body.article div#relatedlinks h3
{
	margin-left: 0;
	font-family: arial, sans-serif;
	font-size: 1em;
	font-weight: bold;
}

body.article #related
{
	margin-left: 20px;
}

/* related stuff */

div#related ul#article-toolbox-side
{
	border-top: 1px solid;
}

div.related-item h4,
div.related-item h5,
div#related div.related-item h4,
div#related div.related-item h5
{
	font-family: arial, sans-serif;
	font-weight: normal;
}

div.multi p.linktext
{
	padding-bottom: 5px;
}

div.multi h5
{
	padding-top: 5px;
}

body.article div#related h2, 
body.article div#related ul,  
body.article div#related p
{
	padding-left: 0;
}


div#related div.related-item
{
	padding-bottom: 40px;
}


body.article div#wrapper div.related-content div.last
{
	margin-right: 0;
}

body.article div#wrapper div.related-content 
{
	background-image: url(images/horizontal-related-content.gif);
	background-repeat: repeat-y;
	background-position: top left;
	border-bottom: 20px solid white;
	clear: left;
	width: 620px;
}

body.article div#wrapper div#related div.related-content
{
	background-image: none;
	width: 140px;
} 

body.article div#wrapper div#promo div.related-content
{
	background-image: none;
	width: 300px;
} 

body.article div.related-content div.relatedlinks
{
	border-top: 1px dotted;
}

body.article div.related-content div.relatedlinks h3.first
{
	border-top: none;
	padding-top: 0;
}

div.related-content h3.first,
div#readers-tips h3,
div#more-in-series h3
{
	background-color: white;
	border-top-width: 10px;
	border-top-style: solid;
	font-family: georgia, serif;
	font-size: 1.166em;
	font-weight: bold;
	padding-bottom: 14px;
	padding-top: 3px;
}

div.related-content div.relatedlinks p.webfeed a,
div#related div.relatedlinks p.webfeed a
{
	padding-left: 16px;
}

div.related-item span.date
{
	font-weight: bold;
}

div.related-item h5.date
{
	font-weight: normal;
}

div.related-content div.relatedlinks p.webfeed,
div#related div.relatedlinks p.webfeed
{
	border-top: 1px dotted #999;
	padding-top: 9px;
}

body.blog-post div#related div.relatedlinks h3.blog-more-on
{
	margin-top: 40px;
	padding-bottom: 9px;
}

body.blog-post div#related div#blog-keywords ul
{
	border-top: 1px dotted;
}

body.blog-post div#related div.relatedlinks .relatedlinks-keywords li a span
{
	position: absolute;
	top: -100em;
}

div#related  div.relatedlinks #tones
{
	margin-top: 40px; 
	border-top: 1px solid;
}

#box div#related div.relatedlinks #tones h3
{
	font-weight: normal;
}

div#related #tones h3.first
{
	border-top: none;
	margin-top: 0;
}
          /* ----------  related-content.css ends here ----------- */
          /* ---------- packages-and-manual-trailblock.css starts here ---------- */
#manual-trailblock
{
	clear: left;
	width: 140px;
	margin-bottom: 40px;
}

#box #manual-trailblock h3
{
	padding-top: 0;
}

#manual-trailblock ul
{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0;
	padding-bottom: 7px;
}

#manual-trailblock ul li
{
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 0;
	padding-top: 4px;
	padding-bottom: 7px;
	border-top: 1px dotted;
}

div.navigation #manual-trailblock ul li
{
	margin-bottom: 0;
}

body.article #related #manual-trailblock ul li h3,
#manual-trailblock ul li h3
{
	font-family: arial, sans-serif;
	font-size: 1em;
	font-weight: bold;
	border-top: none;
	margin: 0;
	padding: 0;
}

#manual-trailblock img.trail-icon
{
	margin-right: 0;
	vertical-align: baseline;
}

#manual-trailblock ul li.picture p,
#manual-trailblock ul li.picture h3,
body.article #related #manual-trailblock ul li.picture h3
{
	margin-left: 5px;
	margin-right: 5px;
}

#manual-trailblock ul li.picture,
#manual-trailblock ul li.picture p.thumbnail
{
	margin: 0;
	border-top: none;
}

#manual-trailblock ul li.picture
{
	overflow: visible;
}

#manual-trailblock ul li.first-trail
{
	padding-top: 0;
}

#manual-trailblock ul li.heading
{
	border-top: 1px solid;
}

#manual-trailblock ul li.first,
#manual-trailblock ul li h3
{
	border-top: none;
}

#manual-trailblock ul li.first
{
	padding-bottom: 7px;
}
          /* ----------  packages-and-manual-trailblock.css ends here ----------- */
          /* ---------- series-component.css starts here ---------- */
/* more in series navigation at the top */

.series-navigation
{
	overflow: hidden;
}

.relative-series-navigation
{
	float: right;
}

.series-navigation
{
	padding-bottom: 6px;
	margin-bottom: 5px;
	border-bottom-style: solid;
	margin-top: 2px;
}

.series-navigation h4
{
	float: left;
}

/* more in series component at the bottom */

div#more-in-series
{
	float: left;
	margin-bottom: 20px;
	background-color: #fff;
}

div#more-in-series,
div#more-in-series ul,
div#more-in-series p.link-to-index 
{
	width: 620px;
}

div#more-in-series ul
{
	background-image: url(images/simplesite-inner-bg.gif);
	background-repeat: repeat-y;
	margin-top: 3px;
}

div#more-in-series ul,
div#more-in-series ul li,
div#more-in-series p.link-to-index
{
	float: left;
}

div#more-in-series ul li
{
	width: 300px;
	margin-right: 20px;
	border-top: 1px dotted #999;
	padding: 3px 0 5px 0;
}

div#more-in-series ul li.series
{
	margin-right: 0;
	float: right;
	clear: right;	
}

div#more-in-series ul li.no-description
{
	margin-right: 20px;	
	float: left;	
}

div#more-in-series ul li h4
{
	font-family: arial, sans-serif;	
	font-weight: bold;
}

div#more-in-series p.link-to-index
{
	clear: both;
	border-top: 1px solid #ccc;
	padding-top: 3px;
	background-color: #fff;
	margin-top: 10px;
}
          /* ----------  series-component.css ends here ----------- */
          /* ---------- article-ad-links.css starts here ---------- */
/* advertiser links starts */
body.article #box ul#article-toolbox
{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
div#advertiser-container
{
	float: left;
	width: 620px;
	margin-bottom: 10px;
}

body.cif div#advertiser-container,
body.contributor div#advertiser-container
{
	float: right;
	width: 460px;
}

div#advertiser-container p.ads-intro
{
	margin-bottom: 30px;
}

div#advertiser-container .advertiser-links h3
{
	border-top: 10px solid;
	font-weight: bold;
	margin-bottom: 16px;
	padding-top: 3px;	
}

div#advertiser-container ul.results li h4 
{
	font-family:arial,sans-serif;
}

div#advertiser-container ul.results li 
{
	border-top:1px dotted;
	padding:3px 0pt 12px;
}
/* advertiser links ends */
          /* ----------  article-ad-links.css ends here ----------- */
          /* ---------- football-tabs.css starts here ---------- */
#tabs 
{
	border-bottom: 1px solid #b1b1b1;
	margin-bottom: 2px;
	line-height: 1.4;
	width: 460px;
}

#tabs  ul#index-toggle-nav
{
	margin-right: 10px;
	position: relative;
	top: 0;
	text-align: right;
}

#tabs #index-toggle-nav li
{
	display: inline;
	font-size: 0.855em;
}

#tabs #index-toggle-nav a
{
	background-color: #fff;	
	background-image: url(images/tabs/tab-active-left.gif);
	background-position: top left;
	color: #000;
	cursor: default;
	display: inline;
	padding: 3px 10px 3px 10px;
	position: relative;
	text-decoration: none;
}

#tabs #index-toggle-nav a span
{
	background: transparent url(images/tabs/tab-active-right.gif) no-repeat scroll top right;
	font-weight: normal;
	display: block;
	width: 8px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
}

#tabs #index-toggle-nav a.inactive,
#tabs #index-toggle-nav a.inactive span
{
	border-bottom-color: #ccc;
	color: #fff;
	cursor: pointer;
}

#tabs #index-toggle-nav a.inactive
{
	background-image: url(images/tabs/tab-sport-inactive-left.gif);
}

#tabs #index-toggle-nav a.inactive span
{
	background-image: url(images/tabs/tab-sport-inactive-right.gif);
}
          /* ----------  football-tabs.css ends here ----------- */
          /* ---------- league-position.css starts here ---------- */
#box #content div#league-position h2
{
	border-top-style: solid;
	border-top-width: 10px;
}
div#league-position table
{
	width: 100%;
	border-collapse: collapse;
}
div#league-position tfoot td
{
	text-align: left;
	padding-left: 0;
}
div#league-position tr
{
	border-top: 1px dotted;
}
div#league-position thead th
{
	background-color: #40a040;
}
div#league-position td, div#league-position th
{
	text-align: right;
}
div#league-position tr.highlighted td
{
	background-color: #d4d4d4;
}
div#league-position .position
{
	width: 24px;
}
div#league-position .team
{
	text-align: left;
	width: 104px;
}
div#league-position .played
{
	width: 21px;
}
div#league-position .won
{
	width: 21px;
}
div#league-position .drawn
{
	width: 21px;
}
div#league-position .lost
{
	width: 21px;
}
div#league-position .points
{
	width: 24px;
}
div#league-position td, div#league-position th
{
	padding: 2px 3px 5px 3px;
}
div#league-position .points
{
	font-weight: bold;
	padding-right: 5px;
}

/* Full width table used on table pages */

div#wrapper div#box div#content h2.latest-table-date
{
	margin-bottom: 0;
}

div#wrapper div#box div#content div#league-position h3
{
	border-top: 1px solid #999;
	font-size: 1em;
	font-family:arial,sans-serif;
	margin-bottom: 10px;
}
div#wrapper div#box div#content div#league-position h3.first
{
	border-top: none;
	padding-top: 0;
}
div#league-position table.full
{
	margin-bottom: 24px;
}
div#league-position table.without-heading
{
	margin-top: 26px;
}
div#league-position table.full thead tr
{
	border-top: 1px solid #999;
}
div#league-position table.full tfoot tr
{
	border-bottom: none;
}

div#league-position table.full tr
{
	border-top: none;
	border-bottom: 1px solid #999;
}


div#league-position table.full .position
{
	width: 30px;
	text-align: center;
	padding-left: 0;
	padding-right: 0;
}

div#league-position table.full .team
{
	width: 155px;
	padding-left: 0;
	padding-right: 0;
}

div#league-position table.full .played,
div#league-position table.full .won,
div#league-position table.full .drawn,
div#league-position table.full .lost
{
	padding-left: 0;
	width: 30px;
	padding-right: 5px;
}

div#league-position table.full td.played,
div#league-position table.full td.won,
div#league-position table.full td.drawn,
div#league-position table.full td.lost
{
	background-color: #F3F3F3;
}
div#league-position table.full td.points
{
	width: 25px;
	padding-left: 0;
}

          /* ----------  league-position.css ends here ----------- */
          /* ---------- factbox.css starts here ---------- */
/* CSS for all factboxes, all of the time. If you make changes here, make sure you're not affecting something unexpected */

div#factbox
{
	background-color: #ededed;
	border-top: 1px solid;
	float: left;
	margin-right: 20px;
	overflow: visible;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	position: relative;
	width: 130px;
	z-index: 1;
}

div#factbox b,
div#factbox li.major
{
	font-weight: bold;
}

div#factbox h5,
div#factbox li.major-heading 
{
	border-bottom: 1px dotted #999;
	margin-bottom: 4px;
	padding-bottom: 5px;
	padding-top: 3px;
}

div#factbox h5.image
{
	border-bottom: none;
}

div#wrapper div#content div#factbox h5,
div#factbox li.major-heading h4
{
	font-family: arial, sans-serif;
	padding-top: 4px;
}

div#wrapper div#content div#factbox h5
{
	font-size: 0.855em;
	font-weight: bold;
}

div#wrapper div#factbox li
{
	border-top: 0;
	margin-bottom: 0;
	padding-bottom: 2px;
	width: 130px;
}

div#wrapper div#factbox li.picture
{
	padding-top: 10px;
	position: relative;
	left: -5px;
	width: 140px;
}

#wrapper #content p.factbox-image
{
	margin: 0;
}

div#wrapper div#factbox li.inline
{
	display: inline;
	float: none;
	width: auto;
}

div#wrapper div#factbox li.nudged
{
	margin-left: -0.2em;
}

div#wrapper div#factbox ol
{
	font-size: 0.855em;
	line-height: 1.25em;
	padding-left: 0;
	width: 130px;
}

div#wrapper div#factbox ol#factbox-minimal
{
	border-bottom: 1px dotted #999;
	padding-bottom: 5px;
}

div#factbox img.generic-factbox-image
{
	margin-left: -5px;
	margin-right: -5px;
}

/* content-specific factbox styles should go here. Make sure you use the body class selector to only target what you want to be targeting! */

body.gallery div#factbox
{
	clear: left;
}

body.poll div#factbox,
body.quiz div#factbox,
body.interactive div#factbox
{
	margin-right: 0;
	overflow: hidden;
}

body.quiz div#factbox h5
{
	font-size: 1em;
}
          /* ----------  factbox.css ends here ----------- */
          /* ---------- pluck-comment-additionals.css starts here ---------- */
/*
	STYLES FOR ALL PLUCK
	RELATED PAGES
*/

/* SET CONTAINERS TO DISPLAY NONE, IN CASE PLUCK IS SWITCHED OFF */

.pluck-init-block, .pluck-init-inline {display: none;}


/* PLUCK COMMENTS */
 .featured-comment li 
{
	background-color: #FFFF9F;
}

 .pluck-comments-container 
{
	clear: both;
	width:620px;
}

.pluck-comment-block .pluck-comment,
 .pluck-comments-container .pluck-comment-post
{
	float:left; 
	width: 460px;
}

#open-comment-box-top
{
	margin-bottom: 3px;
}

#pluck-container h2 span
{
	font-weight: normal;
	font-size: 0.856em;
}

#pluck-container h2 span.comment-count-info
{
	font-weight: normal;
	font-size: 0.9em;
	font-family: arial, sans-serif;
}

#pluck-container h2 span span
{
	font-size: 1em;
}

.pluck-comment-block .pluck-comment-author
{
	 width: 80%; 
	 float: left; 
	 display: block; 
	 overflow: hidden;
	 padding-top: 2px;
}

#box .pluck-comment-block .pluck-comment-author h3
{
	font-size: 1em;
	font-family: arial, serif;
	font-weight: normal;
	padding-top: 0;
}

.pluck-comment-block .pluck-comment-tools,
 .pluck-comments-container .pluck-comment-legend
{
 	float: right; 
 	width: 140px;
 	color: #333; 
}

.pluck-comment-block .pluck-content 
{
	border-top-width: 1px;
	border-top-style: solid;
	clear: both;
	margin: 4px 0 0 0; 
	padding: 0;
}

#pluck-container ul.first
{
	margin-top: 0;
}

.pluck-comment-block .pluck-comment,
.pluck-comment-block .pluck-comment-tools
{
	margin: 0;
	padding-bottom: 15px;
}

 .pluck-comments-container #post-comment-div-top
{
	padding-bottom: 26px;
}

 .pluck-comments-container .pluck-comment-addComment
{
	overflow: hidden;
	clear: both;
}

 div#pluck-container div.pluck-all-comments
{
	padding: 4px 0;
}

 .pluck-comments-container .header .pluck-comment-post,
 .pluck-comments-container .header .pluck-comment-legend
{
	border-top: 1px solid;
	padding: 4px 0 0 0;
}

 .pluck-comments-container .footer,
 .pluck-comments-container .footer .pluck-all-comments,
 div#post-comment-div-top div.pluck-all-comments
 {
	border-top: 1px solid;
}

.pluck-comments-container .footer .pluck-all-comments
{
	border-bottom: 1px solid;
}

 .pluck-comments-container .pluck-all-comments p
{
	display: inline;
}

 .pluck-comments-container .footer .pluck-all-comments p
{
	margin: 0;
}

 .pluck-comments-container .footer .pluck-comment-post
{
	margin: 5px 0 0 0;
}

.pluck-comment-block .pluck-comment-author a.author-profile-picture
{
	display: block; 
	float: left; 
	margin-right: 5px;
	padding-top: 3px;
}

.pluck-comment-block .pluck-comment-author p.posted-time
{
	font-size: 1em; 
	color: #999; 
}

.pluck-comment-block span.author-tier
{
	float: right; 
	width: 15%; 
	display: block; 
	text-align: right; 
	margin-top: 5px;
}

.pluck-comment-block .pluck-comment-author li 
{
	color: #A5A4A4;
}

.pluck-comment-block .pluck-comment-author a,
.pluck-comment-block .pluck-comment-author a:link,
.pluck-comment-block .pluck-comment-author a:visited,
.pluck-comment-block .pluck-comment-author a:hover,
.pluck-comment-block .pluck-comment-author a:active,
 .pluck-comments-container .pluck-all-comments a,
 .pluck-comments-container .pluck-all-comments a:link,
 .pluck-comments-container .pluck-all-comments a:visited,
 .pluck-comments-container .pluck-all-comments a:hover,
 .pluck-comments-container .pluck-all-comments a:active
{
	font-weight: bold;
}

.pluck-comment-block .pluck-comment-body
{
 	padding: 0 25px 0 0;
 	color: #333;
 	clear: both;
}

.comment-clipping .comment-blocked,
.pluck-comment-block .pluck-comment-body.comment-blocked,
.pluck-comment-block .comment-blocked,
#cif-search-results .comment-blocked
{
	color: #999;
}
.pluck-comment-block .pluck-comment-tools ul
{
	margin: 2px 0 0 0;
}
 .pluck-comments-container .pluck-comment-legend ul
{
 	margin-top: 0;
}

 .pluck-comments-container .pluck-comment-legend li
{
	margin: 0 0 4px;
}

 .pluck-comments-container .pluck-comment-legend li img 
{
	margin: 0 5px 0 0;
	vertical-align: middle;
}

.pluck-comment-block .pluck-comment-tools li span
{
	color: #333;
}

.pluck-comment-block .pluck-comment-tools .high-recommended
{
}

.pluck-comment-block .pluck-comment-tools li
{
	border-bottom: 1px dotted #999;
	padding: 0 0 3px 0;
}

.pluck-comment-block .pluck-comment-tools .clip,
.pluck-comment-block .pluck-comment-tools .link 
{
	display: inline;
	border: none;
}

.pluck-comment-block .pluck-comment-tools .abuse-report
{
	margin: 3px 0;
}

#comment-box-pluck
{
	background-color: #edf1f5;
	color: #000; 
	width: 450px;
	margin-top: -4px;
	padding: 10px 5px 1px;
	clear: both;
}

#post-comment-div-bottom #comment-box-pluck
{
	margin-top: -5px;
}


/* SIDEBAR TOOLS */

.pluck-comment-block .author-tier a.rollover span
{
	display: none;
	position: absolute;
	left: 2px;
	top: -36px;
	width: 6.2em;
	text-align: center;
	color: #fff;
	float:none;
	margin-left: 5px;
}

.pluck-comment-block .author-tier a.rollover,
.pluck-comment-block .author-tier a.rollover:link,
.pluck-comment-block .author-tier a.rollover:visited,
.pluck-comment-block .author-tier a.rollover:hover,
.pluck-comment-block .author-tier a.rollover:active
{
	position: relative;
	display:block;
	margin-right: 8px;
	text-indent: 0;
}


.pluck-comment-block .author-tier a.rollover:hover span,
.pluck-comment-block .author-tier a.rollover:focus span,
.pluck-comment-block .author-tier a.rollover:active span
{

	display: block;
	background-color: #005689;
	background-image: url(images/triangle-rollover.gif);
	background-position: bottom center;
	z-index: 999;
	height: 2em;
	width: 6.2em;
	padding: 3px 0;
}

/*USER PROFILE PAGE*/

body.pluck-user-profile div#user-profile
{
	clear: both;
	margin-top: 10px;
	overflow: hidden;
	width: 620px;
	margin-bottom: 50px;
	position: relative;
}

body.pluck-user-profile div#user-profile img#top-pluck-logo
{
	position: absolute;
	right: 0;
	top: 0.8em;
	float: none;
	margin: 0;
}

body.pluck-user-profile div#user-profile div#pluck-profile
{
	clear: left;
}

body.pluck-user-profile div#pluck-profile h1
{
	margin-bottom: 30px;
	display: block;
}

body.pluck-user-profile div#pluck-profile span a
{
	display: block;
}

body.pluck-user-profile div#user-profile span
{
	float: left; 
	margin-right: 20px;
	width: 60px;
	display: block;
}

body.pluck-user-profile div#user-profile span img
{
	margin: 1px;
	float: none;
	top: 0;
	border: 1px solid #333;
}
body.pluck-user-profile div#user-profile span img#user-image
{
	border: none;
}

body.pluck-user-profile div#pluck-profile p,
body.pluck-user-profile div#user-profile table 
{
	float: left; 
	width: 380px;
	display: block;
	border-bottom: 1px dotted #333;
}

body.pluck-user-profile div#user-profile table 
{
	border-collapse: collapse;
}

body.pluck-user-profile div#pluck-profile p.no-profile-data
{
	border-bottom: none;
}

body.pluck-user-profile div#user-profile th 
{
	width: 100px;
	text-align: left;
}

body.pluck-user-profile div#user-profile td 
{
	width: 280px;
}

body.pluck-user-profile div#user-profile th, 
body.pluck-user-profile div#user-profile td 
{
	border-top: 1px dotted #333;
	padding: 4px 0;
	vertical-align: top;
}

body.pluck-user-profile div.editor-zone-1,
body.pluck-user-profile div#user-profile .pluck-logo  
{
	float: right;
	width: 140px;
}

body.pluck-user-profile div#user-profile div.editor-zone-1 h2 
{
	font-weight: bold;
	font-size: 1em; 
	font-family: arial, sans-serif;
	line-height: 1;
	padding: 5px 0 15px 0;
	border-top: 1px solid #333;
	border-bottom: 1px dotted #333;
	margin-bottom: 2px;
}

body.pluck-user-profile div#user-profile div.editor-zone-1 li.normal
{
	border-top-width: 0;
	width: 140px;
}

body.pluck-user-profile div#user-profile div.editor-zone-1 li.major-heading
{
	margin-bottom: 0;
}


/* ---- Styles for comments on user profile page ---- */

body.pluck-user-profile .pluck-init-block,
body.pluck-user-profile #pluck-comment-container
{
	clear: both;
}

body.pluck-user-profile #content
{
	width: 620px;
}

body.pluck-user-profile div#pluck-comments
{
	clear: both;
}

body.pluck-user-profile div#pluck-comments-header h2
{
	padding-bottom: 20px;
	width: 620px;
}

body.pluck-user-profile div#pluck-comments-header h2,
body.pluck-user-profile div#wrapper div#footer
{
	border-top: 10px solid #CCC;
}

body.pluck-user-profile div#wrapper div#content div#pluck-comments ul li
{
	margin-bottom: 0;
	border-top: 1px solid #999;
	clear: both;
	overflow: visible;
}

body.pluck-user-profile div#wrapper div#content div#pluck-comments ul li .clipping-data ul li.section
{
	border-top: 1px dotted #999;
}

body.pluck-user-profile div#wrapper div#content div#pluck-comments ul li .clipping-data ul li.section li,
body.pluck-user-profile div#wrapper div#content div#pluck-comments ul li .clipping-data ul li.first-section
{
	border-top: none
}

body.pluck-user-profile div#wrapper div#content div#pluck-comments ul li.first
{
	border-top: 1px dotted #333333; /* To include dotted line when no pagination present. */
}

body.pluck-user-profile div#user-profile img#user-tier-icon
{
	vertical-align: middle;
}

body.pluck-user-profile img#pluck-logo-bottom
{
	float: right;
	margin-bottom: 5px;
	display: block;
	clear: both;
}

div.pluck-comment-block div.pluck-comment h3
{
	font-size: 1.333em;
	margin: 3px 0 10px 0;
}

div.pluck-comment-block div.pluck-comment p,
.pluck-comments-container .pluck-comment p,
.pluck-comments-container .pluck-comment blockquote,
div.pluck-comment-block div.pluck-comment blockquote p,
input#open-comment-box-bottom
{
	margin-bottom: 10px;
}

 .pluck-comments-container .pluck-comment blockquote,
div.pluck-comment-block div.pluck-comment blockquote
{
	color: #666;
	padding-left: 20px;
}

div#content #pluck-comment-container .pluck-comment blockquote
{
	margin-left: 0;
	margin-right: 0;
}

div.pluck-comment-block div.pluck-comment p.recommended
{
	color: #999;
	margin: 0;
}

#post-comment-div-top,
#post-comment-div-bottom
{
	width: 100%;
}

/* ---- End styles for comments on user profile page ----*/

/* ---- EDIT YOUR PROFILE STYLES ---- 
Classnames, IDs and HTML can't be edited. Using a Pluck widget. Doh :( */

body.PersonaProfile_Body div.Persona_Main div.PersonaStyle_ItemContainer div#ProfileEdit_SectionDescription_Link p,
body.PersonaProfile_Body div.Persona_Main tr.ProfileEdit_TableMessageAccessRow,
div#personaDest div.PersonaTabs_Container
{
	display: none;
}

div#ProfileEdit_SectionDescription_Link
{
	padding: 0 0 16px 0;
}

div.Persona_Main,
div.Persona_Main textarea
{
	font-family: arial, sans-serif;
}

div.Persona_Main textarea
div.Persona_Main table.ProfileEdit_Table td.ProfileEdit_TableFieldName
{
	width: 20%;
}

td.ProfileEdit_Textarea
{
	font-size: 1.48em;
}

td.ProfileEdit_TableField
{
	font-size: 11px;
}

td.ProfileEdit_TableField img
{
	border: none !important;
}

tr.ProfileEdit_TableAboutMeRow textarea.ProfileEdit_Textarea
{
	font-size: 13px;
}

div.Persona_Main table.ProfileEdit_Table td.ProfileEdit_TableField
{
	width: 80%;
}

body.PersonaProfile_Body div.Persona_Main div.PersonaStyle_ItemContainer
{
	border: none;
}

body.PersonaProfile_Body div.Persona_Main div.PersonaStyle_ItemContainer div.PersonaStyle_SectionHead

{
	background-color: #FFF;
	border-top: 10px solid #999;
	padding: 3px 0 16px 0;
	font-weight: bold;
	font-size: 1.166em; 
	font-family: georgia, sans-serif;
	line-height: 1.2;
}

div.Persona_Main input[type="radio"]
{
	margin-right: 3px;
	vertical-align: top;
}

/* ---- END EDIT YOUR PROFILE STYLES ---- */

div#comment-thank-you-area,
div#comment-premoderation-area,
div#comment-pluck-error-area
{
	display: block;
	border-top: 1px dotted #CCC; 
	border-bottom: 1px dotted #CCC; 
	margin-top: 20px; 
	text-align: center;
}

div#comment-pluck-error-area p,
div#abuse-pluck-error-area p
{
	background-image: url(images/pluck/error-icon.gif);
	background-position: center 0;
	background-repeat: no-repeat;
	padding: 20px 96px 0;
	color: #CD0000;
	font-weight: bold;
}

div#abuse-pluck-error-area p
{
	padding: 19px 45px 0;
	text-align: center;
	margin: 96px 0 104px;
}

div#comment-pluck-error-area p span,
div#abuse-pluck-error-area p span
{
	display: block;
	margin-top: 15px;
}

input#comment-premoderation-close 
{
	margin-top: 15px;	
}

#personaprofileiframe
{
	height: 1000px;
}

td.ProfileEdit_Caption,
tr.ProfileEdit_TableAddAvatarRow table td div,
tr.ProfileEdit_TableAddAvatarRow table td input
{
	display: none;
}

td.ProfileEdit_TableField td.ProfileEdit_Caption
{
	display: table-cell;
}

/* Comments */


body.article  .pluck-comments-container .footer
{
	border-top: 0; 
}

/* end comments*/

/* Pluck pagination styles */

div#pluck-pagination-top,
div#pluck-pagination-bottom
{
	overflow: hidden; 
	clear: both; 
	padding: 3px 0;
	margin-bottom: 0;
	width: 620px;
}

div#pluck-pagination-bottom,
div#pluck-pagination-top
{
	border-top: 1px dotted;
	border-bottom: 1px dotted;
}

body.show-all-comments div#post-comment-div-bottom .pluck-comment-post
{
	border-top: 1px solid;
	padding-top: 3px;
}

div#pluck-pagination-top
{
	border-bottom: none;
}

body.pluck-user-profile div#pluck-pagination-top
{
	border-bottom: none;
	margin-bottom: 0;
}

div#post-comment-div-bottom,
div#pluck-pagination-bottom
{
	margin-bottom: 20px;
}

body.article div#pluck-pagination-bottom
{
	margin-top: 5px;
}

ul.pluck-pagination li.prev,
ul.pluck-pagination li.next
{
	 display: block; 
	 width: 25%; 
}

ul.pluck-pagination li.prev
{
	 float: left;
}

ul.pluck-pagination li.next
{
	float: right; 
	text-align: right;
} 


ul.pluck-pagination li.pages 
{
 	display: block;
 	float: left; 
 	width: 50%; 
 	text-align: center;
}

ul.pluck-pagination li.pages ul li.first,
ul.pluck-pagination li.pages ul li.last,
ul.pluck-pagination li.pages ul li
{
	display: inline; 
}

ul.pluck-pagination li.pages ul li.current
{
	font-weight: bold;
}

ul.pluck-pagination li.pages ul li
{
	padding: 0 3px;	
}

ul.pluck-pagination li.pages ul li a
{
	font-weight: normal;
}

ul.pluck-pagination li.pages ul li.last
{
	 padding: 0 3px 0 10px;
}

ul.pluck-pagination li.pages ul li.first
{
	 padding: 0 10px 0 3px;
}


#pluck-pagination-top ul li,
#pluck-pagination-top ul li ul,
#pluck-pagination-bottom ul li,
#pluck-pagination-bottom ul li ul
{
	margin-bottom: 0;
	padding-bottom: 0;
}

/* End pagination styles */

/* comment keywords */

.pluck-comment-block .comment-keywords 
{	
	float: right;
	width: 140px;
	margin-left: 20px;
	margin-top: 9px;
}

/* top keywords list */

div#top-keywords
{
	width: 140px;
	float: right;
	margin-top: 55px;
	border-top: 1px solid #333;
}

body.pluck-user-profile div#user-profile div#top-keywords h3
{
	font-family: arial, sans-serif;
	font-size: 1em;
	border-bottom: 1px dotted;
	padding-bottom: 10px;
	padding-top: 5px;
	margin-right: 5px;
}

body.pluck-user-profile div#content div#user-profile div#editors-msg
{
	clear: both;
	display: block;
	float: right;
	width: 140px;	
}

ul#top-keywords-list
{
	list-style-type: none;
	padding-bottom: 30px;
	margin-top: 4px;
	border-bottom: 1px solid #333; /* remove colour*/
}

ul#top-keywords-list li
{
	display: inline;
}

/* end top-keywords list */

/* end comment keywords */

/* Pluck Error message */

.javascript-off-error,
.pluck-off-error
{
	clear: both;
	position: relative;
	background-color: #fff;
	width: 100%;
}

#pluck-container h2,
#pluck-addressed-comment-container h2,
.javascript-off-error h2,
.pluck-off-error h2
{
	border-top: 10px solid;
	font-weight: bold;
	margin: 20px 0;
	padding: 4px 0 0 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 1.166em;
}

body.article #pluck-container h2
{
	font-family: georgia, serif;
}
body.article #pluck-container h2 span
{
	font-family: arial, helvetica, sans-serif;
}

.javascript-off-error h2,
.pluck-off-error h2
{
	padding-bottom: 10px;
	border-bottom: 1px dotted;
	margin-bottom: 5px;
}

.javascript-off-error p,
.pluck-off-error p
{
	background-image: url(images/pluck/error-icon.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 20px;
}
#wrapper #content .javascript-off-error p span,
#wrapper #content .pluck-off-error p span
{
	display: block;
	width: 100%;
	background-color: #fff;
}

#reviewsiframe
{
	height: 306px !important;
}

#reviewsiframe,
body.ReviewFrame_Body
{
	width: 460px !important;
}

.ReviewFrame_Body img,
.ReviewFrame_Body #Reviews_ProsEntry,
.ReviewFrame_Body #Reviews_ConsEntry,
.ReviewFrame_Body div.Pluck_FooterLink
{
	display: none;
}

.ReviewFrame_Body div.Reviews_AddHeading
{
	border-top: 10px solid #D1008B;
	padding-top: 2px;
	padding-bottom: 0;
	font-family: georgia, serif;
	margin-bottom: -6px;
}

.ReviewFrame_Body form span
{
	display: none;
}

.ReviewFrame_Body div.Reviews_AddTextarea
{
	padding: 0;
	font-size: 12px;
	font-family: arial,sans-serif;
}

.ReviewFrame_Body div.SiteLife_Login
{
	display: none;
}

.ReviewFrame_Body div#Reviews_HeadlineEntry
{
	margin-bottom: 14px;
}

.ReviewFrame_Body div.Reviews_AddTextarea input,
.ReviewFrame_Body div.Reviews_AddTextarea textarea
{
	width: 456px !important;
	border: 1px solid #999 !important;
}

.ReviewFrame_Body div.Reviews_AddTextarea textarea
{
	height: 210px;
	resize: none;
}

.ReviewFrame_Body .Reviews_Submit input
{
	float: right;
}



          /* ----------  pluck-comment-additionals.css ends here ----------- */
          /* ---------- table.css starts here ---------- */
/* Table only styling */

table.stand-alone,
table.in-article
{
	border-collapse: collapse;
}

table.stand-alone caption,
table.in-article caption
{
	text-align: left;
	margin-bottom: 1px;
	padding-bottom: 10px;
}

#content table.stand-alone caption h1,
#content table.stand-alone caption p,
#content table.in-article caption h1,
#content table.in-article caption p
{
	border: none;
}

#content table.stand-alone caption p,
#content table.in-article caption p
{
	padding: 0 0.5em;
}

table.stand-alone td,
table.stand-alone th,
table.in-article td,
table.in-article th
{
	text-align: left;
	padding: 0.5em;
}

table.sortable thead,
table.in-article thead  
{
	vertical-align: top;
    cursor: pointer;
}

table.sortable thead div,
table.in-article thead div
{
	clear: both;
	display: block;
	margin-bottom: 1.85em;
}

/* please excuse this id, it is used for sorting the table - sorttable.js */
table.sortable thead th.sorttable_sorted_reverse div,
table.sortable thead th.sorttable_sorted div
{
	margin-bottom: 0;
}

table.sortable thead span#sorttable_sortfwdind
{
	font-size: 1.5em;
}

table.sortable th
{
	padding-bottom: 0;
}

table.stand-alone th,
table.stand-alone td,
table.in-article th,
table.in-article td
{
	border-right-width: 1px;
	border-right-style: solid;
}

table.stand-alone tfoot td,
table.stand-alone th.last,
table.stand-alone td.last,
table.in-article tfoot td,
table.in-article th.last,
table.in-article td.last
{
	border-right: none;
}

table .centre
{
	text-align: center;
}

table .left
{
	text-align: left;
}

table .right
{
	text-align: right;
}

table .em
{
	font-weight: bold;
}

table.stand-alone tfoot td,
table.in-article tfoot td
{
	padding: 0;
}

table.stand-alone tfoot .footer,
table.in-article tfoot .footer
{
	padding: 0 0.5em;
	border-top-width: 10px;
	border-top-style: solid;
}

table.stand-alone tfoot div.notes,
table.stand-alone tfoot div.source,
table.in-article tfoot div.notes,
table.in-article tfoot div.source
{
	padding: 0.5em 0;
}

table.stand-alone tfoot div.source,
table.in-article tfoot div.source
{
	margin-top: 5px;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-top-style: solid;
}

/* Stand-alone tables are normal and wide width each supported by a template */
	
table.stand-alone
{
	width: 100%;
}

table.stand-alone caption h1
{
	font-weight: normal;
	font-size: 1.75em;
	padding: 0.3em 0.3em 0.1em 0.3em;
}

/* In-article tables only exist in articles, and are normal and half width */

#content table.in-article 
{
	position: relative;
	z-index: 10;
	font-size: 0.857em;
	margin-bottom: 20px;
}

#content .inline table.in-article
{
	float: left;
}

#content .inline table.in-article caption,
.inline table.in-article
{
	width: 220px;
}

.inline table.in-article
{
	margin-right: 20px;
}

#content table.in-article th,
#content table.in-article td
{
	padding: 5px 5px 9px 5px;
}

#box #content table.in-article th.sorttable_sorted_reverse,
#box #content table.in-article th.sorttable_sorted
{
	padding-bottom: 0;
}

table.in-article tfoot .footer,
table.in-article tfoot div.notes, 
table.in-article tfoot div.source,
#content table.in-article caption p
{
	padding: 0;
	margin: 0;
}

#content table.in-article caption p
{
	margin: 0 5px;
}

#box #content table.in-article caption h2
{
	border: 0;
	margin: 5px 5px 0 5px;
}

#box #content table.in-article caption 
{
	text-align: left;
	padding-bottom: 9px;
}

table.in-article tfoot .footer
{
	border: 0;
	font-size: 0.92em;
}

table.in-article tfoot td
{
	border-top: 1px solid #FFF;
}

table.in-article tfoot div.source
{
	border-top: 1px dotted;
	padding: 2px 0 1px 0;
}

#content table.in-article thead div
{
	margin-bottom: 0;
}

#content .block table.in-article caption,
.block table.in-article
{
	width: 100%;
}

table.in-article tbody tr td.left
{
	vertical-align: top;
}

/* End Table only styling */
          /* ----------  table.css ends here ----------- */
          /* ---------- blogs-additionals.css starts here ---------- */

/* Start Blog Index */

body.blog-index #content 
{
	float: none;
}

body.blog-post div#box div#article-header div#page-header,
body.blog-index   div#box div#page-header.badge-wrapper,
body.blog-index #article-header,
body.blog-post h1#heading-alone
{
	padding-bottom: 0;	
}

body.blog-post h1#heading-alone
{
	font-size: 2em;
}

body.blog-post div#wrapper div#box div.badge h1,
body.blog-index div#wrapper div#box div.badge h1
{
	margin: 0;
	padding: 0;
}

body.blog-index ul#blog-posts-excerpts div.blog-excerpt
{
	float: left;
	width: 460px;
}

body.blog-index #content ul#blog-posts-excerpts  span.inline
{
	width: auto;
}

div#box #content h2#blog-trailblock-header
{
	border-top: none;
	border-bottom: 3px solid;
	margin:0;
	padding-top: 0;
	padding-bottom: 45px;
	font-size: 1.75em;	
	font-weight: normal;
}

body.blog-post h1#heading-alone,
body.blog-index #content ul#blog-posts-excerpts li
{
	margin-bottom: 50px; 
}

body.blog-index #content ul#blog-posts-excerpts li.date-posted
{
	margin-bottom: 0;
}
body.blog-index div#content blockquote,
body.blog-index ul#blog-posts-excerpts li div.blog-excerpt div.trail-caption p
{
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 1.167em;
	line-height: 1.36;
}


body.blog-index div#wrapper ul#blog-posts-excerpts div.blog-image-caption
{
	float: left;
	margin-bottom: 10px;
}

#promo #most-viewed-blog
{
	margin-bottom: 30px;
}

#promo #most-viewed-blog h2
{
	font-family: arial, sans-serif;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 10px;
	font-size: 1em;
}

#most-viewed-blog.tabs-container div.tab-toggle-pane
{
	margin-top: 0;
}

body.blog-index div#content ul#blog-posts-excerpts div.blog-excerpt p.date
{
	font-family: arial, sans-serif;
	font-weight: bold;
	border-top: 3px solid;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 14px;
	width: 620px;
}

body.blog-index #content ul#blog-posts-excerpts li.first div.blog-excerpt p.date
{
	border-top: none;
}

div#wrapper div#box div.blog-byline
{
	float: right;
	width: 140px;
	padding-top: 5px;
}

body.blog-post div#wrapper div#box div.blog-byline
{
	padding-bottom: 40px;
}

div#wrapper div#box div.blog-byline span.timestamp
{
	white-space: nowrap;
	display: inline;
}

div#wrapper div#box div.blog-byline span
{
	display: block;
}

body.blog-index div#wrapper ul#blog-posts-excerpts div.blog-excerpt div.linktext h3
{
	padding-bottom: 3px;
	font-size: 1.75em;	
	font-family: Georgia;	
}

body.blog-index div#wrapper ul#blog-posts-excerpts div.blog-excerpt div.linktext h3,
div#wrapper div#box div.blog-byline
{
	border-top: 1px solid;
}

body.blog-index div#wrapper ul#blog-posts-excerpts #article-wrapper p
{
	margin-bottom: 20px;
}

body.blog-index div#content ul#blog-posts-excerpts li div.blog-excerpt p.caption 
{
	font-size: 1em;
	font-weight: normal;
	line-height: 1.25;
	margin: 0;
	padding: 0;
	color: #999;
	clear: both;
}

body.blog-index div#wrapper ul#blog-posts-excerpts a.comment-count-info
{
	border-top: 1px dotted #999;
	margin-top: 20px;
	padding-top: 4px;
}


body.blog-index  #box ul.pagination
{
	text-align: center;
} 

body.blog-index #box ul.pagination li.first,
body.blog-index  #box ul.pagination li.last
{
	width: auto;
}

body.blog-post ul#article-toolbox-side
{
	padding-bottom: 20px;
}
/* End Blog Index */


          /* ----------  blogs-additionals.css ends here ----------- */
          /* ---------- medals-capsule.css starts here ---------- */
div#promo div.capsule table.stand-alone
{
	width: 280px;
}

div#promo div.capsule table.stand-alone th,
div#promo div.capsule table.stand-alone td
{
	padding: 3px 6px;
}

div#promo div.capsule table.stand-alone th.centre,
div#promo div.capsule table.stand-alone td.centre
{
	text-align: center;
}

div#promo div.capsule table.stand-alone th.left,
div#promo div.capsule table.stand-alone td.left
{
	text-align: left;
}

div#promo div.capsule table.stand-alone th.right,
div#promo div.capsule table.stand-alone td.right
{
	text-align: right;
}


div#promo div.capsule table.stand-alone span,
div#promo div.capsule table.stand-alone caption
{
	display: none;
}

div#promo div.capsule table.stand-alone thead tr th div
{
	margin-bottom: 0;
}

div#promo div.capsule table.stand-alone thead tr,
div#promo div.capsule table.stand-alone thead tr th
{
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-right: none;
	padding-right: 0;
	padding-bottom: 0;
}

div#promo div.capsule table.stand-alone thead tr th.last
{
	padding-right: 3px;
}

div#promo div.capsule table.stand-alone tr,
div#promo div.capsule table.stand-alone tr td
{
	border-bottom: 1px dotted;
	border-right: none;
}

div#promo div.capsule table.stand-alone tfoot tr,
div#promo div.capsule table.stand-alone tfoot tr td
{
	border-top: 1px solid;
	border-bottom: none;
}

div#promo div.capsule table.stand-alone tfoot tr td div,
div#content table.stand-alone tfoot tr td div
{
	border-top: none;
}

div#promo div.capsule table.stand-alone tfoot tr td
{
	padding: 0;
	margin: 0;
}

div#promo div.capsule table.stand-alone tfoot tr td div
{
	border-top: none;
	padding: 0;
	margin-top: 3px;
	margin-bottom: 0;
}
          /* ----------  medals-capsule.css ends here ----------- */
	
	/* I am in the process of creating a generic css for our content types, 
	and will be merging our article css across as I go. Come and talk to 
	me if you want to add some here, at least until I'm finished. - Annabel 20/07/08*/
          /* ---------- content-type.css starts here ---------- */

/* I think paragraph styles should go in here, even if they relate to specific content types. - A */
body.competition #content p
{
	margin-bottom: 10px;
	position: relative
}

body.competition div#content
{
	font-size: 1.165em; /* 14px */
	line-height: 1.36; /* 19px at default font size */
}

body.competition div#content p.caption
{
	font-size: 0.857em;
	font-weight: normal;
	line-height: 1.25;
	margin-top: 0;
}
          /* ----------  content-type.css ends here ----------- */
          /* ----------  article.css ends here ----------- */
          /* ---------- table.css starts here ---------- */
/* Table only styling */

table.stand-alone,
table.in-article
{
	border-collapse: collapse;
}

table.stand-alone caption,
table.in-article caption
{
	text-align: left;
	margin-bottom: 1px;
	padding-bottom: 10px;
}

#content table.stand-alone caption h1,
#content table.stand-alone caption p,
#content table.in-article caption h1,
#content table.in-article caption p
{
	border: none;
}

#content table.stand-alone caption p,
#content table.in-article caption p
{
	padding: 0 0.5em;
}

table.stand-alone td,
table.stand-alone th,
table.in-article td,
table.in-article th
{
	text-align: left;
	padding: 0.5em;
}

table.sortable thead,
table.in-article thead  
{
	vertical-align: top;
    cursor: pointer;
}

table.sortable thead div,
table.in-article thead div
{
	clear: both;
	display: block;
	margin-bottom: 1.85em;
}

/* please excuse this id, it is used for sorting the table - sorttable.js */
table.sortable thead th.sorttable_sorted_reverse div,
table.sortable thead th.sorttable_sorted div
{
	margin-bottom: 0;
}

table.sortable thead span#sorttable_sortfwdind
{
	font-size: 1.5em;
}

table.sortable th
{
	padding-bottom: 0;
}

table.stand-alone th,
table.stand-alone td,
table.in-article th,
table.in-article td
{
	border-right-width: 1px;
	border-right-style: solid;
}

table.stand-alone tfoot td,
table.stand-alone th.last,
table.stand-alone td.last,
table.in-article tfoot td,
table.in-article th.last,
table.in-article td.last
{
	border-right: none;
}

table .centre
{
	text-align: center;
}

table .left
{
	text-align: left;
}

table .right
{
	text-align: right;
}

table .em
{
	font-weight: bold;
}

table.stand-alone tfoot td,
table.in-article tfoot td
{
	padding: 0;
}

table.stand-alone tfoot .footer,
table.in-article tfoot .footer
{
	padding: 0 0.5em;
	border-top-width: 10px;
	border-top-style: solid;
}

table.stand-alone tfoot div.notes,
table.stand-alone tfoot div.source,
table.in-article tfoot div.notes,
table.in-article tfoot div.source
{
	padding: 0.5em 0;
}

table.stand-alone tfoot div.source,
table.in-article tfoot div.source
{
	margin-top: 5px;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-top-style: solid;
}

/* Stand-alone tables are normal and wide width each supported by a template */
	
table.stand-alone
{
	width: 100%;
}

table.stand-alone caption h1
{
	font-weight: normal;
	font-size: 1.75em;
	padding: 0.3em 0.3em 0.1em 0.3em;
}

/* In-article tables only exist in articles, and are normal and half width */

#content table.in-article 
{
	position: relative;
	z-index: 10;
	font-size: 0.857em;
	margin-bottom: 20px;
}

#content .inline table.in-article
{
	float: left;
}

#content .inline table.in-article caption,
.inline table.in-article
{
	width: 220px;
}

.inline table.in-article
{
	margin-right: 20px;
}

#content table.in-article th,
#content table.in-article td
{
	padding: 5px 5px 9px 5px;
}

#box #content table.in-article th.sorttable_sorted_reverse,
#box #content table.in-article th.sorttable_sorted
{
	padding-bottom: 0;
}

table.in-article tfoot .footer,
table.in-article tfoot div.notes, 
table.in-article tfoot div.source,
#content table.in-article caption p
{
	padding: 0;
	margin: 0;
}

#content table.in-article caption p
{
	margin: 0 5px;
}

#box #content table.in-article caption h2
{
	border: 0;
	margin: 5px 5px 0 5px;
}

#box #content table.in-article caption 
{
	text-align: left;
	padding-bottom: 9px;
}

table.in-article tfoot .footer
{
	border: 0;
	font-size: 0.92em;
}

table.in-article tfoot td
{
	border-top: 1px solid #FFF;
}

table.in-article tfoot div.source
{
	border-top: 1px dotted;
	padding: 2px 0 1px 0;
}

#content table.in-article thead div
{
	margin-bottom: 0;
}

#content .block table.in-article caption,
.block table.in-article
{
	width: 100%;
}

table.in-article tbody tr td.left
{
	vertical-align: top;
}

/* End Table only styling */
          /* ----------  table.css ends here ----------- */
          /* ---------- competition-content-type.css starts here ---------- */

/* Competition only styles */

body.competition div.about-competition
{
	overflow: hidden;
}

body.competition div.image
{
	float: left;
	display: block;
	margin: 2px 0 20px 0;
}

body.competition p.closed img,
body.competition img.alert
{
	float: left;
	vertical-align: middle;
	display: block;
	padding: 0 5px 3px 0;
	width: 1.25em;
	height: 1.25em;
}

body.competition p.closed
{
	margin-top: 10px;
	padding: 10px 10px 10px 10px;
	width: 440px;
	font-weight: bold;
}

form.competition p.competition-error 
{
	margin: 0 10px 20px 10px;
}	

#content form.competition h2
{
	font-family: arial, sans-serif;
	font-size: 1.1em;
	padding: 2px 0 8px 10px;
	margin: 0;
	clear: both;
	font-weight: bold;
	border-top: none;
}

#content form.competition ul li.question-container fieldset ul li
{
	margin-bottom: 8px;
}

#content form.competition ul li.question-container fieldset ul li.last
{
	margin-bottom: 0;
}

#content form.competition ul li.question-container
{
	padding-top: 5px;
	margin-bottom: 10px;
	width: 440px
}

form.competition input#submit
{
	margin: 8px 0 10px 10px;
	float: none;
	text-align: center;
}

form.competition ul li.question-container,
form.competition ul li.question-container.first
{
	
	border-top: 1px dotted;
}

form.competition ul
{
	margin: 0 10px;
}

form.competition ul.first
{
	border-bottom: 1px dotted;
}

form.competition ul li ul
{
	margin: 0 0;
}


form.competition
{
	margin-top: 10px;
}

form.competition input,
form.competition select
{
	
	float: left;
}

form.competition fieldset
{
	border: none;
	width: 210px;
}

form.competition input[type="text"]
{
	width: 210px;
}

form.competition input[type="checkbox"],
form.competition input[type="radio"]
{
	margin: 2px 8px 0 0;
}


form.competition select
{
	width: 214px;
}


form.competition textarea
{
	width: 100%;
}

form.competition ul li.question-container fieldset,
form.competition ul li.question-container fieldset ul
{
	float: left;
}

form.competition ul li.question-container fieldset ul label
{
	float: left;
	width: 180px;
	vertical-align: middle;
}

form.competition ul li.question-container p.question
{
	width: 210px;
	float: left;
	padding: 0 16px 0 0;
}

form.competition ul li.textarea p
{
	width: 440px;
	margin-bottom: 8px;
}

div.terms-and-conditions h4
{
	border-bottom: 1px dotted;
	border-top: 1px dotted;
	margin: 20px 0pt 10px;
	padding: 2px 0pt;
	font-family:arial,sans-serif;
	font-size:1em;
	font-weight:bold;
	clear: both;
}
          /* ----------  competition-content-type.css ends here ----------- */
          /* ---------- quiz-content-type.css starts here ---------- */

form.quiz ol li.question-container
{
	padding: 4px 0 16px 0;
 	overflow: hidden;
 	clear: both;
 	width: 100%;
}

form.quiz ol li.question-container p.question
{
	margin-bottom: 7px;
}

div#quiz-answers ul li img,
form.quiz ol.first li.question-container img.q-picture,
form.quiz ol.first li.question-container img.answer-picture-small
{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}


form.quiz ol.first li.question-container img.answer-picture-small
{
	padding-bottom: 5px;
	margin-bottom: 0;
}

form.quiz ol li.question-container ol.big-picture
{
	width: 100%;
	margin-top: 20px;	
	clear: both;
}

form.quiz ol li.question-container ol.video
{
	margin-top: 20px;
}

form.quiz ol li.question-container img.q-picture-small
{
	vertical-align: top; 
	margin-right: 5px;
	float: left; 
	margin-right: 20px;
}

form.quiz ol li.question-container ol li
{
	overflow: hidden;
	margin-bottom: 5px;
}

form.quiz ol.first li.question-container ol.audio li,
form.quiz ol.first li.question-container ol.audio li.multi-audio
{
	margin-bottom: 5px;
}

form.quiz ol.first li.question-container.first ol li, 
form.quiz ol li.question-container ol.picture li
{
	margin-bottom: 8px;
}

form.quiz ol.first
{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}

body.quiz span.number
{
	display: block; 
	padding-right: 5px; 
	float: left;
}

form.quiz ol li.question-container ol li input
{
	float: left;
	margin: 2px 10px 0 0;
}

form.quiz ol li.question-container ol li label
{
	display: block; 
	width: 90%
}

form.quiz ol li.question-container ol.picture li label
{
	float: left;
}

p.question
{
	margin-bottom: 20px;
	display: block;
}

form.quiz input#submit
{
	margin-top: 8px;
	text-align: center;
}


div#content form.quiz ol.first li.credit
{
	margin-top: 10px;
}


div#quiz-results ul li
{
	display: inline;
}


div#content div#quiz-answers ul li ul.weighted-responses
{
	padding-bottom: 0;
}

div#content p#credit
{
	font-size: 0.9em; 
	color: #666; 
	margin-bottom: 20px;
}

div#content div#quiz-answers ul li ul.weighted-responses li,
div#quiz-results
{
	margin: 5px 0;
}

div#quiz-results img
{
 	float: left;
 	margin-right: 10px;
}

div#quiz-results ul
{
	clear: both; 
	margin-top: 16px;
	padding-top: 5px;
}


div#quiz-results img,
div#quiz-results p#score
{
	margin-bottom: 16px;
}

p.quiz-error 
{
	margin: 10px 0;
}

div#content div#quiz-answers ul li
{
	padding: 5px 0 20px 0;
	margin-bottom: 0;
	width: 100%;	
}

div#content div#quiz-answers ul li div
{
	float: left;
	width: 420px;
}

div#content form.quiz ol.first li.first,
form.quiz ol.first li.question-container.first
{
	border-top: none;
}

div#content form.quiz ol.first li.credit,
form.quiz ol li.question-container,
div#quiz-results ul,
div#content div#quiz-answers ul li
{
	border-top-width: 1px;
	border-top-style: dotted;
}

div#content div#quiz-answers ul li,
form.quiz span.number,
form.quiz p.question,
div#quiz-answers ul.weighted-responses li em,
div#quiz-answers ul.weighted-responses li em span.weight
{
	font-weight: bold;
}


div#quiz-answers ul li span,
p.quiz-error
{
	font-weight: normal;
}

body.quiz div#quiz-answers em
{
	font-style: normal;
}

div#content div#quiz-answers ul li ul.weighted-responses li
{
	border-top: 0;
	padding: 0;
	font-weight: normal;
}

div#quiz-answers ul.weighted-responses li span.weight
{
	display: block; 
	float: left; 
	margin-right: 10px;
}

a#show-answers-link
{
	cursor: pointer;
}


form.quiz ol li.question-container ol li.multi-audio
{
	float: left;
	margin-bottom: 5px;
}

form.quiz ol li.question-container ol.video img.answer-picture,
form.quiz ol li.question-container ol li img.answer-picture,
form.quiz ol li.question-container ol.audio img.answer-picture-small
{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

form.quiz ol li.question-container ol.audio img.answer-picture
{
	margin-bottom: 5px;
}

ol.first li.question-container li.multi-audio span
{
	margin: 8px 10px 0 0; 
	float: left;
}

div#content form.quiz li.multi-audio div#flash-player
{
	display: inline;
	float: left;
	margin: 0 0 0 -10px;
}

body.quiz div#content ol.first li.question-container div.video
{
	margin-top: 5px;
}

body.quiz div#content div#flash-player
{
	margin: 8px 0 20px 0;
}

          /* ----------  quiz-content-type.css ends here ----------- */
          /* ---------- poll-content-type.css starts here ---------- */

form.poll,
div#results-container
{
	overflow: hidden;
}

form.poll
{
	overflow: hidden;
}

form.poll ol.first
{
	margin-bottom: 5px;
}

form.poll p.vote
{
	margin-left: 5px;
	margin-bottom: 5px;
}

form.poll ol ol li
{
	padding-bottom: 10px;
}

body.poll li.question-container
{
	clear: left;
}

form.poll ol ol
{
	padding: 5px;
	padding-bottom: 9px;
}

form.poll ol.picture
{
	padding-top: 10px;
	padding-left: 160px;
	padding-right: 20px;
	padding-bottom: 10px;
}

form.poll ol.picture li.question-container,
form.poll p.question.picture
{
	margin-left: 145px;
}

p.vote
{
	border-top: 1px dotted #999; 
	margin-top: 9px; 
	padding-top: 5px
}

form.poll p.picture
{
	margin-left: 160px;
	margin-right: 10px;
}

body.poll div#article-header
{
	padding-left: 0;
}

body.poll div#related
{
	margin-left: 20px;
	float: left;
}

body.poll option
{
	padding-right: 20px;
}

body.poll p.question,
body.poll th
{
	font-family: georgia, serif;
	font-size: 1.166em;
	font-weight: bold;
	border-bottom: 1px dotted #999;
	padding-left: 9px;
	padding-bottom: 9px;
	margin-bottom: 5px;
}

body.poll p.question
{
	margin-top: 5px;
}

body.poll th
{
	padding-left: 9px;
}
 
body.poll p.q-picture
{
	float: left;
	clear: left;
}


/* poll results */

body.poll div.results-table
{
	clear: left;
	overflow: hidden;
}

table.poll-results
{
	border-collapse: collapse;
	margin-bottom: 30px;
	width: 460px;
}

table.poll-results.picture
{
	width: 320px;
}

table.poll-results td
{
	border-bottom: 1px dotted #999;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	vertical-align: top;
}

table.poll-results td.total-responses
{
	border: 0;
}

table.poll-results td.time-remaining
{
	border: 0;
	padding-bottom: 0;
}

table.poll-results td.poll-update-delay
{
	border: 0;
	color: #999999;
	padding-top: 0;
}

table.poll-results th,
body.poll span.zero
{
	padding-left: 5px;
	text-align: left;
}

table.poll-results td.result span.container
{
	position: relative;
}

table.poll-results span.large
{
	position: absolute;
	right: 0;
}

body.poll div#show-results-before-voting
{
	margin-bottom: 20px;
}

body.poll span.container
{
	display: block;
}

body.poll span.container img
{
	position: absolute;
	top: 0;
}

span.poll-result-bg
{
	display: block;
	float: left;
	text-align: right;
}

span.poll-result-figure
{
	border-left: 5px solid;
	display: block;
	float: left;
	padding-top: 1px;
}

table.poll-results td.result-text
{
	 padding-left: 20px;
	 width: 18%;
}

table.poll-results td.poll-closed
{
	border-bottom: 0;
}

body.poll p#results-message
{
	border-top: 1px dotted #999;
	margin-top: 25px;
	padding-top: 5px;
}

body.poll ul#article-toolbox li
{
	padding-left: 0;
}
          /* ----------  poll-content-type.css ends here ----------- */

/* Print me */
          /* ---------- print-adjust.css starts here ---------- */
/*
Hide this when printing
------------------------------------------------------------------*/

#promo,
#skiplinks,
#sub-header form,
#sub-header ul,
#search,
#zones,
#major-section,
#minor-section,
#also-on,
ul.toolset,
#related-info,
#related,
.related-content,
div.related-content,
div.relatedlinks,
#booking,
#content .shower,
#section-selector,
#global-nav,
#local-nav,
div#zones-nav div#nav-bar,
#related p.jump-related, 
#wrapper #box ul#article-toolbox,
div#content ul#article-toolbox,
div#content ul#article-toolbox-side,
#wrapper #box #content ul.article-attributes li.history,
#content ul.article-attributes li.contact-byline,
div.series-navigation,
div#readers-tips,
div.gallery-navigation,
div.article-trailblock,
#more-in-series,
#content .embed-media,
div#footer ul#footer-links,
form #submit,
div.toolbox-popup
{
	display: none;
}

/*
General print styles
------------------------------------------------------------------*/
html,
body
{
	padding: 0;
	margin: 0;
	width: 20cm;
}

body #wrapper
{
	margin: 0;
	line-height: 1.0;
	background: none;
}

body #wrapper,
#wrapper #box #content,
#article-header,
#article-header #main-article-info,
body.article #article-header #main-article-info,
#article-header #main-article-info h1,
#article-header #main-article-info #stand-first,
#article-header #main-article-info #strap,
ul.article-attributes
{
	width: 16.5cm;
}

#wrapper #box #content
{
	left: 0;
	margin-top: 0;
	padding-left: 0;

}

body #wrapper,
div.image p.caption

{
	font-family: georgia, times, 'times new roman', serif;
}

#article-header,
#article-sub-header 
{
	padding-top: 0;
	margin-top: -10pt;	
}

ul.article-attributes
{
	padding-top: 0;
	font-size: 9pt;
	margin-bottom: 10pt;
}

#wrapper #box,
#sub-header,
#header,
#topslot
{
	padding: 0;
	overflow: visible;
	clear: both;
}

#box
{
	width: auto;
}

#topslot,
#topslot img,
#header #sub-header #topslot
{
	float: left;
	overflow:hidden;
}

#wrapper #box #related,
#wrapper #box #promo,
#head
{
	overflow: auto;
}

#wrapper #more-in-series h3
{
	border-top-width: 1px;
}

a:link,
a:visited,
a
{
	color: black;
	background-color: white;
}

#footer-links a
{
	color: #08c;
	text-decoration:underline;
}

/*
 Content type styles
---------------------------------------------------------------*/

body.article div#content 
{
	margin-left: 0;
}

body.article #footer,
#footer
{
	border: none;
}

body.article div#box
{
	margin-top: 0;
}


/* Currently there is no print logo


#print-logo
{
	margin-top: 5pt;
	margin-bottom: 10pt;
	border-top: 1pt solid;	
	border-bottom: 2pt solid;
	padding-bottom: 14pt;
	padding-top: 1pt;
	width: 16.5cm;
	display: block;
}


#print-logo p
{
	margin-top: -5px;
}

#print-logo p a
{
	color: #08c;
	text-decoration:underline;
	text-align: right;
	display: block;
	margin-top: 5px
}
 - annabel 2007
*/

* html #wrapper
{
	height: 1pt;
	position: relative
}

* html p.drop:first-letter
{
	height: 1px
}

body.article #content > p.drop:first-letter

{
	font-size: 49pt;
}

body.article #content > p.q:first-letter

{
	font-size: 40pt;
}

#content p span.pullout
{
	left: -3.8cm
}

#footer
{
	clear: both
}

#content #more-article
{
	display: block
}

#wrapper #header
{
	border-bottom: 0;
}

#logo img
{
	margin-top: 2px;
}

/* Competitions */

#content form.competition ul li.question-container
{
	width: auto;
}
form.competition ul li.question-container p.question
{
	width: 50%;
}

/* End competitions*/

/* Polls */

span.poll-result-figure
{
	border-left: 0;
}

span.poll-result-bg
{
	border: 1px solid #000;
}

/* End Polls*/
/* Tables */

table
{
	font-family:arial,sans-serif;
}

table.in-article,
table.stand-alone 
{
	line-height: 1.2em;
}

table.in-article tr,
table.stand-alone tr
{
	border-top-width: 1px;
	border-top-style: solid;
}

table.in-article thead,
table.stand-alone thead
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-top-style: solid;
}

table.in-article,
table.stand-alone
{
	border: none;
}

table.in-article tfoot .footer,
table.stand-alone tfoot .footer
{
	border-top: none;
	font-size: 11px;
	
}

/* end Tables */

/*
Keyword page
-----------------------------------------------------------------------------------------------*/

body.keyword-page #related
{
	float: right;
	margin-left: 20px;
	margin-bottom: 20px
}

body.keyword-page #content
{
	width: 460px;
	margin-left: 0;
}

body.keyword-page #content
{
	line-height: 1.2;
}

* html body.article #related
{
	margin-left: -22cm;
	margin-left: -614px;
	margin-top: -14px;
}

* html body.article #content
{
	margin-left: 80px;
}

div.image p.caption
{
	color: #666;
}

/* Contributor page */

body.contributor #content
{
margin-left:160px;
}

body.contributor #related
{
float:left;
margin-left:-620px;
padding:0 !important;
}

body.contributor #section-contents
{
float:left;
}

body.contributor #section-contents
{
float:left;
}

/*
Network Front
-----------------------------------------------------------------------------------------------*/
body.network div#wrapper
{
line-height: 130%; 
font-family: Georgia, "Times New Roman", Times, serif;
}

body.network div#wrapper fieldset,
body.network div#wrapper input, 
body.network div#wrapper #mpu1,
body.network div#wrapper #mpu2,
body.network div#wrapper .jobs,
body.network div#wrapper #editor-zone-3,
body.network div#wrapper #nav,
body.network div#wrapper .ticker-strap,
body.network div#wrapper .news-ticker-element-hidden,
body.network div#wrapper .news-ticker-element-visible,
body.network div#wrapper #jobsbox,
body.network div#wrapper .user-details
{
display: none;
}

body.network div#wrapper #topslot,
body.network div#wrapper ul#nav,
body.network div#wrapper div.commercial
{
width: 100%;
}

body.network div#wrapper div.news li.col,
body.network div#wrapper div.zones li.col
{
width: 40%;
}

body.network h1, 
body.network h2
{
border-top: 1px solid #000;
}

body.network div#wrapper #highlights
{
width: 100%;
}

body.network div#wrapper #highlights li,
body.network div#wrapper #highlights div,
body.network div#wrapper #highlights p,
body.network div#wrapper #highlights img
{
display:inline;
}

body.network div#wrapper #highlights div
{
width: 138px;
} 

body.network div#wrapper .more-news
{
clear: both; 
float: left; 
margin-bottom: 10px; 
width: 100%;
}

div#tabs
{
display:none;
}
          /* ----------  print-adjust.css ends here ----------- */