.k2FeedIcon a, a.k2FeedIcon {
    display: block;
    height: 35px;
    line-height: 35px;
    padding: 0 0 0 46px;
    font-size: 12px;
    background: url(/images/style1/rss.png) no-repeat 0 0
    }

.gkColumns > aside .k2FeedIcon a, .gkColumns > aside a.k2FeedIcon {
    display: block;
    float: right;
    width: 14px;
    height: 21px;
    padding: 0;
    background: url(../images/style1/rss_aside.png) no-repeat 0 0;
    text-indent: -9999em
    }

/* item view */
h1 > sup {
    font-size: 13px;
    top: -2.5em;
    color: #fff;
    background: #CB4900;
    padding: 0 6px
    }

ul li.itemResizer a {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../images/style1/fonts.png) no-repeat 0 0;
    text-indent: -9999em
    }

ul li.itemResizer span {
    padding: 0 6px 0 0
    }

ul li.itemResizer a:hover#fontDecrease {
    background-position: 0 100%
    }

ul li.itemResizer #fontIncrease {
    background-position: 100% 0
    }

ul li.itemResizer a:hover#fontIncrease {
    background-position: 100% 100%
    }

.smallerFontSize {
    font-size: 90% !important
    }

.largerFontSize {
    font-size: 115% !important
    }

ul li.itemComments a {
    position: absolute;
    display: block;
    top: 0;
    width: 21px;
    height: 21px;
    background: url(../images/style1/comment.png) no-repeat 0 0;
    font-size: 11px;
    font-weight: bold;
    color: #fff !important;
    text-align: center
    }

ul li.itemComments a:hover {
    background-position: 0 100% !important
    }

.itemImageCaption {
    font-size: 11px;
    display: block;
    margin: 0 0 24px;
    text-align: center
    }

.itemExtraFields ul li span.itemExtraFieldsValue, .itemLinks .itemCategory a, .itemLinks .itemAttachmentsBlock ul, .itemLinks .itemTagsBlock ul {
    display: block;
    margin: 0 0 0 27%
    }

.itemBottom .itemRatingBlock span, .itemBottom .itemRatingBlock .itemRatingList, .itemBottom .itemRatingBlock .itemRatingForm ul.itemRatingList li, .itemLinks .itemCategory span, .itemLinks .itemAttachmentsBlock > span, .itemExtraFields ul li span.itemExtraFieldsLabel, .itemLinks .itemTagsBlock span, .itemLinks .itemTagsBlock ul li, .latestView .itemsContainer {
    float: left
    }

.itemBottom, .itemLinks {
    clear: both;
    margin: 0 0 12px;
    font-size: 12px
    }

.itemLinks .itemTagsBlock, .itemLinks .itemSocialSharing {
    clear: both;
    overflow: hidden
    }

.itemSocialSharing {
    margin: 42px 0 0 !important;
    padding: 20px 0 0 24px;
    border-top: 4px solid #F89A4F;
	float:left;
    width:100%;
    overflow:visible !important;
    }

.itemExtraFields {
    margin: 0 0 24px;
    padding: 8px;
    border-top: 4px solid #F89A4F;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px
    }

.itemExtraFields h3 {
    padding: 0 0 8px
    }

.itemBottom small.itemDateModified {
    display: block;
    text-align: right
    }

.itemRatingBlock {
    overflow: hidden
    }

.itemRatingBlock span {
    float: left
    }

.itemRatingForm {
    display: block;
    vertical-align: middle;
    line-height: 25px;
    margin-left: 26%
    }

.itemRatingLog {
    margin: -2px 0 0;
    padding: 0 0 0 4px;
    float: left;
    line-height: 25px
    }

span#formLog {
    display: block;
    float: none;
    clear: both;
    color: white;
    background: #e25527;
    text-align: center;
    margin: 10px 0;
    position: relative;
    top: 10px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px
    }

.itemRatingForm .formLogLoading {
    background: url(../images/style1/loading.gif) no-repeat left center;
    height: 25px;
    padding: 0 0 0 20px
    }

.itemRatingList, .itemRatingList a:hover, .itemRatingList .itemCurrentRating {
    background: url(../images/style1/star.png) left -1000px repeat-x
    }

.itemRatingList {
    position: relative;
    float: left;
    width: 125px;
    height: 25px;
    overflow: hidden;
    list-style: none;
    margin: 0 6px !important;
    padding: 0;
    background-position: left top
    }

.itemRatingList li {
    display: inline;
    background: none;
    padding: 0;
    border: none !important
    }

.itemRatingList a, .itemRatingList .itemCurrentRating {
    position: absolute;
    top: 0;
    left: 0;
    text-indent: -1000px;
    height: 25px;
    line-height: 25px;
    outline: none;
    overflow: hidden;
    border: none;
    cursor: pointer
    }

.itemRatingList a:hover {
    background-position: left center
    }

.itemRatingList a.one-star {
    width: 20%;
    z-index: 6
    }

.itemRatingList a.two-stars {
    width: 40%;
    z-index: 5
    }

.itemRatingList a.three-stars {
    width: 60%;
    z-index: 4
    }

.itemRatingList a.four-stars {
    width: 80%;
    z-index: 3
    }

.itemRatingList a.five-stars {
    width: 100%;
    z-index: 2
    }

.itemRatingList .itemCurrentRating {
    z-index: 1;
    background-position: 0 bottom;
    margin: 0;
    padding: 0
    }

.itemTags li a, .k2TagCloudBlock a {
    display: block;
    height: 19px;
    margin: 2px 8px 2px 0;
    padding: 0 13px 0 23px;
    -moz-border-radius: 0 2px 2px 0;
    -webkit-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    font: normal 11px/19px Arial, Helvetica, sans-serif !important;
    color: #fff;
    background: #f89a4f url(../images/style1/tags.png) no-repeat 0 0;
    -moz-transition: left 0.12s ease-out;
    -o-transition: left 0.12s ease-out;
    -webkit-transition: left 0.12s ease-out;
    transition: left 0.12s ease-out;
    position: relative;
    left: 0
    }

.itemTags li a:hover, .k2TagCloudBlock a:hover {
    background: #353639 url(../images/style1/tags.png) no-repeat 0 100%;
    position: relative;
    left: -4px
    }

.itemExtraFields ul li {
    list-style: none;
    padding: 5px 0;
    border-top: 1px solid #eee
    }

.itemLinks ul li {
    list-style: none
    }

.itemLinks .itemAttachmentsBlock ul li a span {
    color: #676767
    }

.itemLinks .itemSocialSharing > div {
    float: left
    }

.itemAuthorBlock {
    clear: both;
    overflow: hidden;
    margin: 32px 0;
    padding: 24px;
    background: #f9f9f9;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px
    }

.itemAuthorBlock > .gkAvatar {
    float: left;
    padding: 12px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 12px solid #eee;
    max-width: 80px
    }

.itemAuthorBlock > .gkAvatar > img {
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
    }

.itemAuthorBlock .itemAuthorDetails {
    margin: 0 0 0 180px;
    font-size: 14px
    }

.itemAuthorBlock .itemAuthorDetails p {
    margin: 0.5em 0
    }

.itemAuthorUrl, .itemAuthorEmail {
    font-size: 12px
    }

.itemAuthorContent div {
    float: left;
    width: 45%;
    margin-right: 4%
    }

.itemAuthorContent div ul {
    font-size: 13px
    }

.itemAuthorContent div ul li {
    list-style: inside;
    line-height: 1.7
    }

.itemAuthorContent div ul li a, .itemNavigation {
    clear: both;
    padding: 32px 0 0;
    font-size: 12px;
    color: #7D7B7A
    }

.itemAuthorContent div ul li a:hover {
    color: #353639
    }

.itemComments, .itemCommentsForm {
    overflow: hidden
    }

.itemCommentsForm label {
    display: block;
    clear: both
    }

.itemCommentsForm textarea, .itemCommentsForm .inputbox {
    float: left
    }

.itemCommentsForm textarea.inputbox {
    height: 200px
    }

.itemCommentsForm .inputbox {
    width: 400px
    }

.itemCommentsForm #submitCommentButton {
    clear: both;
    margin: 20px 0 0
    }

.itemCommentsForm .itemCommentsFormNotes {
    margin: 0 0 3em;
    color: #999;
    font-size: 10px;
    font-style: italic
    }

#itemCommentsAnchor {
    clear: both;
    margin: 48px 0 0
    }

.itemComments h3 {
    color: #E25527;
    line-height: 36px;
    margin: 0 0 16px;
    font-size: 46px;
    font-weight: 700
    }

.itemComments .itemCommentsList {
    padding: 12px 0 0
    }

.itemComments .itemCommentsList li {
    padding: 12px 24px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    background: linear-gradient(center top, #F8F8F8 1%, #FFF 50%) repeat 0 0;
    font-size: 12px
    }

.itemComments .itemCommentsList li > span.gkAvatar {
    float: left;
    border: 1px solid #eee;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 2px 20px 0 0;
    padding: 9px
    }

.itemComments .itemCommentsList li > span > img {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block
    }

.itemComments .itemCommentsList li > div {
    margin: 0 0 0 100px
    }

.itemComments .itemCommentsList li div div {
    text-align: right
    }

.itemComments .itemCommentsList li div div span {
    margin-left: 24px;
    font-size: 11px;
    color: #999
    }

.itemBackToTop {
    float: right
    }

/* Items views */
.itemList article header h2, .itemsContainerWrap article header h1 {
    margin: 0 0 16px;
    font-size: 46px;
    line-height: 42px
    }

.itemList article header li {
    border: none;
    padding: 0 0 3px
    }

.itemList ul.itemTags {
    clear: both;
    padding: 12px 0 0 0
    }

.itemTags {
    padding-left: 4px !important
    }

.itemList ul.itemTags li {
    float: left
    }

.clr {
    clear: both
    }

.itemListSubCategories {
    overflow: hidden
    }

.userView article, .genericView article, .itemList article {
    clear: both;
    overflow: hidden;
    margin-bottom: 32px
    }

/*.itemListSubCategories h2*/
.subCategoryContainer {
    float: left;
    margin-bottom: 32px
    }

.subCategoryContainer .subCategory {
    margin: 0 32px 24px 0
    }

.itemContainer {
    float: left;
    margin-bottom: 48px
    }

.itemList article {
    border-bottom: 1px solid #eee;
    padding-bottom: 32px
    }

.itemContainer article, .latestView .itemsContainerWrap {
    margin: 0 32px 0 0
    }

itemContainerLast article {
    margin: 0
    }

#itemListLinks {
    clear: both
    }

/* Modules */
/*----------------------------------------------------------------------
	Modules: mod_k2_comments
----------------------------------------------------------------------*/
/* Latest Comments & Author module*/
.k2LatestCommentsBlock ul li, .k2TopCommentersBlock ul li {
    padding: 20px 0 !important;
    list-style: none !important;
    line-height: 1.3 !important;
    font-weight: normal
    }

.k2LatestCommentsBlock ul li:first-child {
    margin-top: 0 !important
    }

.k2LatestCommentsBlock .k2CommentItem {
    border-top: none;
    margin: 0 0 0 71px
    }

.k2Avatar {
    display: block !important;
    float: left;
    margin: 2px 20px 0 0;
    padding: 9px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #eee
    }

.k2LatestCommentsBlock ul li a.lcAvatar img, .itemComments ul.itemCommentsList li .commentAuthorAvatar img, .k2AuthorsListBlock .abAuthorAvatar img {
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transition: -moz-transform 0.12s ease-out;
    -o-transition: -o-transform 0.12s ease-out;
    -webkit-transition: -webkit-transform 0.12s ease-out;
    transition: transform 0.12s ease-out
    }

.k2LatestCommentsBlock ul li:hover a.lcAvatar img, .itemComments ul.itemCommentsList li:hover .commentAuthorAvatar img, .k2AuthorsListBlock .abAuthorAvatar:hover 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)
    }

.k2CommentItem p {
    margin: 0 0 8px
    }

.k2CommentItem span {
    display: block;
    font-size: 11px;
    padding: 2px 0 0
    }

.k2AuthorsListBlock ul li {
    border: none;
    border-bottom: 1px solid #eee;
    padding: 12px 0
    }

.k2AuthorsListBlock ul li a.abAuthorLatestItem {
    display: block;
    clear: both;
    margin: 12px 0 0;
    padding: 0 0 0 12px;
    font-size: 11px;
    line-height: 14px
    }

.k2AuthorsListBlock ul li a.abAuthorLatestItem span {
    display: block;
    font-size: 10px;
    color: #777
    }

/* Restriction */
#gkRight .k2Avatar, #gkLeft .k2Avatar {
    border-color: #fff
    }

/* Top Commenters */
.tcUsername {
    font-size: 18px;
    color: #333
    }

.tcLatestComment {
    display: block;
    margin: 6px 0;
    font-size: 11px;
    color: #777;
    line-height: 16px
    }

.tcLatestCommentDate {
    display: block;
    font-size: 11px;
    color: #999
    }

/*----------------------------------------------------------------------
	Modules: mod_k2_content
----------------------------------------------------------------------*/
div .k2ItemsBlock ul {
    margin-right: -20px
    }

div .k2ItemsBlock ul li {
    margin: 0 0 12px;
    background: none !important;
    padding: 12px 20px 12px 0 !important;
    list-style: none !important
    }

.k2ItemsBlock ul li a.moduleItemTitle {
    display: block;
    color: #000;
    font-size: 14px;
    line-height: 18px
    }

.k2ItemsBlock ul li .moduleItemAuthor {
    color: #666;
    font-size: 90%
    }

.k2ItemsBlock ul li a.moduleItemAuthorAvatar img {
    border: 1px dotted #dadada;
    display: block;
    float: right;
    height: auto;
    margin: 0 4px 0 0;
    padding: 2px;
    width: 14px
    }

.k2ItemsBlock ul li .moduleItemIntrotext {
    display: block;
    padding: 8px 0;
    line-height: 1.6
    }

.k2ItemsBlock ul li .moduleItemIntrotext a.moduleItemImage img {
    float: left;
    overflow: hidden;
    margin: 4px 0
    }

.moduleItemExtraFields ul li span.moduleItemExtraFieldsLabel {
    display: block;
    float: left;
    font-weight: bold;
    margin: 0 4px 0 0;
    width: 30%
    }

.k2ItemsBlock ul li a.moduleItemCategory {
    font-size: 90%
    }

.k2ItemsBlock ul li .moduleItemTags {
    font-size: 90%
    }

.k2ItemsBlock ul li .moduleItemTags a {
    padding: 0 2px
    }

.k2ItemsBlock ul li .moduleAttachments {
    font-size: 90%
    }

a.moduleItemComments {
    color: #fff;
    font-weight: bold;
    margin: 0 0 0 10px;
    text-align: center;
    display: block;
    width: 31px;
    height: 28px;
    float: left;
    line-height: 24px
    }

a:hover.moduleItemComments {
    background-position: 0 100%;
    color: #fff
    }

.k2ItemsBlock ul li span.moduleItemHits {
    font-size: 90%;
    border-right: 1px solid #dadada;
    padding: 0 4px 0 0;
    margin: 0 8px 0 0
    }

.k2ItemsBlock .moduleItemImage {
    display: block;
    margin-bottom: 10px;
    overflow: hidden;
    width: 100%
    }

.k2ItemsBlock a.moduleCustomLink {
    font-size: 90%
    }

/*--- Modules: mod_k2_login ---*/
.k2LoginBlock fieldset.input {
    margin: 0;
    padding: 0 0 8px 0
    }

.k2LoginBlock fieldset.input p {
    margin: 0;
    padding: 0 0 4px 0
    }

.k2LoginBlock fieldset.input p label, .k2LoginBlock fieldset.input p input {
    display: block
    }

.k2LoginBlock fieldset.input p#form-login-remember label, .k2LoginBlock fieldset.input p#form-login-remember input {
    display: inline
    }

.k2UserBlock p.ubGreeting {
    border-bottom: 1px dotted #eee
    }

.k2UserBlock .k2UserBlockDetails span.ubName {
    display: block;
    font-weight: bold;
    font-size: 14px
    }

/* --- Modules: mod_k2_tools ---*/
/* --- Breadcrumbs --- */
.k2BreadcrumbsBlock span.bcTitle {
    padding: 0 4px 0 0;
    color: #999
    }

.k2BreadcrumbsBlock span.bcSeparator {
    padding: 0 4px;
    font-size: 14px
    }

/* --- Calendar --- */
.k2CalendarBlock {
    margin-bottom: 8px
    }

/* use this height value so that the calendar height won't change on Month change via ajax */
.k2CalendarLoader {
    background: #fff
    }

.k2CalendarBlock table.calendar {
    width: 100%;
    margin: 0 auto;
    background: #fff;
    border-collapse: collapse;
    border-left: 1px solid #eee
    }

.k2CalendarBlock table.calendar tr td {
    text-align: center;
    vertical-align: middle;
    padding: 3px;
    border: 1px solid #eee;
    background: #fff
    }

.k2CalendarBlock table.calendar tr td.calendarNavMonthPrev, .k2CalendarBlock table.calendar tr td.calendarNavMonthNext {
    background: #fff;
    text-align: center;
    font-size: 15px !important
    }

.k2CalendarBlock table.calendar tr td.calendarDayName {
    background: #f5f5f5;
    font-size: 11px;
    width: 14.2%;
    color: #333;
    font-weight: 600
    }

.k2CalendarBlock table.calendar tr td.calendarDateEmpty {
    background: #fbfbfb
    }

.k2CalendarBlock table.calendar tr td.calendarDate {
    font-size: 11px
    }

.k2CalendarBlock table.calendar tr td.calendarDateLinked {
    padding: 0
    }

.k2CalendarBlock table.calendar tr td.calendarDateLinked a {
    display: block;
    padding: 2px
    }

.k2CalendarBlock table.calendar tr td.calendarDateLinked a:hover {
    display: block;
    background: #353639;
    color: #fff !important;
    padding: 2px
    }

.k2CalendarBlock table.calendar tr td.calendarToday {
    background: #cb4900;
    color: #fff
    }

.k2CalendarBlock table.calendar tr td.calendarTodayLinked {
    background: #f47c38;
    color: #fff;
    padding: 0
    }

table.calendar tr td.calendarTodayLinked a {
    display: block;
    padding: 2px;
    color: #fff !important
    }

.k2CalendarBlock table.calendar tr td.calendarTodayLinked a:hover {
    display: block;
    background: #252525;
    color: #fff;
    padding: 2px
    }

/* restriction */
.gkColumns > aside .k2CalendarBlock table.calendar, .gkColumns > aside .k2CalendarBlock table.calendar tr td {
    background: none;
    border: none;
    color: #fff
    }

.gkColumns > aside .k2CalendarBlock table.calendar tr td.calendarDateLinked a {
    font-weight: 700;
    font-size: 18px
    }

.gkColumns > aside .calendarNavMonthPrev, .gkColumns > aside .calendarCurrentMonth, .gkColumns > aside .calendarNavMonthNext {
    background: #353639 !important
    }

.gkColumns > aside .k2TagCloudBlock a {
    background: url(../images/style1/tags_aside.png) no-repeat 0 100%;
    color: #fff !important
    }

.gkColumns > aside .k2TagCloudBlock a:hover {
    background-position: 0 0;
    color: #777 !important
    }

/* --- Category Tree Select Box --- */
.k2CategorySelectBlock form select {
    width: auto
    }

/* --- Tag Cloud --- */
.k2TagCloudBlock {
    padding: 8px 0 0 4px;
    font-size: 15px
    }

.k2TagCloudBlock a {
    float: left;
    margin-bottom: 6px
    }

/* --- Google Search --- */
#k2Container .gsc-branding-text {
    text-align: right
    }

#k2Container .gsc-control {
    width: 100%
    }

#k2Container .gs-visibleUrl {
    display: none
    }

/* --- Modules: mod_k2_users ---*/
a.ubUserFeedIcon, a.ubUserFeedIcon:hover {
    display: inline-block;
    margin: 0 2px 0 0;
    padding: 0;
    width: 16px;
    height: 16px
    }

a.ubUserFeedIcon span, a.ubUserFeedIcon:hover span {
    display: none
    }

a.ubUserURL, a.ubUserURL:hover {
    display: inline-block;
    margin: 0 2px 0 0;
    padding: 0;
    width: 16px;
    height: 16px
    }

a.ubUserURL span, a.ubUserURL:hover span {
    display: none
    }

span.ubUserEmail {
    display: inline-block;
    margin: 0 2px 0 0;
    padding: 0;
    width: 16px;
    height: 16px;
    overflow: hidden
    }

span.ubUserEmail a {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 16px;
    height: 16px;
    text-indent: -9999px
    }

.k2UsersBlock ul li h3 {
    clear: both;
    margin: 8px 0 0 0;
    padding: 0
    }

.catCounter {
    font-size: 11px;
    font-weight: normal
    }
	
	.itemCommentsPagination ul li {
     display: inline-block;
     margin: 0 3px;    
     font-size: 80%;
}
.itemCommentsPagination ul  {
     text-align: right;    
}

#k2Container h2 {
	font-size:  56px;
}
.itemBottom time {
	 background: none;
	 color: #777;
	 font-size: 1.4em;
	 letter-spacing: 2px;
	 font-weight: 300;
	 width: 100%;
	 text-align: left;
	 -moz-border-radius: 0;
	 -webkit-border-radius: 0;
	 border-radius: 0;
	 padding: 0;
	 height: 20px;
	 line-height: 20px;
 }
 .itemRatingBlock {padding-top: 30px}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
 * Prevents modern browsers from displaying 'audio' without controls
 */

audio:not([controls]) {
    display: none;
}

/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */

[hidden] {
    display: none;
}


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/* 
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE6/7
 */

body {
    margin: 0;
}


/* =============================================================================
   Links
   ========================================================================== */

/*
 * Addresses outline displayed oddly in Chrome
 */

a:focus {
    outline: none;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */

a:hover,
a:active {
    outline: none;
}


/* =============================================================================
   Typography
   ========================================================================== */

/*
 * Neutralise smaller font-size in 'section' and 'article' in FF4+, Chrome, S5
 */

h1 {
    font-size: 2em;
}

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/

b, 
strong { 
    font-weight: bold; 
}

blockquote {
    margin: 1em 40px;
}

/*
 * Addresses styling not present in S5, Chrome
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */

pre,
code,
kbd,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */

/* 1 */

q {
    quotes: none;
}

/* 2 */

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 75%;
}

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/* =============================================================================
   Lists
   ========================================================================== */

ul,
ol {
    margin: 0;
    padding: 0 0 0 40px;
}

dd {
    margin: 0px;
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE9 
 */

svg:not(:root) {
    overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */

figure {
    margin: 0;
}


/* =============================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE6/7
 */

form {
    margin: 0;
}

/*
 * Define consistent border, margin, and padding
 */

fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects text not wrapping in FF3 
 * 3. Corrects alignment displayed oddly in IE6/7
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */

button,
input {
    line-height: normal; /* 1 */
}

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */

button,
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
    cursor: pointer; /* 1 */
    -webkit-appearance: button; /* 2 */
    *overflow: visible;  /* 3 */
}

/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
      Known issue: excess padding remains in IE6
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}


/* =============================================================================
   Tables
   ========================================================================== */

/* 
 * Remove most spacing between table cells
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}
html {
    border-bottom: 1px solid transparent;
    min-height: 100%
    }

body > div > footer, body > div > header, body > div > section, body > footer, body > header, body > section {
    /* class used in the full template-width containers */
    clear: both;
    margin: 0 auto
    }

section#gkPageTop {
    overflow: visible;
    /* Necessary to make menu working */
    width: 100%;
    /* Necessary to achieve full background width */
    }

#gkTop1, #gkTop2, #gkUser1, #gkUser2, #gkBottom1 {
    /* Positions blocks - clearing */
    clear: both
    }

/* clearfix */
footer:after, header:after, section:after, aside:after {
    clear: both;
    content: "";
    display: table
    }

/* Columns */
aside#gkLeft, aside#gkInset1, section#gkContent, section#gkComponentWrap, aside#gkInset2, aside#gkRight, #gkBanner1, #gkBanner2 {
    /* Main columns */
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left
    }

#gkTop1 > div, #gkTop2 > div, #gkUser1 > div, #gkUser2 > div, #gkBottom1 > div, #gkBottom2 > div {
    /* Columns in the positions blocks */
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left
    }

/* Columns - especially for the template equal columns */
#gkPage > section.gkColumns {
    display: block;
    width: 100%
    }

#gkLeft, #gkContent, #gkRight {
    display: block;
    float: left !important
    }

/* Joomla columns */
.cols-2 .column-1, .cols-2 .column-2 {
    width: 50%
    }

.cols-3 .column-1, .cols-3 .column-2, .cols-3 .column-3 {
    float: left;
    width: 33.3%
    }

.column-1, .column-2, .column-3 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left
    }

/* 

Layout calculations 

*/
/* base spaces */
body > div > footer, body > div > header, body > div > section, section#gkPage > section, section#gkContent > section, section#gkComponentWrap > section {
    /* top margins for containers */
    margin-top: 20px
    }

section#gkPage > section#gkBottom1 {
	margin-top:75px;
}

body > footer:first-child, body > header:first-child, body > section:first-child, section#gkPage > section:first-child, section#gkContent > section:first-child, section#gkComponentWrap > section:first-child {
    margin-top: 0
    }

#gkPage > #gkTop1:first-child, #gkPage > #gkTop2:first-child {
    padding-top: 24px
    }

/* module spaces */
.box, .box_text, .box_menu {
    margin-top: 34px
    }

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

#gkMainbody .box, #gkMainbody .box_text, #gkMainbody .box_menu {
    margin-top: 4px
    }

#gkContentTop {
    margin-top: 14px !important
    }

#gkPage {
    margin-top: 20px !important
    }

/* Layout columns */
#gkLeft {
    padding: 0 34px 0 0
    }

#gkInset1 {
    padding-right: 34px
    }

#gkRight {
    padding: 0 0 0 34px
    }

#gkInset2 {
    padding-left: 34px
    }

#gkContent {
    padding: 30px 45px
    }

.gkColLeft {
    padding-right: 20px
    }

.gkColRight {
    padding-left: 20px
    }

.gkColCenter {
    padding-left: 20px;
    padding-right: 20px
    }

#gkTop1 .gkColLeft, #gkBottom1 .gkColLeft {
    padding-right: 50px;
    position: relative
    }

#gkTop1 .gkColRight, #gkBottom1 .gkColRight {
    padding-left: 50px;
    position: relative
    }

#gkTop1 .gkColCenter, #gkBottom1 .gkColCenter {
    padding-left: 50px;
    padding-right: 50px;
    position: relative
    }

#gkTop1 .gkColRight:before, #gkBottom1 .gkColRight:before, #gkTop1 .gkColCenter:before, #gkBottom1 .gkColCenter:before {
    content: "";
    position: absolute;
    left: -48px;
    top: 50%;
    margin-top: -85px;
    width: 96px;
    height: 170px;
    background: transparent url(../images/style1/separator_bg.png) no-repeat 0 0
    }

#gkTop1 .gkCol, #gkBottom1 .gkCol {
    min-height: 170px
    }

/* Joomla columns */
.cols-2 .column-1, .cols-3 .column-1 {
    padding-right: 10px
    }

.cols-2 .column-2, .cols-3 .column-3 {
    padding-left: 10px
    }

.cols-3 .column-2 {
    padding-left: 10px;
    padding-right: 10px
    }

/* columns fix */
aside#gkLeft, aside#gkRight, #gkContent {
    overflow: hidden
    }
	
select,textarea,input[type="text"],input[type="password"],input[type="url"],input[type="email"] {
	border: 1px solid #e7e7e7;
	border-top-color: #ccc;
	height: 22px;
	line-height: 28px;
	padding: 0px 1px ;
	-webkit-box-shadow: inset 0 2px 4px #eee;
	-moz-box-shadow: inset 0 2px 4px #eee;
	box-shadow: inset 0 2px 4px #eee;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 13px;
	color: #555;
}

textarea {
	height: auto;
	padding: 14px;
}

select {
	padding: 2px;
}

html.-moz-select {
	padding: 6px 2px 4px 2px;
}

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

button,input.button,a.button,span.button,button.button,div.button,input[type="submit"],input[type="button"],.pagenav-prev a,.pagenav-next a, .pager a {
	display: block;
	float: left;
	height: 34px;
	line-height: 34px;
	margin: 0 5px 2px 2px;
	padding: 0 16px;
	border: none;
	font-size: 18px;
	text-align: center;
	color: #fff;
	cursor: pointer;

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

	-webkit-transition: background-color 0.15s ease-out;
	-moz-transition: background-color 0.15s ease-out;
	-o-transition: background-color 0.15s ease-out;
	-ms-transition: background-color 0.15s ease-out;
	transition: background-color 0.15s ease-out;
}

button:hover,input.button:hover,a.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 a:hover {
	background: #353639;
	color: #fff;
}


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

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

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

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

label {
	font-size: 13px;
    display: inline-block; width: 48px; text-align: right; 
}
label:after { content: ": " }

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

legend.hidelabeltxt {
	display: none;
}

fieldset.filters {
	margin-bottom: 20px;
}

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

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

/* Common */
section article {
	margin-top: 20px;
}

section article:first-child {
	margin-top: 0;
}

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

section > header h1 {
	font-size: 32px;
	line-height: 32px;
}

section > header h2 {
	font-size: 24px;
}

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

section > header div img {
	float: left;
	margin: 0 20px 20px 0;
}

section > header div p {
	font-size: 14px;
}

section img {
	/* to avoid problems with too big images in category/blog view */
max-width: 100% !important;
	height: auto !important;
}

/* Categories list */
section.categories-list ul {
	clear: both;
}

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

section.categories-list ul ul li {
	margin-left: 24px;
	padding-left: 18px;
	border: none;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
}

section.categories-list ul ul li a {
	font-size: 12px;
}

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

section.categories-list li:first-child,section.category .children li:first-child,section.blog .children li:first-child {
	border-top: none !important;
}

/* category title */
section.categories-list li > a,section.category .children li > a,section.blog .children li > a {
	font-size: 14px;
}

/* category desc */
section.categories-list li > div p,section.category .children li > div p,section.blog .children li > div p {
	color: #999;
	font-size: 11px;
	line-height: 1.2;
	margin: 0;
}

/* category items counter */
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: bold;
	margin-left: 5px;
}

/* Category */
/* Information showed if no items in category */
section.category .children h3,section.blog .children h3 {
	font-size: 24px;
	line-height: 24px;
	margin: 20px 0;
}

/* Filters */
.filters .hidelabeltxt {
	display: none;
}

.filters .display-limit {
	float: right;
}

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

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

th {
	padding: 0 10px;
	font-size: 26px;
	font-weight: normal;
	text-align: left;
	color: #E25527;
	border-bottom: 4px solid #E25527;
}

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

tbody tr td p {
	margin: 0.5em 0;
}

/* Blog */
section.blog .leading {
	margin-bottom: 20px;
}

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

section.blog .items-row article header li {
	border: none;
	padding: 0 0 3px;
}

section.blog .items-row.cols-2 article > time,section.blog .items-row.cols-3 article > time,section.blog .items-row.cols-4 article > time,section.blog .items-row.cols-5 article > time {
	display: none;
}

section.blog .items-row.cols-2 article > header,section.blog .items-row.cols-3 article > header,section.blog .items-row.cols-4 article > header,section.blog .items-row.cols-5 article > header {
	margin-left: 0;
}

section.blog .items-more {
	clear: both;
}

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

section.blog .items-more ol {
	margin-top: 0;
}

/* Articles */
article {
	position: relative;
}

li.print-icon a {
	background: url(../images/system/printButton.png) top left no-repeat !important;
	width:16px;
	height:16px;
	text-indent:-9999px;
	float:left;
}
li.email-icon a {
	background: url(../images/system/emailButton.png) top left no-repeat !important;
	width:16px;
	height:16px;
	text-indent:-9999px;
	float:left;
}
li.edit-icon a {
	background: url(../images/system/edit.png) top left no-repeat !important;
	width:18px;
	height:18px;
	text-indent:-9999px;
	float:left;
	margin-top:-3px;
}

article time {
	display: block;
	float: left;
	margin-right: 16px;
	padding: 18px;
	position: absolute;
	width: 52px;
	height: 52px;
	background: #e25527;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-size: 46px;
	line-height: 22px;
	font-weight: 700;
	text-align: center;
	color: #fff;
}

article time span {
	font-size: 20px;
	letter-spacing: 1px;
}

article header {
	margin-bottom: 0px;
}

article time + header {
	margin-left: 120px;
}

article header h1 {
	line-height: 52px;
	margin: 0 0 16px;
	color: #e25527;
}

article header h2 {
	line-height: 46px;
	color: #e25527;
}

article header ul {
	position: relative;
	font-size: 14px;
}

article header ul li {
	float: left;
	margin-right: 10px!important;
	padding-left: 10px!important;
	line-height: 16px !important;
	border-left: 1px solid #eee;
	background: none!important;
}

article header ul li:first-child {
	border-left: none;
	padding-left: 0;
}

article header + div,article header + p {
	clear: both;
}

article.item-page ul:not(.pagenav) li,
article.item-page ul:not(.pager) li {
	margin: 0;
	padding: 2px 0 2px 28px;
	line-height: 1.8em;
	list-style: none;
	overflow: inherit;
	background: url(../images/style1/typography/bullet3.png) no-repeat 0 6px;
}
article.item-page ul:not(.pagenav),
article.item-page ul:not(.pager)  {
	margin: 0 0;
	padding: 0;	
}


.img-intro-none {
	float: none;
}

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

.img-intro-left {
	float: left;
	margin: 0 20px 20px 0;
}

.img-intro-right {
	float: right;
	margin: 0 0 20px 20px;
}

.img-fulltext-none {
	float: none;
}

.img-fulltext-none img {
	margin: 0 auto;
}

.img-fulltext-left {
	float: left;
	margin: 0 20px 20px 0;
}

.img-fulltext-right {
	float: right;
	margin: 0 0 20px 20px;
}

.img_caption {
	font-style: italic;
	margin: 0;
	text-align: center;
}

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

.content-links {
	margin-bottom: 20px;
}

.filter-search .filter-search-lbl {
	margin-top: 5px;
}

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

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

/* User */
section.login .login-fields {
	padding-bottom: 16px;
}

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

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

.profile-edit legend {
	font-size: 24px;
	color: #252525;
}

.profile legend {
	font-size: 24px;
	color: #252525;
}

.profile dt {
	min-width: 200px;
	float: left;
	clear: both;
	font-weight: bold;
	font-size: 95%;
}

/* Contact */
.contact .jicons-icons {
	display: none;
}

.contact-image {
	border: 1px solid #eee;
	float: right;
	padding: 3px;
	margin-top:35px;
}

dt.inline {
	float: left;
}

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

.category > header {
	margin: 30px 0 30px 0;
	border-top: 1px solid #eee;
	padding: 12px 0 0;	}
.category table {
	font-size:80%;
}
#jform_contact_email_copy {
	margin-left: 10px;
}

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

/* IFrame */
section.contentpane iframe {
	border: 1px solid #eee;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* tooltips */
.tip {
	max-width: 350px;
	padding: 8px;
	border: 1px solid #eee;

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #fff;

	-webkit-box-shadow: 1px 1px 1px #888;
	-moz-box-shadow: 1px 1px 1px #888;
	box-shadow: 1px 1px 1px #888;
}

.tip-title {
	background: #e25527;
	font-size: 14px;
	color: #fff;
	line-height: 20px;
	padding: 5px 15px;
	font-weight: bold;

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

.tip-text {
	color: #555;
	font-size: 12px;
	padding: 5px 0;
}

/* System messages */
#system-message dt {
	display: none;
}

#system-message {
	margin: 0 0 24px;
}

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

#system-message dd {
	padding: 0 12px 5px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	font-weight: 400;

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	max-width: 980px;
	margin: 0 auto;
	border-bottom: 3px solid #f89a4f;
}

#system-message-container {
	padding: 15px 0 7px 0;
	background: #353639;
}

/* Pagination */
.pagination {
	clear: both;
	margin: 48px 0 32px;
}

.pagination ul {
	text-align: center;
}

.pagination ul li {
	display: inline-block;
	margin-right: 5px;
	color: #999;
	cursor: default;
}

.pagination ul li a,.pagination ul li span {
	border: 1px solid #eee;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: block;
	width: 38px;
	height: 38px;
	line-height: 38px;
	margin: 0 4px;
	text-align: center;
}

.pagination ul li.counter {
	display: block !important;
	margin: 6px 0 0;
	font-size: 13px;
	text-align: center;
	color: #bbb;
}

.pagination a:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);

	-webkit-transition: all 0.1s ease-out 0s;
	-moz-transition: all 0.1s ease-out 0s;
	-o-transition: all 0.1s ease-out 0s;
	-ms-transition: all 0.1s ease-out 0s;
	transition: all 0.1s ease-out 0s;
}

ul.pagenav,
ul.pager {
	margin-bottom: 15px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
ul.pager li.next {
	float: right;
}
ul.content-links li {
	background: none!important;
}
/* Register */
#member-registration legend {
	font-size: 32px;
	line-height: 32px;
	color: #353639;
}

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

#member-registration fieldset + div {
	line-height: 33px;
}

#gkMainbody .registration {
	width: 500px;
}

/* Banners */
.bannergroup:first-line,.bannergroup_text:first-line {
	font-size: 14px;
	color: #333;
}

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

div.banneritem a {
	font-size: 13px;
}

div.bannerfooter {
	border-top: 1px solid #f0f0f0;
	font-size: 11px;
	font-style: italic;
	padding-top: 5px;
	text-align: right;
}

/* column style */
.gkColumns > aside .bannergroup:first-line,.gkColumns > aside .bannergroup_text:first-line {
	color: #fff !important;
}

.gkColumns > aside div.banneritem {
	border-top: 1px solid #ffb69e !important;
	color: #ffb69e !important;
}

.gkColumns > aside div.bannerfooter {
	border-top: 1px solid #ffb69e !important;
}

/* Social API */
#gkSocialAPI {
	border-top: 1px solid #eee;
	margin: 20px 0 10px;
	padding: 20px 0 0;
	clear: both;
}

/* reCAPTCHA */
#dynamic_recaptcha_1,#recaptcha_area {
	margin-bottom: -30px;
	max-width: 480px;
	min-height: 112px;
}

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

/* Page break */
.pane-sliders {
	margin-bottom: 20px;
}

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

.pagenavcounter {
	font-size: 12px;
}

.article-index {
	float: right;
	margin: 0 0 30px 30px;
	padding: 24px;
	width: 200px;
	border: 1px solid #eee;

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

.article-index ul {
	margin: 0;
	padding: 0;
}

.article-index li {
	border-top: 1px solid #eee;
	line-height: 3 !important;
	font-size: 12px !important;
}

.article-index li a {
	color: #353639;
}

.article-index li a:hover {
	color: #E25527;
}

.article-index li a.active {
	font-weight: bold;
	color: #333;
}

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

dl#tabs,dl.tabs {
	height: 30px;
}

div.pager {
display:none;
}

dl#tabs dt.tabs,dl.tabs dt.tabs {
	float: left;
	margin: 0 6px 0 0;
	padding: 0 8px;

	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px;
	border: 1px solid #e5e5e5;
}

dl#tabs dt.tabs span h3,dl.tabs dt.tabs span h3 {
	margin: 0;
	padding: 0;
	font-size: 115%;
}

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

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

/* Search & smart search */
#finder-search fieldset label[for="q"] {
	margin-top: 5px;
}

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

#searchForm .ordering-box select#ordering {
    margin-top:7px !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 {
	float: left;
	margin: 0 5px 0 0;
}

#searchForm label {
	margin-top: 7px;
}

#searchForm .controls input[type="radio"] {
	margin-top:6px !important;
}

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

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

#searchForm fieldset legend {
	color: #252525;
}

.search-results dd {
	font-size: 13px;
}

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

.searchintro {
	color: #e25527;
	text-align: center;
}

.form-limit {
	float: right;
}

.result-category,.result-created {
	font-style: italic;
	font-size: 90%;
}

.result-created {
	float: right;
}

.result-title {
	clear: both;
	font-size: 20px;
}

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

.advanced-search-tip {
	background: #fff;
	border: 4px solid #eee;

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-size: 11px;
	padding: 12px 20px;
}

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

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

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

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

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

.autocompleter-queried {
	color: #e25527 !important;
}

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

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

/* Archive */
.archive article {
	border-top: 1px solid #eee;
	padding: 32px 0 0;
}

/* language manager styling */
.mod-languages {
	display: inline-block;
	float: left;
}
.mod-languages form {
	margin:  0px 8px;
	float: left;
}

.mod-languages select {
	font-size: 11px;
	line-height: 18px;
	height: 28px;
	padding: 5px;
	-webkit-box-shadow: inset 0 3px 5px #eee;
	-moz-box-shadow: inset 0 3px 5px #eee;
	box-shadow: inset 0 3px 5px #eee;

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

.mod-languages div.pretext,
.mod-languages div.posttext {
	display: inline-block;
	padding: 0 3px;
	float: left;
}

.mod-languages div.pretext p,
.mod-languages div.posttext p {
	margin: 0;
	padding: 0;
}

.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 {
	float:  left;
	line-height: 31px;
	margin: 0;
}

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

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

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

	-webkit-transition: -webkit-transform 0.3s ease-out;
	-webkit-transition: -webkit-transform 0.3s ease-out;
	-webkit-transition: -webkit-transform 0.3s ease-out;
	-webkit-transition: -webkit-transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
}

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

/* Fix for the editor */
.item-page.edit .formelm {
    clear: both;
    float: left
    }

.item-page.edit .formelm .button2-left {
    margin-top: 6px
    }

.item-page.edit .formelm-area label {
    display: block;
    width: 100%
    }

.item-page.edit .formelm-buttons {
    margin-top: 5px;
    overflow: hidden
    }

.item-page.edit .fltlft {
    float: left
    }

.item-page.edit legend {
    font-size: 140%;
    font-style: italic
    }

.item-page.edit .toggle-editor {
    margin-top: -5px
    }

/* Buttons */
#editor-xtd-buttons {
    padding: 5px
    }

.button2-left, .button2-right, .button2-left div, .button2-right div {
    float: left
    }

.button2-left a, .button2-right a, .button2-left span, .button2-right span {
    display: block;
    height: 22px;
    float: left;
    line-height: 22px;
    font-size: 11px;
    color: #666;
    cursor: pointer
    }

.button2-left span, .button2-right span {
    cursor: default;
    color: #999
    }

.button2-left .page a, .button2-right .page a, .button2-left .page span, .button2-right .page span {
    padding: 0 6px
    }

.button2-left a:hover, .button2-right a:hover {
    text-decoration: none;
    color: #0B55C4
    }

.button2-left a, .button2-left span {
    padding: 0 10px;
    font-size: 16px;
    line-height: 25px
    }

.button2-right a, .button2-right span {
    padding: 0 6px 0 24px
    }

.button2-left {
    background: url(../../images/joomla/j_button2_left.png) no-repeat;
    float: left;
    margin-left: 5px
    }

.button2-right {
    background: url(../../images/joomla/j_button2_right.png) 100% 0 no-repeat;
    float: left;
    margin-left: 5px
    }

.button2-left .image {
    background: url(../../images/joomla/j_button2_image.png) 100% 0 no-repeat
    }

.button2-left .readmore, .button2-left .article {
    background: url(../../images/joomla/j_button2_readmore.png) 100% 0 no-repeat
    }

.button2-left .pagebreak {
    background: url(../../images/joomla/j_button2_pagebreak.png) 100% 0 no-repeat
    }

.button2-left .blank {
    background: url(../../images/joomla/j_button2_blank.png) 100% 0 no-repeat
    }

/* Calendar */
a img.calendar {
    width: 16px;
    height: 16px;
    margin-left: 3px;
    background: url(../../images/joomla/calendar.png) no-repeat;
    cursor: pointer;
    vertical-align: middle
    }

::selection {
	background: #e25527;
	color: #fff;
}

body {
	min-height: 100%;
	background: #f9f9f9;
	font-size: 14px;
	line-height: 24px;
	color: #7d7b7a;
}
body a {
	-webkit-transform: translateZ(0);
}
a {
	-webkit-transition: color 0.2s linear;
	-moz-transition: color 0.2s linear;
	-o-transition: color 0.2s linear;
	-ms-transition: color 0.2s linear;
	transition: color 0.2s linear;
	text-decoration: none;
	color: #e25527;
}

a:hover,a:active,a:focus {
	color: #353639;
}

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

h1 {
	font-size: 56px;
	font-weight: 700;
}

h2,.componentheading {
	font-size: 42px;
	font-weight: 700;
}

h3 {
	font-size: 135%;
}

h4 {
	font-size: 125%;
}

h5 {
	font-size: 100%;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul li {
	line-height: 2.0;
}

p {
	margin: 0.5em 0 0.5em;
}

/* Containers */
#gkBg {
	border-top: 8px solid #095bc1;
	background: url('../images/style1/pattern_bg.jpg') repeat 0 0;
	background: url('../images/style1/bottom_bg.png') repeat-x 0 bottom, url('../images/style1/main_bg.jpg') no-repeat center top, url('../images/style1/pattern_bg.jpg') repeat 0 0;
	padding-bottom: 100px;
}

/* Rules only for IE8 where are added two additional divs */
#gkBg > div {
	background: url('../images/style1/main_bg.jpg') no-repeat center top;
}

#gkBg > div > div {
	background: url('../images/style1/bottom_bg.png') repeat-x 0 bottom;
}

#gkPage {
	margin: 0 auto;
	overflow: visible;
}

#gkMainMenu + #gkPage {
	margin-top: 50px !important;
}

#gkContent {
	background: #fff;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: 0px 1px 3px #c24921;
	-moz-box-shadow: 0px 1px 3px #c24921;
	box-shadow: 0px 1px 3px #c24921;
	font-size: 15px;
	overflow: visible;
}

.nobg #gkContent {
	background: transparent !important;

	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	padding: 10px 0 0 0 !important;
}

#gkLeft,#gkRight {
	font-size: 14px;
}

/* Logo  */
#gkLogo {
	margin: 0;
	padding: 12px 0 0 0;
	text-indent: -999em;
	text-shadow: none;
	width: 360px;
	display: block;
}

#gkLogo img {
	display: block;
	margin: 0;
}

#gkLogo.cssLogo {
	/* You can specify there logo size and background */
background: transparent url('../../images/style1/logo.png') no-repeat 0 center;
	height: 110px;
	width: 360px;
	position: relative;
	left: -30px;
}

#gkLogo.text {
	text-indent: 0;
	text-transform: uppercase;
	color: #fff;
}

#gkLogo.text > span {
	display: block;
	font-size: 29px;
	line-height: 36px;
}

#gkLogo.text .gkLogoSlogan {
	display: block;
	font-size: 14px;
	line-height: 14px;
}

/* top */
#gkPageTop {
	margin-top: 0 !important;
}

#gkTopNav {
	background: #095bc1;
	float: right;
	margin: 0 54px 0 0;
}

#gkTopNav:before {
	content: "";
	display: block;
	float: left;
	width: 54px;
	height: 36px;
	background: transparent url('../images/style1/topmenu_bg.png') no-repeat 0 0;
	margin: 0 0 0 -54px;
}

#gkTopNav:after {
	content: "";
	display: block;
	float: right;
	width: 54px;
	height: 36px;
	background: transparent url('../images/style1/topmenu_bg.png') no-repeat 0 -36px;
	margin: 0 -54px 0 0;
}

#gkTopNav ul.menu {
	float: left;
	margin-right:15px;
}

#gkTopNav li {
	float: left;
	font-size: 14px;
    font-style:normal;
    font-family:14px;
    font-weight:bold;
	line-height: 31px;
	margin-right: 3px;
}

#gkTopNav ul.menu li {
	margin-right:10px;
}

#gkTopNav li a {
	color: #fff;
}

#gkTopNav li a:active,#gkTopNav li a:focus,#gkTopNav li a:hover {
	color: #eb592a;
}

#gkTopNav > a {
	display: block;
	float: left;
	font-size: 10px;
	font-weight: bold;
	height: 20px;
	line-height: 21px;
	padding: 0 12px;
	text-transform: uppercase;
	background: #fcda3b;
	color: #353639;
	text-shadow: 0 1px 1px #fff;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	position: relative;
	left: 10px;
	margin-top: 5px;

	-webkit-transition: background 0.2s ease-out;
	-moz-transition: background 0.2s ease-out;
	-o-transition: background 0.2s ease-out;
	-ms-transition: background 0.2s ease-out;
	transition: background 0.2s ease-out;
}

#gkTopNav > a:active,#gkTopNav > a:focus,#gkTopNav > a:hover {
	background: #fff;
}

#gkHeader {
	margin: 0 auto;
}

#gkSearch {
	float: right;
}

#gkSearch #mod-search-searchword {
	width: 152px;
	border: 4px solid #fff;
	background: #ee6934 url('../images/style1/search_bg.png') no-repeat right center;
	color: #fff;
	height: 31px;
	line-height: 31px;
	padding: 0 20px;

	-webkit-box-shadow: 0px 1px 3px #c24921;
	-moz-box-shadow: 0px 1px 3px #c24921;
	box-shadow: 0px 1px 3px #c24921;

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

/* standard breadcrumb */
#gkBreadcrumb {
	font-size: 16px;
	border-bottom: 1px solid #eee;
	padding: 0 0 3px;
}

#gkBreadcrumb .breadcrumbs {
	line-height: 22px;
	float: left;
}

#gkBreadcrumb .breadcrumbs li.separator {
	margin: 10px 8px;
	display: block;
	width: 5px;
	height: 5px;
	float: left;
	background: #f89a4f;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-indent: -9999px;
}

#gkBreadcrumb .breadcrumbs > ul {
	line-height: 32px;
}

#gkBreadcrumb .breadcrumbs > ul > li {
	float: left;
	line-height: 22px;
}

#gkTools {
	float: right;
	margin: 0 10px 11px 0;
}

#gkTools a {
	display: block;
	float: left;
	width: 22px;
	height: 22px;
	margin: 0 0 0 4px !important;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-indent: -99999em;
	background: url('../images/font_size.png') no-repeat -38px 50%;
	border: 1px solid #e5e5e5;
}

#gkTools a:hover {
	border-color: #f89a4f;
}

a#gkToolsReset {
	background-position: -15px 50%;
	margin-left: 6px;
}

a#gkToolsDec {
	background-position: 6px 50%;
}

/* footer */
body > footer {
	color: #acacac;
	font-size: 13px;
	padding: 60px 0 0 0;
	text-align: center;
	margin-top: 0px;
	background: transparent url('../images/style1/footer_bg.png') no-repeat center 0;
	overflow: hidden;
	min-height: 50px;
	position: relative;
	text-shadow: 0 1px 1px #fff;
}

body > footer nav {
	float: left;
}

body > footer a {
	color: #acacac;
}

body > footer a:active,body > footer a:focus,body > footer a:hover {
	color: #7a7a7a;
}

body > footer nav ul {
	height: 26px;
}

body > footer nav li {
	float: left;
	line-height: 26px;
	padding: 0 5px;
}

body > footer nav li:first-child {
	border-left: none;
}

body > footer p {
	float: right;
}

#gkStyleArea {
	display: block;
	text-align: center;
	clear: both;
	margin: 0 0 70px 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

#gkStyleArea > a {
	width: 8px;
	height: 8px;
	margin-right: 5px;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
	text-indent: -9999px;

	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-o-transform: scale(1.0);
	-ms-transform: scale(1.0);
	transform: scale(1.0);

	-webkit-transition: -webkit-transform 0.2s ease-out;
	-webkit-transition: -webkit-transform 0.2s ease-out;
	-webkit-transition: -webkit-transform 0.2s ease-out;
	-webkit-transition: -webkit-transform 0.2s ease-out;
	transition: transform 0.2s ease-out;
}

#gkStyleArea > a:hover {
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
}

#gkColor1 {
	background: #e25527;
}

#gkColor2 {
	background: #d7616b;
}

#gkColor3 {
	background: #52b4f6;
}

body > footer p {
	margin: 0;
}

body > #gkFrameworkLogo {
	display: block;
	width: 140px;
	height: 42px;
	background: url('../images/framework-logo.png') no-repeat 0 0;
	text-indent: -9999em;
	margin: 0 auto;
	padding-bottom: 12px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: 0.5;
	clear: both;
}

#gkSocial {
	width: 100%;
	position: absolute;
	text-align: center;
	top: 13px;
}

#gkSocial p {
	width: 100%;
}

/* Suffixes */
.box,.box_text,.box_menu {
	overflow: hidden;
}

.box > div,.box_text > div,.box_menu > div {
	overflow: hidden;
	padding: 0 0 12px 0;
}

div.content {
	clear: both;
}

.box li,.box_menu li {
	border-top: 1px solid #eee;
	list-style-type: none;
	line-height: 26px;
	padding: 6px 0;
}

.box li:first-child {
	border-top: none;
}

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

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

/* default suffix */
.box .header,.box_menu .header,.box_text .header {
	color: #353639;
	font-size: 24px;
	margin-bottom: 10px;
	font-weight: 400;
}

/* clear suffix */
.box.clear,.box_text.clear,.box_menu.clear {
	margin: 0;
	padding: 0;
}

.box.clear > div,.box_text.clear > div,.box_menu.clear > div {
	margin: 0;
	padding: 0;
}

.clear div.content {
	clear: both;
}

.clear .header {
	display: none;
}

/* dark suffix */
.box.dark {
	background: #353639;

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	color: #aaa;
}

.box.dark > div {
	padding: 15px 20px;
}

.box.dark h3.header {
	color: #fff;
}

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

.box.dark a:hover,.box.dark a:active,.box.dark a:focus {
	color: #e25527 !important;
}

.box.dark li {
	border-top: none;
}

/* color1 suffix */
#gkContent .box.color1 h3.header,#gkBottom2 .box.color1 h3.header {
	color: #e25527;
}

/* color2 suffix */
.box.color2 {
	background: #fff;

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	color: #ffb69e !important;
}

.box.color2 > div {
	padding: 15px 20px;
}

.box.color2 h3.header {
	color: #353639 !important;
}

.box.color2 li {
	border-top: none;
}

.box.color2 a {
	color: #e25527 !important;
}

.box.color2 a:active,.box.color2 a:focus,.box.color2 a:hover {
	color: #353639 !important;
}

#gkContent .box.color2 {
	background: #e25527;

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	color: #888 !important;
}

#gkContent .box.color2 > div {
	padding: 15px 20px;
}

#gkContent .box.color2 h3.header {
	color: #fff !important;
}

#gkContent .box.color2 a {
	color: #fff !important;
}

#gkContent .box.color2 a:hover,#gkContent .box.color2 a:active,#gkContent .box.color2 a:focus {
	color: #ffb69e !important;
}

#gkContent .box.color2 li {
	border-top: none;
}

/* border suffix */
.box.border {
	border: 4px solid #fff;

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

.box.border > div {
	padding: 15px 20px;
}

#gkContent .box.border {
	border: 4px solid #e25527;
}

/* Big suffix */
.box.big h3.header {
	font-size: 26px;
	line-height: 31px;
}

/* advertisement suffix */
.box.advertisement .header {
	border-bottom: 1px solid #ffb69e;
	color: #ffb69e !important;
	font-family: Arial, Verdana, sans-serif;
	font-size: 9px !important;
	font-weight: normal;
	margin: 0 0 10px 0;
	text-align: right;
	text-transform: uppercase;
}

#gkContent .box.advertisement .header {
	font-size: 9px !important;
	border-bottom: 1px solid #eee;
	color: #999 !important;
}

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

.box_menu ul li {
	border-top: none;
	position: relative;
	padding: 0 !important;
}

.box_menu ul li:before {
	content: "";
	width: 8px;
	height: 8px;
	display: block;
	background: #fff;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	left: -20px;
	top: 12px;
	position: absolute;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.box_menu ul li:hover:before {
	width: 10px;
	height: 10px;
	background: #ffb69e;
	top: 11px;
	left: -21px;
}

.box_menu ul li a {
	display: block;
	line-height: 14px;
	min-height: 14px;
	padding: 9px 0;
	color: #fff;
	font-size: 15px;
}

.box_menu ul li a:active,.box_menu ul li a:focus,.box_menu ul li a:hover {
	color: #e25527;
}

.box_menu ul ul {
	margin: 0;
}

.box_menu ul ul li a {
	padding: 5px 0;
	font-size: 13px;
}

.box_menu ul ul li:before {
	width: 6px;
	height: 6px;
	top: 9px;
	left: -19px;
}

.box_menu ul ul li:hover:before {
	width: 8px;
	height: 8px;
	top: 8px;
	left: -20px;
}

#gkContent .box_menu ul {
	font-size: 14px;
}

#gkContent .box_menu ul li:before {
	background: #353639;
}

#gkContent .box_menu ul li:hover:before {
	background: #e25527;
}

#gkContent .box_menu ul li a {
	color: #353639;
}

#gkContent .box_menu ul li a:active,#gkContent .box_menu ul li a:focus,#gkContent .box_menu ul li a:hover {
	color: #e25527;
}

/* column modules */
.gkColumns > aside .box .header,.gkColumns > aside .box_menu .header,.gkColumns > aside .box_text .header {
	margin-bottom: 10px;
	font-size: 26px;
	line-height: 31px;
	color: #e25527;
}

.gkColumns > aside .box,.gkColumns > aside .box_menu,.gkColumns > aside .box_text {
	color: #e25527;
}

.gkColumns > aside .box.color2 {
	color: #7a7a7a !important;
}

.gkColumns > aside .box a,.gkColumns > aside .box_menu a,.gkColumns > aside .box_text a {
	color: #fff;
}

.gkColumns > aside .box a:active,.gkColumns > aside .box a:focus,.gkColumns > aside .box a:hover,.gkColumns > aside .box_menu a:active,.gkColumns > aside .box_menu a:focus,.gkColumns > aside .box_menu a:hover,.gkColumns > aside .box_text a:active,.gkColumns > aside .box_text a:focus,.gkColumns > aside .box_text a:hover {
	color: #ffb69e;
}

.gkColumns > aside .box li,.gkColumns > aside .box_menu li,.gkColumns > aside .box_text li {
	border-top: none;
	padding: 3px 0;
}

.gkColumns > aside .box.color2 {
	padding: 0 !important;
}

/* Top & bottom modules on color bg */
#gkTop1,#gkBottom1 {
	color: #e25527;
	font-size: 14px;
}

#gkTop1 h3.header,#gkBottom1 h3.header,#gkTop1 a,#gkBottom1 a {
	color: #0519ab;
}

#gkTop1 a:active,#gkTop1 a:focus,#gkTop1 a:hover,#gkBottom1 a:active,#gkBottom1 a:focus,#gkBottom1 a:hover {
	color: #e25527;
}

#gkTop1 li,#gkBottom1 li {
	border-top: none;
	line-height: 18px;
	padding: 4px 0;
}

/* Bottom modules on white bg */
#gkBottom2 {
	color: #a6a6a6;
	font-size: 12px;
	padding-top: 45px;
	text-shadow: 0 1px 1px #fff;
}

#gkBottom2 h3.header {
	font-size: 20px;
	line-height: 21px;
	font-weight: normal;
	color: #888;
	margin-bottom: 20px;
}

#gkBottom2 a {
	color: #828282;
}

#gkBottom2 a:active,#gkBottom2 a:focus,#gkBottom2 a:hover {
	color: #e25527;
}

#gkBottom2 li {
	border-top: none;
	padding: 0;
}

/* Login form */
#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: 10px 0;
}

#form-login-remember label {
	color: #777;
	font-size: 11px;
	font-weight: normal;
	vertical-align: top;
}

#loginForm:after {
	clear: both;
	content: "";
	display: table;
}

#login-form fieldset {
	margin: 0 0 20px;
}

#login-form fieldset p {
	margin: 0.5em 0;
}

#login-form ul {
	border-top: 1px solid #E7E7E7;
	overflow: hidden;
	padding: 2px 0 0;
}

#login-form ul li {
	float: left;
	font-size: 11px;
}

#login-form ul li:first-child {
	margin-right: 10px;
}

#gkPopupLogin #loginForm > div > div {
	width: 45%;
	float: right;
}

#gkPopupLogin #loginForm > div > div:first-child {
	float: left;
	padding: 0;
}

#gkPopupLogin #loginForm ul.menu li {
	line-height: 1.7;
}

label#jform_spacer-lbl {
	font-size: 11px;
	font-weight: normal;
	color: #666;
}

#loginForm .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;
	border-right: 1px solid #a0aecd;
	margin: 2px 7px 0 0;
	height: 17px;
}

span#fb-auth {
	background-color: #798db9;
	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;

	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;

	-webkit-transition: background-color 0.2s ease-out;
	-moz-transition: background-color 0.2s ease-out;
	-o-transition: background-color 0.2s ease-out;
	-ms-transition: background-color 0.2s ease-out;
	transition: background-color 0.2s ease-out;
	position: relative;
	top: -3px;
}

span#fb-auth:hover {
	background-color: #556b9b;
}

.login span#fb-auth {
	margin: 6px 0 0 10px;
}

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

#gkPopupLogin {
	position: absolute;
	top: 100px;

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

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

.gkPopupWrap {
	padding: 35px;
}

.gkPopupWrap h3 {
	margin: 0 0 18px;
	font-size: 32px;
	line-height: 32px;
}

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