@charset "utf-8";
/* TRFU Community CSS Document */

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	color: #1E1E1E; }
	
body {background-color: #f0f0f0;}

a:link, a:visited {color: #ff7800;	text-decoration: none; }
a:hover, a:active {color: #ff0000;  text-decoration: none; }

.toright { float: right; margin: 0 0 10px 10px; }

.rowstyle01 {background-color: #e6e6e6; }
.rowstyle02 {background-color: #fdc000; }

.txt10p {font-size: 10px; }

.txt11p {font-size: 11px; }
.txt11pw {
	font-size: 11px;
	color: #FFFFFF;
}

.txt12p {font-size: 12px; }
.txt14p {font-size: 14px; }
.txt16p {font-size: 16px; }
.txt18p {font-size: 18px; }
.txt28p {font-size: 28px; }

.border-1pxgrey {border: 1px solid #dcdcdc; }

.headurl {font-size: 10px; color: #666666; }

.headleft {
	background-image: url(../img/com/headleft-bg.jpg);
	background-repeat: no-repeat;
	background-position: right; }

.newsbox-head {
	background-image: url(../img/com/tablehead-bg.gif);
	height: 25px;
	margin: 0 0 5px 0;
	}
	
.newsbox-head-left {
	background: url(../img/com/tablehead-left.gif) no-repeat top left; 
}
.newsbox-head-right {
	background: url(../img/com/tablehead-right.gif) no-repeat top right; 
}	
	
.boxhead-txt {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase; }
	
.news-rhlselect {
	font-weight:bold;
	background-color: #fff2e6;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ffead6;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	font-size: 11px; }
	
.news-lgthumb {	
	margin-top: 10px;
	margin-bottom: 15px; }
	
.news-rhlrow {
	cursor:pointer;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #F0F0F0;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	font-size: 11px; }
	
.news-rhlselpoint {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #f8b67d; }
	
.news-rhlgutter {
	cursor:pointer;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #f0f0f0; }
	
.style2 {font-size: 12px; font-weight: bold; }

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

.enews-field {
	border: 1px solid #424242;
	background-color: #000000;
	width: 146px;
	font-size: 11px;
	color: #FFFFFF;
	padding-top: 3px;
	padding-right: 3px;
	padding-left: 3px;
	height: 22px;
}
.enews-field-faded {
	border: 1px solid #424242;
	background-color: #000000;
	width: 146px;
	font-size: 11px;
	color: #666666;
	padding-top: 3px;
	padding-right: 3px;
	padding-left: 3px;
	height: 22px;
}
.enews-table {
	border: 1px solid #424242;
	background-color: #2b2b2b;
}

.sponsortopdiv {
    width: 450px;
    max-height: 100px;
    float: right;
    overflow: hidden;
    padding: 0;
    margin: 10px 21px 0 0;
    text-align: right;
}

    .sponsortopdiv img {
        vertical-align: middle;
    }
    
.sponsordiv {
    width: 230px;
    float: right;
    overflow: hidden;
    padding-left: 20px;
    border-left: solid 1px #ededed; 
}

.resultsdiv { 
    margin-top: 20px;
    padding-top: 20px;
    border-top: solid 1px #ededed; 
}

.error { color: #ff7800; }

#manualpoints {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}
	#manualpoints table {
		border: 1px black solid;
	}
	
	#manualpoints td {
		font-size: 9pt;
		text-align: center;
		padding: 4px;
	}
	
	#manualpoints tr.title {
		font-weight: bold;
		background-color: gray;
		color: white;
	}
	
	#manualpoints tr.line1 {
		background-color: #eeeeee;
	}
	
	#manualpoints tr.line2 {
		background-color: #ffffff;
	}
	
	#manualpoints tr > td:first-child {
		text-align: left;
	}
	
/* -------------------------------------*/	
/* DIV Style Sheet - added 9 April 2010 */
/*                                      */
/* implementing page: volunteer         */	
/* -------------------------------------*/	

/* heading */
div.content-community h2
{
font-size: 18px;
font-weight: normal;
}

div.vom-name h2
{
font-size: 18px;
font-weight: bold;
}

div.content-community h3 {font-size: 16px;}

/* layout */
div.content-community {padding: 10px 20px 0 20px;}

/* text */
.item-main-description
{
font-size: 18px;
font-weight: bold;
display: block;
}

.item-sub-description
{
font-size: 12px;
font-weight: bold;
font-style: italic;
display: block;
}

div.content-community p.breadcrumb {font-size: 11px;}
div.content-community p {font-size: 12px;}

/* list */
div.content-community ul li {list-style: none;}
	
/* ---------------*/	
/* Volunteer Page */
/* ---------------*/

/* current vom */

div.current-vom-container {padding: 0 0 0 91px;}

h2.vom-heading
{
margin: 0;
padding: 0;
width: 538px;
height: 29px;
background: #FFF url("../img/volunteer/vom-header.png") no-repeat 0 0;		
text-indent: -9999px;		
}

div.current-vom
{		
width: 536px;
border: 1px solid #FCC62E;		
}

div.current-vom-photo
{
float: left;
padding: 15px 15px 0 15px;
}

div.current-vom-info
{
float: left;
padding: 60px 0 0 15px;
font-size: 24px;
font-weight: bold;
width: 350px;
text-align: center;
}

div.current-vom-details
{
clear: both;
padding: 5px 15px 15px 15px;
}

div.current-vom-details p {margin: 0;}

/* prev vom */

div.prev-vom {width: 750px;}

div.prev-vom ul
{
padding: 0;
margin: 0;
}
		
div.prev-vom ul li
{
width: 136px;
height: 188px;
border: 1px solid #FCC62E;
text-align: center;		
float: left;
display: inline-block;
margin: 0 4px 10px 5px;
cursor:pointer;
}

div.photo-container
{
width: 100px;
height: 120px;
overflow: hidden;
}

div.prev-vom-photo
{
width: 136px;
height: 120px;
overflow: hidden;
margin: 12px 0 16px 0;
}

div.prev-vom-info
{
width: 136px;
height: 40px;
background: #FFF url("../img/volunteer/vom-label-bg.gif") repeat-x 0 0;
font-size: 11px;
padding: 6px 0 0 0;
}

div.prev-vom-info .name
{		
font-size: 12px;
font-weight: bold;
}

/* pop-up */

div.volunteer-popup
{
width: 480px;
padding: 0 10px 10px 10px;
}

div.volunteer-popup-photo
{
float: left;
padding: 0 0 10px 0;
} 

div.volunteer-popup-info
{
float:left;
padding: 60px 0 0 15px;
font-size: 24px;
font-weight: bold;
width: 330px;
text-align: center;
} 

div.volunteer-popup-details
{
clear: both;
font-size: 12px;
} 
	
/* -----------------------------------------------*/	
/* Team Tracker Style Sheet - added 31 March 2010 */
/* -----------------------------------------------*/

/* Public Class */

.clear {clear: both;}
.error-message {color: red;}
.bold{font-weight: bold;}

/* Image */

div.current-teams img {border: 0px;}

/* Hyper-link */

div.teamtracker-sign-up a {font-weight: bold;}

/* Heading */

div.team-tracker-content h1
{
background: transparent url("../img/teamtracker/team-tracker-logo.gif") no-repeat 0 0;
text-indent: -9999px;
height: 34px;
}

div.team-tracker-content h2
{
font-size: 18px;
font-weight: normal;
}

div.team-tracker-heading-layer-1,
div.team-tracker-heading-layer-2,
div.team-tracker-heading-layer-3 {height: 25px;}

div.team-tracker-heading-layer-1
{
background: transparent url("../img/com/tablehead-bg.gif") repeat-x 0 0;
padding: 0 0 10px 0;
}

div.team-tracker-heading-layer-2 {background: transparent url("../img/com/tablehead-left.gif") no-repeat 0 0;}
div.team-tracker-heading-layer-3 {background: transparent url("../img/com/tablehead-right.gif") no-repeat right top;}

div.team-tracker-heading-layer-1 h3
{
text-transform: uppercase;
font-size: 12px;
font-family: arial black, arial, sans-serif;
font-weight: bold;
padding: 0 0 0 10px;
line-height: 25px;
margin: 0;
}

div.current-teams-remove-team
{
float: right;
line-height: 25px;
font-size: 12px;
font-weight: bold;
}

/* Lay out */

div.team-tracker-content {padding: 10px 20px 0 20px;}
div.team-tracker-page-heading {float: left;}

div.team-tracker-logo
{
background: transparent url("../img/teamtracker/team-tracker-logo.gif") no-repeat 0 0;
height: 34px;
width: 182px;
float: right;
text-indent: -9999px;
}

div.team-tracker-team-selection, 
div.team-tracker-sign-up
{
font-size: 12px;
padding: 0 0 0 10px;
}

div.team-tracker-login
{
float: left;
margin: 10px 0 0 30px;
}

div.team-tracker-sign-up-cta {float: right;}

div.teamtracker-signup-notice-container
{
background-color: #000;
border: 3px solid #979797;
text-align: center;
padding: 10px 20px 20px 20px;
margin: 20px 30px 0 0;
}

div.signup-button {text-align: center;}

div.team-tracker-login-details
{
float: right;
font-size: 11px;
position: relative;
top: 32px;
}

div.first-column, div.second-column
{
position: relative;
width: 367px;
float: left;
}

div.second-column
{
padding: 0 0 0 15px;
float: right;
}

div.section-menu
{
float: right;
font-size: 11px;
line-height: 25px;
font-weight: bold;
position: absolute;
right: 10px;
}

div.team-tracker-upcoming-games,
div.team-tracker-result,
div.team-tracker-ladder {padding: 0 0 20px 0;}

/* Text */

div.team-tracker-content p{font-size: 12px;}
div.team-tracker-content p.breadcrumb {font-size: 11px;}

div.teamtracker-signup-notice-container p
{
color: #ffae00;
font-weight: bold;
}

div.teamtracker-signup-notice-container p.call-to-action-1 {font-size: 20px;}
div.teamtracker-signup-notice-container p.call-to-action-2 {font-size: 14px;}

div.team-tracker-content label
{
font-size: 12px;
font-weight: bold;
color: #FF7800;
display: block;
margin: 0 0 5px 0;
}

div.team-tracker-content label.for-check-box
{
font-size: 12px;
font-weight: normal;
color: #000;
display: inline;
position: relative;
top: -1px;
}

/* Form */
div.team-tracker-login input.text,
div.team-tracker-sign-up input.text {width: 200px;}

form.team-select div
{
font-weight: bold;
font-size: 14px;
}

/* Table */
div.current-teams table
{
border-bottom: 1px solid #ffc624;
margin: 0 10px;
}

div.current-teams table.selected-team td
{
font-size: 12px;
padding: 5px;
}

div.current-teams table.selected-team td.team-name {width: 500px;}

div.current-teams table.selected-team td.button
{
width: 200px;
text-align: right;
}

table.team-tracker-ladder,
table.team-tracker-result, 
table.team-tracker-upcoming-games 
{
width: 100%;
font-size: 11px;
}

table.team-tracker-ladder th,
table.team-tracker-result th,
table.team-tracker-upcoming-games th
{
background-color: #ffbc00;
padding: 5px;
}

table.team-tracker-ladder th.table-heading{background-color: #FFF;}

table.team-tracker-ladder td,
table.team-tracker-result td,
table.team-tracker-upcoming-games td
{
text-align: center;
padding: 5px;
background-color: #E6E6E6;
}

table.team-tracker-ladder td.odd,
table.team-tracker-result td.odd,
table.team-tracker-upcoming-games td.odd {background-color: #FFF;}

table.team-tracker-ladder td.tracked-team
{
background-color: #fff095;
font-weight: bold;
}

table.team-tracker-ladder .team {text-align: left;}

/* ------------------------------------------------------------------------------ */	
/* Header & Default Page - Advertisement Space Implementation - Added 21 Feb 2011 */
/* ------------------------------------------------------------------------------ */

div.bg-wrapper
{
width: 990px;
margin: 0 auto;
background: transparent url(../img/com/bodybg.gif) repeat-y 0 0;
position: relative;
}

table.parent {width: 960px;}

div.grand-wrapper
{
width: 959px;
position: relative;
}

div.wrapper
{
width: 959px;
position: relative;
top: -3px;
overflow: hidden;
}

/* 1. Header */

table.headurl
{
height: 28px;
vertical-align: top;
}

td.trfu-network img
{
height: 25px;
width: 160px;
position: relative;
top: -2px;
left: 10px;
}

table.headurl {width: 959px;}

table.community-header
{
width: 956px;
height: 160px;
background-color: #000;
}

.community-header div.header-container
{
width: 957px;
height: 160px;
position: relative;
}

.community-header a.logo
{
display: inline-block;
position: absolute;
top: 50px;
left: 10px;
}

.community-header .logo img {border: 0;}

.community-header div.header-ad
{
position: absolute;
top: 30px;
right: 10px;
}

div.header-ad a
{
display: block;
height: 90px;
width: 728px;
}

div.header-ad img {border: 1px solid #838383;}

	/* 1.1. Side Banners */
	
	td.side-ad-container,
	div.side-ad-container
	{
	width: 957px;
	position: relative;
	}
	
	div.side-banner img {border: 0;}
	
	.side-ad-container div.side-banner
	{
	position: absolute;
	top: 191px;
	}
		
	.side-ad-container div.left-banner {left: -142px;}	
	.side-ad-container div.right-banner {right: -144px;}

/* 2. Navigation */	
	
div.side-bar {margin: 20px 0 0 0;}

.side-bar td.sub-nav
{
color: #FFF;
text-align: left;
padding: 2px 0 2px 22px;
font-size: 11px;
}

.side-bar td.sub-nav a {font-size: 11px;}

.side-bar form {margin: 20px 0 0 0;}

table.enews-table td
{
text-align: left;
}

a.rss-subscribe
{
font-size: 10px;
font-weight: normal;
}

/* 3. Home Page */

td.page-main-content
{
padding: 0 15px;
width: 445px;
vertical-align: top;
}

td.page-sec-content
{
padding: 0 15px 0 0;
width: 300px;
vertical-align: top;
}

table.content-block {width: 790px;}
table.main-block {width: 445px;}
table.sec-block {width: 300px;}

	/* 3.1. News Section */

	.news-block
	{
	width: 220px;
	padding: 0;
	}

	.news-block div.img-area
	{
	margin: 10px 0;
	width: 220px;
	background-color: #333; 
	}

	.news-block div.img-area img
	{
	display: block;
	margin: 0 auto;
	}

	.news-block img.default
	{
	width: 220px;
	height: 99px;
	}

	#home_news_main_td_blank {height: 280px;}

	#home_news_main_td_1, 
	#home_news_main_td_2,
	#home_news_main_td_3,
	#home_news_main_td_4 {vertical-align: top;}

	div.community-news-preview-area
	{
	width: 220px;
	height: 280px;
	overflow: hidden;
	}

	.community-news-preview-area a.title
	{
	font-size: 14px;
	display: block;
	margin: 0 0 3px 0;
	font-weight: bold;
	}

	.community-news-preview-area span.date
	{
	font-size: 11px;
	display: block;
	margin: 0 0 5px 0;
	}

	.community-news-preview-area p
	{
	font-size: 11px;
	margin: 0 0 10px 0;
	}

	.community-news-preview-area a.read-more-link {font-size: 11px;}
	
	/* 3.2. Media Section */
	
	div.media-text
	{
	width: 190px;
	padding: 0 15px;
	}
	
	#div_video_title
	{
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 10px 0;
	}
	
	#div_video_description
	{
	font-size: 11px;
	}
	
	/* 3.3. Secondary Area */
	
	div.sec-area-ad-section
	{
	height: 250px;
	margin: 0 0 10px;
	width: 300px;
	}

	.sec-area-ad-section img
	{
	border: 1px solid #333;
	height: 248px;
	width: 298px;	
	}

	.event-area td {padding: 10px;}
	
	/* 3.3. What's on this week */		
	
	.club-whats-on-this-week table
	{
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	}
	
	.club-whats-on-this-week th 
	{
	background-color: #666;
	color: #FFF;
	}
	
	.club-whats-on-this-week td, .club-whats-on-this-week th 
	{
	vertical-align: middle;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;	
	padding: 5px;
	}
	
	/* 3.4. Competition Page */		
			
	td.competition-tab div
	{
	height: 30px;
	overflow: hidden;
	position: relative;
	top: 1px;
	}
	
	table.this-week-games-info
	{
	font-size: 11px;	
	}
	
	.this-week-games-info th, .this-week-games-info td
	{
	padding: 5px;
	}
	
	table.this-week-games
	{
	font-size: 11px;
	width: 100%;
	border-top: 1px solid #000;	
	border-left: 1px solid #000;
	margin: 0;
	padding: 0;
	}
		
	.this-week-games th, .this-week-games td
	{
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	margin: 0;
	padding: 5px;
	}
	
	.this-week-games th
	{
	background-color: #666;
	color: #FFF;
	}
	
	/* 3.5. Competition Iframe Page */
	
	table.competition-iframe-container {margin: -4px 0 0 0;}
	
	.competition-frame table {
		width: 100%;
		border-top: 1px solid #000;
		border-right: 1px solid #000;
	}
		
	.competition-frame td, .competition-frame th {
		border-left: 1px solid #000;
		border-bottom: 1px solid #000;
		padding: 5px;
		font-family: Calibri, Arial, Helvetica, Sans-serif;
	}
	
	.competition-frame th {
		background-color: #000;
		color: #FDC110;
		font-size: 15px;
		text-transform: uppercase;
	}
	
	
/* 4. Footer */

#footer_bar
{
width: 960px;
margin: 0 auto;
}