/*---------------------------------------------------------------
# Package - Joomla Template based on Helix Framework   
# ---------------------------------------------------------------
# Author - JoomShaper http://www.joomshaper.com
# Copyright (C) 2010 - 2011 JoomShaper.com. All Rights Reserved.
# license - PHP files are licensed under  GNU/GPL V2
# license - CSS  - JS - IMAGE files  are Copyrighted material 
# Websites: http://www.joomshaper.com - http://www.joomxpert.com
-----------------------------------------------------------------*/

/* Master Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}

/* Core */
body{color:#000;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:150%}
body.bg{background:#151515}
.sp-wrap{margin-left:auto;margin-right:auto}
.sp-block{float:left;display:inline}
.mod-block {padding:10px}
.sp-inner{padding-left:10px;padding-right:10px}
.sp-block .first {margin-left:-10px}
.sp-block .last {margin-right:-10px}
.sp-block .single {margin-left:-10px;margin-right:-10px}
.gap{clear:both; margin-bottom:20px}
.main-bg {background:#fff}

/*Header Area*/
#header {position:relative; background:#f4f2f4;}
a#logo,#logo-text{float:left}
#logo-text h1{float:left;font-size:200%;font-weight:bold;text-transform:uppercase;border:0!important;margin:10px 0 0;padding:0}
#logo-text h1 a{color:#fff}
#logo-text p.site-slogan{float:left;margin:0;padding:0;color:#f9f9f9}

#top-bar {padding:0 10px;height:30px;line-height:30px;border-bottom:1px solid #e0e0e0}
.date-block,#share {float:left;margin-right:5px;font-size:10px;font-weight:bold;color:#666;}
#share {margin-top:3px; width: 120px}
#share img{float:left;margin:3px 3px 0 0}
#banner {float:right;margin-top:10px}

/*Login and Registration*/
.log-reg {position:relative}
#members-area {margin-left:10px;float:right}
#members-area a.sp-login {background:url(../images/icon-user.png) no-repeat 0 50%}
#members-area a.sp-reg {background:url(../images/lock.png) no-repeat 0 50%}
#members-area a{font-size:11px;font-weight:bold;text-decoration:none;margin:0;padding:0 8px 0 20px}
#sp-login, #sp-register{width:auto; background:#fff url(../images/grad-bg.png) repeat-x 0 100%;border:1px solid #e7e7e7;position:absolute; z-index:99999999; top:30px; right:0}

/*Search*/
#addons {background:#333}
#addons .mod-block {padding:0}

#search{float:right;margin:4px 0 4px}
#search input#mod-search-searchword,#search input#mod-finder-searchword{height:21px;line-height:21px;background:none;border:none;text-indent:10px;margin:0;padding:0}
#search input.button{background:none;border:none;cursor:pointer;height:21px;overflow:hidden;text-indent:-999em;width:26px;float:right;margin:0}
.mod-search{height:21px;line-height:21px;color:#000;width:167px;border:0;overflow:hidden;margin:0;padding:0}

/*Module positions user1-user4*/
#sp-mid{color:#000;background:#fff url(../images/grad-bg.png) repeat-x 0 100%}

#sp-bottom {background:#333;color:#999;border-bottom:1px solid #444;border-top:10px solid #000}
#sp-bottom .separator .mod-block{border-right:1px solid #444}
#sp-bottom  a{color:#fff}
#sp-bottom .mod-wrapper-flat h3.header{color:#999}
/* Layout */
#sp-leftcol, #sp-rightcol, #sp-maincol ,#inset1, #inset2, #inner_content {float:left}
#sp-leftcol, #sp-rightcol, #sp-maincol {padding:10px 0}

/*Font Resizer*/
div.font-sizer{width:45px;height:16px;line-height:16px;float:right;margin:9px 0 0}
div.font-sizer a.btn_fs_big,div.font-sizer a.btn_fs_reset,div.font-sizer a.btn_fs_small
{background-image:url(../images/font-resizer.png);background-repeat:no-repeat;height:16px;width:15px;border:medium none;cursor:pointer;display:block;float:left;text-indent:-999em;padding:0}
div.font-sizer a.btn_fs_big{background-position:0 0}
div.font-sizer a.btn_fs_reset{background-position:-15px 0}
div.font-sizer a.btn_fs_small{background-position:-30px 0}
div.font-sizer a.btn_fs_big:hover{background-position:0 -16px}
div.font-sizer a.btn_fs_reset:hover{background-position:-15px -16px}
div.font-sizer a.btn_fs_small:hover{background-position:-30px -16px}
/* Breadcrumbs */
#breadcrumbs{overflow:hidden;height:31px;line-height:31px;background:url(../images/path-bg.gif) repeat-x 0 0;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7}
#breadcrumbs span.showhome {font-weight:bold;margin-right:5px}
#breadcrumbs .padding{padding:5px 8px}
#breadcrumbs a,#breadcrumbs span,#breadcrumbs strong{display:block;float:left}
#breadcrumbs a,#breadcrumbs span.separator{margin-right:10px;padding-right:15px;background:url(../images/breadcrumbs.png) 100% 50% no-repeat}
#breadcrumbs span.current{color:#666}
a#topofpage{float:right!important;background:none!important;margin:0!important;padding:0!important}

/* Footer */
#sp-footer{background:#000;color:#666;padding:10px}
#sp-footer a {font-size:11px;color:#999}
#sp-footer a:hover{text-decoration:underline}
#sp-footer .cp {float:left;}

/*Top Menu*/
#top-menu{float:right;}
#top-menu ul{list-style-type:none;padding:0;margin:0 0 5px 0}
#top-menu li{float:left;background:none;padding:0;}
#top-menu a{font-size:11px;font-weight:bold;text-decoration:none;color:#666;margin:0;padding:0 8px}
#top-menu a:hover,#top-menu li.active a{color:#888;text-decoration:none}

/*Footer Menu*/
#footer-nav{margin:20px 0 80px}
#footer-nav ul{list-style-type:none;text-align:center;margin:0;padding:0}
#footer-nav li{background:none;display:inline;font-size:.9em;line-height:normal;margin:5px 6px;padding:0}
#footer-nav a{color:#666}
#footer-nav a:hover,#footer-nav li.active a{color:#fff;text-decoration:none}
#footer-nav ul ul{display:none}

/* Helix Logo */
#powered-by{display:block;text-indent:-999em}
#powered-by a,#powered-by a:hover {text-decoration:none}
.helix-logo-light,.helix-logo-dark,.helix-logo-light-small,.helix-logo-dark-small{display:block;float:right}
.helix-logo-light,.helix-logo-dark,.helix-logo-light a,.helix-logo-dark a{height:33px;width:160px}
.helix-logo-light-small,.helix-logo-dark-small,.helix-logo-light-small a,.helix-logo-dark-small a{height:33px;width:100px}
.helix-logo a{background-position:center center;background-repeat:no-repeat;display:block;text-indent:-999em}
.helix-logo-light a{background-image:url(../images/helix-logo/helix_light.png)}
.helix-logo-dark a{background-image:url(../images/helix-logo/helix_dark.png)}
.helix-logo-light-small a{background-image:url(../images/helix-logo/helix_light_small.png)}
.helix-logo-dark-small a{background-image:url(../images/helix-logo/helix_dark_small.png)}
/* Clearfix */
.clr{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
* html .clearfix,:first-child+html .clearfix{zoom:1}
/* My templates */
#topplayers > div{ padding :0}
#topplayers table.ttop{ margin:0; padding:0; color:#717070; width:100%;margin:4px 0; border-collapse:collapse;}
#topplayers table.ttop th ,#topplayers table caption {color:#555;}
#topplayers table.ttop td{padding:3px 10px; border-bottom:1px dotted #CBCBCB;}
#topplayers table.ttop td:first-child{ background-color: #f1f1f1; color:#000}
#topplayers td.ttop1{width:80%;text-align:left;}
#topplayers td.ttop1 a {color:#717070}
#topplayers td.ttop1 a:hover{color:#EF0000;}
ul.tabs-nav {height:30px;border-bottom:1px solid #C8C8C8;margin:0!important;padding:0}
ul.tabs-nav li{float:left;list-style-type:none;margin:0;padding:0}
ul.tabs-nav a{float:left;display:block;text-decoration:none;border:1px solid #C8C8C8;border-bottom:0;height:18px;background:url(../images/hockey/tab.png) no-repeat scroll 0 0 transparent;color:#777;margin-right:2px;position:relative;top:1px;outline:0;padding:5px 10px}
ul.tabs-nav a:hover{background-color:#F7F7F7;color:#333}
ul.tabs-nav a.current{background-color:#fff;background: url(../images/hockey/tab.png) no-repeat scroll 50% 100% transparent;border-bottom:1px solid #fff;color:#000;cursor:default}
.tabs-panes > div {display:none;border:1px solid #C8C8C8;min-height:150px;background-color:#fff;border-width:0 1px 1px;padding:2px}
/* mod_matchday  and standing ==========================*/
table.mday, table.tabb {margin:2px auto; width:100%;border-collapse: separate;border-spacing: 1px;background-color: #fff}
table.tabb thead th {background-color: #fff; color: rgb(0, 0, 0); height: 25px; valign="middle";},table.mday thead border{}
table.mday {background-color: #ddd}
table.mday th , table.tabb th {text-align:center; background-color:#C8C8C8; color:#FFF;}
table.mday td{padding:2px 0 2px 10px; color:#717070;font-size: 90%;}
table.tabb td {text-align:left; padding:2px 5px 2px 15px;color:#000; border-bottom:1px solid #ddd;border-left:1px solid #ddd}
table.tabb tr{background-color:#f1f1f1;}
table.tabb .tab21 td{}
table.mday .row1 {background-color:#F1F1F1}
table.mday .row2 {background-color:#FFF}
table.mday tr td:nth-child(1) { width: 35%;}
table.mday tr td:nth-child(2){ width: 30%;}
table.mday tr td:nth-child(3) { width: 35%;}

#matchdayNav {width: 100%; display:block;margin:0px;height:31px;padding:0;}
#matchdayNav ul{display:block;margin:0;padding:0}
#matchdayNav li{display:block;float:left;margin:0;padding:0}
#matchdayNav li a{display:block;}
#matchdayNav .next a,#matchdayNav .prev a{width:25px; border: 1px solid #eee;}
#matchdayNav .prev a,#matchdayNav .next a{background:url('../images/hockey/tab.png') no-repeat scroll 0 0 transparent;padding:3px 1px;}
#matchdayNav .actual span {margin:0 2px;display:block;height:26px;width:170px;text-align:center;color:#666;text-decoration:none;font-weight:bold;background:transparent url('../images/mh/tab.png') 0 0 no-repeat;border: 1px solid #eee;outline:none;}
#matchdayNav .actual span b{display:block;float:left;height:20px;margin:0;padding:5px 0 0;width:180px;}
.module div div div div#matchdayNav {padding:1px 1px 0 1px}
#matchdayNav > div {display: none}