/* tage over-rides */
html {
    overflow: scroll;
}

body, td{
    font-family: arial, sans-serif;
    font-size: 12px;
}

body, html {
	background-color: #E5E5E5;
    height: 100%; /* modifies hight on firefox, might not work on other browsers. */
    height: 99% !important;
    margin: 0;
    padding: 0;
}
img, img a {
    border: none;
}
h1 {
    font-size: 18px;
    border-bottom: 1px solid black;
    line-height: 18px;
    font-style: italic;
    padding: 0px;
    padding-top: 10px;
    margin: 0px;
}

h2 {
    font-size: 16px;
}

h3 {
    font-size: 13px;
}

/* template structure declorations */

.mainLayout{
    margin: 0 auto;
	width: 800px;
	border: 1px solid black;
	padding: 0;
	border-top: none;
}

.bodyLayoutContainer{
	background-color: white;
}
.bodyLayout{
	min-height: 580px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 30px;
	text-align: left;
}

.menbarBottomSpacer{
	background-color: black;
}
.menubarLayout{
	color: black;
	height: 20px;
	border-top: 1px solid black;
    border-bottom: 1px solid black;
    background-color: #cccccc;
	background: url( '../images/template2/gradient_gray_04.gif' ) top left repeat-x; 
}
.menubarLayout table td{
	text-align: center;
}

.menubarLayout a{
	color: black;
	text-decoration: none;	
}
.menubarLayout a:hover{
	color: black;
	text-decoration: underline;	
}

.footerLayout, .headerLayout{
	width:100%;
	background-color: white;
	border-top: solid 1px #999999
}
.footerLayout a{
	padding-right: 30px;
}
.headerLayout{
    background-image: url('../images/template2/header.gif');
    background-repeat: no-repeat;
    height: 83px;
    padding-right: 10px;
}
.footerLogo, .headerLogo{
	color: black;
}
.headerLinks, .footerLinks{
	color: black;
	font-size: .9em;
}
.footerLinks{
	font-family: arial, sans-serif;
    font-size: 10px;	 
}
.footerLinks a, .headerLinks a{
	color: black;
	text-decoration: none;	
}
.footerLinks a:hover, .headerLinks a:hover{
	color: gray;
	text-decoration: none;		
}
.templateHeader{
    padding: 0px;
    padding-top: 83px; 
    margin: 0px;
}

/* links */
.mainlink.nodec {
   color: #000080;
   font-family: Arial, sans-serif;
   font-weight: normal;
   font-size: 11px;
   text-decoration: underline
}
.mainlink:link {
   color: #000080;
   font-family: Arial, sans-serif;
   text-decoration: underline;
   font-size: 11px;
}
.mainlink:visited {
   color: #000080;
   font-family: Arial, sans-serif;
   font-size: 11px;
   font-weight: normal;
   text-decoration: underline
}
.mainlink:hover {
   color: #666666;
   font-family: Arial, sans-serif;
   font-size: 11px;
   text-decoration: underline;
   font-weight: normal;
}

.mainlinksmall.nodec {
   color: #3300FF;
   font-family: Arial, sans-serif;
   font-weight: normal;
   font-size: 10px;
   text-decoration: underline
}
.mainlinksmall:link {
   color: #333333;
   font-family: Arial, sans-serif;
   font-weight: normal;
   text-decoration: underline;
   font-size: 10px;
}
.mainlinksmall:visited {
   color: #333333;
   font-family: Arial, sans-serif;
   font-size: 10px;
   font-weight: normal;
   text-decoration: underline
}
.mainlinksmall:hover {
   color: #666666;
   font-family: Arial, sans-serif;
   font-size: 10px;
   text-decoration: underline;
   font-weight: normal;
}

/* common tabed styles */

.tabbedContainer{
	border: 1px solid black;
	width: 100%;
}
.tabbedContainerTitle{
	padding: 1px;
	background-color: black;
	color: white;
	font-weight: bold;
	font-size: 13px;
	font-style: italic;
}
.tabbedContainerContent td{
 	font-size: 11px;
}
.tabbedContainerContent img{
 	border: 1px solid #999999;
}

/* submenus */
.submenuContainer{ 
   top: 104px;
   position: absolute;
   visibility:hidden;
   filter:alpha(opacity=90);
   -moz-opacity:.90;
   opacity:.90;
   background-color: white;
}
.submenuTable{
	border-top: 1px solid black;
	border-left: 1px solid black;	
	border-right: 1px solid black;
}
.submenuRow{
	padding: 3px;
	border-bottom: 1px solid black;
}
.submenuRow a{
	color: black;
	text-decoration: none;
}
.submenuRow a:hover{
	color: black;
	text-decoration: none;	
}
.submenuRow:hover{
	background-color: #cccccc;
}

/* templates styles */
.templateTitle{
	margin: 0px;
	margin-left: 5px;
	padding: 0px;
	padding-top: 5px;
    padding-left: 2px;
	text-align: left;
	border-bottom: 1px solid #999999;
}
.templateMenuLeftContainer, .templateMenuRightContainer {
	margin-top: 10px;
	height: 500px;
}
.templateMenuLeftColumnOne {
   padding-left: 40px;
   padding-top: 10px;
   width: 180px; 
}
.templateMenuLeftColumnTwo{
   padding-top: 10px;
   width: 560px;
}
.templateMenuRightColumnOne {
   padding-left: 40px;
   padding-right: 40px;
   padding-top: 10px;
   width: 560px; 
}
.templateMenuRightColumnTwo{
   padding-left: 20px;
   padding-top: 10px;
   border-left: solid 1px #999999;
   width: 180px;
}
.templateMenuLeftColumnOne a, .templateMenuRightColumnTwo a{
	color: #333333;
	text-decoration: none;
}
.templateMenuLeftColumnOne a:hover, .templateMenuRightColumnTwo a:hover{
	color: #666666;
	text-decoration: underline;
}
.templatePlainContainer{
	padding-top: 10px;
	padding-left: 40px;
   	padding-right: 40px;
}
.relatedLinks, .submenuLinks{
	border-bottom: solid 1px #999999;
	margin-bottom: 10px;
	margin-right: 10px;
	padding-bottom: 10px;
}
.relatedLinks ul, .submenuLinks ul{
   margin: 0px;
   padding-top: 0px;
   padding-left: 20px;
}
.relatedLinks li, .submenuLinks li{
   list-style: square;
   color: #cccccc;
   padding-left: 0px;
}
.relatedLinks li a, .submenuLinks li a{
	color: #333333;
	text-decoration: none;
}
.relatedLinks li a:hover, .submenuLinks li a:hover{
	color: #666666;
	text-decoration: underline;
}

/* data Tables  */
.statsTable, .statsTable2{
	border-top: solid 1px black;
	font-size: 11px;
}
.statsTable2{
	border: solid 1px black;
}
.statsTable td, .statsTable2 td{
	font-size: 11px;
}
.statsTable thead, .statsTable2 thead {
	background-color: black;;
	color: white;
	text-align: center;	
}
.statsTable thead th, .statsTable2 thead th{
	background: url( '../images/template2/gradient_blue_03.gif' ) top left repeat-x; 
	border-left: 1px solid black;
}
.statsTable th a, .statsTable th a:hover, statsTable2 th a, .statsTable2 th a:hover{
	color: white;
	text-decoration: underline;
}

.statsTable th.column1, .statsTable2 th.column1{
	text-align: left;
}
.statsTable th.column2{
	text-align: left;
}
.statsTable td.rowHeading{
	text-align: left;
	font-weight: bold;
	background-color: #cccccc;
	border-left: solid 1px black;
}
.statsTable td.rowHeading2{
	text-align: center;
	background-color: white;
}
.statsTable td.rowDivider{
	font-weight: bold;
	background-color: #cccccc;
}
.statsTable td.sortedBy {
	background-color: #CCCCCC;
}
.statsTable tbody, .statsTable2 tbody{
	border-right: solid 1px black;
	text-align: center;	
}
.statsTable td.column1{
	border-left: solid 1px black;
	text-align: left;
}
.statsTable td.column2{
	text-align: left;
}
.statsTable tbody td{
	border-right: solid 1px black;
	border-bottom: solid 1px black;

}
.statsTable tfoot th{
	font-weight: normal;	
}
.statsTable2 .firstPlayerName, .statsTable2 .firstPlayerName a, .statsTable2 .firstPlayerName a:hover{
	background-color: black;
	color: white;
	font-size: 14px;
}
 .statsTable2 .firstPlayerName a:hover{
 	color: #CECECE;	
 }
.statsTable2 .firstPlayerTeam{
	background-color: #E5E5E5;
	font-size: 14px;
	font-weight: bold;
}

.quickStatsTable{
	border-top: solid 1px black;
	font-size: 11px;
}
.quickStatsTable td{
	font-size: 11px;
}
.quickStatsTable thead {
	background-color: black;
	color: white;
	text-align: center;	
	font-weight: normal;
}
.quickStatsTable th a, .statsTable th a:hover{
	color: white;
	text-decoration: underline;
}
.quickStatsTable th a:hover{
	color: white;
	text-decoration: underline;
}
.quickStatsTable th.column1{
	text-align: left;
	width: 53px;
}
.quickStatsTable th.column2{
	text-align: left;
}
.quickStatsTable td.rowHeading{
	text-align: left;
	font-weight: bold;
	background-color: #cccccc;
	border-left: solid 1px black;
}
.quickStatsTable td.rowDivider{
	font-weight: bold;
	background-color: #cccccc;
}
.quickStatsTable td.sortedBy {
	background-color: #CCCCCC;
}
.quickStatsTable tbody{
	border-right: solid 1px black;
	text-align: center;	
}
.quickStatsTable td.column1{
	border-left: solid 1px black;
	text-align: left;
}
.quickStatsTable td.column2{
	text-align: left;
}
.quickStatsTable tbody td{
	border-right: solid 1px black;
	border-bottom: solid 1px black;
}
.quickStatsTable tfoot th{
	font-weight: normal;
	background-color: white;
	border-right: solid 1px black;
	border-bottom: solid 1px black;	
	border-left: solid 1px black;
}
.zibraOdd{
	background-color: white;
}
.zibraEven{
	background-color: #E5E5E5;
}

/* scoreboard.php */

.scoreboard{
	
}
.scoreboard td{
    text-align: left;
	font-size: 11px;
}
.scoreboard td.gameDate{
	border-bottom: solid 1px black	
}
.scoreboard td.teamName{
	width: 130px;
	color: white;
	background: url('../images/template2/gradient_blue_03.gif') bottom repeat-x;
	border-bottom: solid 1px #666666;	
	border-right: solid 1px black;	
}
.scoreboard td.score{
	width: 30px;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	background-color: #cccccc;
	border-bottom: solid 1px black;	
	border-right: solid 1px black;
}
.scoreboard td.teamImage{
	border-bottom: solid 1px black;	
	border-left: solid 1px black;	
}
.scoreboard td.status{
	text-align: center;
	background-color: white;
	border-left: solid 1px black;
	border-right: solid 1px black;
	border-bottom: solid 1px black;
}

/* game_summary.php */
.gameSummaryH1, .gameSummaryH2, .gameSummaryH3 {
	color: black;
	font-weight: bold;
}
.gameSummaryH1{
	font-size: 16px;	
}
.gameSummaryH2{
	font-size: 14px;
} 
.gameSummaryH3 {
	font-size: 12px;
}
.gameSummaryScore{
	border: 1px solid black;
	font-weight: bold;
	font-size: 14px;
	background-color: #999999;
	padding: 5px;
	text-align: center;
	width: 20px;
}

/* home.php */
.newsImages{
	width: 115px;
	border: 1px solid black;
	float:left;
	margin: 6px;
}
.homeDivider{
	border-left: 1px solid black;
	border-right: 1px solid black;
}
.homeVerticalDivider{
	border-bottom: 1px solid black;	
}
.homeContentContainer{
	margin-top: 1px;
	font-size: 11px;
	border: 1px solid black;
}
.homeContentHeader{
	font-size: 11px;
	background-color: #cccccc;
}
.homeContent{
	background: url( '../images/background-ice.png' ) top left;
	font-size: 11px;
	padding: 5px;
}
.homeContent div{
	text-align: right;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 3px;
}

/* ************************************************************************* */
/*  Form element styles
/* ************************************************************************* */
input {
    font-size: 10px;
    font-weight: normal;
    border: 1px solid #999999;
}
select, input, textarea {
    font-size: 12px;
    font-weight: normal;
    border: 1px solid #999999;
    padding: 0px;
}
input[disabled], select[disabled], textarea[disabled]  {
    font-size: 12px;
    font-weight: normal;
    border: 1px solid #999999;
    padding: 2px;
}

.basicSelect, select[disabled] {
    font-size: 12px;
    border: 1px solid #999999;
    width: 160px;
}
input.basicCheckbox {
    border: 0 none white;
}
/* ************************************************************************* */
/*  ajax banner element styles
/* ************************************************************************* */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

/* IE7 Fix */
.clearfix { zoom: 1; }

/* End hide from IE-mac */

#secA {
	height: 340px;
	/*border: 1px solid yellow;*/
}		

#secA #mainfeat {
	float: center;
	display: block;
	width: 500px;
	margin-right: 0px;
	/*border: 1px solid green;*/
}

#topmodule{
	width:494px;
	height:252px;
	/*border: 1px solid black;*/
	position:relative;
	overflow:hidden;
	padding:0;
	margin:0;
}		

#topmodule-count{
	left:25px;
	bottom:0;
	margin:0;
	padding:0;
	position:absolute;
	list-style-type:none;
	z-index:1000;
	border-top: 1px solid black;
	border-right: 1px solid black;
}

#topmodule-count li{
	float:left;
	display:inline;
	margin:0;
	padding:0;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
}		

#topmodule-count li a{
	text-align:center;
	text-decoration:none;
	color:#333;
	background-color:#ededed;
	display:block;
	font-size:11px;
	font-family:Arial,sans-serif;
	margin:0;
	padding:5px;			
	voice-family: "\"}\"";
	voice-family: inherit;
	width:15px;
	height:10px;	
}
html>body #topmodule-count li a {
	width:15px;
	height:10px;	
}

#topmodule-count li.active a{
	background-color:#555;
	color:#fff;
}

#topmodule-count li.loading a{
	color:#fff;
}

#topmodule-count li a:hover{
	background-color:#ccc;
	color:#000;
	text-decoration: none;
}

.topmodule-commun img{
	float:right;
	display:inline;
	margin:0;
	padding:0;			
}