/*-----------------------------------------------------------------------------
Northern Cyclones Website (Season 2008-09)

version:   1.0
author:    Clark Caughey
email:     clark@designbysynergie.com
website:   http://www.createdbyclark.com/
created:   21st May 2008
updated:   N/A
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

.clear {
	clear:both;
}

img {
	border: none;
	}

body {
	border-top: 6px solid #333333;
	background: url(http://www.cycloneshockey.co.uk/images/bg.jpg) repeat-x top center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 0 20px 0;
	}

#container {
	width: 836px;
	margin: 0 auto;
	}
	
#logo {
	float: left;
	margin: 25px 0;
	}
	
#standings {
	width: 158px;
	background: url(http://www.cycloneshockey.co.uk/images/standings.jpg) top center no-repeat #00323B;
	font-size: 11px;
	color:#FFFFFF;
	border: 5px #CCCCCC solid;
	padding: 40px 0 10px 10px;
	}
	
#standings a {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	}
	
#standings a:hover {
	text-decoration: underline;
	}
	
.highlight{
	color: #FFFF00;
	font-weight: bold;
	}
	

/* =Typography
-----------------------------------------------------------------------------*/



/* =Headings
-----------------------------------------------------------------------------*/



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

a {
	color: #006577;
	font-weight: bold;
	text-decoration: none;
	}
	
a:hover {
	color: #990000;
	font-weight: bold;
	text-decoration: underline;
	}
	
h1 a {
	color: #333333;
	text-decoration: none;
	}
	
h1 a:hover {
	color: #006577;
	text-decoration: underline;
	}



/* =Main Nav
-----------------------------------------------------------------------------*/

#nav {
	list-style: none;
	}
	
#nav a{
	padding: 10px 0 15px 15px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	display: block;
	}
	
#nav li {
	float: left;
	margin: 0 10px 0 0;
	width: 131px;
	height: 50px;
	}
	
#nav .active {
	background:url(http://www.cycloneshockey.co.uk/images/nav_on.gif) top left no-repeat;
	}
	
#nav .inactive {
	background:url(http://www.cycloneshockey.co.uk/images/nav_off.gif) top left no-repeat;
	}
	
#nav .inactive:hover {
	background:url(http://www.cycloneshockey.co.uk/images/nav_hover.gif) top left no-repeat;
	}
	
#nav .activeLast {
	background:url(http://www.cycloneshockey.co.uk/images/nav_on.gif) top left no-repeat;
	margin: 0;
	}
	
#nav .inactiveLast {
	background:url(http://www.cycloneshockey.co.uk/images/nav_off.gif) top left no-repeat;
	margin: 0;
	}
	
#nav .inactiveLast:hover {
	background:url(http://www.cycloneshockey.co.uk/images/nav_hover.gif) top left no-repeat;
	}



/* =Sub Nav
-----------------------------------------------------------------------------*/


/* =Footer
-----------------------------------------------------------------------------*/
	
#footer {
	font-size: 11px;
	color:#999999;
	margin: 30px auto 0 auto;
	padding: 0 0 0 20px;
	width: 860px;
	}
	
#footer ul {
	float: right;
	}
	
#footer a{
	font-size: 11px;
	color:#999999;
	font-weight: normal;
	}
	
#footer a:hover{
	font-size: 11px;
	color:#006577;
	font-weight: normal;
	}

#footer ul li {
	list-style: none;
	float: left;
	margin: 0 0 0 20px;
	}


/* =Forms
-----------------------------------------------------------------------------*/
	
#search {
	float: right;
	background: #333333;
	padding: 4px 8px 8px 8px;
	}
	
#search input[type="text"]{
	float: left;
	width: 110px;
	height: 18px;
	color:#666666;
	font-size: 12px;
	padding: 5px 0 0 5px;
	margin: 0 10px 0 0;
	border: none;
	background: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	}
	
#search input[type="text"]:focus{
	background: #E1E1E1;
	}

#search .submit {
	width: 56px;
	height: 24px; 
	border: none;
	}
	
#searchResults {
	background: #F5F5F5;
	border: 1px solid #CCCCCC;
	padding: 15px;
	width:445px;
	float: left;
	margin: 30px 0 0 0;
	}
	
#searchResults ul{
	list-style: none;
	}
	
#searchResults li{
	margin: 20px 0 0 0;
	border-top: 1px solid #CCCCCC;
	}
	
#searchResults p{
	font-size: 11px;
	}
	
#searchResults h1{
	margin: 0 0 0 0;
	font-size: 16px;
	}
	
#searchResults img{
	width: 443px;
	height: 230px;
	border: 1px solid #CCCCCC;
	margin: 10px 0;
	}
	
#searchResults h2{
	margin: 20px 0 0 0;
	font-size: 11px;
	}
	
		

/* =Tables
-----------------------------------------------------------------------------*/


/* =Index
-----------------------------------------------------------------------------*/

#rotator {
	width:485px;
	float: left;
	margin: 30px 0 0 0;
	}
	
#gallery{
	width:485px;
	float: left;
	margin: 20px 0 0 0;
	}
	
#contentRight {
	width: 340px;
	float: right;
	margin: 30px 0 0 0;
	}
	
#sponsors {
	width: 147px;
	float: right;
	}
	
#sponsors ul{
	list-style: none;
	}
	
#sponsors ul li{
	margin: 0 0 15px 0;
	}
	
#stats {
	width: 165px;
	float: left;
	}
	
#newsContent {
	background: #F5F5F5;
	border: 1px solid #CCCCCC;
	padding: 15px;
	width:445px;
	float: left;
	margin: 30px 0 20px 0;
	}
	
#newsContent ul{
	list-style: none;
	}
	
#newsContent li{
	margin: 20px 0 0 0;
	border-top: 1px solid #CCCCCC;
	}
	
#newsContent p{
	font-size: 11px;
	margin: 10px 0;
	color: #333333;
	text-align: justify;
	}
	
#newsContent h1{
	margin: 0 0 5px 0;
	font-size: 16px;
	}
	
#newsContent img{
	width: 443px;
	height: 230px;
	border: 1px solid #CCCCCC;
	margin: 15px 0 10px 0;
	}
	
#newsContent h2{
	margin: 20px 0 0 0;
	font-size: 11px;
	}
	
#newsContent .postDetails{
	margin: 0px;
	}
	
#newsContent a{
	font-weight: normal;
	}
	
#newsArchive {
	background: #F5F5F5;
	border: 1px solid #CCCCCC;
	padding: 15px;
	width:445px;
	float: left;
	margin: 30px 0 20px 0;
	}
	
#newsArchive a{
	display: block;
	background: url(http://www.cycloneshockey.co.uk/images/page-icon.gif) left center no-repeat;
	padding: 5px 0 5px 25px;
	}
	
#newsArchive h1{
	margin: 0 0 10px 0;
	font-size: 16px;
	}
	
#roster{
	background: #F5F5F5;
	border: 1px solid #CCCCCC;
	padding: 30px 15px 15px 15px;
	width:445px;
	float: left;
	margin: 30px 0 20px 0;
	}
	

/* =Tabbed Navigation
-----------------------------------------------------------------------------*/

#newsArchive2 {
	width:480px;
	float: left;
	margin: 30px 0 20px 0;
	background: url(http://www.cycloneshockey.co.uk/images/tab_bg.gif) repeat-x;
	}
	
#newsArchiveContent {
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background: #F5F5F5;
	padding: 15px;
	}
	
#newsArchiveContent a{
	display: block;
	background: url(http://www.cycloneshockey.co.uk/images/page-icon.gif) left center no-repeat;
	padding: 5px 0 5px 25px;
	}
	
#rosterContent {
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background: #F5F5F5;
	padding: 15px;
	}
	
#rosterContent a{
	color: #333333;
	font-weight: normal;
	text-decoration: none;
	}
	
#rosterContent a:hover{
	color: #006577;
	font-weight: normal;
	text-decoration: underline;
	}
	
#newsArchive2 li{
	float: left;
	list-style: none;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	margin: 0 5px 0 0;
	padding: 5px 0 0 0;
	width: 75px;
	height: 20px;
	text-align: center;
	background: #F5F5F5;
	display: block;
	outline: 0;
	}
	
#newsArchive2 li .active{
	float: left;
	list-style: none;
	width: 75px;
	height: 25px;
	text-align: center;
	background: #F5F5F5;
	display: block;
	border-bottom: none;
	border-bottom: 1px solid #F5F5F5;
	outline: 0;
	color: #333333;
	}
	
#newsArchive2 li a{
	text-decoration: none;
	outline: 0;
	display: block;
	}
	
#newsArchive2 p{
	color: #333333;
	font-size: 11px;
	}
	

	

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

#login {
	background:url(http://www.cycloneshockey.co.uk/images/login.jpg) top center no-repeat;
	width: 313px;
	height: 275px;
	margin: 60px auto 0 auto;
	padding: 135px 35px 0 35px;
	color: #FFFFFF;
	}
	
#login p{
	font-size: 11px;
	}
	
#login a{
	color: #FFFFFF;
	text-decoration: none;
	}
	
#login ul {
	display: none;
	}
	
#login h2 {
	font-size: 11px;
	font-weight: normal;
	margin: 0 0 20px 0;
	}
	
#login input#log {
	margin: 3px 0 10px 0;
	padding: 6px 10px 6px 30px;
	width: 273px;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	background: #ffffff url(http://www.cycloneshockey.co.uk/images/user.gif) left no-repeat;
	border: 1px solid #999999;
	}
	
#login input#login_password {
	margin: 3px 0 10px 0;
	padding: 6px 10px 6px 30px;
	width: 273px;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	background: #ffffff url(http://www.cycloneshockey.co.uk/images/pass.gif) left no-repeat;
	border: 1px solid #999999;
	}

#login input#submit {
	float: right;
	height: 24px;
	width: 56px;
	background: #ffffff url(http://www.cycloneshockey.co.uk/images/btn-login.gif) left no-repeat;
	text-indent: -90000px;
	border: 0;
	cursor: pointer;
	}
	
#loginFooter {
	font-size: 11px;
	color:#999999;
	width: 360px;
	height: 275px;
	margin: 10px auto 20px auto;
	}
	
#loginFooter a{
	font-size: 11px;
	color:#999999;
	font-weight: normal;
	}
	
#loginFooter a:hover{
	font-size: 11px;
	color:#006577;
	font-weight: normal;
	}


/* =Calendar
-----------------------------------------------------------------------------*/

#calendar { background: url(http://www.cycloneshockey.co.uk/images/calendar_bg.jpg) top center; padding: 4px 0 10px 10px; margin: 0 0 15px 0; width: 165px; border: 1px solid #CCCCCC;}
#calendarIE { background: url(http://www.cycloneshockey.co.uk/images/calendar_bg.jpg) top center; padding: 4px 0 10px 10px; margin: 0 0 15px 0; width: 165px; border: 1px solid #CCCCCC;}
.jsCalendarMonth { FONT-WEIGHT:bold; FONT-SIZE:10px; COLOR:#000000; FONT-FAMILY:Verdana,Arial,Helvetica,sans-serif }
.jsCalendarDayT { FONT-WEIGHT:normal; FONT-SIZE:9px; COLOR:#333333; FONT-FAMILY:Verdana,Arial,Helvetica,sans-serif }

.jsCalendarDayN { FONT-WEIGHT:bold; FONT-SIZE:9px; COLOR:#000000; FONT-FAMILY:Verdana,Arial,Helvetica,sans-serif; BACKGROUND-COLOR:#FFFFFF; cursor:default}
TD.jsCalendarDayH { FONT-WEIGHT:bold; FONT-SIZE:9px; COLOR:#FFFFFF; FONT-FAMILY:Verdana,Arial,Helvetica,sans-serif; BACKGROUND-COLOR:#CC0000; cursor:default}
TD.jsCalendarDayA { FONT-WEIGHT:bold; FONT-SIZE:9px; COLOR:#FFFFFF; FONT-FAMILY:Verdana,Arial,Helvetica,sans-serif; BACKGROUND-COLOR:#006577; cursor:default}
TD.jsCalendarDayE { FONT-WEIGHT:bold; FONT-SIZE:9px; COLOR:#FFFFFF; FONT-FAMILY:Verdana,Arial,Helvetica,sans-serif; BACKGROUND-COLOR:#006666; cursor:default}
TD.atSymbol { FONT-WEIGHT:normal; FONT-SIZE:22px; COLOR:#CC0000; FONT-FAMILY:Verdana,Arial,Helvetica,sans-serif }

.jsCalendarGameDate { FONT-WEIGHT:bold; FONT-SIZE:10px; COLOR:#000000; FONT-FAMILY:Verdana,Arial,Helvetica,sans-serif }
.jsCalendarGameTime { FONT-SIZE:9px; COLOR:#000000; FONT-FAMILY:Verdana,Arial,Helvetica,sans-serif }
.jsCalendarOpponent { FONT-WEIGHT:bold; FONT-SIZE:11px; COLOR:#CC0000; FONT-FAMILY:Verdana,Arial,Helvetica,sans-serif }
.jsCalendarLegend { FONT-WEIGHT:normal; FONT-SIZE:9px; COLOR:#333333; FONT-FAMILY:Verdana,Arial,Helvetica,sans-serif }


/* =Misc 2
-----------------------------------------------------------------------------*/

#errorPage {
	background: #F5F5F5;
	border: 1px solid #CCCCCC;
	padding: 15px;
	width:445px;
	float: left;
	margin: 30px 0 20px 0;
	}
	
#errorPage ul{
	list-style: none;
	margin: 20px 0 10px 0;
	}
	
#errorPage li{
	margin: 3px 0 0 0;
	font-size: 11px;
	}
	
#errorPage p{
	font-size: 11px;
	margin: 10px 0;
	color: #333333;
	text-align: justify;
	}
	
#errorPage h1{
	margin: 0 0 5px 0;
	font-size: 16px;
	}
	
	
	
	
#rosterPlayer {
	width:480px;
	float: left;
	margin: 30px 0 20px 0;
	}
	
#rosterPlayer h1{
	display: block;
	padding: 7px 15px;
	font-size: 16px;
	color: #FFFFFF;
	background: #333333;
	}
	
#rosterPlayerLeft {
	width:140px;
	float: left;
	}
	
#rosterPlayerLeft table{
	border: 1px solid #CCCCCC;
	}
	
#rosterPlayerLeft table h4{
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0 0 0 8px;
	}
	
#rosterPlayerLeft table a{
	color: #333333;
	font-weight: normal;
	font-size: 11px;
	padding: 0 0 0 8px;
	}
	
#rosterPlayerLeft img{
	padding: 4px;
	border: 1px solid #CCCCCC;
	margin: 0 0 10px 0;
	}
	
#rosterPlayerRight {
	width:320px;
	float: right;
	}
	
#rosterPlayerRight h4{
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	}
	
#rosterPlayerContent {	
	background: #F4F4F4;
	color: #333333;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding: 15px;
	font-size: 11px;
	}
	
#rosterPlayerContent h3{	
	font-size: 11px;
	font-weight: bold;
	margin: 20px 0 5px 0;
	}
	
#rosterPlayerContent p{	
	text-align: justify;
	}
	
	
	
#fpss-container img {border:none; width:485px; height: 250px;}
#controls {float:right;}
#controls_numbers a{font-size: 10px; color:#666666; padding:5px 8px; background: url(http://www.cycloneshockey.co.uk/images/rotate_inactive.gif) center center no-repeat;}
#controls_numbers li a.navi-active {font-size: 10px; color:#FFFFFF; padding:5px 8px; background: url(http://www.cycloneshockey.co.uk/images/rotate_active.gif) center center no-repeat;}
.buttonBack {padding: 3px 10px 3px 0; background:url(http://www.cycloneshockey.co.uk/images/topstory_button_left.gif) no-repeat;}
.buttonForward {padding: 3px 10px 3px 0; background:url(http://www.cycloneshockey.co.uk/images/topstory_button_right.gif) no-repeat;}
.buttonPlay {padding: 3px 15px 3px 0; background:url(http://www.cycloneshockey.co.uk/images/topstory_button_play.gif) no-repeat;}

/* --- Slideshow Containers --- */
#fpss-container {clear:both; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; border: 1px solid #CCCCCC;}
#fpss-slider {overflow:hidden;background:none;clear:both;}

/* --- Slideshow Block --- */
.slide {position:absolute;overflow:hidden;}
#slide-wrapper {display:none;font-size:11px;text-align:left;}
#slide-loading {background:#fff url(loading.gif) no-repeat center;text-align:center;}
#slide-outer .slide-inner {position:relative;margin:0px;color:#fff;background:#F5F5F5;} 

/* --- Content --- */
.fpss_introtext {width:auto !important;width:100%;font-size:11px;margin:0px;padding:0px;position:absolute; top:250px; left:0; right:0; color: #666666; font-size: 12px;}

/* --- Navigation Buttons --- */
#navi-outer {clear:both;padding:10px 0 0 0;margin:0px;height:25px;background:#F5F5F5;}
#navi-outer ul {margin: 0 10px 0 0;  text-align:right; float:right;}
#navi-outer li {display:inline;background:none;padding:0px;margin:0px 1px;}
#navi-outer li a.navi-active {padding:5px 8px; background: url(http://www.cycloneshockey.co.uk/images/rotate_active.gif) center center no-repeat;}
#navi-outer ul,#navi-outer li,#navi-outer a{line-height:normal;height:auto;} /* reset any template values */
#navi-outer a img {display:none;}
span.fpss_key {}
span.fpss_keytitle {display:none;}

/* Notice: Add custom text styling here to overwrite your template's CSS styles! */
.fpss_introtext h1 {font-size: 17px; padding: 10px; background:url(http://www.cycloneshockey.co.uk/mod_fpslideshow/default/transparent_bg.png) no-repeat !important;}
.fpss_introtext h1 a {color: #FFFFFF; text-decoration: none;}
.fpss_introtext h1 a:hover {}
.fpss_introtext h2 {font-size:12px;margin:0px 0px 4px 0px;padding:0px;}
.fpss_introtext h3 {font-size:11px;margin:0px 0px 4px 0px;padding:0px;}
.fpss_introtext p {margin:8px 10px 10px 10px;padding:0px; line-height: 150%; }
.fpss_introtext a.readon {margin:4px;padding:0px;border:none;background:none;}
.fpss_introtext a.readon:hover {margin:4px;padding:0px;border:none;background:none;}

#fpss-container {width:480px;}
#fpss-slider, #slide-loading, .slide {width:480px;height:360px;}
#slide-outer, #slide-outer .slide-inner {height:360px;}
#navi-outer {width:480px;}
#slide-outer .slide-inner a.fpss_img span span span {background:none;}
.slidetext .readon {display:none;}