CyberShell

: / var / www / vhosts / chipionatv.com / httpdocs / templates / gk_magazine / css /
Filename : joomla.css
back
/*
#------------------------------------------------------------------------
# Magazine - January Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2013 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/



select,
textarea,
input[type="text"],
input[type="password"],
input[type="url"],
input[type="email"] {
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 1px solid #e5e5e5;
	font-size: 16px;
	box-sizing: border-box;
	font-weight: 300;
	color: #777;
	height: 44px;
	max-width: 100%!important;
	padding: 0 12px
}

textarea {
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: auto;
	max-width: 100%!important;
	padding: 24px
}
legend {
	color: #242424;
	font-size: 32px
}

select {
	height: inherit;
	padding: 6px
}

html.-moz-select {
	padding: 3px 5px
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
input[type="email"]:focus,
textarea:focus {
	background: #fffef4
}

button,
.button,
input.button,
span.button,
button.button,
div.button,
input[type="submit"],
input[type="button"],
.pagenav-prev a,
.pagenav-next a,
.pager .next a,
.pager .previous a,
.readon,
.pagination ul li a,
.pagination ul li span,
.pager ul li a,
.pager ul li span {
	
	background: #4d90fe;
	border: none;
	color: #fff;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: 400;
	height: 42px;
	line-height: 42px;
	margin: 0 5px 2px 2px;
	padding: 0 25px;
	text-align: center;
	-moz-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out
}

button:hover,
.button:hover,
input.button:hover,
span.button:hover,
button.button:hover,
div.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.pagenav-prev a:hover,
.pagenav-next a:hover,
.pager .next a:hover,
.pager .previous a:hover,
.readon:hover,
.pagination ul li a:hover,
.pagination ul li span:hover,
.pager ul li a:hover,
.pager ul li span:hover {
	background: #fec64d;
	color: #fff
}


#gkMainbody .itemReadMore,
#gkMainbody .readmore > a {
	background: #4d90fe;
	color: #fff;
	display: inline-block;
	float: left;
	font-size: 16px;
	font-weight: 300;
	height: 50px;
	line-height: 51px;
	padding: 0 20px;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
#gkMainbody .itemReadMore:after,
#gkMainbody .readmore > a:after {
	content: "a";
	font-size: 24px;
	top: 5px;
	position: relative;
	margin-left: 20px;
	font-family: "magazine-icons" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#gkMainbody .itemReadMore:active,
#gkMainbody .itemReadMore:focus,
#gkMainbody .itemReadMore:hover,
#gkMainbody .readmore > a:active,
#gkMainbody .readmore > a:focus,
#gkMainbody .readmore > a:hover {
	background-color: #fec64d;
	color: #fff;
}

input[type=checkbox],
.checkbox,
input[type=radio],
.radio {
	background: transparent!important;
	border: none!important;
	height: auto!important;
	margin-top: 7px!important
}

select[size] {
	font-size: 12px;
	height: auto
}

select[size="1"] {
	height: 29px!important;
	line-height: 24px
}

.invalid {
	background: #fffef4;
	border: 1px solid #e25527!important;
	color: #000
}

label {
	color: #242424;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
}

label.invalid {
	background: #fff;
	border: none!important;
	color: #e25527!important
}

fieldset.filters > div > * {
	float: left;
	margin-right: 10px
}

fieldset.filters > div > select {
	margin-top: 4px
}

section article {
	margin-top: 20px
}

section > header {
	margin: 0 0 32px;
	padding: 0
}

section > header h2 small {
	color: #666;
	font-size: 20px
}

section > header div p {
	font-size: 18px;
	font-weight: 300;
	line-height: 1.4;
	text-transform: none
}

section img {
	height: auto;
	max-width: 100%;
}

section.category .children,
section.blog .children {
	clear: both;
	margin-top: 32px
}

section.categories-list ul ul {
	margin-left: 20px;
}

section.categories-list ul ul li {
	border: none;
	border-top: 1px solid #eee;
	padding-left: 6px
}

section.categories-list li,
section.category .children li,
section.blog .children li {
	border-top: 1px solid #e5e5e5;
	clear: both;
	font-size: 16px;
	line-height: 1.4;
	overflow: hidden;
	padding: 12px 0
}

section.categories-list li > div p,
section.category .children li > div p,
section.blog .children li > div p {
	font-size: 14px;
	margin: .5em 0
}

section.categories-list li > dl,
section.category .children li > dl,
section.blog .children li > dl {
	font-size: 11px;
	margin: 0
}

section.categories-list li > dl > dt,
section.category .children li > dl > dt,
section.blog .children li > dl > dt {
	float: left
}

section.categories-list li > dl > dd,
section.category .children li > dl > dd,
section.blog .children li > dl > dd {
	float: left;
	font-weight: 700;
	margin-left: 5px
}

section.category .children h3,
section.blog .children h3 {
	font-size: 24px;
	line-height: 24px;
	margin: 20px 0
}

.blog .k2box {
	margin-bottom: 30px
}

.filters .display-limit select {
	display: inline!important;
	float: none
}

table {
	margin-bottom: 20px;
	width: 100%
}

th {
	background: #fff;
	border-bottom: 1px solid #e5e5e5;
	color: #333;
	font-weight: 600;
	padding: 8px 10px;
	text-align: left;
	text-transform: uppercase;
}

th a {
	color: #333!important;
}

th a:active,
th a:focus,
th a:hover {
	color: #4d90fe!important;
}

tbody tr td {
	border-bottom: 1px solid #e5e5e5;
	padding: 8px 10px
}

tbody tr td p {
	margin: .5em 0
}

tr:hover {
	background: #fbfbfb
}

section.blog .items-row {
	clear: both;
	margin-bottom: 40px;
	overflow: hidden
}

section.blog-featured .items-row {
	margin-top: 40px;
	margin-bottom: 0;
}

section.blog-featured .items-row:first-child {
	margin-top: 0;
}

section.blog .items-more h3 {
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 20px
}

.items-leading > div {
	clear: both!important;
	margin-top: 50px;
}

.items-leading > div:first-child {
	margin-top: 0;
}

article,
article > section {
	position: relative
}

article header {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 0 10px;
	width: 100%;
}

article header + * {
	clear: both;
}

article header h1 {
	clear: both;
	line-height: 52px;
}

article header h2 {
	line-height: 38px;
}

article header h1 a,
article header h2 a {
	color: #2f3336;
}

article header h1 a:hover,
article header h2 a:hover {
	color: #418cd1;
}

li.print-icon,
li.email-icon {
}

li.print-icon a,
li.email-icon a {
	position: relative;
	top: 3px;
	height:14px;
	margin:3px 0 0 0;
}
li.edit-icon a,
li.print-icon a,
li.email-icon a {
   text-indent:-9999px;
   float:left;
}
li.print-icon a {
	background: url(../images/system/printButton.png) top left no-repeat;
	width:15px;
}
li.email-icon a {
	background: url(../images/system/emailButton.png) top left no-repeat;
	width:18px;
}
li.edit-icon a {
	background: url(../images/system/edit.png) top left no-repeat;
	width:18px;
	height:18px;
}		
article header ul {
	margin: 0 0 30px!important;
}

.blog article header ul {
	margin: 0 0 10px!important;
}

article header li {
	float: left;
	margin: 0 12px 0 4px!important;
	font-size: 11px!important;
	font-weight: 400;
	text-transform: uppercase
}

article header li:first-child {
	margin-left: 0
}

article header li a {
	color: #222;
}

article header li a:hover {
	color: #418CD1;
}

article.item-page ul.content-links li {
	background: none
}

.img-intro-none {
	float: none
}

.img-intro-none img {
	float: none!important;
	margin: 0 auto
}

.img-fulltext-none,
.img-fulltext-left,
.img-fulltext-right {
	float: none;
	margin: 0 0 32px;
	overflow: hidden;
	position: relative
}

.img-fulltext-none > div,
.img-fulltext-left > div,
.img-fulltext-right > div {
	float: none!important;
	width: 100%!important
}

.img-fulltext-none img,
.img-fulltext-left img,
.img-fulltext-right img {
	display: block;
	height: auto!important;
	max-width: 100%!important;
	width: 100%!important
}

p.img_caption {
	display: block;
	color: #999;
	padding: 8px 0 0;
	font-size: 11px;
}

section.blog div.img_caption img.caption {
	display: block;
	float: none!important
}

.item-page ul {
	list-style-type: none
}

.edit fieldset > div {
	clear: both;
	padding: 5px 0
}

.edit fieldset > div label {
	display: block;
	float: left;
	min-width: 120px
}

section.login .login-fields {
	padding-bottom: 16px
}

section.login .login-fields label {
	display: block;
	float: left;
	line-height: 34px;
	min-width: 100px
}

section.login ul {
	font-size: 11px;
	margin-top: 40px
}

.profile dt {
	clear: both;
	float: left;
	color: #242424;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
	min-width: 200px
}

.contact-image {
	border: 10px solid #fff;
	float: right;
	padding: 0;
}
.contact-form legend {
	color: #999;
    font-size: 13px;
    margin: 0 0 24px; 
}

dt.inline,
dd.inline {
	display: inline-block!important;
	float: left!important;
	width: auto!important
}

.contact h3 {
	border-top: 1px solid #e5e5e5;
	margin: 30px 0 0;
	padding: 12px 0 0
}

#jform_contact_email_copy {
	margin-left: 10px
}

section.newsfeed > ol {
	list-style: none
}

section.newsfeed > ol > li {
	border-top: 1px solid #eee;
	padding: 24px 0 0
}

section.newsfeed > ol > li > a {
	font-size: 42px
}

section.contentpane iframe {
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 1px solid #eee;
	box-sizing: border-box
}

.tooltip {
	background: #fff;
	border: 1px solid #ccc;
	max-width: 350px;
	min-width: 160px;
	padding: 8px;
	position: absolute!important;
	opacity: 1;
	z-index: 10;
}

.tooltip-inner strong {
	background: #4d90fe;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	padding: 5px 15px;
	width: 100%;
	clear: both;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.tooltip-inner {
	color: #555;
	font-size: 12px;
	padding: 5px 0
}
.tooltip-inner br {
	display: none;
}
#system-message {
	margin: 0
}

#system-message dd ul {
	list-style: none!important
}

#system-message a,
#system-message h4 {
	display: none;
}

#system-message dd {
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: #FEC64D url('../images/style1/typography/info.png') no-repeat 0 1px;
	box-sizing: border-box;
	color: #fff;
	font-size: 16px;
	min-height: 50px;
	padding: 10px 10px 12px 86px;
}

#system-message dd.error {
	background: #FE724D url('../images/style1/typography/warning.png') no-repeat 0 1px;
}

#system-message dd.notice {
	background: #4D90FE url('../images/style1/typography/tips.png') no-repeat 0 1px;
}

#system-message-container {
	margin: 0 0 40px;
	padding: 0
}

.item-page > div.pagination,
.item-page > div.pager {
	display: none!important
}

.pagination,
.pager {
	clear: both;
	padding: 36px 0 0
}

.pagination ul li,
.pager ul li {
	background-image: none!important;
	color: #909090;
	cursor: default;
	display: inline-block;
	margin: 0
}
.pagination ul li:first-child,
.pager ul li:first-child {
	float:left;
	padding:2px 6px;
} 

.pagination ul li a,
.pagination ul li span,
.pager ul li a,
.pager ul li span {
	color: #fff!important;
	display: block;
	
	height: 34px;
	line-height: 36px;
	min-width: 34px;
	padding: 2px 6px;
	text-align: center
}
.pagination ul li:first-child a,
.pager ul li:first-child a,
.pagination ul li:first-child span,
.pager ul li:first-child span  {
	margin:-2px;
}
.pagination ul li.counter {
	float: right;
	font-size: 11px;
	line-height: 38px;
	margin-right: 12px
}

ul.pagenav {
	margin: 0;
	overflow: hidden;
	padding: 0
}



#member-registration dt,
#member-registration dd {
	display: inline-block;
	padding-bottom: 10px
}

#member-registration dt {
	min-width: 170px
}

#member-registration dd {
	min-width: 200px
}

#member-registration dd:after {
	content: '\A';
	white-space: pre
}

#gkMainbody .registration {
	width: 500px
}

.bannergroup:first-line,
.bannergroup_text:first-line {
	color: #333;
	font-size: 14px;
	font-weight: 600
}

div.banneritem {
	border-top: 1px solid #eee;
	color: #999;
	font-size: 12px;
	padding: 8px 0
}

div.banneritem a {
	font-size: 14px
}

div.bannerfooter {
	border-top: 1px solid #e5e5e5;
	color: #4d90fe;
	font-size: 10px;
	font-style: italic;
	padding: 5px 5px 0 0;
	text-align: right
}

#gkSocialAPI {
	border-top: 1px solid #e5e5e5;
	clear: both;
	margin: 20px 0;
	padding: 20px 0 0 0;
}

#gkSocialAPI > iframe,
#gkSocialAPI > #___plusone_0 {
	position: relative;
	top: -5px
}

#gkSocialAPI #___plus_0 {
	margin-right: 10px!important;
	position: relative;
	top: -5px;
	vertical-align: top
}

#gkSocialAPI > a {
	top: -5px;
}

#gkSocialAPI .fb_iframe_widget {
     top: -9px;
     max-width: 1000px!important; 
     overflow: visible;
}
.fb_iframe_widget_lift {
	max-width: inherit!important;
}
#dynamic_recaptcha_1,
#recaptcha_area {
	margin-bottom: -30px;
	max-width: 480px;
	min-height: 112px
}

#gkMainbody #dynamic_recaptcha_1,
#gkMainbody #recaptcha_area {
	margin-bottom: 10px
}

.pane-sliders .panel h3 {
	border-bottom: 1px solid #eee;
	color: #333;
	padding: 5px 0;
	text-transform: uppercase
}

.pagenavcounter {
	color: #999
}

.article-index {
	
	float: right;
	margin: 0 0 30px 30px;
	padding: 0 24px;
	width: 160px
}

.article-index h3 {
	font-size: 21px;
	
	line-height: 1;
	margin: 24px 0 6px;
	
}

.article-index li {
	background: none!important;
	border-top: 1px solid #e5e5e5;
	
	padding: 7px 0
}

.article-index li.active a {
	color: #242424 !important;
	
}

.article-index li:first-child {
	border-top: none;
	margin-top: 10px
}

dl#tabs,
dl.tabs {
	border: 1px solid #e5e5e5;
	margin: 0 0 16px;
	min-height: 30px;
	overflow: hidden;
	padding: 12px 24px
}

dl#tabs dt.tabs,
dl.tabs dt.tabs {
	border-right: 1px solid #e5e5e5;
	float: left;
	margin-right: 24px;
	padding-right: 12px
}

dl#tabs dt.tabs span h3,
dl.tabs dt.tabs span h3 {
	font-size: 16px;
	font-weight: 600;
	margin: 0;
	padding: 0;
	text-transform: uppercase
}

dl#tabs dt.tabs span h3 a,
dl.tabs dt.tabs span h3 a {
	float: left;
	height: 30px;
	line-height: 29px;
	margin: 0 8px 0 0;
	padding: 0 8px 0 0
}

dl#tabs dt.tabs h3:hover a,
dl.tabs dt.tabs h3:hover a {
	cursor: pointer
}

dl#tabs dt.tabs.open a,
dl.tabs dt.tabs.open a {
	color: #333
}

#searchForm fieldset input[type="radio"],
#searchForm fieldset input[type="checkbox"] {
	margin-top: 5px!important
}

#search-form fieldset.word label,
#search-form fieldset.word input,
#search-form fieldset.word button {
	float: left;
	margin-right: 5px
}

#searchForm label,
#searchForm input,
#finder-search input {
	float: left;
	height: 42px;
	margin: 0 5px 0 0
}

#searchForm fieldset,
.search-results dt {
	border-top: 1px solid #e5e5e5;
	margin: 12px 0 0;
	padding: 18px 0 0
}

fieldset.phrases,
fieldset.only {
	border: 1px solid #e5e5e5;
	padding: 12px 24px 24px!important
}

#searchForm fieldset.word {
	border: none;
	padding: 20px 0
}

#searchForm fieldset legend {
	
	padding: 0 6px
}

.search-results dt:first-child {
	border-top: none
}

.searchintro strong {
	color: #333;
	font-size: 16px;
	font-weight: 400
}

.form-limit {
	float: right;
	margin: 24px 0 0
}

.result-category,
.result-created {
	color: #AFAFAF;
	font-size: 13px;
	padding: 0 0 8px
}

.result-created {
	float: right;
	
	margin: 6px 0 0
}

.result-title {
	clear: both;
	color: #242424;
	font-size: 24px;
	font-weight: 300
}

#advanced-search-toggle {
	display: block;
	font-size: 11px;
	padding: 10px 0;
	text-align: center
}

.advanced-search-tip {
	border-bottom: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	font-size: 12px;
	margin: 0 0 24px;
	padding: 12px 0
}

.advanced-search-tip p {
	margin: 0
}

#finder-filter-select-list label {
	clear: both;
	float: left;
	font-size: 12px;
	line-height: 36px;
	min-width: 140px
}

#finder-filter-select-list li {
	overflow: hidden;
	padding: 0
}

#search-query-explained {
	border-bottom: 1px solid #e5e5e5;
	font-size: 11px;
	padding: 10px 0
}

#search-result-empty h2 {
	font-size: 18px
}

.autocompleter-queried {
	color: #4d90fe!important
}

div.search-pages-counter {
	font-size: 12px;
	font-style: italic;
	text-align: center
}

.search-results .highlight {
	background-color: #ffc;
	font-weight: 400;
	padding: 1px 4px
}

.archive article {
	padding: 32px 0 0
}

.img-intro-left,
.img-intro-right,
.img-intro-center {
	margin-bottom: 32px;
	max-width: 100%!important
}

.box ul.menu ul {
	margin-left: 0
}

.menu li {
	border-bottom: none!important;
	margin: 0;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.menu .header + .content ul li:first-child {
	border-top: none;
}

.menu li a {
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
	display: block;
}

.menu li:hover {
	background: #4d90fe;
	padding-left: 20px;
}

div.mod-languages > div,
div.mod-languages > form {
	display: inline-block;
	margin: 0 3px
}

div.mod-languages {
	text-align: center
}

div.mod-languages p {
	margin-bottom: .5em
}

.mod-languages ul.lang-inline,
.mod-languages ul.lang-block {
	display: inline-block;
	float: left
}

div.mod-languages > ul.lang-block > li,
div.mod-languages > ul.lang-inline > li {
	line-height: 32px;
	margin: 0 5px
}

.mod-languages ul li.lang-active {
	font-weight: 700
}

.mod-languages ul li a img {
	-moz-transform: scale(1);
	-moz-transform-style: preserve-3d;
	-moz-transition: 0 .1s ease-out;
	-ms-transform: scale(1);
	-ms-transform-style: preserve-3d;
	-o-transform: scale(1);
	-o-transition: 0 .1s ease-out;
	-webkit-transform: scale(1);
	-webkit-transform-style: preserve-3d;
	-webkit-transition: 0 .1s ease-out;
	transform: scale(1);
	transform-style: preserve-3d;
	transition: transform .1s ease-out
}

.mod-languages ul li a:hover img {
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-webkit-transition: 0 .6s ease-out;
	transform: scale(1.2);
	transition: transform .6s ease-out
}

.mod-languages ul li.lang-active a img {
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

legend.hidelabeltxt,
.filters .hidelabeltxt,
.contact .jicons-icons,
#system-message dt {
	display: none
}

fieldset.filters,
.blog .leading,
.content-links,
.pane-sliders {
	margin-bottom: 50px;
}

section article:first-child,
section.blog .items-more ol {
	margin-top: 0
}

section.categories-list ul,
section.blog .items-more,
article header + *,
article header + div,
article header + p,
dd.inline + dd,
dd.inline + dt {
	clear: both
}

section.categories-list ul ul li:first-child,
section.blog .items-row article header li {
	border: none
}

.filters .display-limit,
ul.pagenav .pagenav-next {
	float: right
}

th a,
.menu li:hover a {
	color: #fff
}

th a:active,
th a:focus,
th a:hover,
article header h1 a:hover,
article header h2 a:hover {
	color: #4d90fe
}

.img-intro-left,
.img-intro-right,
.img-intro-left > img,
.img-intro-right > img,
section.blog div.img_caption {
	float: none!important
}

.filter-search .filter-search-lbl,
#finder-search fieldset label[for="q"],
#searchForm label {
	margin-top: 0;
}
#searchForm label.ordering {
	margin-top:7px;
}


#member-registration fieldset + div,
#member-profile > div {
	line-height: 35px
}

/* tags */
div.tags > span.tags-label {
	margin-right: 40px;
}
div.tags {
	margin-top: 10px;
}
div.tags a {
    display: inline-block;
    margin-right: 10px;
}
div.tags a > span {
	color: #000;
}
li.tags a:hover,  
div.tags a:hover {}
span.tag-body p {
	display: inline;
}
div.tags.tagcloud ul li {
	display: inline-block;
	margin-right: 10px;
}
div.tags.tagcloud a.gk-tooltip span {
    z-index:10;
    display:none; 
    padding: 15px;
    margin-top: -50px; 
    margin-left: 60px;
    width: 240px; 
    max-width: 240px;
    line-height:16px;
    font-size: 85%;
    transition: all 1s ease-in; 
}

div.tags.tagcloud  a.gk-tooltip:hover span {
	border: 1px solid #eee; 
	background: #fff;
    display:inline; 
    position:absolute; 
    color:#111;
}
div.tags.tagcloud a.gk-tooltip span img {
	max-width: 150px!important;
	height: auto;
	float: left;
	margin: 0 10px 10px 0;
}
div.tag-category div.btn-group {
	margin-top: 10px;
}
div.tag-category div.btn-group label {
	margin-top: 10px;
}
div.tag-category h3 {
	font-size: 19px;
	margin: 8px 0;
}
div.tag-category h3 {
	font-size: 19px;
	margin: 8px 0;
}
div.tag-category ul.category li {
	border-bottom: 1px solid #E5E5E5;
	padding: 10px;
	font-size: 80%;
}
div.tags.tagcloud li {
	margin: 0!important;
}
div.tags.tagcloud a {
	background: #FEC64D;
	border: 1px solid #FEC64D;
	color: #fff!important;
	font-size: 10px;
	font-weight: 600;
	margin: 3px!important;
	padding: 10px;
	text-transform: uppercase;	
	-moz-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	-webkit-transition: all .1s ease-out;
	transition: all 0.1s ease-out 0s 
}
div.tags.tagcloud a:hover {
	color: #fff;
	background: #4d90fe;
	border-color: #4d90fe
}
div.tags.tagcloud a {
	float: left;
	margin-bottom: 6px;
}

/* user edit page */
.item-page.edit .formelm {
     width: 100%;
}
.item-page.edit input {
     float: left;
     height: 42px;
}
.item-page.edit #jform_images_image_intro,
.item-page.edit #jform_images_image_fulltext {
     padding: 3px 6px;
     height: auto;
     line-height: auto;
}
.item-page.edit .formelm .btn  {
     float: left;
     display: inline-block;
}
.item-page.edit .icon-calendar:before {
     padding: 0;
}
#gkMainbody .item-page.edit a {
     color: #333;
}
.item-page.edit #jform_title {
     width: 80%;
}
.item-page.edit fieldset > div label {
	margin-right: 20px;
}
.gkTypoTable code {
     border: 0;
     margin: 0!important;
     padding: 0!important;
}
.calendar .button {
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
     border: 0;
}
.tooltip.top .tooltip-arrow {
     display: none;
}
.tooltip-inner {
     background: #fff;
}
.btn.jmodedit {
   color: #272727;
   width: 16px;
   height: 16px;
   margin: 5px 8px 0 0;
   display: block;
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABCUlEQVR4nMXSL0sEQRjH8c+eymkxaRDlBDHopStGMRoMgsl3cMFiNRm0iZYLgiDYTAeCFsEXYLCLoEW4JCaLHpxr2FluD253BYM/eJhh5nm+z58Z/qgos9YwUeDbwUfYj+MzvWjgBXGJvWMKx/jGYQp4wAmqJdWOYQVHGehphB7qeCoBtDCLm5CshdsKKgFSpP1QwTLOMY1VbI2WBMIOZrCGpXA2h/vQhhiLOcHbuMKjft8X+q+nCLCOV0l7afClpOUB5QE6WMBu8GljA5O/BXRxhj1cS4b4pT+HAcf6EMBzsLbk2aoh2XzWKcId3nAQYMM0giY2Q7Vx9rIWIF3537gn+bGNnAT/qB/kgkb/tx0dIAAAAABJRU5ErkJggg==);
   background-repeat: no-repeat;
}
.btn.jmodedit > span.icon-edit:before{
     content: "";
}	

/* Module edit form */
#modules-form .btn {
	background: #ddd;
	border-radius: 0;
	border: none!important;
	color: #222!important;
	height: 40px!important;
	line-height: 40px!important;
	padding: 0 15px!important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
#modules-form .btn:active,
#modules-form .btn:focus,
#modules-form .btn:hover {
	background: #222!important;
	color: #fff!important;
}
#modules-form .btn:hover i {
	color: #fff!important;
}
#modules-form .btn-group {
	padding: 0!important;
}
#modules-form .btn-group .btn {
	margin: 0 20px 0 0!important;
}
#modules-form .radio.btn-group {
	padding-left: 20px!important;
}
#modules-form .radio.btn-group input[type=radio] {
	display: block;
	position: relative;
	top: -5px;
}
#modules-form .control-label label {
	display: block;
	line-height: 20px;
	min-width: 160px;
	padding: 5px 20px 10px 0;
}
#modules-form input[type="text"],
#modules-form input[type="password"],
#modules-form input[type="number"],
#modules-form input[type="email"],
#modules-form .input-append .btn,
#modules-form .chzn-single,
#modules-form .chzn-choices,
#modules-form .chzn-container {
	border-radius: 0;
	height: 40px!important;
	line-height: 40px!important;
}
#modules-form .chzn-container-single .chzn-single div b {
	background-position: 0 10px;
}
#modules-form #jform_content {
	height: 500px!important;
}
#modules-form .input-prepend .add-on {
	display: none;
}
#modules-form .accordion-heading a {
	color: #222;
	font-size: 18px;
	text-decoration: none!important;	
}
#modules-form .accordion-heading .accordion-toggle {
	padding: 15px;	
}	
#modules-form .btn-group {
	padding-left: 20px;
}
#modules-form hr {
	display: none;
}
#modules-form .row-fluid {
	padding: 20px 0;
}
#modules-form label {
	text-transform: none!important;
}
#modules-form .chzn-container-single .chzn-single {
	background: #fff!important;
}

/* Item edit form */
.item-page.edit #jform_articletext {
	clear: both;
}
.item-page.edit #jform_title {
	width: 100%;
}	
.item-page.edit .formelm {
	height: auto!important;
	min-height: 40px;
	overflow: hidden;
}
.item-page.edit fieldset {
	border-bottom: 1px solid #e5e5e5;
	margin: 0 0 52px;
	padding: 0 0 52px;
}
.item-page.edit fieldset > div {
	clear: both;
	padding: 5px 0;
}
.item-page.edit fieldset > div label {
	display: block;
	float: left;
	line-height: 50px;
	min-width: 160px;
}	
.item-page.edit legend {
	font-size: 24px!important;
	font-style: normal !important;
	padding: 0 0 24px;
}
.item-page.edit .control-group {
	margin: 10px 0;
}
.item-page.edit .control-group:after {
	clear: both;
	content: "";
	display: table;
}
.item-page.edit #jform_articletext {
	height: 500px!important;
}
.item-page.edit .formelm {
	height: 40px;
	line-height: 40px;
	margin: 0 0 10px 0;
	width: 100%;
}	
.item-page.edit .formelm label {
	display: inline-block;
	line-height: 40px;
	text-transform: none;
}
.item-page.edit *[class^="icon-"] {
	display: none;
}
.item-page.edit i.icon-remove,
.item-page.edit i.icon-calendar {
	background-image: url('../../../media/jui/img/glyphicons-halflings-white.png');
	display: block;
}
.item-page.edit i.icon-remove {
	margin-top: 12px;
}
.item-page.edit .btn {
	color: #fff!important;
	padding: 12px 20px!important;
}
.item-page.edit .media-preview.add-on {
	display: none;
}
.item-page.edit .input-append > .btn {
	height: 40px!important;
	line-height: 40px;
	padding: 0 10px!important;
}
.item-page.edit #jform_metadesc,
.item-page.edit #jform_metakey {
	width: 100%;
}
.item-page.edit .chzn-single,
.item-page.edit .chzn-choices,
.item-page.edit .chzn-container {
	height: 50px!important;
	line-height: 50px!important;
}
.item-page.edit .chzn-container-single .chzn-single div b {
	background-position: 0 14px;
}
.calendar .button {
	display: table-cell!important;
	float: none!important;
}
.item-page.edit .formelm-buttons button {
	margin-right: 10px;
}
.item-page.edit .btn {
	background: #ddd;
	border-radius: 0!important;
	border: none!important;
	color: #222!important;
	height: 40px!important;
	line-height: 40px!important;
	padding: 0 15px!important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
.item-page.edit .btn:active,
.item-page.edit .btn:focus,
.item-page.edit .btn:hover {
	background: #222!important;
	color: #fff!important;
}
.item-page.edit .btn:hover i {
	color: #fff!important;
}
.item-page.edit .btn-group {
	padding: 0!important;
}
.item-page.edit .btn-group .btn {
	margin: 0 20px 0 0!important;
}
.item-page.edit .radio.btn-group {
	padding-left: 20px!important;
}
.item-page.edit .radio.btn-group input[type=radio] {
	display: block;
	position: relative;
	top: -5px;
}
.item-page.edit .control-label label {
	display: block;
	line-height: 20px;
	min-width: 160px;
	padding: 5px 20px 10px 0;
	text-transform: none;
}
.item-page.edit .media-preview + input {
	min-width: 250px;
}
.item-page.edit input[type="text"],
.item-page.edit input[type="password"],
.item-page.edit input[type="number"],
.item-page.edit input[type="email"],
.item-page.edit .input-append .btn,
.item-page.edit .chzn-single,
.item-page.edit .chzn-choices,
.item-page.edit .chzn-container {
	border-radius: 0;
	height: 40px!important;
	line-height: 40px!important;
}
.item-page.edit .chzn-container-single .chzn-single div b {
	background-position: 0 10px;
}
.item-page.edit .chzn-container-single .chzn-single {
	background: #fff!important;
}

#jform_articletext_parent {
   clear: both!important;
}