/*
#------------------------------------------------------------------------
# Musicity - February 2011 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 
*/

/*
 * Tabs Module 
 */

.clearfix-tabs {
	clear: both;
}

.gkTabItemSpace {
	padding: 10px 0;
}

div.gkTab {
	position: relative;
}

div.gkTabWrap {
	margin: 0 auto;
}

ul.gkTabs {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border-bottom: 5px solid #000;
}

ul.gkTabs li {
	background: transparent;
	float: left;
	cursor: pointer;
	margin: 0;
	border: none !important;
	padding: 0;
	height: 32px;
	text-transform: uppercase;
	color: #656565;
}

ul.gkTabs li:first-child span {
	border-left: none !important;
}

ul.gkTabs li span {
	display: block;
	padding: 0 14px;
	margin: 6px 0;
	font-size: 16px;
	line-height: 24px;
	border-left: 1px dashed #999;
}

ul.gkTabs li.active,ul.gkTabs li.active:hover {
	background: url('../images/dark_bg.png') repeat 0 0;
	color: #9f9f9f !important;
}

ul.gkTabs li.active + li span,ul.gkTabs li.active span {
	border-left: 1px solid transparent;
}

ul.gkTabs li:hover {
	color: #000;
}

div.gkTabContainer0 {
	clear: both;
	margin: 0;
}

div.gkTabContainer1 {
	overflow: hidden;
}

div.gkTabItem {
	float: left;
	overflow: hidden;
	padding: 0;
}

.gkTabContainer0,.gkTabContainer1,.gkTabContainer2 {
	position: relative;
}

.gkTabItem {
	position: absolute;
	left: -999em;
	top: 0;
	width: 100%;
}

.gkTabItem.active {
	position: static;
	left: 0;
}

div.gkTabButtonNext,div.gkTabButtonPrev {
	width: 10px;
	height: 10px;
	background-image: url('../images/style1/gk_nsp_interface.png');
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 12px;
	text-indent: -999em !important;
	display: block;
}

div.gkTabButtonPrev:hover {
	background-position: left -11px;
}

div.gkTabButtonNext {
	top: 10px;
	right: 0;
	background-position: right 0;
}

div.gkTabButtonNext:hover {
	background-position: right -11px;
}

/* suffix color */
.color ul.gkTabs {
	border-bottom: 5px solid #BC3726;
}

.color ul.gkTabs li.active,.color ul.gkTabs li.active:hover {
	background: url('../images/style1/color_bg.png') repeat 0 0;
	color: #fff !important;
}
/* Tabs GK5 */
/* 
 * VERTICAL mode 
 */

.gkTabsGK5 { 
	position: relative; 
}
.gkTabsWrap {
	margin: 0;
}
/* tabs */
.gkTabsWrap.vertical ol { 
	list-style-type: none;
	overflow: hidden;
	border-bottom: 5px solid #000;
	margin:0!important; 
	padding: 0!important; 
}
.gkTabsWrap.vertical ol li { 
	background: transparent;
	float: left;
	cursor: pointer;
	margin: 0;
	border: none !important;
	padding: 0;
	height: 32px;
	text-transform: uppercase;
	color: #656565;
}
.gkTabsWrap.vertical ol li:first-child span {
	border-left: none !important;
}

.gkTabsWrap.vertical ol li span {
	display: block;
	padding: 0 14px;
	margin: 6px 0;
	font-size: 16px;
	line-height: 24px;
	border-left: 1px dashed #999;
}

.gkTabsWrap.vertical ol li:hover,
.gkTabsWrap.vertical ol li.active { 
	background: url('../images/dark_bg.png') repeat 0 0;
	color: #9f9f9f !important;
}

.gkTabsWrap.vertical ol li.active + li span,.gkTabsWrap.vertical ol li.active span {
	border-left: 1px solid transparent;
}

.gkTabsWrap.vertical ol li:hover {
	color: #000;
}

/* containers */
.gkTabsContainer { 
	clear: both; 
	overflow: hidden;
	position: relative;
}
.gkTabsItem { 
	left: -9999px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
	padding:10px 0;
	
	-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 { 
	width: 10px;
	height: 10px;
	background-image: url('../images/style1/gk_nsp_interface.png');
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 12px;
	text-indent: -999em !important;
	display: block; 
	z-index: 3; 
}

div.gkTabsButtonPrev:hover {
	background-position: left -11px;
}

div.gkTabsButtonNext {
	top: 10px;
	right: 0;
	background-position: right 0;
}

div.gkTabsButtonNext:hover {
	background-position: right -11px;
}

/* suffix color */
.color .gkTabsWrap.vertical ol {
	border-bottom: 5px solid #BC3726;
}

.color .gkTabsWrap.vertical ol li.active,.color .gkTabsWrap.vertical ol li.active:hover {
	background: url('../images/style1/color_bg.png') repeat 0 0;
	color: #fff !important;
}

/*
 * News Show Pro GK4
 */
.nsp {
	position: relative;
}

.nspMain {
	overflow: hidden;
}

/* interface */
.nspBotInterface,.nspTopInterface {
	overflow: hidden;
	width: auto;
	margin: 0;
}

.nspBotInterface {
	margin: 0;
	padding-top: 6px;
}

.nspTopInterface div {
	position: absolute;
	right: 22px;
	top: 22px;
}

.nspBotInterface div {
	float: right;
}

/* pagination */
.nspBotInterface .nspPagination li,.nspTopInterface .nspPagination li,.nspBotInterface .nspPagination li.active,.nspTopInterface .nspPagination li.active {
	float: left;
	border: none !important;
	width: 10px;
	height: 10px;
	background: transparent url('../images/style1/gk_nsp_interface.png') no-repeat center -32px;
	text-indent: -999em !important;
	margin: 6px 0 0 5px;
	cursor: pointer;
	padding: 0 !important;
	display: block;
}

.nspBotInterface .nspPagination li:hover,.nspBotInterface .nspPagination li.active,.nspTopInterface .nspPagination li:hover,.nspTopInterface .nspPagination li.active {
	background-position: center -22px;
	cursor: pointer;
}

.nspTopInterface .nspPagination,.nspBotInterface .nspPagination {
	border: none !important;
	float: left;
	width: auto;
	padding: 0 8px 0 0 !important;
	list-style-type: none;
	margin: 0;
	margin-top: 5px !important;
}

.nspBotInterface .nspCounter,.nspTopInterface .nspCounter {
	padding: 4px 8px !important;
	font-size: 10px;
	font-weight: normal !important;
	height: 10px;
	line-height: 10px;
	background: transparent;
	color: #fff !important;
	cursor: pointer;
	float: left;
	margin: 2px 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/style1/gk_nsp_interface.png') no-repeat left -11px;
	float: left;
	border: none !important;
	height: 11px;
	display: block;
	width: 8px;
	margin: 5px 0 0 4px;
	cursor: pointer;
	text-indent: -999em;
	padding: 0 !important;
}

.nspBotInterface .nspPrev:hover,.nspTopInterface .nspPrev:hover {
	background-position: left top;
}

.nspBotInterface .nspNext,.nspTopInterface .nspNext {
	background-position: right -11px;
}

.nspBotInterface .nspNext:hover,.nspTopInterface .nspNext:hover {
	background-position: right top;
}

/* article layout */
.nspArts {
	overflow: hidden;
}

.nspArt div {
	overflow: hidden;
	padding: 0 10px;
}

.nspArt h4.nspHeader,.nspArt h4.nspHeader a {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
}

.nspArt h4.nspHeader {
	line-height: 13px;
	margin-bottom: 4px;
}

.nspArt h4.nspHeader a:hover {
	color: #BC3726;
}

.nspArt p.nspText {
	float: none;
	margin-top: 0 !important;
	font-size: 12px;
	line-height: 1.7;
}

.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 {
	border-top: 1px solid #eee;
}

.nspLinks ul li h4 {
	font-size: 90%;
	line-height: 160%;
	font-weight: normal;
}

.nspLinks ul li p {
	margin: 0;
	font-size: 11px;
	line-height: 130%;
}

.nspLinks ul li {
	margin: 0;
	padding: 6px 0 9px;
	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;
}

.nspArt .readon {
	margin-top: 14px;
}

/* suffixes */
.color1 .nspBotInterface .nspPagination li,.color1 .nspTopInterface .nspPagination li,.color1 .nspBotInterface .nspPagination li.active,.color1 .nspTopInterface .nspPagination li.active,.color3 .nspBotInterface .nspPagination li,.color3 .nspTopInterface .nspPagination li,.color3 .nspBotInterface .nspPagination li.active,.color3 .nspTopInterface .nspPagination li.active,.noborder2 .nspBotInterface .nspPagination li,.noborder2 .nspTopInterface .nspPagination li,.noborder2 .nspBotInterface .nspPagination li.active,.noborder2 .nspTopInterface .nspPagination li.active,.grunge2 .nspBotInterface .nspPagination li,.grunge2 .nspTopInterface .nspPagination li,.grunge2 .nspBotInterface .nspPagination li.active,.grunge2 .nspTopInterface .nspPagination li.active,.grunge5 .nspBotInterface .nspPagination li,.grunge5 .nspTopInterface .nspPagination li,.grunge5 .nspBotInterface .nspPagination li.active,.grunge5 .nspTopInterface .nspPagination li.active {
	background-image: url('../images/gk_nsp_interface_light.png') !important;
}

.color1 .nspBotInterface .nspPrev,.color1 .nspTopInterface .nspPrev,.color1 .nspBotInterface .nspNext,.color1 .nspTopInterface .nspNext,.color3 .nspBotInterface .nspPrev,.color3 .nspTopInterface .nspPrev,.color3 .nspBotInterface .nspNext,.color3 .nspTopInterface .nspNext,.noborder2 .nspBotInterface .nspPrev,.noborder2 .nspTopInterface .nspPrev,.noborder2 .nspBotInterface .nspNext,.noborder2 .nspTopInterface .nspNext,.grunge2 .nspBotInterface .nspPrev,.grunge2 .nspTopInterface .nspPrev,.grunge2 .nspBotInterface .nspNext,.grunge2 .nspTopInterface .nspNext,.grunge5 .nspBotInterface .nspPrev,.grunge5 .nspTopInterface .nspPrev,.grunge5 .nspBotInterface .nspNext,.grunge5 .nspTopInterface .nspNext {
	background-image: url('../images/gk_nsp_interface_light.png') !important;
}

.grunge1 .nspTopInterface div,.grunge2 .nspTopInterface div,.grunge3 .nspTopInterface div {
	top: 34px;
	right: 34px;
}

/* popup */
#gkPopupOverlay,#gkPopupLogin,#gkPopupRegister {
	display: none;
	overflow: hidden;
	width: 500px;
	margin-left: -250px;
	position: fixed;
	z-index: 1000002;
	left: 50%;
	top: 50%;
	background: #000;
}

#gkPopupRegister dd:last-child {
	height: 130px;
	width: 100%;
	clear: both;
}

#gkPopupLogin {
	width: 300px;
	margin-left: -150px;
}

.gkPopupWrap {
	padding: 25px;
	margin: 4px;
	border: 1px dashed #414141;
}

#gkPopupOverlay {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 1000001;
	top: 0;
	left: 0;
	background: #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=77)";
	filter: alpha(opacity=77);
	opacity: 0.77;
	margin-left: 0;
}

.gkPopupWrap h3 {
	font-size: 220%;
	color: #999;
}

.gkPopupWrap ul li {
	font-size: 12px;
	background: url('../images/style1/bul_li.png') no-repeat 0 8px;
	padding-left: 24px;
}

.gkPopupWrap ul li a {
	color: #777;
}

.gkPopupWrap ul li a:hover {
	color: #BC3726;
}

.gkPopupWrap a:hover {
	color: #fff;
}

.gkPopupWrap .button {
	background: #BC3726;
}

.gkPopupWrap .button:hover,.gkPopupWrap button:hover {
	background: #414141 !important;
}

#gkPopupLogin input[type="text"],#gkPopupLogin input[type="password"] {
	clear: both;
	display: block;
	width: 190px;
}

#gkPopupRegister dl dt:first-child {
	font-size: 10px;
	display: block;
	width: 100%;
}

#gkPopupRegister dt {
	float: left;
	width: 35%;
	clear: both;
}

#gkPopupRegister dt,#gkPopupRegister dd {
	line-height: 41px;
	height: 41px;
}

#gkPopupRegister legend {
	display: none;
}

/* GK JS Stats */
.gk_js_stats_main {
	height: 23px;
	line-height: 24px;
	margin: 6px 0;
	font-size: 12px;
	color: #9f9f9f;
	float: left;
	margin-right: -10px;
}

.gk_js_stats_main > div {
	float: left;
	background: transparent url('../images/vertical_line.png') repeat-y right 0;
	padding: 0 20px;
}

.gk_js_stats_main a.gk_js_groupname {
	text-transform: uppercase;
	color: #BC3726 !important;
	font-size: 11px;
	margin-right: 36px;
}

.gk_js_stats_main a.gk_js_groupname:hover {
	color: #fff !important;
}

.gk_js_stats_main .gk_js_male {
	padding-left: 8px;
}

.gk_js_stats_main .gk_js_female {
	padding-right: 8px;
	background: none;
}

.gk_js_stats_main .gk_js_total strong {
	color: #fff;
}

.gk_js_stats_main .gk_js_male span,.gk_js_stats_main .gk_js_female span {
	display: block;
	height: 13px;
	width: 12px;
	text-indent: -999em;
	float: left;
	margin: 6px 5px 0 0;
	background: transparent url('../images/style1/gk_js_icons.png') no-repeat 0 0;
}

.gk_js_stats_main .gk_js_female span {
	background-position: right 0;
}

/* GK JS Members */
.gk_js_members_main {
	clear: both;
}

.gk_js_members_main .gk_js_content {
	float: left;
	clear: both;
}

.gk_js_members_main .gk_js_content.loading {
	background: transparent url('../images/style1/loader.gif') no-repeat center center;
}

.gk_js_members_main .gk_js_content_wrap {
	position: relative;
}

.gk_js_members_main .gk_js_overlay {
	width: 100%;
	height: 100%;
	background: #aaa;
	display: none;
	position: absolute;
	z-index: 10;
	top: 0;
}

.gk_js_members_main .gk_js_members {
	display: none;
	clear: both;
	position: relative;
}

.gk_js_members_main .gk_js_members_scroll1 {
	overflow: hidden;
}

.gk_js_members_main .gk_js_members_scroll2 {
	width: 100000px;
	overflow: hidden;
}

.gk_js_members_main .gk_js_members_wrap {
	float: left;
}

.gk_js_members_main .gk_js_members:first-child {
	display: block;
}

.gk_js_members_main .gk_js_member {
	float: left;
	overflow: hidden;
	padding-top: 18px;
}

.gk_js_members_main .gk_js_member > div {
	padding-right: 7px;
}

.gk_js_members_main .gk_js_avatar {
	display: block;
}

.gk_js_members_main .gk_js_avatar img {
	display: block;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: 0.8;
}

.gk_js_members_main .gk_js_member_wrap:hover img {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1.0;
}

.gk_js_members_main .gk_js_member_name {
	background: #000;
	height: 28px;
	line-height: 29px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	font-size: 11px;
	margin-bottom: 14px;
}

.gk_js_members_main .gk_js_since,.gk_js_members_main .gk_js_lastonline,.gk_js_members_main .gk_js_profileviews {
	font-size: 11px;
}

.gk_js_members_main .gk_js_since span,.gk_js_members_main .gk_js_lastonline span,.gk_js_members_main .gk_js_profileviews span {
	display: block;
	float: left;
}

.gk_js_members_main .gk_js_since span:first-child,.gk_js_members_main .gk_js_lastonline span:first-child,.gk_js_members_main .gk_js_profileviews span:first-child {
	width: 75px;
	clear: both;
}

.gk_js_members_main .gk_js_since span:first-child {
	color: #656565;
}

.gk_js_members_main .gk_js_since span {
	color: #bc372d;
}

.gk_js_members_main .gk_js_interface {
	position: absolute;
	right: 0;
	top: -33px;
}

.gk_js_members_main .gk_js_interface > div {
	float: right;
}

.gk_js_members_main .gk_js_interface span {
	float: left;
	border: none !important;
	width: 10px;
	height: 10px;
	background: transparent url('../images/style1/gk_nsp_interface.png') no-repeat center -32px;
	text-indent: -999em !important;
	margin: 6px 0 0 5px;
	cursor: pointer;
	padding: 0 !important;
	display: block;
}

.gk_js_members_main .gk_js_interface span.active,.gk_js_members_main .gk_js_interface span:hover {
	background-position: center -22px;
	cursor: pointer;
}

.gk_js_members_main .gk_js_interface span.gk_js_page {
	float: left;
}

.gk_js_members_main .gk_js_interface span.gk_js_next,.gk_js_members_main .gk_js_interface span.gk_js_prev {
	background: transparent url('../images/style1/gk_nsp_interface.png') no-repeat left -11px;
	float: left;
	border: none !important;
	height: 11px;
	display: block;
	width: 8px;
	margin: 5px 0 0 4px;
	cursor: pointer;
	text-indent: -999em;
	padding: 0 !important;
}

.gk_js_members_main .gk_js_interface span.gk_js_prev {
	margin-left: 10px;
}

.gk_js_members_main .gk_js_interface span.gk_js_next {
	background-position: right -11px;
}

.gk_js_members_main .gk_js_interface span.gk_js_prev:hover {
	background-position: left top;
}

.gk_js_members_main .gk_js_interface span.gk_js_next:hover {
	background-position: right top;
}

.gk_js_members_main .gk_js_tabs {
	margin: 0;
	padding: 0;
	overflow: hidden;
	border-bottom: 5px solid #000;
}

.gk_js_members_main .gk_js_tab {
	background: transparent;
	float: left;
	cursor: pointer;
	margin: 0;
	border: none !important;
	padding: 0;
	height: 32px;
	text-transform: uppercase;
	color: #656565;
}

.gk_js_members_main .gk_js_tab:first-child span {
	border-left: none !important;
}

.gk_js_members_main .gk_js_tab span {
	display: block;
	padding: 0 14px;
	margin: 6px 0;
	font-size: 16px;
	line-height: 24px;
	border-left: 1px dashed #999;
}

.gk_js_members_main .gk_js_tab.active,.gk_js_members_main .gk_js_tab.active:hover {
	background: url('../images/dark_bg.png') repeat 0 0;
	color: #9f9f9f !important;
}

.gk_js_members_main .gk_js_tab.active + div span,.gk_js_members_main .gk_js_tab.active span {
	border-left: 1px solid transparent;
}

.gk_js_members_main .gk_js_tab:hover {
	color: #000;
}

/* k2 */
#sbox-window {
	background-color: #000 !important;
}

#sbox-window.shadow {
	-webkit-box-shadow: 0 0 0 0 !important;
	-moz-box-shadow: 0 0 0 0 !important;
	box-shadow: 0 0 0 0 !important;
}

/* Login with Facebook button */
span#fb-auth small {
	width: 20px; 
	height:13px;  
	background: transparent url('../images/fbauth.png') no-repeat 0 -1px; 
	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 {
	-webkit-box-shadow: inset 0px 1px 0px 0px #aab5cd;
	-moz-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: -webkit-linear-gradient( center top, #798db9 5%, #556b9b 100% );
	background: -moz-linear-gradient( center top, #798db9 5%, #556b9b 100% );
	background: -o-linear-gradient( center top, #798db9 5%, #556b9b 100% );
	background: -ms-linear-gradient( center top, #798db9 5%, #556b9b 100% );
	background: linear-gradient( center top, #798db9 5%, #556b9b 100% );
	background-color: #798db9;
	border: 1px solid #4d576b;
	display: inline-block;
	color: #fff;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 14px 8px 6px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #445375;
	cursor: pointer;
	height: 14px;
	line-height: 19px;
}

span#fb-auth:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #556b9b), color-stop(1, #798db9) );
	background: -webkit-linear-gradient( center top, #556b9b 5%, #798db9 100% );
	background: -moz-linear-gradient( center top, #556b9b 5%, #798db9 100% );
	background: -o-linear-gradient( center top, #556b9b 5%, #798db9 100% );
	background: -ms-linear-gradient( center top, #556b9b 5%, #798db9 100% );
	background: linear-gradient( center top, #556b9b 5%, #798db9 100% );
	background-color: #556b9b;
}