/* Basic elements */
::selection {
	background: #da4d00;
	color: #fff;
}

::-moz-selection {
	background: #da4d00;
	color: #fff;
}

::-webkit-selection {
	background: #da4d00;
	color: #fff;
}

body {
	min-height: 100%;
	background: #fff;
	font-size: 13px;
	line-height: 2;
	color: #999;
}

a {
	text-decoration: none;
	color: #00ADFF;

	-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: #da4d00;}



h1,h2,h3,h4,h5 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #da4d00;
}

h1,h2 {
	margin: 0 0 8px;
}

h1 {
	font-size: 48px;
	line-height: 42px;
}

h2 {
	font-size: 32px;
	line-height: 36px;
}

h3 {
	font-size: 175%;
}

h4 {
	font-size: 145%;
}

h5 {
	font-size: 100%;
}

h6 {
	font-size: 145%;
}

ul {
	list-style: none;
}

ul li {
	line-height: 2.6;
}

p {
	margin: 0.5em 0 1.5em;
}






/* Containers */
#gkMainMenu {
	float: right;
}

#gkHeader .box {
	margin: 0 auto !important;
}

#gkPage {
	margin-bottom: 32px;
}

#gkLang {
	position:relative;
	z-index:1000001;
	float: right;
}

#gkMain {
	margin-top: 48px;
}

#mainContent {
	padding-bottom: 48px;
}

#gkMain {
	padding: 0;
	clear: both;
}

#gkBottom1 {
	margin-top: 20px;
}

/* Logo  */
h1#gkLogo {
	float: left;
	margin: 20px 0 0 0;
	position: relative;
}

h1#gkLogo a img {
	display: block;
	height: auto;
	margin: 0;
	width: auto;
}

h1#gkLogo a.cssLogo {
	background: url('../images/style1/logo.png') no-repeat 0 0;
	display: block;
	height: 111px;
	margin: 0;
	text-indent: -999em;
	width: 235px;
}

h1#gkLogo a.cssLogo + span {
	display: none;
	text-indent: -999em;
}

h1#gkLogo.text {
	width: auto;
	height: 112px;
	float: left;
}

h1#gkLogo.text a {
	display: block;
	font-weight: normal;
	text-indent: 0;
	float: left;
	margin-top: 20px;
}

h1#gkLogo.text a {
	padding: 0;
	width: auto !important;
}

h1#gkLogo.text a > span {
	color: #333;
	display: block;
	font-size: 36px;
	line-height: 84px;
	float: left;
	text-transform: none;
}

h1#gkLogo.text .gkLogoSlogan {
	font-size: 10px !important;
	line-height: 10px;
	color: #ccc;
	margin: -20px 0 0 4px;
	height: 14px;
	display: block;
	clear: both;
	float: left;
	text-transform: none;
}

/* standard breadcrumb */
#gkBreadcrumb {
	clear: both;
	min-height: 42px;
	line-height: 42px;
	border-bottom: 1px solid #eee;
	border-top: 4px solid #eee;
	overflow: hidden;
	padding: 0;
	cursor: pointer;
	margin: 0 0 22px 0;
	font-size: 11px;
}

#gkBreadcrumb > div {
	overflow: hidden;
}

#gkBreadcrumb .breadcrumbs {
	width: auto;
	float: left;
}

#gkBreadcrumb .breadcrumbs li > span {
	margin-right: 10px;
}

#gkBreadcrumb .breadcrumbs li.separator {
	display: block;
	width: 3px;
	height: 42px;
	float: left;
	margin: 0 10px;
	text-indent: -999em;
	background: transparent url('../images/style1/breadcrumbs_bullets.png') no-repeat 0 center;
}

#gkBreadcrumb .breadcrumbs > ul {
	margin-left: 0;
	height: 24px;
	line-height: 24px;
	padding: 0;
}

#gkBreadcrumb .breadcrumbs > ul > li {
	float: left;
	width: auto;
	clear: none;
	height: 42px;
	line-height: 42px;
}

#gkBreadcrumb .breadcrumbs > ul > li.pathway {
	color: #888;
}

/* tools */
#gkTools {
	float: right;
	margin: 5px 0 0 10px;
}

#gkTools a {
	display: block;
	float: left;
	width: 20px;
	height: 13px;
	margin: 8px 0 0 3px !important;
	text-indent: -99999em;
	background: transparent url('../images/style1/fonts.png') no-repeat -40px 1px;
	cursor: pointer;
}

a#gkToolsReset {
	background-position: -20px 1px;
}

a#gkToolsDec {
	background-position: 0px 1px;
}

a#gkToolsInc:hover {
	background-position: -40px bottom;
}

a#gkToolsReset:hover {
	background-position: -20px bottom;
}

a#gkToolsDec:hover {
	background-position: 0 bottom;
}

/* footer */
#gkFooter {
	margin-top: 24px;
}

#gkFooterWrap {
	margin: 0 auto;
	padding: 20px 0;
	overflow: hidden;
	font-size: 11px;
	color: #666;
	border-top: 1px solid #eee;
}

#gkCopyrights span,span.mobileSwitcher {
	float: left;
	line-height: 14px;
}

span.mobileSwitcher {
	font-weight: bold;
	margin: 0 10px;
}

#gkFooterNav {
	float: right;
}

#gkFooterNav li {
	display: inline;
	margin-left: 16px;
	line-height: 12px;
}

#gkFooterNav li:first-child {
	margin: 0;
	padding: 0;
}

#gkStyleArea {
	clear: both;
	float: right;
	padding-top: 12px;
}

#gkStyleArea a {
	padding-left: 4px;
}

#gkFrameworkLogo {
	display: block;
	width: 90px;
	height: 36px;
	background: url('../images/framework-logo.png') no-repeat 0 0;
	text-indent: -9999em;
	margin: 96px auto 0;
	padding-bottom: 40px;
	clear: both;
}

#gkColor1,#gkColor2,#gkColor3 {
	width: 5px;
	height: 5px;
	border: 1px solid transparent;
	cursor: pointer;
	text-indent: -999em;
	overflow: hidden;
	display: block;
	background: transparent url('../images/style1/bullet_red.png') no-repeat 0 0;
	float: left;
	margin: 0 !important;
}

#gkColor2 {
	background-image: url('../images/style1/bullet_green.png');
}

#gkColor3 {
	background-image: url('../images/style1/bullet_blue.png');
}

#gkColor1:hover,#gkColor2:hover,#gkColor3:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: 0.5;
}

/* Suffixes */
.box,.box_text,.box_menu {
	overflow: hidden;
	margin-top: 32px;
}

.box:first-child,.box_menu:first-child,.box_text:first-child {
	margin-top: 0 !important;
}

.box > div,.box_text > div,.box_menu > div {
	overflow: hidden;
}

div.content {
	clear: both;
}

.box li,.box_text li {
	list-style-type: none;
	list-style-position: inside;
	line-height: 28px;
	font-weight: normal;
	padding-left: 16px;
	background: transparent url('../images/style1/bullet_red.png') no-repeat 0 11px;
}

.box li a,.box_text li a {
	text-decoration: none;
}

.box a,.box_text a {
	text-decoration: none;
}

/*---default */
.box h3.header,.box_menu h3.header,.box_text h3.header {
	font-size: 25px;
	font-weight: normal;
	line-height: 36px;
	color: #8B8B8B;
	margin-bottom: 24px;
}

.box h3.header a,.box_menu h3.header a,.box_text h3.header a {
	color:#333;
}

.box h3.header > span,.box_menu h3.header > span,.box_text h3.header > span,.box h3.header a > span,.box_menu h3.header a > span,.box_text h3.header a > span {
	color: #da4d00;
}

/* suffix color */
.box.color h3.header,.box.color h3.header > span,.box.color h3.header a,.box.color h3.header a > span {
	color: #fff;
}

.box.color > div {
	background: #da4d00;
	color: #f5d8bd;
	padding: 12px 15px;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.box.color li {
	background: transparent url('../images/style1/bullet_white.png') no-repeat 0 11px;
}

.box.color a {
	color: #fff;
}

.box.color a:active,.box.color a:focus,.box.color a:hover {
	color: #f0a379;
}

/* suffix black */
.box.black h3.header,.box_menu.black h3.header,.box_text.black h3.header,.box.black h3.header > span,.box_menu.black h3.header > span,.box_text.black h3.header > span,.box.black h3.header a,.box_menu.black h3.header a,.box_text.black h3.header a,.box.black h3.header a > span,.box_menu.black h3.header a > span,.box_text.black h3.header a > span {
	color: #333;
}

/* suffix border */
.box.border > div {
	border: 1px solid #eee;
	padding: 12px 15px;
	background: #fcfcfc;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/* suffix dark */
.box.dark h3.header,.box.dark h3.header > span,.box.dark h3.header a,.box.dark h3.header a > span {
	color: #fff;
}

.box.dark > div {
	background: #333;
	color: #ddd;
	padding: 12px 15px;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.box.dark li {
	background: transparent url('../images/style1/bullet_white.png') no-repeat 0 11px;
}

.box.dark a {
	color: #fff;
}

.box.dark a:active,.box.dark a:focus,.box.dark a:hover {
	color: #da4d00;
}

/* suffix color1 */
.box.color1 h3.header > span,.box_menu.color1 h3.header > span,.box_text.color1 h3.header > span,.box.color1 h3.header a > span,.box_menu.color1 h3.header a > span,.box_text.color1 h3.header a > span {
	color: #7ca401;
}

.box.color1 a:active,.box.color1 a:focus,.box.color1 a:hover,.box_menu.color1 a:active,.box_menu.color1 a:focus,.box_menu.color1 a:hover,.box_text.color1 a:active,.box_text.color1 a:focus,.box_text.color1 a:hover {
	color: #7ca401;
}

.box.color1 li {
	background-image: url('../images/style1/bullet_green.png');
}

/* suffix color2 */
.box.color2 h3.header > span,.box_menu.color2 h3.header > span,.box_text.color2 h3.header > span,.box.color2 h3.header a > span,.box_menu.color2 h3.header a > span,.box_text.color2 h3.header a > span {
	color: #008bda;
}

.box.color2 a:active,.box.color2 a:focus,.box.color2 a:hover,.box_menu.color2 a:active,.box_menu.color2 a:focus,.box_menu.color2 a:hover,.box_text.color2 a:active,.box_text.color2 a:focus,.box_text.color2 a:hover {
	color: #008bda;
}

.box.color2 li {
	background-image: url('../images/style1/bullet_blue.png');
}

/* suffix reversed */
.box.reversed h3.header,.box_menu.reversed h3.header,.box_text.reversed h3.header,.box.reversed h3.header a,.box_menu.reversed h3.header a,.box_text.reversed h3.header a {
	color: #da4d00;
}

.box.reversed h3.header > span,.box_menu.reversed h3.header > span,.box_text.reversed h3.header > span,.box.reversed h3.header a > span,.box_menu.reversed h3.header a > span,.box_text.reversed h3.header a > span {
	color: #333;
}

/* suffix shadow */
.box.shadow h3.header,.box_menu.shadow h3.header,.box_text.shadow h3.header {
	text-shadow: 1px 1px 0 #ddd;
}

/* suffix small */
.box.small h3.header,.box_menu.small h3.header,.box_text.small h3.header {
	font-size: 25px;
	line-height: 25px;
}

.box.small li {
	background-image: url('../images/style1/bullet_white.png');
}

/* suffix bubble */
.box.bubble h3.header,.box_menu.bubble h3.header,.box_text.bubble h3.header {
	height: 50px;
	background: transparent url('../images/style1/bubble.png') no-repeat 0 0;
	padding: 40px 0 0 20px;
}

/* suffix _menu */
.box_menu ul {
	margin: 0;
		
}

.box_menu ul li {
	background: transparent url('../images/style1/menu_arrow.png') no-repeat 0px 14px;
	margin: 0;
	padding: 0 0 0 30px;
	line-height: 40px;
	font-size: 11px;
	border-top: 1px solid #eee;
	
}

.box_menu ul li:first-child {
	border-top: none;

}

.box_menu .active a {
	font-weight: normal;
	color: #da4d00;
}

.box_menu ul ul {
	margin-left: -30px;
	border-top: 1px dotted #eee;
	color:#4f4f4f;
}

.box_menu ul li li {
	background: transparent url('../images/style3/bullet_green.png') no-repeat 15px 18px;
	padding: 0 0 0 30px;
	color:#4f4f4f;
}

/* -clear */
.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;
}

/* Suffix advertisement */
.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;
	margin-bottom: 10px;
}

.box.advertisement h3.header > span,.box.advertisement h3.header a,.box.advertisement h3.header a > span {
	color: #ccc;
}

.box.advertisement > div {
	border: none !important;
	padding: 0 !important;
}

/* bottom modules */
#gkBottom2 {
	overflow: hidden;
}

#gkBottom1,#gkBottom2 {
	overflow: hidden;
}

#gkBottom2 > div {
	padding: 10px 20px;
	border: 1px solid #eee;
	background: #fcfcfc;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#gkBottom2 > div > div {
	padding: 10px 6px;
}

#gkBottom2 {
	font-size: 12px;
}

#gkBottom2 li {
	list-style: none;
	background: url('../images/style1/bullet_black.png') no-repeat 0 12px;
	padding-left: 16px;
}

#gkBottom2 .box > div > h3.header,#gkBottom2 .box_menu > div > h3.header,#gkBottom2 .box_text > div > h3.header {
	font-size: 24px;
	margin-bottom: 10px;
}

#gkBottom2 .box > div > h3.header > span,#gkBottom2 .box_menu > div > h3.header > span,#gkBottom2 .box_text > div > h3.header > span,#gkBottom2 .box > div > h3.header a > span,#gkBottom2 .box_menu > div > h3.header a > span,#gkBottom2 .box_text > div > h3.header a > span {
	color: #333;
}

#gkBottom2 .gkCol > div {
	border-left: 1px solid #eee;
}

#gkBottom2 .gkCol:first-child > div {
	border-left: none;
}

#gkBottom2 .gkColFull > .box,#gkBottom2 .gkColLeft > .box,#gkBottom2 .gkColCenter > .box,#gkBottom2 .gkColRight > .box {
	margin-left: 0;
	padding-left: 0;
}

#gkBottom2 .gkColLeft > .box {
	margin-left: 0;
	padding-left: 0;
}

#gkBottom2 .gkColRight > .box {
	margin-right: 0;
	padding-right: 0;
}

#gkBottom2 .gkColFull > .box {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

#gkBottom2 .gkColLeft > div {
	margin-right: 0 !important;
	padding-right: 24px !important;
}

#gkBottom2 .gkColCenter > div {
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 24px !important;
	padding-right: 24px !important;
}

#gkBottom2 .gkColRight > div {
	margin-left: 0 !important;
	padding-left: 24px !important;
}

#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;
}

/* Login with Facebook button */
span#fb-auth small {
	width: 20px;  
	background: transparent url('../images/fbauth.png') no-repeat 0 2px; 
	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; 
	height: 17px; 
}

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;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #4d576b;
	display: inline-block;
	color: #fff;
	font-family: arial;
	line-height: 22px;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 24px 7px 12px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #445375;
	cursor: pointer;
	height: 17px;
}

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;
}