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

/*
 * Tabs Module 
 */
.gkTab { position: relative; border: 1px solid #eee;  }
.gkTabWrap { margin: 0 auto; }
ul.gkTabs { height: 46px; padding: 0; background: #222;   }
ul.gkTabs li { background: none; border: none; border-right: 1px solid #444; height: 46px; line-height: 46px; float: left;  padding: 0 20px; color: #999; font-size: 11px; text-transform: uppercase; list-style-type:none; }
ul.gkTabs li:first-child { border: none}
ul.gkTabs li span { display: block;  }
ul.gkTabs li.active,
ul.gkTabs li:hover { color: #333;  cursor: pointer; background: #fff; border-color: #eee }
.gkTabContainer0 { clear: both; margin:0; }
.gkTabContainer1 { overflow: hidden; }
.gkTabItem { float: left; overflow: hidden; padding: 0; }
.gkTabButtonNext,
.gkTabButtonPrev { display: none; }
.gkTabContainer0,
.gkTabContainer1,
.gkTabContainer2 { position:relative; }
.gkTabItem { position: absolute; left: -999em; top: 0; width: 100%; }
.gkTabItem.active { position: static; left: 0; }
.gkTabItemSpace { padding: 14px; }
.gkTab  { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
ul.gkTabs, .tab1 ul.gkTabs li.active  { border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; }


/* suffix tab1 */
.tab1 .gkTabContainer0 { }
.tab1 ul.gkTabs { background: #f5f5f5; border-bottom: 1px solid #eee }
.tab1 ul.gkTabs li {  margin: 10px 0 0 0; padding: 0 20px 0 20px; height: 36px; line-height: 40px; border:none; border-top: 1px solid #f5f5f5; font-weight: bold;  color: #333 }
.tab1 ul.gkTabs li.active,
.tab1 ul.gkTabs li:hover.active { padding: 0 19px; background: #fff; border: 1px solid #e5e5e5;  border-bottom: none; color: #333}
.tab1 ul.gkTabs li:hover { color: #FC764A; background: none }
.tab1 ul.gkTabs li:first-child { margin-left: 8px; }

/* suffix tab2 */
.tab2 ul.gkTabs {  background: #7B9EF8; }
.tab2 ul.gkTabs li {  padding:0; border: none; border-right: 1px solid #698AE0;  color: #fff  }
.tab2 ul.gkTabs li span { padding: 0 20px; border-right: 1px solid #85A6FB}

ul.gkTabs li.active { color: #333}
ul.gkTabs li.active span { border-color: #fff}
.tab2 ul.gkTabs li:hover{ background: #85A6FB}
.tab2 ul.gkTabs li:hover.active { background: #fff}

/* suffix for header */
#gkHeader .gkTab { position: relative; border: none; }
#gkHeader .gkTabWrap { margin: 0 auto; }
#gkHeader ul.gkTabs { padding: 0; height: 32px; padding: 20px; background: #f7f7f7; border-bottom: 1px solid #ddd; }
#gkHeader ul.gkTabs.bottom { border-bottom: none; border-top: 1px solid #ddd; } 
#gkHeader ul.gkTabs li { height: 36px; line-height: 36px; float: left; padding: 0 20px; color: #222; font-size: 11px; text-transform: uppercase; border: 1px solid #e8e6e6; font-weight: bold!important; background: transparent url('../images/btn.png') repeat-x left top; -webkit-box-shadow: 0 1px 0 #fff; -moz-box-shadow: 0 1px 0 #fff; box-shadow: 0 1px 0 #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-right: 12px; -webkit-transition: color 0.3s linear; -moz-transition: color 0.3s linear; transition: color 0.3s linear; }
#gkHeader ul.gkTabs li.active,
#gkHeader ul.gkTabs li:hover { color: #fc764a; cursor: pointer; }
#gkHeader .gkTabContainer0 { clear: both; margin:0; }
#gkHeader .gkTabContainer1 { overflow: hidden; }
#gkHeader .gkTabItem { float: left; overflow: hidden; padding: 0; }
#gkHeader .gkTabContainer0,
#gkHeader .gkTabContainer1,
#gkHeader .gkTabContainer2 { position:relative; background: #f0f0f0; }
#gkHeader .gkTabItem { position: absolute; left: -999em; top: 0; width: 100%; }
#gkHeader .gkTabItem.active { position: static; left: 0; }
#gkHeader .gkTabItemSpace { padding: 0; }


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

.nspMain { overflow:hidden; }
/* interface */
.nspBotInterface,
.nspTopInterface { overflow:hidden; width:auto; margin: 0; }
.nspBotInterface { margin:0; padding: 0; }
.nspTopInterface div { position: absolute; right: 20px; padding:0 3px; }
.nspBotInterface div { float: right; }
/* pagination */
.nspBotInterface .nspPagination li,
.nspTopInterface .nspPagination li,
.nspBotInterface .nspPagination li.active,
.nspTopInterface .nspPagination li.active { display:block;  float:left; border:none !important; width: 12px; height: 12px; margin: 0 0 0 3px;  padding:0 !important;  background: transparent url('../images/style1/bullets_small.png') no-repeat 0 0; text-indent: -999em!important;cursor:pointer; }
.nspBotInterface .nspPagination li:hover,
.nspBotInterface .nspPagination li.active,
.nspTopInterface .nspPagination li:hover,
.nspTopInterface .nspPagination li.active { background-position: -13px 0; cursor:pointer; }
.nspTopInterface .nspPagination,
.nspBotInterface .nspPagination { border:none !important; float:left; width:auto; padding: 0 8px!important; list-style-type:none; margin:0; }
.nspBotInterface .nspCounter,
.nspTopInterface .nspCounter { padding:4px 8px!important; font-size:10px; font-weight:normal !important; height:10px; line-height:10px; background:transparent; color:#ccc !important; cursor:pointer; float:left; margin: 0 0 0 8px !important; }
.nspBotInterface .nspCounter span,
.nspTopInterface .nspCounter span { color:#dfdfdf !important; }
/* buttons: prev & next */
.nspBotInterface, 
.nspTopInterface  { margin: 0!important; }
.nspTopInterface div { top: 30px!important; }
.nspBotInterface .nspPrev,
.nspTopInterface .nspPrev,
.nspBotInterface .nspNext,
.nspTopInterface .nspNext { display: block; float:left; border:none !important; height: 15px;  width: 15px; margin: -1px 0 0 2px; background: transparent url('../images/style1/pagination_small.png') no-repeat 0 -15px; cursor:pointer; text-indent:-999em; padding:0 !important; }
.nspBotInterface .nspPrev:hover,
.nspTopInterface .nspPrev:hover { background-position: 0 0; }
.nspBotInterface .nspNext,
.nspTopInterface .nspNext { background-position: -15px -15px; }
.nspBotInterface .nspNext:hover,
.nspTopInterface .nspNext:hover { background-position: -15px 0; }
/* article layout */
.nspArts { overflow:hidden; }
.nspArt > div { overflow:hidden; padding:0 10px; }
.nspArt h4.nspHeader { font-size: 15px;  line-height:15px; margin-bottom: 9px; margin-top: 6px}
.nspArt h4.nspHeader { font-size: 15px;  line-height:15px; margin-bottom: 9px; margin-top: 6px}

.nspArt img { border: 1px solid #D8D8D8; background: #EFEFEF url('../images/style1/slidebg.png') repeat-x left top; padding: 6px; }
.nspArt img:hover { opacity: 0.85; filter: alpha(opacity=85); }
.nspLinks h4 a { }
.nspLinks h4 a:hover,
.nspArt h4.nspHeader a:hover { }
.nspArt p.nspText { margin-top: 0!important;  line-height: 1.4; }
.nspArt p.nspInfo { font-size:11px; color: #999; 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; }
.nspReadon_class.left,
.nspReadon_class.right,
.nspReadon_class.center { clear:both; }
.nspReadon_class.left { float:left; }
.nspReadon_class.right { float:right; }
.nspReadon_class.center { display:inline; float:none; }
.box .nspLinks ul li { border-top: 1px solid #ebebeb!important; list-style-type: none!important; background: none!important; padding-left: 0!important; margin: 0!important; }
.nspLinks ul li:first-child { border-top: none!important; padding-top: 0px }
.nspLinks ul li h4 { font-size:12px; line-height:1.2!important; font-weight: bold; font-family: Arial, Verdana, sans-serif; margin-bottom: 4px; }
.nspLinks ul li p { margin:0; font-size:12px;  line-height: 130% }
.nspLinks ul li { margin:0; padding:11px 0 12px; height:auto; border-bottom:none; }
.nspLinks ul { padding:0; margin:0; list-style-type:none!important; 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 .nspReadon { margin-top: 14px; }
.nspText .readon { display: inline!important; float: none!important; }
a.nspComments { }

/* highlight suffix */
.box.highlight > div { padding: 14px 0px!important; }
.box.highlight .nspArt { border-left: 1px solid #ebebeb; margin-left: -1px; }
.box.highlight .nspArt:first-child { border-left: none; }
.box.highlight .nspArt > div { margin: 0 10px; }
.box.highlight h4.nspHeader { font-size: 12px; line-height: 1.2!important; }
.box.highlight .nspInfo { color: #fc764a; font-size: 10px; text-transform: uppercase; margin: 2px 0 1px 0; }
.box.highlight .nspInfo a { color: #fc764a; }
.box.highlight .nspArt:hover > div { background: #fc764a; color: #fff; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: background 0.5s ease-in; -moz-transition: background 0.5s ease-in; transition: background 0.5s ease-in; }
.box.highlight .nspArt:hover > div a { color: #fff!important; }
/* border0/1/2 suffix */
.border0 .nspTopInterface div { top: 20px!important; right: 20px!important; }
.border1 .nspTopInterface div { top: 6px!important; right: 0!important; }
.border2 .nspTopInterface div { top: 37px!important; right: 30px!important; }

/* Image Show */
.gkIsWrapper-gk_music { position:relative; width:100%; overflow:hidden; }
.gkIsWrapper-gk_music .gkIsImages { position: relative; height: 100%!important; overflow: visible!important; }
.gkIsWrapper-gk_music .gkIsSlides { overflow: hidden; position: absolute; top: 0; left: 0; visibility:hidden; padding: 25px 8px; }
.gkIsWrapper-gk_music .gkIsSlides:first-child { visibility:visible; position: relative; }
.gkIsWrapper-gk_music .gkIsSlide { position:relative; float: left; overflow: hidden; }
.gkIsWrapper-gk_music .gkIsTitleBlock { background: #f7f7f7; height: 77px; padding: 0 22px; 
 border-bottom: 1px solid #e3e3e3; line-height: 77px; }
.gkIsWrapper-gk_music .gkIsTitleBlock > h3 { font-size: 22px; font-weight: normal; color: #333; float: left; text-transform: uppercase; }
.gkIsWrapper-gk_music .gkIsTitleBlock > h3 > span { color: #fc764a; }
.gkIsWrapper-gk_music .gkIsPagination { list-style-type: none; margin: 25px 0 0 0; padding: 0; float: right; }
.gkIsWrapper-gk_music .gkIsPagination li { list-style-type: none; margin: 0; padding: 0;
 width: 28px; height: 28px; float: left; text-indent: -9999px; background: transparent url('../images/style1/is_pagination.png') no-repeat 0 0; cursor: pointer; }
.gkIsWrapper-gk_music .gkIsPagination li.active { background-position: right top; }
.gkIsWrapper-gk_music .gkIsPreloader { position:absolute; z-index:128; top:0; left:0; background:#f0f0f0 url('../images/loader.gif') no-repeat center center!important; width:100%; height:100%; text-indent:-999em; }

.gkIsWrapper-gk_music .gkIsSlide > div {
	border: 1px solid #d8d8d8; background: #efefef url('../images/style1/slidebg.png') repeat-x left top; padding: 7px; margin: 0 6px; }
.gkIsWrapper-gk_music .gkIsSlide:hover > div { background: #222!important; background-image: none!important; border-color: #222; cursor: pointer; }
.gkIsWrapper-gk_music .gkIsSlide:hover > div h3 a { color: #eee; text-shadow: 0 0 0 #000; }	
.gkIsWrapper-gk_music .gkIsSlide:hover > div span { color: #aaa; text-shadow: 0 0 0 #000; }
	
.gkIsWrapper-gk_music .gkIsSlide h3  { text-align: center; font-size: 13px; padding: 15px 0 10px 0; }
.gkIsWrapper-gk_music .gkIsSlide h3 a { font-size: 13px; color: #222; font-weight: normal; text-align: center; text-transform: uppercase; line-height: 13px; text-shadow: 0 1px 0 #fff; }
.gkIsWrapper-gk_music .gkIsSlide span { text-align: center; display: block; font-size: 10px; color: #848484; line-height: 10px; text-shadow: 0 1px 0 #fff; padding: 0 0 10px 0; }
.gkIsWrapper-gk_music .gkIsSlide .gkIsImage + span { padding-top: 15px; }
.gkIsWrapper-gk_music .gkIsSlide .gkIsImage { -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; }
.gkIsWrapper-gk_music .gkIsSlide .gkIsImage:hover { opacity: 0.85; }
.gkIsWrapper-gk_music .gkIsSlide { -webkit-transition: -webkit-transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; transition: transform 0.5s ease-in; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); }
.gkIsWrapper-gk_music .gkIsSlide.gkIsHidden { -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); transform: rotate(15deg); }

.gkIsWrapper-gk_music .gkIsLoader { border-top: 1px solid #dbdbdb; border-bottom: 1px solid #fff; height: 8px; background: #f1f1f1; margin: 10px 120px 20px 120px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; position: relative; }

.gkIsWrapper-gk_music .gkIsLoader > div.gkIsProgress { background: transparent url('../images/style1/is_loader.png') repeat-x 0 0; height: 8px; text-indent: -9999px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; width: 0%; }

.gkIsWrapper-gk_music .gkIsLoader > div.gkIsProgress {
	-webkit-animation-duration: 5s;  
	-webkit-animation-iteration-count: infinite;  
	-webkit-animation-name: loader;
	-webkit-animation-timing-function: linear;
	
	-moz-animation-duration: 5s;  
	-moz-animation-iteration-count: infinite;  
	-moz-animation-name: loader;
	-moz-animation-timing-function: linear;
}

@-webkit-keyframes loader {  
	from { background-position: 0 0; }        
	to { background-position: -200px 0; }  
} 
  
@-moz-keyframes loader {  
	from { background-position: 0 0; }      
	to { background-position: -200px 0; }  
}
       
.gkIsWrapper-gk_music .gkIsLoader > div.gkIsCursor { width: 37px; height: 37px; background: transparent url('../images/style1/is_cursor.png') no-repeat 0 0; margin-top: -14px; position: absolute; left: 0; top: 0; text-indent: -9999px; cursor: move; }


/* JomSocial 2.4.1 modules */
.box #cLatestMembers li {list-style: none!important;}
.box #cLatestMembers li a { border: 1px solid #D8D8D8; background: #EFEFEF url('../images/style1/slidebg.png') repeat-x left top; padding: 6px; margin: 3px 3px 3px 0;}
.box #cLatestMembers .cAvatar {width: 64px; height: auto; border: none!important}
.box #cLatestMembers li a:hover .cAvatar {opacity: 0.85; filter: alpha(opacity=85);}
.box #cLatestMembers + div a { height: 36px; line-height: 36px; float: left; padding: 0 20px; color: #222; font-size: 11px; text-transform: uppercase; border: 1px solid #e8e6e6; font-weight: bold!important; background: transparent url('../images/btn.png') repeat-x left top; -webkit-box-shadow: 0 1px 0 #fff; -moz-box-shadow: 0 1px 0 #fff; box-shadow: 0 1px 0 #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-right: 12px; -webkit-transition: color 0.3s linear; -moz-transition: color 0.3s linear; transition: color 0.3s linear; }
.box #cLatestMembers + div a:hover {color: #fc764a; cursor: pointer;}

/* Tipsy library */
.tipsy {
	padding: 5px;
	font-size: 10px;
	opacity: 0.8;
	filter: alpha(opacity=80);
	background-repeat: no-repeat;
	background-image: url(../images/tipsy.gif);
}
.tipsy-inner {
	padding: 5px 8px 4px 8px;
	background-color: black;
	color: white;
	max-width: 200px;
	text-align: center;

}
.tipsy-inner {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.tipsy-north {
	background-position: top center;
}
.tipsy-south {
	background-position: bottom center;
}
.tipsy-east {
	background-position: right center;
}
.tipsy-west {
	background-position: left center;
}
/* Login with Facebook button */
span#fb-auth small {width: 20px;  background: transparent url('../images/fbauth.png') no-repeat 0 5px; 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 24px 8px 12px; text-decoration:none; text-shadow:1px 1px 0px #445375; cursor: pointer; height: 22px; line-height: 27px; margin-top: 2px}
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; }