

::selection {
	background: #fdbc72;
	color: #fff;
}
::-moz-selection {
	background: #fdbc72;
	color: #fff;
}
::-webkit-selection {
	background: #fdbc72;
	color: #fff;
}
body {
	min-height: 100%;
	background: #f6f6f6;
	font: normal 13px/1.8 Arial, Helvetica, sans-serif;
	color: #555;
}
body a {
	-webkit-transform: translateZ(0);
}
a {
	text-decoration: none;
	color: #333;
	-webkit-transition: color 0.15s linear;
	-moz-transition: color 0.15s linear;
	-o-transition: color 0.15s linear;
	-ms-transition: color 0.15s linear;
	transition: color 0.15s linear;
}
a:hover,a:active,a:focus {
	color: #fc764a;
}
h1,h2,h3,h4,h5 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #333;
}
h1,h2 {
	text-transform: normal;
	margin: 0 0 8px;
}
h1 {
	font-size: 48px;
	line-height: 42px;
}
h2 {
	font-size: 40px;
	line-height: 36px;
}
h3 {
	font-size: 135%;
}
h4 {
	font-size: 110%;
}
h5 {
	font-size: 100%;
}
ul {
	list-style: none;
}
ul li {
	line-height: 2.6;
}
p {
	margin: 0.5em 0;
}

#gkLang {
    position:relative;
}
#gkPage {
	margin-top: 5px;
	padding-top: 4px;
	background: transparent url('/templates/gk_music/images/style1/colorbar.png') repeat-x center top;
}
#gkPageWrap {
	background: #fff;
	padding: 0 30px 30px 30px;
	border-bottom: 4px solid #333;
}
#gkTopNav {
	margin: 20px 0 40px 0;
	padding: 0 12px;
}
#gkTopNav li {
	float: left;
	margin-right: 20px;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	color: #646464;
	line-height: 12px;
}
#gkTopNav li a {
	color: #646464;
}
#gkTopNav li a:active,#gkTopNav li a:focus,#gkTopNav li a:hover {
	color: #fc764a;
}
#mainContent {
	background: #fff;
	overflow: visible;
}
#gkHeader {
	padding: 22px 0;
}
#gkTopNav + #gkHeader {
	padding-top: 0 !important;
}
#gkMain {
	padding: 0;
	overflow: hidden;
	clear: both;
}
#gkBottom1 {
	margin-top: 20px;
}

h1#gkLogo {
	float: left;
	margin: 15px 0 18px 0;
	position: relative;
}
h1#gkLogo a img {
	display: block;
	height: auto;
	margin: 0;
	width: auto;
}
h1#gkLogo a.cssLogo {
	background: url('/templates/gk_music/images/logo.png') no-repeat 0 0;
	display: block;
	height: 70px;
	margin: 0;
	text-indent: -999em;
	width: 465px;
}
h1#gkLogo a.cssLogo + span {
	display: none;
	text-indent: -999em;
}
h1#gkLogo.text {
	width: auto;
	float: left;
}
h1#gkLogo.text a {
	display: block;
	font-weight: normal;
	text-indent: 0;
	float: left;
}
h1#gkLogo.text a {
	padding: 0;
	width: auto !important;
}
h1#gkLogo.text a > span {
	color: #222;
	display: block;
	font-size: 32px;
	line-height: 32px;
	float: left;
}
h1#gkLogo.text .gkLogoSlogan {
	font-size: 10px !important;
	line-height: 14px;
	color: #222;
	margin: 0 0 0 4px;
	height: 14px;
	display: block;
	clear: both;
	float: left;
}

#gkSearch,#gkButtons {
	float: right;
	margin-top: 5px;
}
#gkButtons {
	margin-top: 37px;
}
#gkButtons div a {
	font-size: 11px;
	font-weight: bold;
	color: #333;
	text-transform: uppercase;
	margin: 0 0 0 18px;
}
#gkButtons div a:first-child {
	margin-left: 44px;
}
#gkButtons a:hover {
	color: #fc764a;
}
#gkSearch {
	position: relative;
}
#gkSearch .button {
	position: absolute;
	top: 6px;
	right: 16px;
	width: 35px;
	height: 24px;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	background: #7b9ef8 url('/templates/gk_music/images/searchbtn.png') no-repeat 0 0;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#gkSearch .button:hover {
	background-color: #fc764a;
}
#gkSearch #mod-search-searchword {
	width: 308px;
	height: 34px;
	border: 1px solid #e5e5e5;
	padding: 0 10px;
	margin: 0 10px 0 0;
	display: block;
	-webkit-transition: background 0.5s linear, border-color 0.5s linear;
	-moz-transition: background 0.5s linear, border-color 0.5s linear;
	-o-transition: background 0.5s linear, border-color 0.5s linear;
	-ms-transition: background 0.5s linear, border-color 0.5s linear;
	transition: background 0.5s linear, border-color 0.5s linear;
	background: #fbfbfb;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#gkSearch #mod-search-searchword:hover,#gkSearch #mod-search-searchword:active,#gkSearch #mod-search-searchword:focus {
	background: #fff;
	border-color: #ccc;
}

#gkBreadcrumb {
	clear: both;
	min-height: 18px;
	border: 1px solid #EBEBEB;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	overflow: hidden;
	padding: 5px;
	cursor: pointer;
	margin: 0 0 30px !important;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
}
#gkBreadcrumb > div {
	overflow: hidden;
	padding: 5px;
	background: #f9f9f9;
}
#gkBreadcrumb .breadcrumbs {
	width: auto;
	float: left;
	color: #333;
}
#gkBreadcrumb .breadcrumbs li.separator {
	display: block;
	float: left;
	margin: 0 10px;
	color: #d7d7d7;
}
#gkBreadcrumb .breadcrumbs > ul {
	margin-left: 0;
	height: 24px;
	line-height: 24px;
	padding: 0;
}
#gkBreadcrumb .breadcrumbs > ul > li {
	float: left;
	width: auto;
	clear: none;
	height: 24px;
	line-height: 24px;
}
#gkBreadcrumb .breadcrumbs > ul > li a {
	color: #888;
}
#gkBreadcrumb .breadcrumbs > ul > li a:hover {
	color: #fc764a;
}
#gkBreadcrumb .breadcrumbs > ul > li:first-child {
	margin-right: 12px;
}
#gkBreadcrumb .breadcrumbs > ul > li:first-child > span {
	padding: 0 10px 0;
	display: block;
	color: #fc764a;
}

#gkTools {
	float: right;
	margin-right: 10px;
}
#gkTools a {
	display: block;
	float: left;
	width: 11px;
	height: 9px;
	margin: 7px 0 0 3px !important;
	text-indent: -99999em;
	background: transparent url('/templates/gk_music/images/font_size.png') no-repeat -44px 0;
}
a#gkToolsReset {
	background-position: -24px 0;
	margin-left: 6px;
}
a#gkToolsDec {
	background-position: 0 0;
}

#gkFooterWrap {
	margin: 20px auto;
	overflow: hidden;
	font-size: 11px;
}
#gkCopyrights span {
	float: right;
	line-height: 14px;
}
span.mobileSwitcher {
	margin-right: 10px;
	font-weight: bold;
}
#gkFooterNav {
	float: left;
}
#gkFooterNav li {
	display: inline;
	margin-left: 16px;
	line-height: 11px;
}
#gkFooterNav li:first-child {
	margin: 0;
	padding: 0;
}
#gkStyleArea {
	clear: both;
	float: right;
}
#gkColors {
	padding-top: 2px;
}
#gkColors a {
	padding-left: 6px;
}
#gkFrameworkLogo {
	display: block;
	width: 140px;
	height: 42px;
	background: url('/templates/gk_music/images/framework-logo.png') no-repeat 0 0;
	text-indent: -9999em;
	margin: 96px auto 0;
	padding-bottom: 40px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
	clear: both;
}

.box,.box_text,.box_menu {
	overflow: hidden;
	margin-top: 20px;
}
.box:first-child,.box_menu:first-child,.box_text:first-child {
	margin-top: 0 !important;
}
#gkPage .box > div,#gkPage .box_text > div,#gkPage .box_menu > div {
	overflow: hidden;
	//border: 1px solid #ebebeb;
	padding: 1px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
div.content {
	clear: both;
}
.box_content {
	padding: 0;
	overflow: hidden;
	color: #555;
	font-size: 13px;
	line-height: 1.2;
}
.box li,.box_text li {
	list-style-type: disc;
	list-style-position: inside;
	line-height: 28px;
	font-weight: normal;
	padding-left: 3px;
}
.box li a,.box_text li a {
	text-decoration: none;
}
.box a,.box_text a {
	text-decoration: none;
}

.box h3.header,.box_menu h3.header,.box_text h3.header {
	font-size: 24px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: -0.5px;
	line-height: 26px;
	color: #333;
	margin-bottom: 20px;
}
.box h3.header a,.box_menu h3.header a,.box_text h3.header a {
    color:#333;
}


.box.border1 > div {
	background: transparent;
	border: none !important;
	padding: 0 !important;
}
.box.border1 h3.header {
	padding-bottom: 12px;
	border-bottom: 4px solid #f0f0f0;
	font-size:18px;
}
.box.border1 h3.header > span,
.box.border1 h3.header a > span {
	color: #fc764a;
}

.box.border2 > div {
	padding: 10px !important;
}
.box.border2 > div > div {
	background: #f7f7f7;
	padding: 22px;
}
.box.border2 h3.header {
	padding-bottom: 6px;
	color: #999;
	border-bottom: 1px solid #dfdfdf;
}
.box.border2 h3.header a {
    color:#999;
}
.box.border2 h3.header > span,
.box.border2 h3.header a > span {
	color: #333;
}

.box.title1a h3.header,.box.title2a h3.header,.box.title3a h3.header,.box.title1b h3.header,.box.title2b h3.header,.box.title3b h3.header,.box.title1 h3.header,.box.title2 h3.header,.box.title3 h3.header {
	float: left;
	width: auto;
	height: 64px;
	margin: 0 0 1px;
	padding: 0;
	background: url('/templates/gk_music/images/style1/coltitle.png') no-repeat 0 0;
	text-align: center;
}
.box.title2a h3.header,.box.title2b h3.header {
	background-position: 0 -67px;
}
.box.title3a h3.header,.box.title3b h3.header {
	background-position: 0 -134px;
}
.box.title1a h3.header span,.box.title2a h3.header span,.box.title3a h3.header span,.box.title1b h3.header span,.box.title2b h3.header span,.box.title3b h3.header span,.box.title1 h3.header span,.box.title2 h3.header span,.box.title3 h3.header span {
	display: block;
	height: 51px;
	line-height: 51px;
	margin: 0 0 0 2px;
	padding: 0 18px;
	background: #222;
	-webkit-border-radius: 0 2px 2px 0;
	-moz-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0;
	color: #fff;
}
.box.title2a h3.header span,.box.title2b h3.header span {
	background: #fc764a;
}
.box.title3a h3.header span,.box.title3b h3.header span {
	background: #7b9ef8;
}

.box.title1 h3.header,.box.title2 h3.header,.box.title3 h3.header {
	height: 50px;
	background-position: 0 -211px;
}
.box.title2 h3.header {
	background-position: 0 -278px;
}
.box.title3 h3.header {
	background-position: 0 -345px;
}
.box.title1 h3.header span,.box.title2 h3.header span,.box.title3 h3.header span {
	height: 41px;
	line-height: 41px;
	padding: 0 12px;
	font-size: 20px;
}
.box.title2 h3.header span {
	background: #fc764a;
}
.box.title3 h3.header span {
	background: #7b9ef8;
}
.box.title1 > div,.box.title2 > div,.box.title3 > div,.box.border0 > div,.box_text.border0 > div,.box_menu.border0 > div {
	padding: 10px !important;
}

.box.title1b,.box.title2b,.box.title3b {
	position: relative;
}
.box.title1b > div,.box.title2b > div,.box.title3b > div {
	margin: 26px 0 0 17px;
	padding: 52px 26px 26px !important;
}
.box.title1b h3.header,.box.title2b h3.header,.box.title3b h3.header {
	position: absolute;
	top: 0;
	left: 0;
}

.box_menu {
	border: none;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	overflow: hidden;
	padding: 0;
}
.box_menu h3.header,
.box_menu h3.header a {
	color: #555;
}
.box_menu > div {
	border-color: #EAE8CC !important;
	background: #FFFEF4;
	border: none;
	padding: 0;
}
.box_menu ul {
	margin: 0;
}
.box_menu ul li {
	background: url('/templates/gk_music/images/style1/bullet.png') no-repeat 0 18px;
	border-bottom: 1px solid #f1efd9;
	margin: 0;
	padding: 0 0 0 16px;
	line-height: 2.4;
	font-weight: bold;
	font-size: 12px;
}
.box_menu ul li:hover {
	background-position: 0 -559px;
}
.box_menu ul li a {
	display: block;
	margin: 0 2px;
	padding: 9px;
	color: #555;
}
.box_menu ul li a:hover {
	color: #fc764a;
	font-weight: bold;
}
.box_menu ul li li {
	border: none;
	border-top: 1px solid #f1efd9;
}

.box.clear,.box.clear > div,.box.clear > div > .box_content {
	padding: 0 !important;
	background: none !important;
	border: none !important;
	margin: 0 !important;
}
.box.clear > div > h3 {
	display: none;
}

#gkBottom2 {
	overflow: hidden;
}
#gkBottom1,#gkBottom2 {
	overflow: hidden;
}
#gkBottom2 > div > div {
	padding: 0px 6px;
	margin-top:-10px;
}
#gkBottom2 {
	color: #888;
	font-size: 12px;
	border-bottom: 1px solid #e5e5e5;
}
#gkBottom2 a {
	color: #777;
}
#gkBottom2 a:hover,#gkBottom2 a:active,#gkBottom2 a:focus {
	color: #333;
}
#gkBottom2 li {
	list-style: none;
	background: url('/templates/gk_music/images/bullet.png') no-repeat 0 12px;
	padding-left: 18px;
}
#gkBottom2 li a {
	color: #888;
}
#gkBottom2 .box > div > h3.header,#gkBottom2 .box_menu > div > h3.header,#gkBottom2 .box_text > div > h3.header {
	color: #444;
	font-size: 15px;
	text-shadow: 0 1px 0 #fff;
}
#gkBottom2 .nspArt h4.nspHeader {
	font-size: 13px;
}

.box.advertisement h3.header {
	font-family: Arial, Verdana, sans-serif;
	border-bottom: 1px solid #ebebeb;
	color: #ccc;
	text-transform: uppercase;
	letter-spacing: 0;
	font-size: 9px;
	line-height: 22px;
	text-align: right;
	font-weight: normal;
}
.box.advertisement h3.header a {
    color:#ccc;
}
.box.advertisement > div,.box.tab > div,.box.tab1 > div,.box.tab2 > div {
	border: none !important;
	padding: 0 !important;
}

#gkPopupOverlay,#gkPopupLogin,#gkPopupRegister {
	display: none;
	overflow: hidden;
	width: 505px;
	margin-left: -250px;
	position: fixed;
	z-index: 1000002;
	left: 50%;
	top: 50%;
	background: #fff;
}
#gkPopupLogin {
	width: 600px;
	margin-left: -300px;
}
.gkPopupWrap {
	padding: 25px;
}
#gkPopupOverlay {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 1000001;
	top: 0;
	left: 0;
	background: #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
	margin-left: 0;
}
.gkPopupWrap h3 {
	font-size: 28px;
	text-transform: uppercase;
	border-bottom: 1px solid #e7e7e7;
	margin: 0 0 20px;
}
.gkPopupWrap h3 small {
	font: normal 12px Arial, Helvetica, sans-serif !important;
}
.gkPopupWrap h3 small a {
	text-decoration: underline;
}
.gkPopupWrap h4 {
	font-size: 18px;
	margin: 0 0 12px;
}
#gkPopupLogin fieldset {
	padding: 0 !important;
}
#gkPopupLogin fieldset label {
	font-size: 12px;
}
#gkFBLogin {
	float: left;
	width: 45%;
}
#gkFBLogin p {
	line-height: 18px;
	margin: 14px 0 20px;
}
#gkFBLogin + #login-form,#gkFBLogin + #com-login-form {
	float: left;
	width: 45%;
	margin-left: 4%;
	padding-left: 30px;
	border-left: 1px solid #e7e7e7;
}
#form-login-remember {
	margin: 30px 0 4px;
}
#form-login-remember label {
	color: #777;
	font-size: 11px;
	font-weight: normal;
	vertical-align: top;
}
#login-form ul {
	border-top: 1px solid #E7E7E7;
	margin: 20px 0;
	overflow: hidden;
	padding: 2px 0 0;
}
#login-form ul li {
	float: left;
	font-size: 11px;
}
#login-form ul li:first-child {
	margin-right: 10px;
}
#login-form ul li a {
	text-decoration: underline;
}
label#jform_spacer-lbl {
	font-size: 11px;
	font-weight: normal;
	color: #666;
}
.logout-button .login-greeting {
	float: left;
	margin-right: 32px;
	font-size: 14px;
}
#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;
}
#member-registration fieldset {
	padding: 0 0 24px;
}
#member-registration label {
	padding: 0 0 0 2px;
	font-size: 12px;
}
#member-registration > div {
	line-height: 30px;
}
#member-registration > div > button {
	margin-right: 12px;
}
#member-registration > div a {
	text-decoration: underline;
}
#gkPopupLogin input[type="text"],#gkPopupLogin input[type="password"] {
	clear: both;
	display: block;
	width: 220px;
}
#gkPopupRegister input[type="text"],#gkPopupRegister input[type="password"] {
	width: 250px;
}
#gkPopupRegister dd:last-child {
	height: 130px;
	width: 100%;
	clear: both;
}
.moduletable h3.header + div {
	clear: both;
}	
.moduletable h3.header {
	font-size: 24px !important;
	font-weight: normal !important;
	margin-bottom: 20px !important;
}
.moduletable.border1 h3.header {
	padding-bottom: 12px !important;
	border-bottom: 4px solid #f0f0f0 !important;
}
.moduletable.border2 > div > div {
	padding: 22px !important;
}
.moduletable.title1b > div,.moduletable.title2b > div,.moduletable.title3b > div {
	margin: 26px 0 0 17px !important;
}

