/*
   @Author:		Alex Holsgrove
	@Email:		alex@blind-summit.co.uk
	$Date:		22nd July 2009
*/

* {
	margin:							0;
	padding:						0;
}

html, body {
	width:							100%;
}

body {
	background:						#000000;
	color:							#333333;
	font-family:					Arial, Helvetica, sans-serif;
	font-size:						75%;		/* 12pt */
}
h1, h2, h3, h4 {
	font-weight:					normal;
	margin:							0 0 10px 0;
}
h1 {
	font-size:						1.5em;		/* 18pt */						
}
h2 {
	font-size:						1.33em;		/* 16pt */
}
h3 {
	font-size:						1.16em;		/* 14pt */
}
h4 {

}
p {
	margin:							0 0 15px 0;
}


/* ---------- Base Styles ---------- */
a {
	color:							#2B2B2B;
	outline:						none;
	text-decoration:				none;	
}
a:hover {
	color:							#000000;	
}
form input,
form select {
	font-size:						1.0em;
	padding:						2px;
}
form textarea {
	font-family:					Arial, Helvetica, sans-serif;
	font-size:						1.0em;
	padding:						2px;
}
img {
	border:							none;	
}


/* ---------- Structural Styles ---------- */
#site-wrapper {
	height:							100%;
	margin:							0 auto;	
	width:							1000px;
}
#framework {
	border:							1px solid #434343;
	clear:							both;
	padding:						6px;
	margin:							0 0 10px;
	overflow:						auto;
	width:							986px;
}
#content {
	background:						#FFFFFF;
	overflow:						auto;
	padding:						10px;
    min-height:                     305px;
	width:							966px;	
}

/* ---------- Header Styles ---------- */
#header img {
	display:						block;
	margin:							10px auto;
}

/* ---------- Navigation Styles ---------- */
#navigation {
	background:						#000000 url(../images/layout/bg_nav_hover.png) top left repeat-x;
    border-right:                   1px solid #434343;
    border-top:                     1px solid #434343;
    float:                          left;
    width:                          999px;
}
#navigation li {
	/*background:						url(../images/layout/bg_nav_bar.png) top left no-repeat;*/
	float:							left;
	list-style-type:				none;
    margin-bottom:                  5px;
	padding:						0 0 0 1px;
	position:						relative;
}
#navigation li a {
	color:							#FFFFFF;
	display:						block;
	font-size:						1.08em;		/* 13pt */
	font-weight:					bold;
	padding:                        8px 23px;
}

#navigation li a.selected,
#navigation li a:hover {
	background:						url(../images/layout/bg_nav_hover_invert.png) bottom left repeat-x;	
}

#navigation li.last a {
    padding:                        8px 26px 8px 27px;
}

#navigation ul {
	display:						none;
	position:						absolute;
	width:							160px;
	z-index:						100;
}
#navigation ul li {
	background:						none;
	float:							none;
    margin:                         0;
}
#navigation ul li a {
	background:						#000000;
	font-weight:					normal;
	font-size:						0.92em;		/* 12pt */
	padding:						5px 10px;
}

/* ---------- Modular Styles ---------- */
#imagefade {
	overflow:						hidden;
	position:						relative;	
}
#imagefade img {
	position:						absolute;
	top:							0;
	left:							0;
}

.newsfeed li {
	border-bottom:					1px dotted #434343;
	list-style-type:				none;
	margin:							0 0 10px;
	padding:						0 0 10px;
}
.newsfeed li h4 {
	color:							#A68309;
	margin:							0 0 3px;
}
.newsfeed li p {
	font-size:						0.92em;		/* 11pt */
	margin:							0 0 2px;
}
.newsfeed li a {
	font-size:						0.92em;		/* 11pt */
	font-weight:					bold;
}

.calendar th {
	padding:						2px 5px;	
}
.calendar td {
	padding:						2px 5px;
	text-align:						center;
}
.calendar td.event {
	background:						#99CCFF;
}
.calendar td.today {
	background:						#ADC042;
}
.calendar td:hover {
	background:						#CCCCCC;
	cursor:							pointer;
}
.calendar td a {
	color:							#000000;
}

.exchanges li {
	border-bottom:					1px dotted #434343;
	list-style-type:				none;
	margin:							0 0 10px;
	padding:						0 0 10px;
}
.exchanges li h4 {
	color:							#A68309;
	margin:							0 0 3px;
}
.exchanges li p {
	font-size:						0.92em;		/* 11pt */
	margin:							0 0 2px;
}

/* ---------- Homepage Styles ---------- */
.homepage #content {
	background:						#000000;
	padding:						0;
	width:							986px;
}
.homepage #newsfeed {
	background:						#FFFFFF;
	float:							left;
	min-height:						305px;
	padding:						10px;
	width:							520px;
}

.homepage #imagefade {
	background:						#434343;
	float:							right;
	height:							325px;
	width:							440px;	
}



/* ---------- Content Styles ---------- */
.two-column #content {
	background:						#FFFFFF;
	float:							left;
	padding:						10px;
	width:							565px;
}
.two-column #sidebar {
	background:						#FFFFFF;
	float:							right;
	padding:						10px;
	width:							374px;
}

#content.news em {
    display:                        block;
    margin:                         0 0 8px 0;
}

#content.leagues li {
    list-style-type:                none;
}

#content table {
	border-left:					1px dotted #434343;
	border-right:					1px dotted #434343;
	border-bottom:					1px dotted #434343;
	margin:							0 auto;
	width:							90%;
}
#content table th {
	background:						#000000;
	color:							#FFFFFF;
	text-align:						left;
	padding:						2px 5px;
}
#content table td {
	padding:						2px 5px;
}
#content table tr.odd td {
	background:						#DDDDDD;	
}

/* ---------- Sidebar Styles ---------- */
#sidebar form fieldset {
	border:							none;
	margin:							0 0 10px;
}
#sidebar form li {
	font-size:						0.92em;		/* 11pt */
	list-style-type:				none;
	margin:							0 0 3px;
	overflow:						hidden;
	width:							374px;
}
#sidebar form li h4 {
	color:							#A68309;
	margin:							0 0 3px;
}
#sidebar form li label {
	float:							left;
	margin:							0 5px 0 0;
	width:							100px;
}
#sidebar form li input,
#sidebar form li textarea {
	width:							220px;	
}
#sidebar form li .button {
	float:							left;
	width:							auto;
}
#sidebar p.error {
	font-size:						0.92em;		/* 11pt */
	margin:							0 0 3px;
}

/* ---------- Footer Styles ---------- */
#footer {
	color:							#666666;
	overflow:						hidden;
	position:						relative;
	width:							1000px;
}

#footer #panel-bottom {
    border:                         1px solid #434343;
    margin:                         0 0 10px;
    overflow:                       hidden;
    padding:                        5px;
    width:                          988px;
}
#footer #panel-bottom ul {
	overflow:						hidden;
	width:							988px;
}
#footer #panel-bottom ul li {
	background:						#000000;
	display:						block;
	float:							left;
	margin:							0 7px 0 0;
	width:							159px;
}
#footer #panel-bottom ul li a {
    display:                        block;
    text-align:                     center;
}
#footer #panel-bottom ul#buttons li a img {
    width:                          158px;    
}

#footer #panel-bottom ul#buttons li.last {
	margin:							0;
    width:                          158px;
}
#footer #panel-bottom ul li p {
    background:                     url("../images/layout/bg_nav_bar.png") repeat scroll left top transparent;
	color:							#FFFFFF;
	font-size:						1.16em;		/* 14pt */
	margin:							0;
	padding:						5px 6px;
    width:                          146px;
}

#footer #panel-bottom ul li a:hover p {
    font-weight:                    bold;
    opacity:                        1.0;
}

#footer #panel-bottom .panel {
	background:						#000000 url(../images/layout/bg_gradient.png) top left repeat-x;
	padding:						10px 5px 0;
	margin:							4px 0 0;
	min-height:						95px;
}
#footer #panel-bottom .panel h3 {
	color:							#FFFFFF;
	font-weight:					bold;
}
#footer #panel-bottom div.quick-links {
	float:							left;
	width:							580px;
}
#footer #panel-bottom div.quick-links ul {
    float:                          left;
    margin:                         0 8px 10px;
    text-align:                     left;
    width:                          auto;
}

#footer #panel-bottom div.quick-links ul li {
    float:                          none;
    width:                          122px;
}
#footer #panel-bottom div.sponsors {
	float:							right;
    height:                         210px;
	width:							381px;
}
#footer #panel-bottom div.sponsors ul {
	overflow:						hidden;
	width:							381px;
}
#footer #panel-bottom div.sponsors ul li {
	margin:							0;
	width:							75px;
}
#footer #panel-bottom div.sponsors ul li a {
	display:						block;
}

#footer p {
	float:							left;
	margin:							0 10px;
}
#footer span {
	display:						block;
	float:							right;
	margin:							0 10px;
}
#footer a {
	color:							#666666;
	text-decoration:				underline;
}
#footer a:hover {
	color:							#FFFFFF;	
}

/* ---------- Additional Styles ---------- */
.left {
	float:							left;	
}
.right {
	float:							right;
}
.success {
	background:						#E4FFCF url(../images/icons/success.png) 8px 50% no-repeat;
}
.warning {
	background:						#FFFF99 url(../images/icons/warning.png) 8px 50% no-repeat;
}
.error {
	background:						#FFCFCF url(../images/icons/error.png) 8px 50% no-repeat;
}
p.error {
	background:						#FFCFCF url(../images/icons/error.png) 8px 50% no-repeat;
	border:							1px solid #666666;
	margin:							10px 0;
	padding:						5px 32px;
}
.buttons {
	padding:						5px 0;	
}
.button {
	background:						#EEEEEE;
	border:							1px solid #73716D;
	color:							#000000;
	cursor:							pointer;
	padding:						3px 8px;
}
.button:hover {
	background:						#DDDDDD;
}
input.button {
	font-family:					Tahoma, Geneva, sans-serif;
	font-size:						1.0em;
	padding:						2px 5px;
}
.hidden {
	display:						none;
}
.visible {
	display:						block;	
}

.rhover,
.hover:hover {
	-ms-filter:						"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter:							alpha(opacity=60);
	-moz-opacity:					0.6;
	opacity:						0.6;
}
.rhover:hover {
	-ms-filter:						"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:							alpha(opacity=100);
	-moz-opacity:					1.0;
	opacity:						1.0;
}