/*
#------------------------------------------------------------------------
# Sporter - October 2010 template (for Joomla 1.6)
#
# Copyright (C) 2007-2011 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/

/* 
 * Popups
 */
.gkHide { height:14px; display:none; margin:5px 0 0 0; z-index:100; float:right; overflow: hidden; }
.gkPopupHide { height:14px; padding:0 0 0 40px; width:60px !important; line-height:14px; white-space:nowrap; }
.gkPopup { position:absolute; top:40px; margin:21px 0 0 0; z-index:100010; background:#101010; display:none;border-radius: 3px 0 3px 3px; -moz-border-radius: 3px 0 3px 3px; -webkit-border-radius: 3px 0 3px 3px; }
.gkPopupWrap { margin:10px; padding:10px; overflow:hidden; background: #fff; }
#popupRegister .inputbox { width:200px !important; }
#gkPopupRegister .gkPopupWrap { width:350px; }
#popup_tools a { margin:0 3px 0 0; }
#popupLogin ul { padding-top: 10px; }
#popupLogin p#form-login-username input,
#popupLogin p#form-login-password input {width: 160px; display: block; margin: 4px 0px}
#popupLogin h3,
#popupRegister h3 {display: none}
#popupRegister legend {display: none}
#popupRegister span.text {font-style: italic; font-size: 90%}
div.gkRegistration > form > div {padding: 3px 0px}
div.gkRegistration > form > div > button.validate {margin-right:  5px;}
#popupLogin ul li { background: transparent url('../images/style1/arrow.png') no-repeat 0 center; line-height:24px; margin:0; padding-left: 15px; }
#popupLogin ul li a { text-decoration: none; }
#popupLogin ul li a:hover { text-decoration: underline; }
.gkPopup a.fb_button {margin-left: 8px}

/* 
 * News Show Pro GK4
 */
.nsp { position:relative; }
.nspMain { overflow:hidden; }
/* interface */

.nspBotInterface,
.nspTopInterface { overflow:hidden; width:auto; margin: 0 0 8px; }
.nspBotInterface { margin:0; padding-top:6px; }
.nspBotInterface div,
.nspTopInterface div { float:right; }
/* pagination */

.nspBotInterface .nspPagination li,
.nspTopInterface .nspPagination li,
.nspBotInterface .nspPagination li.active,
.nspTopInterface .nspPagination li.active { float:left; border:none !important; width:12px; height:11px; background:transparent url('../images/nsp_interface.png') no-repeat 50% 0!important; text-indent: -999em!important; margin:5px 0 0 5px; cursor:pointer;  padding:0 !important; }
.nspBotInterface .nspPagination li:hover,
.nspBotInterface .nspPagination li.active,
.nspTopInterface .nspPagination li:hover,
.nspTopInterface .nspPagination li.active { background-position: 50% -11px!important; cursor:pointer; }
.nspTopInterface .nspPagination,
.nspBotInterface .nspPagination { border:none !important; float:left; width:auto; padding:0 16px 0 0 !important; list-style-type:none; margin:0; }
.nspBotInterface .nspCounter,
.nspTopInterface .nspCounter { padding:0 3px !important; font-size:9px; font-size:90%; font-weight:normal !important; height:14px; line-height:14px; background:#888; color:#fff !important; cursor:pointer; float:left; margin:0 0 0 16px !important; }
.nspBotInterface .nspCounter span,
.nspTopInterface .nspCounter span { color:#ffffff !important; }
/* buttons: prev & next */

.nspBotInterface .nspPrev,
.nspTopInterface .nspPrev,
.nspBotInterface .nspNext,
.nspTopInterface .nspNext { background: transparent url('../images/nsp_interface.png') no-repeat 0 -62px; float:left; border:none !important; height:20px; width:20px; margin:0 0 0 4px; cursor:pointer; text-indent:-999em; padding:0 !important; }
.nspBotInterface .nspPrev:hover,
.nspTopInterface .nspPrev:hover { background-position: 0 -82px }
.nspBotInterface .nspNext,
.nspTopInterface .nspNext { background-position: 0 -22px }
.nspBotInterface .nspNext:hover,
.nspTopInterface .nspNext:hover { background-position: 0 -42px }
/* article layout*/

.nspArts { overflow:hidden; }
.nspArt div { overflow:hidden; padding:0 10px; }
.nspArt h4.nspHeader { margin-bottom:6px; font-size:100%; line-height: 1.5em }
.nspArt p.nspText { float:none; line-height: 1.5em }
.nspArt p.nspInfo { font-size:85%; margin:6px 0; }
.nspArt .tleft { text-align:left; }
.nspArt .tright { text-align:right; }
.nspArt .tcenter { text-align:center; }
.nspArt .tjustify { text-align:justify; }
.nspArt .fleft { float:left; }
.nspArt .fright { float:right; }
.nspArt .fnone { clear:both; width:100%; float:none; }
.nspArt { float:left; }
.readon.left,
.readon.right,
.readon.center { clear:both; }
.readon.left { float:left; }
.readon.right { float:right; }
.readon.center { display:inline; float:none; }
.nspLinks ul li h4 a {  }
.nspLinks ul li h4 { font-size:100%; line-height:130%; }
.nspLinks ul li p {  margin:0; font-size:11px; line-height: 180%}
.nspLinks ul li { margin:0; padding:6px 0 3px; height:auto; border-bottom:none; }
.nspLinks ul { padding:0; margin:0; list-style-type:none; clear:none!important; }
.nspArts.left { float:right; }
.nspLinksWrap.left { float:left; }
.nspArts.right { float:left; }
.nspLinksWrap.right { float:right; }
.nspMain .unvisible { height:1px; left:-10000px; overflow:hidden; position:absolute; top:auto; width:1px; }
.nspAvatar { margin-bottom:-5px; }
.nspImage { border:1px solid #dadada; padding:5px; }
a:hover .nspImage { border:1px solid #d7d7d7; background: #E8E8E8 }
.nspArt .readon.inline {border: none; background: none; color: #000; height: auto; float: none; display: inline; padding: 0}
.nspArt .readon.inline:hover {background: none;}

a.nspComments { background: transparent url('../images/icon_comments.png') no-repeat 0 1px; padding-left: 20px; }
/* suffix: nsp (dedicated for interface)*/
.box.nsp { position: relative;}
.nsp .nspTopInterface { position: absolute; right: 18px; top: 9px;}
.nsp .nspTopInterface .nspPagination li,
.nsp .nspTopInterface .nspPagination li.active, 
.nsp .nspTopInterface .nspPrev,
.nsp .nspTopInterface .nspNext { background-image: url('../images/nsp_interface_suffix-nsp.png ') !important;}

.border1 .nspTopInterface .nspPagination li,
.border1 .nspTopInterface .nspPagination li.active, 
.border1 .nspTopInterface .nspPrev,
.border1 .nspTopInterface .nspNext,
.border2 .nspTopInterface .nspPagination li,
.border2 .nspTopInterface .nspPagination li.active, 
.border2 .nspTopInterface .nspPrev,
.border2 .nspTopInterface .nspNext,
.border3 .nspTopInterface .nspPagination li,
.border3 .nspTopInterface .nspPagination li.active, 
.border3 .nspTopInterface .nspPrev,
.border3 .nspTopInterface .nspNext,
.border4 .nspTopInterface .nspPagination li,
.border4 .nspTopInterface .nspPagination li.active, 
.border4 .nspTopInterface .nspPrev,
.border4 .nspTopInterface .nspNext { background-image: url('../images/nsp_interface.png ') !important;}
/* suffix: dark */
.dark a:hover .nspImage {border:1px solid #333; background: #222 }
.dark .nspImage {border: 1px solid #333 !important}
div.gkTabWrap .dark .nspImage {border: 1px solid #E5E5E5 !important}

.clear .dark .nspImage { border:1px solid #dadada; padding:5px; }
.clear .dark a:hover .nspImage { border:1px solid #d7d7d7; background: #E8E8E8 }
/* 
 * GK Tab ------------------------------------------------------------
 */
 
.clearfix-tabs { clear:both; }
.gkTabItemSpace { padding:0 18px 18px; }
div.gkTab { position:relative; margin: -18px }
div.gkTabWrap { margin:0 auto; }
div.gkTabContainer0{ clear:both; margin:0; padding-bottom: 18px }
div.gkTabContainer1 { overflow:hidden; margin:0; }
div.gkTabItem { float:left; overflow:hidden; padding:0; }
ul.gkTabs { margin: 0 0 18px; padding:0; border-bottom: 1px solid #E5E5E5; height: 34px; }
ul.gkTabs li { cursor:pointer; display:block; float:left; font-size: 12px; font-weight: bold; height:34px; line-height:35px !important; padding:0 10px 0 10px !important; width:auto; border:none !important; border-right: 1px solid #d8d8d8 !important; color:#000; background:#e8e8e8; }
/* tabs suffixes */
.tabcolor1 ul.gkTabs li { background: #000; border-right: 1px solid #282828 !important; border-bottom: 1px solid #000; color: #fff }
.tabcolor2 ul.gkTabs li { background: #ac0000; border-right: 1px solid #c80b0b !important; border-bottom: 1px solid #ac0000; color: #fff }
.tabcolor3 ul.gkTabs li { background: #5d9400; border-right: 1px solid #6cab00 !important; border-bottom: 1px solid #5d9400; color: #fff }
/* tabs: hover, active effects */
ul.gkTabs li:hover,
ul.gkTabs li.active { background: #fafafa; border-bottom: 1px solid #fafafa; border-right: 1px solid #d8d8d8 !important; height: 35px; color: #000 }
.inline ul.gkTabs { float:left; width:auto; clear:none!important; margin:1px 0 1px 20px!important; }
div.gkTabButtonNext,
div.gkTabButtonPrev { display: none; }
.gkTabContainer0,
.gkTabContainer1,
.gkTabContainer2 { position:relative; }
.gkTabItem { position: absolute; left: -999em; top: 0; width: 100%; }
.gkTabItem.active { position: static; left: 0; }

/* Tabs GK5 */

/* 
 * VERTICAL mode 
 */

.gkTabsGK5 { 
	position: relative; 
	margin: -18px;
}
.gkTabsWrap {
	margin: 0;
}
/* tabs */
.gkTabsWrap.vertical ol { 
	margin: 0 0 18px; 
	padding:0; 
	border-bottom: 1px solid #E5E5E5; 
	height: 34px;
}
.gkTabsWrap.vertical ol li { 
	 cursor:pointer; 
	 display:block; 
	 float:left; 
	 font-size: 12px; 
	 font-weight: bold; 
	 height:34px; 
	 line-height:35px !important; 
	 padding:0 10px 0 10px !important; 
	 width:auto; 
	 border:none !important; 
	 border-right: 1px solid #d8d8d8 !important; 
	 color:#000; 
	 background:#e8e8e8;
}
.gkTabsWrap.vertical ol li:hover,
.gkTabsWrap.vertical ol li.active { 
	background: #fafafa; 
	border-bottom: 1px solid #fafafa; 
	border-right: 1px solid #d8d8d8 !important; 
	height: 35px; 
	color: #000;
}

/* containers */
.gkTabsContainer { 
	clear: both; 
	overflow: hidden;
	position: relative;
}
.gkTabsItem { 
	left: -9999px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
	padding:0 18px 18px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}
.gkTabsItem.active {
	left: 0;
	position: relative;
	z-index: 2;
}
/* buttons prev/next */
.gkTabsButtonNext,
.gkTabsButtonPrev { 
	display: none;
}
/* tabs suffixes */
.tabcolor1 .gkTabsWrap.vertical ol li { background: #000; border-right: 1px solid #282828 !important; border-bottom: 1px solid #000; color: #fff }
.tabcolor2 .gkTabsWrap.vertical ol li { background: #ac0000; border-right: 1px solid #c80b0b !important; border-bottom: 1px solid #ac0000; color: #fff }
.tabcolor3 .gkTabsWrap.vertical ol li { background: #5d9400; border-right: 1px solid #6cab00 !important; border-bottom: 1px solid #5d9400; color: #fff }

/* mod highlighter gk4 */
.gkHighlighterGK4 a {color: #000 !important}
.gkHighlighterGK4 a:hover,
.gkHighlighterGK4 a:active,
.gkHighlighterGK4 a:focus {color: #AC0000!important}
.gkHighlighterGK4 { overflow:hidden; position:relative;  font-size: 11px; background: #e8e8e8 url('../images/breadcrump.png') repeat-x 0 0; border: 1px solid #ddd; height: 32px; width: 100%; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.gkHighlighterInterface { float:left; width:auto; background: #262626; height: 21px !important; line-height: 21px !important; padding: 0 4px; margin: 6px 0 0 6px }
.gkHighlighterInterface span.text { display:block; float:left; color: #fff; }
.gkHighlighterInterface div { float:left; width:auto; }
.gkHighlighterInterface div a { display:block; float:left; height:13px; width:13px; margin: 4px 0 0 2px; background:transparent url('../images/interface.png') no-repeat 0 0; cursor:pointer; }
.gkHighlighterInterface div a.prev { }
.gkHighlighterInterface div a.next { background-position: right 0; }
.gkHighlighterInterface div a.prev:hover { background-position: 0 bottom; }
.gkHighlighterInterface div a.next:hover { background-position: right bottom; }
.gkHighlighterWrapper { float:left; height:21px; position:relative; overflow: hidden; }
.gkHighlighterWrapper .nowrap { width: 100000px; position: absolute; left: -99999em; }
.gkHighlighterWrapper .gkHighlighterItem { position: absolute; top:0; width:100%; left:0; padding-left: 10px !important; line-height: 32px}
.gkHighlighterWrapper .gkHighlighterItem > span > a > span {margin-right: 10px}
/*
 *	mod_head RSS
 */
.mod_head .rss { background: url('../images/icon_rss.png') no-repeat 0 0; display: block; height: 16px; text-indent: -999em; width: 16px; margin-top: 11px; }

/*
 *	Module News Image Photo Gallery
 */
 
.gkIsTextBlock h4 { margin: 8px 0 0 !important}
.gkIsThumbs a {border: 1px solid #e5e5e5; margin: 0 7px 7px 0 }
.gkIsThumbs a:hover { border: 1px solid #d7d7d7; background: #e8e8e8}
.dark .gkIsThumbs a {border-color: #222 }
.dark .gkIsThumbs a:hover { border-color: #333; background: #222}
.gkIsPagination { border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; }
/* k2 */
#sbox-window {background-color: #000 !important;}
#sbox-window.shadow {box-shadow: 0 0 0 0 !important;}

/* Login with Facebook button */
.gkPopupWrap span#fb-auth {margin-left: 5px}
span#fb-auth small {width: 20px;  background: transparent url('../images/fbauth.png') no-repeat 2px 0px; text-indent: -999em; display: block; float: left; -moz-box-shadow:inset 0px 1px 0px 0px #aab5cd; -webkit-box-shadow:inset 0px 0px 1px 0px #556a9a; box-shadow:1px 0px #556a9a;; border-right: 1px solid #a0aecd; margin: 2px 7px 0 0  }
span#fb-auth { -moz-box-shadow:inset 0px 1px 0px 0px #aab5cd;-webkit-box-shadow:inset 0px 1px 0px 0px #aab5cd;box-shadow:inset 0px 1px 0px 0px #aab5cd;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #798db9), color-stop(1, #556b9b) );background:-moz-linear-gradient( center top, #798db9 5%, #556b9b 100% );background-color:#798db9; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #4d576b; display:inline-block; color:#fff; font-family:arial; font-size:12px; font-weight:bold; padding:3px 12px 8px 6px; text-decoration:none; text-shadow:1px 1px 0px #445375; cursor: pointer; height: 11px; line-height: 16px}
span#fb-auth:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #556b9b), color-stop(1, #798db9) ); background:-moz-linear-gradient( center top, #556b9b 5%, #798db9 100% ); background-color:#556b9b; }