/*
areas maked with CUSTOMISE can be changed for different templates
*/


/*
------------------------------------------------------
General Classes
------------------------------------------------------
*/

body {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 0.7em;
color:#333333;
background-color: #333;
border-top:1px solid #fff;
margin: 0 0 10px 0;
padding: 0;
}

table { 
font-size: 1em; 
}

.clear {
clear:both;
}

p {
margin: 0 0 15px 0;
}

.left {
float:left;
}

/*
------------------------------------------------------
Links
------------------------------------------------------
*/


a:link, a:visited, a:Active { 
color: #cc9900; 
text-decoration : underline; 
}

a:Hover {
color: #000;
text-decoration : underline;
}

A.light { color: #ffffff; text-decoration : none; }
A.light:visited { color: #ffffff }
A.light:Active { color: #ffffff}
A.light:Hover { color: #FFCC00; text-decoration : underline; }


/*
------------------------------------------------------
Headers
------------------------------------------------------
*/

h1{
color:#cc9900;/* CUSTOMISE */
font: bold 2em Arial, Helvetica, sans-serif ;
font-weight:400;
display:inline;
}

.titlecolour {
color: #fff;
font-weight:800;
}

h2{
color:#333;
font: bold 1em Arial, Helvetica, sans-serif;
font-weight:800;
text-transform:uppercase;
}

h3{
color:#333;
font: bold 1em Arial, Helvetica, sans-serif;
font-weight:800;
text-transform:uppercase;
}


/*
------------------------------------------------------
Forms
------------------------------------------------------
*/


input {
}


textarea {
}

select {
}

.ScrollableDivArea
{
	background : #ffffff;
	color : #000000;
	padding : 4px 28px 4px 4px;
	overflow : scroll;
	width : 450px;
	height : 300px;
	border:1px solid #333333; /* CUSTOMISE */
}


/*
------------------------------------------------------
HTML 
------------------------------------------------------
*/

hr {
border: none 0;
border-top: 1px solid #ccc;
width: 100%;
height: 1px;
}


/*
------------------------------------------------------
This area contains the classes for the site
navigation.
------------------------------------------------------
*/




/*
------------------------------------------------------
Utility
------------------------------------------------------
*/

#utility{
}

#utility a:link, #utility a:visited, #utility a:active {
color:#ffffff; /* CUSTOMISE */
text-decoration:none;
padding:0 5px;
}

#utility a:hover {
color:#e0c561; /* CUSTOMISE */
text-decoration:none;
}

/*
------------------------------------------------------
Main Navigation
------------------------------------------------------
*/

#navigation ul {
padding:8px 0;
margin:0;
}

#navigation li {
padding:0 8px;
margin:0;
list-style:none;
float:left;
border-right:1px dotted #ccc !important; /* CUSTOMISE */
border-right:1px solid #666; /* CUSTOMISE */
}

#navigation li a:link, #navigation li a:visited, #navigation li a:active{
color:#fff; /* CUSTOMISE */
text-decoration:none;
display:block;
padding:5px;
}

#navigation li a:hover {
/*background:#979471;*/ /* CUSTOMISE */
text-decoration:underline;
}

/*
------------------------------------------------------
This style sheet contains the classes for the general 
page contruction and positioning.
------------------------------------------------------
*/

/*
areas maked with CUSTOMISE can be changed for different templates
*/


/*
------------------------------------------------------
HEADER
------------------------------------------------------
*/

#header {
height:160px;
width:100%;
background:url(images/header_background.jpg) no-repeat top center;/* CUSTOMISE */
position:absolute;
z-index:500;
}

#headerContainer {
margin:0 auto;
width:945px;
height:160px;
}

#logo {
width:236px;
float:left;
padding: 0;
}

#title { 
float:right;
color:#cc9900;
font: bold 4em Arial, Helvetica, sans-serif ; /* CUSTOMISE */
font-weight:400;
padding:10px 0 0 0;
}

.titlecolour { 
font: #fff bold; /* CUSTOMISE */
}

/*Utility*/

#utility {
height:22px;
color:#fff;
text-transform:uppercase;
text-align:right;
margin:0;
padding: 8px 10px 0 0;
}

#utility ul, #utility li {
list-style:none;
display:inline;
padding:0;
margin:0;
}

/*Navigation*/

#navigationContainer {
position:absolute;
top:120px;
width:945px;
height:40px;
background:#000; /* CUSTOMISE */

margin:0 auto;
}

#navigation {
color:#fff; /* CUSTOMISE */
text-transform:uppercase;

}

/*
------------------------------------------------------
Login
------------------------------------------------------
*/


#clientLogin {
width:210px;
height:auto !important;
height:150px;
min-height:150px;
color:#fff; /* CUSTOMISE */
background:#98956C; /* CUSTOMISE */
text-align:left;
padding:10px;
margin: 50px auto 0 auto;
}


#login2 {
text-align:left;
padding: 50px 0 0 0;
margin: 0 3px;
}

.loginBox {
font-size:0.9em;
border:1px solid #333333; /* CUSTOMISE */
background:#fff; /* CUSTOMISE */
width:190px;
padding: 1px 5px;
margin: 0 0 3px 0;
}

.loginButton {
margin: 0 0 3px 0;
}

/*
------------------------------------------------------
Content Area
------------------------------------------------------
*/

#container {
background:url(images/container_background.jpg) repeat-x center top #fff; /* CUSTOMISE */
height: auto !important;
height:370px;
min-height: 370px;
position:relative;
top:160px;
}

#mainArea {
width:935px;
margin:0 auto;
padding: 10px 5px;
}

#rightPanel {
width:210px;
height: auto !important;
height:280px;
min-height: 280px;
float:right;
border-top: 1px dotted #666 !important;
border-top: 1px solid #ccc;
padding:10px;
margin-top:50px;
}

#content {
padding:10px;
margin: 0 240px 0 0;
}

/*
------------------------------------------------------
Internal Content
------------------------------------------------------
*/

#pageTitle {
height:40px;
border-bottom: 1px dotted #666 !important;
border-bottom: 1px solid #ccc;
margin: 0 0 10px 0;
}

#selectTool {
float:right;
padding: 0;

}

.roundSelect {
vertical-align:middle;
margin: 0 0 0 10px;
}

.goButton {
vertical-align:middle;
margin: 0 0 0 10px;
}

.sponsorLogo {
width:200px;
height:auto !important;
height:60px;
min-height:60px;
border:1px solid #ccc;
background:#fff;
text-align:center;
padding:5px
}

.alerts 
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1em;
	color:Red;
	margin: 0 0 10px 0;
	padding: 0;
}

/*Table*/

.tb td {
text-align:center;
}


.tbHdr {
color:#fff;
background:#6B696B;
text-transform:uppercase;
text-align:center;
}

.tbAlt {
background:#6B696B;
color:#ffffff;
}

.margin {
width:40px;
}

.selectTeam {
width: 200px;
}

.submit {
margin:5px 0;
}

#wrapper {
}

#col1{
margin: 0 280px 0 0;
}

#col2 {
width:270px;
float:right;
}



/*
------------------------------------------------------
SEARCH and WATCHLIST
------------------------------------------------------
*/


.SearchForAFriend {
  width: 350px;
  height:auto;
  border:1px solid #000000;
  padding : 9px 9px 9px 9px;

}

.SearchBoxHeader {
  width:320px;
  height:19px;
  padding-left:10px;
  padding-top:5px;
  
}

.SearchBoxHeader a:link, .SearchBoxHeader a:visited, .SearchBoxHeader a:active {
color:#fff; /* CUSTOMISE */
text-decoration:none;
padding:0 90px 0 0;

}

.SearchBoxHeader a:hover {
color:#f48026; /* CUSTOMISE */
text-decoration:none;
}

.SearchBoxInputFields {
    padding-left:5px;
    padding-top:0px;
    vertical-align:middle;

}