#k2Container {
	padding-bottom: 24px;
}

.k2FeedIcon a,
a.k2FeedIcon {
	background: url('../images/k2/rss.png') no-repeat 0 0;
	color: #999;
	display: block;
	float: right;
	font-size: 12px;
	height: 21px;
	line-height: 21px;
	padding: 0 0 0 32px
}

.k2FeedIcon a:hover,
a:hover.k2FeedIcon {
	color: #222
}

.k2FeedIcon a {
	float: none
}

article header ul li {
	color: #999;
	float: right;
	font-size: 12px;
	margin-right: 16px
}

h1 > sup {
	background: #E25B32;
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	padding: 1px 3px;
	top: -1.5em
}

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

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

ul li.itemResizer #fontIncrease {
	background-position: 0 5px
}

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

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

.itemImageBlock {
	position: relative
}

.itemImage {
	display: block;
	line-height: 0;
	margin: 0 0 24px;
	overflow: hidden;
	text-align: center;
}

.itemImageBlock img {
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	height: auto;
	max-width: 100%;
	padding: 0
}

.itemImageBlock img:hover {
	-moz-box-shadow: inset 0 0 12px rgba(0,0,0,0.4);
	-ms-box-shadow: inset 0 0 12px rgba(0,0,0,0.4);
	-o-box-shadow: inset 0 0 12px rgba(0,0,0,0.4);
	-webkit-box-shadow: inset 0 0 12px rgba(0,0,0,0.4);
	box-shadow: inset 0 0 12px rgba(0,0,0,0.4)
}

.itemImageCaption {
	border-bottom: 1px solid #eee;
	color: #999;
	display: block;
	font-size: 11px;
	margin-bottom: 24px;
	padding: 9px 0
}

.itemImageBlock > a {
	display: block;
	width: 100%
}

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

.itemBottom {
	clear: both;
	margin: 0 0 6px
}

.itemLinks {
	clear: both;
	margin: 36px 0
}

.itemLinks .itemTagsBlock,
.itemLinks .itemSocialSharing {
	clear: both;
	margin: 6px 0 12px;
	overflow: hidden
}

.itemTagsBlock p {
	margin: 0 0 9px
}

.itemTagsBlock a {
	color: #999;
	font-style: italic
}

.itemSocialSharing {
	border-top: 1px solid #e5e5e5;
	float: right;
	overflow: visible!important;
	padding: 20px 0;
	width: 100%
}

.itemExtraFields {
	font-size: 12px;
	margin: 8px 0 24px
}

.itemExtraFields h3 {
	font-size: 18px;
	padding: 0 0 8px
}

small.itemDateModified {
	color: #999;
	display: block;
	font-style: italic;
	text-align: left
}

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

.itemRatingLog {
	color: #999;
	float: right;
	font-size: 11px;
	line-height: 25px;
	margin: -2px 0 0;
	padding: 0 0 0 4px
}

span#formLog {
	background: #418cd1;
	clear: both;
	color: #FFF;
	display: block;
	float: none;
	margin: 10px 0;
	position: relative;
	text-align: center;
	top: 10px
}

.itemRatingForm .formLogLoading {
	height: 25px;
	padding: 0 0 0 20px
}

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

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

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

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

.itemRatingList a:hover {
	background-position: right 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 {
	background-position: 0 bottom;
	margin: 0;
	padding: 0;
	z-index: 1
}

.k2TagCloudBlock a {
	background: url(../images/style1/tag_bullets.png) no-repeat 0 8px;
	display: block;
	line-height: 1.8;
	padding-right: 20px
}

.k2TagCloudBlock a:hover {
	background-position: 0 -303px
}

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

.itemLinks ul li {
	list-style: none
}

.itemAttachmentsBlock {
	background: url('../images/style1/typography/tips.png') no-repeat 16px 8px #FFFEF4;
	border: 1px solid #EAE8CC;
	margin: 0 0 48px;
	min-height: 38px;
	padding: 10px 10px 12px 80px
}

.itemLinks .itemAttachmentsBlock ul li a {
	color: #222;
	font-weight: 700
}

.itemLinks .itemAttachmentsBlock ul li a span {
	color: #676767;
	font-size: 11px;
	font-weight: 400
}

.itemAuthorBlock {
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	clear: both;
	float: right
}

.itemAuthorBlock > .gkAvatar {
	float: right;
	max-width: 80px;
	padding: 12px
}

.itemAuthorBlock .itemAuthorDetails {
	color: #999;
	line-height: 1.7;
	margin: 0 24px 0 130px
}

.itemAuthorBlock .itemAuthorDetails p {
	margin: .5em 0 .8em
}

.itemAuthorURL {
	display: block;
	margin: 6px 0 0
}

.itemAuthorData {
	background: #222;
	margin: -10px -20px 34px -21px;
	overflow: hidden;
	padding: 16px
}

.itemAuthorData h3 {
	color: #222;
	font-size: 20px
}

.userView .itemAuthorData h3 {
	color: #fff
}

.userView .itemAuthorData a {
	color: #ddd
}

.userView .itemAuthorData a:hover {
	color: #E25B32
}

.itemAuthBlock a {
	color: #999
}

.itemAuthBlock h4 a {
	color: #363636
}

.itemAuthBlock img {
	max-width: 40px!important
}

.itemAuthorContent h3 {
	font-size: 18px;
	line-height: 18px;
	padding-bottom: 15px;
	text-transform: uppercase
}

.itemAuthorContent {
	clear: both;
	margin: 0 0 32px;
	overflow: hidden
}

.itemAuthorContent ul {
	font-size: 13px
}

.itemAuthorContent ul li {
	line-height: 1.2;
	list-style: inside;
	padding: 5px 0
}

.itemAuthorContent ul li a,
.itemNavigation {
	clear: both;
	color: #7D7B7A;
	font-size: 15px;
	padding: 0;
	font-family:'NassimArabic-Bold' !important;
}

.itemComments h3 {
	border-top: 1px solid #E5E5E5;
	font-size: 20px;
	font-weight: 700;
	padding: 24px 0 0;
	font-family:'NassimArabic-Bold' !important;	
}

.commentLink {
	color: #e25b32;
	float: left
}

.itemCommentsAuthor {
	font-size: 13px;
	font-weight: 700
}

.itemCommentsForm label {
	clear: both;
	display: block;
	padding: 12px 0 3px;
	font-size:15px;
	font-family:'NassimArabic-Bold' !important;	
}

.itemCommentsForm textarea.inputbox {
	height: 200px
}

.itemCommentsForm .inputbox {
	width: 400px
}

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

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

.itemComments p {
	margin: .5em 0
}

.itemComments .itemCommentsList,
.itemComments .itemCommentsForm {
	clear: both;
	padding: 0 0 12px
}

.itemComments .itemCommentsList li {
	border-top: 1px solid #e5e5e5;
	margin: 24px 0 0;
	padding: 24px 0 0
}

.itemComments .itemCommentsList li:first-child {
	border: none
}

.itemComments .itemCommentsList li > div {
	margin: 0 0 0 66px;
	padding-right: 10px
}

.itemComments .itemCommentsList li > span.gkAvatar {
	float: right;
	margin: 2px 0 0
}

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

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

.subCategoryContainer {
	float: right;
	margin-bottom: 32px
}

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

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

#itemListLinks ul {
	margin: 12px 0 0
}

#itemListLinks li {
	background: url('../images/style1/typography/bullet-square2.png') no-repeat 0 6px;
	font-size: 13px;
	padding-left: 24px
}

#itemListLinks a {
	color: #737373
}

.k2LatestCommentsBlock .k2FeedIcon {
	margin-top: 16px
}

.k2LatestCommentsBlock ul li,
.k2TopCommentersBlock ul li {
	font-size: 13px;
	border-bottom: 1px solid #eee;
	line-height: 1.5!important;
	list-style: none!important;
	padding: 12px 0!important
}
.k2LatestCommentsBlock ul li p {
	margin: 0.5em 0
}

.k2LatestCommentsBlock div,
.k2TopCommentersBlock div {
	padding-right: 16px
}
.k2LatestCommentsBlock p, 
.k2LatestCommentsBlock p, 
.k2LatestCommentsBlock p a,
.k2TopCommentersBlock p a {
	color: #777;
	font-size: 12px;
}
.k2LatestCommentsBlock p a:hover,
.k2TopCommentersBlock p a:hover {
	color: #363636;
	
}

.k2LatestCommentsBlock div span,
.k2TopCommentersBlock div span {
	color: #999;
	display: block;
	font-size: 11px;
}

.k2Avatar {
	display: block!important;
	float: right;
	margin: 0 24px 0 0
}

.lcAvatar {
	margin: 4px 0 0
}

.lcUsername {
	font-size: 12px;
	font-weight: 600
}

.k2CommentItem div {
	margin-bottom: 6px;
	padding-bottom: 2px
}

.k2CommentItem span.lcItemTitle {
	color: #2f3336;
	display: block;
	font-weight: 600;
	padding: 0 0 9px
}

.k2CommentItem a {
	color: #888
}

.k2CommentItem span.lcCommentDate {
	color: #999;
	display: block;
	font-size: 10px
}

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

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

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

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

.tcUsername {
	color: #333;
	font-size: 18px
}

.tcLatestComment {
	color: #737373;
	display: block;
	font-size: 13px;
	margin: 6px 0
}

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

div .k2ItemsBlock ul {
	margin-right: -20px
}

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

a.moduleItemTitle {
	color: #2f3336;
	display: block;
	font-size: 18px;
	font-weight: 400;
	line-height: 22px
}

.moduleItemAuthor {
	border-bottom: 1px solid #e5e5e5;
	font-size: 11px;
	margin: 0 0 16px;
	overflow: hidden
}

.moduleItemAuthor a {
	color: #2f3336;
	display: block;
	font: bold 12px Verdana, Geneva, sans-serif;
	padding: 0 0 12px
}

.moduleItemIntrotext {
	display: block;
	line-height: 1.6;
	padding: 12px 0 0
}

.moduleItemIntrotext a.moduleItemImage img {
	float: right;
	margin: 4px 0;
	overflow: hidden
}

.moduleItemDateCreated,
.moduleItemCategory {
	color: #999;
	font: normal 10px Verdana, Geneva, sans-serif
}

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

.moduleItemTags,
.moduleAttachments {
	border-top: 1px solid #e5e5e5;
	margin: 12px 0 0;
	overflow: hidden;
	padding: 12px 0 0
}

.moduleItemTags strong {
	color: #2f3336;
	font-size: 12px
}

a.moduleItemComments {
	font-size: 12px
}

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

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

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

.moduleItemReadMore {
	clear: both;
	display: block
}

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

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

.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-size: 14px;
	font-weight: 700
}

.k2BreadcrumbsBlock span.bcTitle {
	color: #999;
	padding: 0 4px 0 0
}

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

.k2CalendarBlock {
	margin: 12px 0
}

.k2CalendarLoader {
	background: #fff
}

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

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

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

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

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

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

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

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

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

.k2CalendarBlock table.calendar tr td.calendarTodayLinked {
	background: #f5f5f5;
	padding: 0
}

table.calendar tr td.calendarTodayLinked a {
	color: #e25b32;
	display: block;
	font-size: 12px;
	font-weight: 700;
	padding: 2px
}

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

.calendarNavLink {
	color: #d24747
}
.calendarCurrentMonth {
	color: #363636;
	font-size: 12px;
	font-weight: bold
}


.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-size: 18px;
	font-weight: 700
}

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

.k2CategorySelectBlock form select {
	width: auto
}

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

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

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

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

.catCounter {
	font-size: 11px;
	font-weight: 400
}

article header .itemRatingBlock > div {
	margin: 3px 0 0
}

.itemCommentsPagination ul li {
	display: inline-block;
	font-size: 80%;
	margin: 0 3px
}

.itemsContainerWrap time + header,
.cols-2 time + header,
.cols-3 time + header,
.cols-4 time + header {
	padding-left: 0!important
}

.itemsContainer .itemsContainerWrap,
.itemContainer .itemsContainerWrap {
	margin: 0 0 0 20px
}

.itemsContainer:first-child .itemsContainerWrap,
.itemContainer:first-child .itemsContainerWrap {
	margin: 0!important
}

.itemAsideInfo {
	width: 130px
}

.itemAsideInfo + .itemBody {
	margin-right: 160px
}

.itemImage + .itemImageCaption,
#gkBreadcrumb + #gkMainbody div.itemAuthorData {
	margin-top: -24px
}

.itemBottom .itemRatingBlock span,
.itemBottom .itemRatingBlock .itemRatingList,
.itemBottom .itemRatingBlock .itemRatingForm ul.itemRatingList li,
.itemLinks .itemCategory span,
.itemLinks .itemAttachmentsBlock > span,
.itemExtraFields ul li span.itemExtraFieldsLabel,
.latestView .itemsContainer,
.itemLinks .itemSocialSharing > div,
.itemCommentsForm textarea,
.itemCommentsForm .inputbox,
.itemContainer {
	float: right
}

.itemRatingBlock,
.itemListSubCategories {
	overflow: hidden
}

.itemAuthorBlock > .gkAvatar > img,
.itemComments .itemCommentsList li > span > img,
.k2LoginBlock fieldset.input p label,
.k2LoginBlock fieldset.input p input {
	display: block
}

.itemAuthorData a,
.itemAuthorContent ul li a:hover,
#itemListLinks a:hover,
.k2CommentItem span a,
.k2CommentItem a:hover {
	color: #2f3336
}

.itemAuthorData .itemAuthorContent,
itemContainerLast article {
	margin: 0
}

#itemCommentsAnchor,
.clr,
#itemListLinks,
.moduleItemAuthor p {
	clear: both
}

.itemBackToTop,
.moduleItemTags a {
	float: left;
	display:none;
}

.k2CalendarBlock table.calendar tr td.calendarDateLinked,
.itemContainerLast:first-child .itemImageBlock,
.clr + .itemContainerLast .itemImageBlock {
	padding: 0
}

#k2Container .gsc-branding-text,
.itemCommentsPagination ul {
	text-align: left
}

#k2Container .gs-visibleUrl,
a.ubUserFeedIcon span,
a.ubUserFeedIcon:hover span,
a.ubUserURL span,
a.ubUserURL:hover span,
article header .itemRatingBlock > span {
	display: none
}

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

.itemsContainerWrap3 h2{
	font-size: 20px;
	line-height: 26px;
} /*! normalize.css 2012-01-22T23:30 UTC - http://github.com/necolas/normalize.css */

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

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

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

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;
}/*
#------------------------------------------------------------------------
# News - December Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2012 Gavick.com. All Rights Reserved.
# License:  Copyrighted Commercial Software
# Website:  http://www.gavick.com
# Support:  support@gavick.com
 */
 
/* Base elements and classes */
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,
#gkBottom1,
#gkBottom2 {
	/* Positions blocks -clearing */
	clear: both;
}

#gkTop1,
#gkTop2 {
	margin: 10px -10px 0 -10px!important;
	overflow: hidden;
}

#gkTop1 + #gkBreadcrumb,
#gkTop2 + #gkBreadcrumb {
	border-top: 1px solid #e5e5e5;
	margin-top: 0;
}

/* clearfix */
.gkPageContent::after,
.gkContent::after,
.gkSidebar::after,
footer::after,
header::after,
section::after,
aside::after,
article::after,
.box::after,
.itemSocialSharing::after,
#gkTopMenu::after,
article header ul::after,
#gkTop1 > div::after,
#gkTop2 > div::after {
	clear: both;
	content: "";
	display: table;
}

/* Columns */
section.gkContent,
section.gkComponentWrap,
aside.gkSidebar {
	/* Main columns */
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
	float: right;
}

.gkSidebar {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
}
.gkContent.gkColumnLeft {
	float: left;
}
.gkContent.gkColumnLeft {
	float: right;
}
.gkSidebar > div > .box {
	margin-top: 16px;
}
.gkSidebar > div > .box:first-child {
	margin-top: 0;
}
.gkContentWrap {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
	float: right;
	padding: 10px 20px;
}
.gkContentWrap + .gkInset{
	float: right;
}
.gkContentWrap.gkInsetLeft {
	float: left;
}
.gkContentWrap.gkInsetLeft + .gkInset {
	float: right;
}
.gkMainbody > div {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
	float: right;
}
.gkInnerInset {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
}
.gkMainbody > div + .gkInnerInset {
	float: right;
	padding-left: 32px;
}
.gkMainbody > div.gkInnerInsetLeft {
	float: left;
}
.gkMainbody > div.gkInnerInsetLeft + .gkInnerInset {
	float: right;
	padding-right: 32px;
}
.gkMainbodyTop {
	margin: -10px -19px 0 -20px;
	border-bottom: 1px solid #e5e5e5;
}

.gkMainbodyBottom {
	margin: -10px -19px 0 -20px;
	border-top: 1px solid #e5e5e5;
}

.gkMainbody .box {
	padding-right: 0!important;
	padding-left: 0!important;
	width: 100%;
}

.gkMainbody .box,
.gkMainbodyTop .box,
.gkMainbodyBottom .box {
	border-top: 1px solid #e5e5e5;
}

.gkMainbody .box:first-child,
.gkMainbodyTop .box:first-child,
.gkMainbodyBottom .box:first-child {
	border-top: none;
}

/* Module groups */
#gkTop1 .box,
#gkTop2 .box,
#gkBottom1 .box,
#gkBottom2 .box {
	/* Columns in the positions blocks */
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
	float: right;
}
/* 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: right;
	width: 33.3%;
}
.column-1,
.column-2,
.column-3 {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
	float: right;
}
/*
Layout calculations
 */
.gkMainbody .box {
	margin-bottom: 30px;
} 

/* base spaces */
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;
}
/* Joomla columns */
.cols-2 .column-1,
.cols-3 .column-1 {
	padding-left: 10px;
}
.cols-2 .column-2,
.cols-3 .column-3 {
	padding-right: 10px;
}
.cols-3 .column-2 {
	padding-right: 10px;
	padding-left: 10px;
}
/* top/bottom modules */

/* 3-column layout */
.gkCols3 .box.gkmod-1,
.gkCols3 .box.gkmod-2,
.gkCols3 .box.gkmod-3,
.gkCols3 .box.gkmod-more {
	float: right;
	padding: 0 10px;	
}
.gkCols3 .box.gkmod-1 {
	width: 100%;	
}
.gkCols3 .box.gkmod-2 {
	width: 50%;
}
.gkCols3 .box.gkmod-3,
.gkCols3 .box.gkmod-more {
	width: 33.3%;
}
.gkCols3 .box.gkmod-more:nth-child(3n+1) {
	clear: both;
}
.gkCols3 .box.gkmod-more.gkmod-last-1:last-child {
	width: 100%!important;
}
.gkCols3 .box.gkmod-more.gkmod-last-2:last-child,
.gkCols3 .box.gkmod-more.gkmod-last-2:nth-last-child(2) {
	width: 50%!important;
}

/* 4-column layout */
.gkCols4 .box.gkmod-1,
.gkCols4 .box.gkmod-2,
.gkCols4 .box.gkmod-3,
.gkCols4 .box.gkmod-4,
.gkCols4 .box.gkmod-more {
	float: right;
	padding: 0 10px;	
}
.gkCols4 .box.gkmod-1 {
	width: 100%;	
}
.gkCols4 .box.gkmod-2 {
	width: 50%;
}
.gkCols4 .box.gkmod-3 {
	width: 33.3%;
}
.gkCols4 .box.gkmod-4,
.gkCols4 .box.gkmod-more {
	width: 25%;
}
.gkCols4 .box.gkmod-more:nth-child(4n+1) {
	clear: both;
}
.gkCols4 .box.gkmod-more.gkmod-last-1:last-child {
	width: 100%!important;
}
.gkCols4 .box.gkmod-more.gkmod-last-2:last-child,
.gkCols4 .box.gkmod-more.gkmod-last-2:nth-last-child(2) {
	width: 50%!important;
}
.gkCols4 .box.gkmod-more.gkmod-last-3:last-child,
.gkCols4 .box.gkmod-more.gkmod-last-3:nth-last-child(2),
.gkCols4 .box.gkmod-more.gkmod-last-3:nth-last-child(3) {
	width: 33.3%!important;
}

/* 6-column layout */
.gkCols6 .box.gkmod-1,
.gkCols6 .box.gkmod-2,
.gkCols6 .box.gkmod-3,
.gkCols6 .box.gkmod-4,
.gkCols6 .box.gkmod-5,
.gkCols6 .box.gkmod-6,
.gkCols6 .box.gkmod-more {
	float: right;
	padding: 0 10px;	
}
.gkCols6 .box.gkmod-1 {
	width: 100%;	
}
.gkCols6 .box.gkmod-2 {
	width: 50%;
}
.gkCols6 .box.gkmod-3 {
	width: 33.3%;
}
.gkCols6 .box.gkmod-4,
.gkCols6 .box.gkmod-more {
	width: 25%;
}
.gkCols6 .box.gkmod-5,
.gkCols6 .box.gkmod-more {
	width: 20%;
}
.gkCols6 .box.gkmod-6,
.gkCols6 .box.gkmod-more {
	width: 16.66%;
}
.gkCols6 .box.gkmod-more:nth-child(6n+1) {
	clear: both;
}
.gkCols6 .box.gkmod-more.gkmod-last-1:last-child {
	width: 100%!important;
}
.gkCols6 .box.gkmod-more.gkmod-last-2:last-child,
.gkCols6 .box.gkmod-more.gkmod-last-2:nth-last-child(2) {
	width: 50%!important;
}
.gkCols6 .box.gkmod-more.gkmod-last-3:last-child,
.gkCols6 .box.gkmod-more.gkmod-last-3:nth-last-child(2),
.gkCols6 .box.gkmod-more.gkmod-last-3:nth-last-child(3) {
	width: 33.3%!important;
}
.gkCols6 .box.gkmod-more.gkmod-last-4:last-child,
.gkCols6 .box.gkmod-more.gkmod-last-4:nth-last-child(2),
.gkCols6 .box.gkmod-more.gkmod-last-4:nth-last-child(3),
.gkCols6 .box.gkmod-more.gkmod-last-4:nth-last-child(4) {
	width: 20%!important;
}
.gkCols6 .box.gkmod-more.gkmod-last-5:last-child,
.gkCols6 .box.gkmod-more.gkmod-last-5:nth-last-child(2),
.gkCols6 .box.gkmod-more.gkmod-last-5:nth-last-child(3),
.gkCols6 .box.gkmod-more.gkmod-last-5:nth-last-child(4),
.gkCols6 .box.gkmod-more.gkmod-last-5:nth-last-child(5) {
	width: 16.66%!important;
}
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;
	box-sizing: border-box;
	color: #777;
	font-size: 12px;
	height: 32px;
	line-height: 33px;
	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
}

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,
.pager li.previous a,
.pager li.next a,
.pagenav-next a,
.readon,
.pagination ul li a,
.pager li a,
.pager ul li,
.pager li span,
.pagination ul li span {
	-moz-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	-webkit-transition: all .1s ease-out;
	background: none repeat scroll 0 center rgba(0, 0, 0, 0) ;
	border: none;
	color: #000;
	cursor: pointer;
	display: block;
	float: right;
	font-size: 14px;
	font-weight: 400;
	height: 32px;
	line-height: 42px;
	margin: 0px -25px 2px 2px;
	padding: 0 25px;
	text-align: center;
	transition: all .1s ease-out
}
.pager ul li { color: #666; }
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 a:hover,
.pager li.previous a:hover,
.pager li.next a:hover,
.readon:hover,
.pagination ul li a:hover,
.pager li a:hover,
.pagination ul li span:hover {
	background: #212121;
	color: #fff
}
div.pager ul li {
	background: none!important;
	overflow: visible!important;
	padding: 0!important;
}
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: #363636;
	font-size: 12px;
	font-weight: 600
}

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

fieldset.filters > div > * {
	float: right;
	margin-left: 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!important;
	max-width: 100%!important
	
}

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

section.categories-list ul ul li {
	border: none;
	border-top: 1px solid #eee;
	list-style: lower-latin inside;
	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 ul ul li dl {
	margin-right: 36px
}

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: right
}

section.categories-list li > dl > dd,
section.category .children li > dl > dd,
section.blog .children li > dl > dd {
	float: right;
	font-weight: 700;
	margin-right: 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: #222;
	color: #fff;
	font-weight: 400;
	padding: 8px 10px;
	text-align: right;
	text-transform: uppercase
}

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

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

tr:hover {
	background: #fbfbfb
}

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

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

.items-leading > div {
	clear: both!important
}

article,
article > section {
	position: relative
}

article aside {
	display: block;
	float: right;
	text-align: left;
	width: 118px
}

article aside.itemAsideInfo > div {
	border-top: 1px solid #e5e5e5;
	font-size: 11px;
	padding: 20px 0
}

article aside.itemAsideInfo > ul {
	padding: 0 0 20px
}

article aside.itemAsideInfo > ul li {
	background: none!important;
	font-size: 11px;
	margin: 0 2px!important;
	padding: 0 2px!important
}
article aside.itemAsideInfo > ul li.edit-icon {
	margin: 18px 0 0!important;
	padding: 0!important;
}
article aside.itemAsideInfo > ul li.edit-icon i {
	display: none;
}
article header {
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 0 24px;
	width: 100%
}

article header h1,
.category header,
article header h2 {
	clear: both;
	font-size: 38px;
	font-weight: 300;
	line-height: 42px;
	padding: 0 0 6px
}

article header h1 a,
article header h2 a {
	color: #212121
}

li.print-icon,
li.email-icon {
	padding: 2px 6px 10px!important;
	text-align:right;
	clear: left;
}

li.print-icon a,
li.email-icon a {
	position: relative;
	top: 3px;
	height:14px;
	text-indent:-9999px;
	float:left;
	display:block;
	clear:both;
}

li.print-icon a {
	background: url(../images/system/printButton.png) top left no-repeat;
	width:15px;
	margin-bottom:5px;
	
}
li.email-icon a {
	background: url(../images/system/emailButton.png) top left no-repeat;
	width:18px;
}

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 {
	background: #e25b32;
	color: #fff;
	font-size: 12px;
	margin: 0;
	padding: 5px 12px;
	position: absolute;
	left: 0;
	top: 15px
}

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: right;
	min-width: 120px
}

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

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

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

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

.contact-image {
	border: 1px solid #eee;
	float: left;
	padding: 3px
}

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

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

#jform_contact_email_copy {
	margin-right: 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
}

.tip {
	background: #fff;
	border: 1px solid #ccc;
	max-width: 350px;
	min-width: 160px;
	padding: 8px
}

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

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

#system-message {
	border-bottom: 1px solid #2a2a2a;
	margin: 0
}

div#system-message div.alert a.close,
div#system-message div.alert h4.alert-heading {
	display: inline;
	margin: 0 10px;
}

div#system-message div.alert {
	max-width: 1230px;
	display: block;
	margin: 0 auto;
}
#system-message dd ul {
	list-style: none!important
}

#system-message > div {
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: #1c1c1c;
	box-sizing: border-box;
	color: #fff;
	font-size: 14px;
	font-weight: 300;
	margin: 0;
	padding: 5px 12px;
	text-align: center
}
div#system-message-container {
	background: #1C1C1C;
	color: #fff;
}
#system-message > div.error {
	background: #E25B32;
	color: #fff
}
#system-message h4.alert-heading {
	color: #fff;
}
#system-message > div.notice {
	background: #333
}

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

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

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

.pagination ul li {
	background-image: none!important;
	color: #909090;
	cursor: default;
	display: inline-block;
	margin: 0
}

.pagination ul li a,
.pagination ul li span {
	display: block;
	font-size: 12px;
	height: 34px;
	line-height: 36px;
	min-width: 34px;
	padding: 2px 6px;
	text-align: center
}

.pagination ul li.counter {
	float: left;
	font-size: 11px;
	line-height: 38px;
	margin-left: 12px
}

ul.pagenav,
div.pager ul {
	margin: 0;
	overflow: hidden;
	padding: 0;
	list-style: none;
}

#member-registration legend {
	color: #363636;
	font-size: 32px;
	line-height: 32px
}

#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: #363636;
	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: #e25b32;
	font-size: 10px;
	font-style: italic;
	padding: 5px 5px 0 0;
	text-align: left
}

#gkSocialAPI {
	border-top: 1px solid #e5e5e5;
	clear: both;
	margin: 20px 0 10px;
	padding: 20px 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
}

#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: #363636;
	padding: 5px 0;
	text-transform: uppercase
}

.pagenavcounter {
	font-size: 12px;
	font-weight: 600
}

.article-index {
	background: #f8f8f8;
	float: left;
	margin: 0 0 30px 30px;
	padding: 0 24px;
	width: 160px
}

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

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

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

.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: right;
	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: right;
	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: #363636
}

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

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

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

#searchForm label,
#searchForm input,
#finder-search input {
	float: right;
	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 {
	color: #363636;
	padding: 0 6px
}

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

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

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

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

.result-created {
	float: left;
	font-size: 11px;
	margin: 6px 0 0
}

.result-title {
	clear: both;
	color: #363636;
	font-size: 16px;
	font-weight: 700
}

#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: right;
	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: #e25b32!important
}

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

.search-results .highlight {
	background-color: #ffc;
	font-weight: 700;
	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-right: 0
}

.menu li {
	border-bottom: 1px solid #e5e5e5;
	margin: 0 -20px;
	padding: 6px 20px;
}

.menu .header + .content ul li:first-child {
	border-top: 1px solid #e5e5e5;
}

.menu li a {
	-webkit-transition: none;
	   -moz-transition: none;
	     -o-transition: none;
	        transition: none;
	display: block;
}

.menu li:hover {
	background-color: #e25b32
}

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: right
}

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,
section.blog .leading,
.content-links,
.pane-sliders {
	margin-bottom: 20px
}

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: left
}

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: #e25b32
}

.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: 5px
}

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

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

#member-registration fieldset + div,
#member-profile > div {
	line-height: 35px
}
/* 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 30px 0 10px;
	font-size: 12px;
	line-height: 23px;
}

.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;
}/*
#------------------------------------------------------------------------
# News - December Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2012 Gavick.com. All Rights Reserved.
# License:  Copyrighted Commercial Software
# Website:  http://www.gavick.com
# Support:  support@gavick.com
 */

/* Basic elements */

body {
  min-height: 100%;
  background: #fff;
  font-size: 14px;
  line-height: 1.6;
  color: #666;
  padding: 0;
  font-weight: normal;
  word-wrap: break-word;
  direction: rtl;
}

a {
  color: #363636;
  -webkit-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
  text-decoration: none;
  -webkit-transform: translateZ(0);
	font-family:'NassimArabic-Bold' !important;  
}

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

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

h1 {
  font-size: 46px;
}

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

h3 {
  font-size: 20px;
}

h4 {
  font-size: 125%;
}

h5 {
  font-size: 110%;
}

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

ul li {
  line-height: 2.0;
}

p {
  margin: 0.5em 0 1.5em;
}

/* Containers */

.gkPage {
  -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 auto!important;
 
}

#gkPageTop {
 /* background: #000;*/ /*new*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 45px;
  position: relative;
  z-index: 999;
}

#gkBannerTop {
  background: #fafafa;
  
}

#gkHeader {
  background: #eee;
}

#gkPageWrap {
  margin: 0 auto;
}

#gkPageContent {
  border: 1px solid #e5e5e5;
  border-bottom: none;
  border-top: none;
  width: 100%;
}

#gkContent,
#gkPageContent {
//  background: transparent url('../images/line.png') repeat-y 0 0;
}

/* Logo  */

#gkLogo {
  height: 201px;
  padding: 0;
  text-indent: -999em;
  text-shadow: none;
  width: 1230px;
  display: block;
  float: right;
}

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

#gkLogo.cssLogo {
  background: transparent url('../images/style1/logo.png') no-repeat 0 0;
  /* You can specify there logo size and background */
  height: 201px;
  width: 1230px;
}

#gkLogo.text {
  color: #fff;
  font-size: 36px;
  min-height: 24px;
  padding: 0;
  text-align: center;
  text-indent: 0;
  text-transform: uppercase;
}

#gkLogo.text > span {
  display: block;
  font-size: 32px;
  font-weight: 700;
  line-height: 25px;
  padding: 0;
}

#gkLogo.text .gkLogoSlogan {
  color: #eee;
  display: block;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  line-height: 11px;
  text-align: center;
  text-transform: none;
}

/* userarea */

#gkUserArea {
  float: left;
  margin-right: 20px;
}

#gkUserArea a {
  -webkit-box-shadow: inset 0 0 27px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset 0 0 27px rgba(0, 0, 0, 0.75);
  -ms-box-shadow: inset 0 0 27px rgba(0, 0, 0, 0.75);
  box-shadow: inset 0 0 27px rgba(0, 0, 0, 0.75);
  display: block;
  float: right;
  height: 45px;
  margin: 0;
  text-indent: -9999px;
  -webkit-transition: background-color .3s ease-out;
  -moz-transition: background-color .3s ease-out;
  -ms-transition: background-color .3s ease-out;
  transition: background-color .3s ease-out;
  width: 50px;
}

#gkLogin {
  background: #363636 url('../images/topmenu_icons.png') no-repeat 0 center;
}

#gkLogin:active,
#gkLogin:focus,
#gkLogin:hover {
  background-color: #e25b32;
}

#gkRSS {
  background: #a88f52 url('../images/topmenu_icons.png') no-repeat -50px center;
}

#gkRSS:active,
#gkRSS:focus,
#gkRSS:hover {
  background-color: #e25b32;
}

/* Top content */

#gkContentTop {
  border: 1px solid #e5e5e5;
  border-top: none;
  padding: 4px 10px;
}

#gkTopMenu {
  background: transparent url('../images/topmenu_bg.png') repeat 0 0;
  float: right;
  line-height: 28px;
  margin-right: 1px;
}

#gkTopMenu li {
  border: none;
  color: #7a7a7a;
  float: right;
  font-size: 13px;
  margin-top: 2px;
  padding: 5px;
  text-transform: uppercase;
}

#gkTopMenu li:hover {
  background: none
}

#gkTopMenu li a {
  color: #7a7a7a;
  display: block;
  line-height: 38px;
  padding: 0 8px;
}

#gkTopMenu li a:active,
#gkTopMenu li a:focus,
#gkTopMenu li a:hover {
  color: #e25b32;
}

/* Search */

#gkSearch {
  float: left;
}

#mod-search-searchword {
  background: transparent url('../images/search_bg.png') no-repeat left center;
  border: 1px solid #e5e5e5;
  -webkit-box-shadow: inset 0 0 9px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: inset 0 0 9px rgba(0, 0, 0, 0.11);
  -ms-box-shadow: inset 0 0 9px rgba(0, 0, 0, 0.11);
  -o-box-shadow: inset 0 0 9px rgba(0, 0, 0, 0.11);
  box-shadow: inset 0 0 9px rgba(0, 0, 0, 0.11);
  margin-top: 3px;
}

/* Social icons */

#gkSocial {
  float: left;
  margin-right: 24px;
}

#gkSocial p {
  margin: 0;
}

.gkTwitter,
.gkFb,
.gkGplus,
.gkPinterest {
  display: block;
  float: right;
  height: 22px;
  line-height: 22px;
  padding: 0;
  text-indent: -9999px;
  -webkit-transition: background 0.3s cubic-bezier(.17, .67, .88, 1.25), color 0.2s linear;
  -moz-transition: background 0.3s cubic-bezier(.17, .67, .88, 1.25), color 0.2s linear;
  -o-transition: background 0.3s cubic-bezier(.17, .67, .88, 1.25), color 0.2s linear;
  transition: background 0.3s cubic-bezier(.17, .67, .88, 1.25), color 0.2s linear;
  width: 28px;
}

.gkTwitter {
  background: transparent url('../images/style1/social_icons.png') no-repeat 0 0;
}

.gkFb {
  background: transparent url('../images/style1/social_icons.png') no-repeat -28px 0;
}

.gkPinterest {
  background: transparent url('../images/style1/social_icons.png') no-repeat -56px 0;
}

.gkGplus {
  background: transparent url('../images/style1/social_icons.png') no-repeat -84px 0;
}

.gkTwitter:active,
.gkTwitter:focus,
.gkTwitter:hover {
  background: transparent url('../images/style1/social_icons.png') no-repeat 0 -22px;
}

.gkFb:active,
.gkFb:focus,
.gkFb:hover {
  background: transparent url('../images/style1/social_icons.png') no-repeat -28px -22px;
}

.gkPinterest:active,
.gkPinterest:focus,
.gkPinterest:hover {
  background: transparent url('../images/style1/social_icons.png') no-repeat -56px -22px;
}

.gkGplus:active,
.gkGplus:focus,
.gkGplus:hover {
  background: transparent url('../images/style1/social_icons.png') no-repeat -84px -22px;
}

/* Group modules */

#gkBottom1,
#gkBottom2 {
  -webkit-transform: translateZ(0.001); /* With 0 the left border on Chrome dissapears O.o */
  border-top: 1px solid #e5e5e5;
  margin: 0 auto!important;
  overflow: hidden;
  padding: 36px 0;
}

#gkBottom1 .box .header,
#gkBottom2 .box .header {
  font-size: 16px
}

#gkBottom2 .box {
  color: #999;
  font-size: 12px
}

#gkBottom2 .box a {
    color: #777;
    font-family:'NassimArabic-Bold' !important;
}

#gkBottom2 .box a:hover {
    color: #363636
}

/* standard breadcrumb */

#gkBreadcrumb {
  background: #F9F9F9;
  border-bottom: 1px solid #e5e5e5;
  margin: -10px -18px 24px -20px;
  padding: 14px 24px 15px;
}

#gkBreadcrumb .breadcrumbs {
  float: right;
  color: #333;
}

#gkBreadcrumb .breadcrumbs li.separator {
  width: 10px;
  text-align: center;
  padding: 0 4px!important;
  color: #ccc;
}

#gkBreadcrumb .breadcrumbs li.pathway {
  padding-left: 20px;
}

#gkBreadcrumb .breadcrumbs > ul > li {
  float: right;
  font-size: 12px;
  font-weight: 600;
}

#gkBreadcrumb .breadcrumbs > ul > li a {
  font-weight: normal
}

#gkTools {
  float: left;
  margin: 4px 0 0 10px;
}

#gkTools a {
  display: block;
  float: right;
  width: 22px;
  height: 16px;
  margin: 0 0 0 0px !important;
  text-indent: -99999em;
  background: url('../images/font_size.png') no-repeat -38px 50%;
}

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

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

/* footer */

#gkFooter {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  color: #777;
  font-size: 14px;
  line-height: 21px;
  margin: 30px auto 20px auto !important;
  padding: 16px 0 0;
  text-align:center;
}

#gkFooterNav {
  float: right;
}

#gkFooterNav li {
  border: none;
  float: right;
  font-size: 11px;
  margin: 0 10px 0 0!important;
  padding: 0;
}

#gkFooterNav a {
  color: #999
}

#gkFooterNav li:hover,
#gkFooterNav a:hover {
  background: transparent;
  color: #363636;
}

#gkCopyrights {
  float: left;
  font-size: 11px;
  margin: 0 0 20px 0;
}

/* other footer elements */

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

#gkStyleArea > div {
  float: right;
  margin: 13px 0 12px 0;
}

#gkStyleArea a {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  height: 7px;
  margin: 9px 3px 9px 0;
  text-indent: -9999px;
  -webkit-transform: scale(1.0);
  -moz-transform: scale(1.0);
  -ms-transform: scale(1.0);
  -o-transform: scale(1.0);
  transform: scale(1.0);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  -moz-transition: -moz-transform 0.2s ease-out;
  -o-transition: -o-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  width: 7px;
}

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

#gkColor1 {
  background: #eb592a;
}

#gkColor2 {
  background: #3eabe9;
}

#gkColor3 {
  background: #8DA734;
}

#gkColor4 {
  background: #8c7a71;
}

#gkColor5 {
  background: #e8a246;
}

#gkColor6 {
  background: #c375b5;
}

#gkFrameworkLogo {
  display: block;
  width: 90px;
  height: 36px;
  background: url('../images/gavern-logo.png') no-repeat 0 0;
  text-indent: -9999em;
  margin: 12px auto 0 auto;
  opacity: 0.4;
}

/* Suffixes */

.box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  color: #666;
  font-size: 3px;
  line-height: 1.6;
  padding: 20px;
  width: 100%;
}

div.content {
  clear: both;
}

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

.box a {
  text-decoration: none;
  font-family:'NassimArabic-Bold' !important;
}

.box ul ul {
  margin-right: 20px;
}

.box ul ul li:last-child {
  border-bottom: none!important;
}

/* Suffix vertical */

.box.vertical {
  padding: 0!important;
}

.box.vertical .header {
  color: #363636;
  float: right;
  text-transform: uppercase;
  width: 30%;
}

.box.vertical .content {
  clear: none!important;
  float: right;
  width: 70%;
}

/* default suffix */

.box .header {
  font-size: 18px;
  line-height: 18px;
  padding-bottom: 15px;
  text-transform: uppercase;
}

/* clear suffix */

.box.clear {
  margin: 0;
  padding: 0;
}

.clear div.content {
  clear: both;
  font-family:'NassimArabic-Bold' !important;
  
}

/* nomargin suffix */

.box.nomargin {
  margin: 0!important;
}

.box.nopadding{
  padding: 0!important;
}

/* nooverflow suffix */

.box.nooverflow,
.box.nooverflow > div {
  overflow: visible!important;
}

/* advertisement suffix */

.box.advertisement .hBeader {
  background: transparent;
  border-bottom: 1px solid #e5e5e5;
  color: #999!important;
  font-size: 10px!important;
  font-style: italic;
  font-weight: 300;
  margin: 0 0 5px 0;
  min-height: 16px;
  padding: 0;
  text-align: left;
  text-transform: uppercase;
  line-height: 16px;
  font-family: Arial, Verdana, sans-serif!important;
}

.box.advertisement .header span {
  background: transparent;
  float: left;
  line-height: 16px;
  padding: 0;
}

/* suffix _text */

.box_text > div {
  background: #fff;
}

/* suffix dark */

.box.dark {
  background: #222!important;
  color: #999;
  padding: 20px;
}

.box.dark .header {
  background: transparent!important;
}

.box.dark h1,
.box.dark h2,
.box.dark h3,
.box.dark h4,
.box.dark h5,
.box.dark h6 {
  color: #fff;
}

.box.dark ul {
  margin: 0;
  padding: 0;
}

.box.dark ul li {
  border-top: 1px solid #444;
  position: relative;
  padding: 2px 0;
}

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

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

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

.box.dark ul ul {
  margin: 0 0 0 20px;
}

.box.dark b,
.box.dark strong {
  font-weight: bold;
}

/* suffix light */

.box.light {
  background: #f8f8f8!important;
  padding: 20px;
}

#gkInset .box.light {
  margin: 1px;
  width: 99%;
}

.box.light ul {
  margin: 0;
  padding: 0;
}

.box.light ul li {
  border-top: 1px solid #ddd;
  position: relative;
}

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

.box.light ul ul {
  margin: 0 0 0 20px;
}

.box.light b,
.box.light strong {
  font-weight: bold;
}

/* Suffix pattern */

.box.pattern {
  background: url('../images/topmenu_bg.png') repeat 0 0;
}

#gkInset .box.pattern {
  margin: 1px;
  width: 99%;
}

#border-form {
  position: absolute;
  top: 50px;
  left: -3880px;
}
/* Suffix color */

.box.color .header {
  color: #e25b32;
}

/* Suffix bigtitle */

.bigtitle .header {
  color: #bbb;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: -0.04em;
  margin-top: 12px;
  text-transform: none;
}

/* Suffix badge-new */

.box.badge-new .header,
.box.badge-popular .header,
.box.badge-top .header,
.box.badge-hot .header,
.box.badge-video .header,
.box.badge-audio .header,
.box.badge-gallery .header {
  position: relative;
}

.box.badge-new .header::after,
.box.badge-popular .header::after,
.box.badge-top .header::after,
.box.badge-hot .header::after {
  background: #9eb931;
  color: #fff;
  content: "New";
  font-size: 10px;
  font-weight: bold;
  padding: 0 6px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.box.badge-video .header::after,
.box.badge-audio .header::after,
.box.badge-gallery .header::after {
  background: url('../images/badges.png') no-repeat;
  content: "";
  height: 20px;
  position: absolute;
  right: 0;
  top: 0;
  width: 26px;
  z-index: 1;  
}
.box.badge-audio .header::after {
  background-position: 0 -69px
}

.box.badge-gallery .header::after {
  background-position: 0 -132px
}

.box.badge-popular .header::after {
  background: #32aae2;
  content: "Popular";
}

.box.badge-top .header::after {
  background: #e25b32;
  content: "Top";
}

.box.badge-hot .header::after {
  background: #DBAE43;
  content: "Hot";
}

/* Suffix headlines */

.box.headlines .header {
  background: #e25b32;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-size: 12px;
  line-height: 12px;
  margin-bottom: 15px;
  padding: 16px 6px 12px 6px;
  position: relative;
  text-align: center;
}

.box.headlines .header::after {
  background: transparent url('../images/style1/highlight_bg.png') no-repeat 0 center;
  background-size: 100% 100%;
  bottom: -13px;
  clear: both;
  content: "";
  display: block;
  height: 13px;
  right: 0;
  position: absolute;
  width: 100%;
}

/* mainbody restrictions */

section#gkBreadcrumb + section#gkMainbody {
  margin-top: 0!important;
}

/* tablet/mobile suffixes */

.onlytablet {
  display: none;
}

.onlymobile {
  display: none;
}

/* Login form */

#gkFBLogin {
  float: right;
  width: 45%;
}

#gkFBLogin p {
  line-height: 18px;
  margin: 14px 0 20px;
}

#gkFBLogin + #login-form,
#gkFBLogin + #com-login-form {
  float: right;
  width: 45%;
  margin-right: 4%;
  padding-right: 30px;
  border-right: 1px solid #e7e7e7;
}

#form-login-remember {
  margin: 10px 0;
}

#form-login-remember label {
  color: #777;
  font-size: 11px;
  font-weight: normal;
  line-height: 27px;
}

#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: 12px 0 0;
}

#login-form ul li {
  font-size: 11px;
  line-height: 1.6;
}

#login-form ul li a {
  color: #999;
}

#login-form ul li a:hover {
  color: #222;
}

#login-form input[type="text"],
#login-form input[type="password"] {
  width: 85%;
}

.gkPopupWrap .logout-button input {
  float: left;
}

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

#login-form .login-greeting {
  color: #fff;
  float: right;
  font-size: 18px;
  margin-right: 32px;
}

.gkUsermenu {
  border-top: 3px solid #E25B32;
  clear: both;
  padding-top: 4px;
  position: relative;
  top: 10px;
}

.gkUsermenu li {
  border: none;
  background: #363636;
  color: #999;
  padding-right: 16px;
  margin: 0 0 3px
}

.gkUsermenu li a {
  color: #fff
}

/* 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: right;
  border-left: 1px solid #a0aecd;
  margin: 3px 16px 0 0;
  height: 17px;
}

span#fb-auth {
  background-color: #798db9;
  
  display: inline-block;
  color: #fff;
  font-family: arial;
  line-height: 26px;
  font-size: 12px;
  font-weight: bold;
  margin: 12px 0 6px;
  padding: 7px 24px 7px 12px;
  text-decoration: none;
  text-shadow: 1px 1px 0px #445375;
  cursor: pointer;
  height: 24px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out;
  -o-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;
  position: fixed;
  z-index: 1000002;
  right: 50%;
  top: 50%;
  background: #222;
}

#gkPopupLogin {
  position: absolute;
  top: 70px;
  width: 560px;
  margin-right: -280px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

#gkPopupLogin #loginForm {
  background: transparent url('../images/login.png') no-repeat 4px 6px;
  padding-right: 170px
}

#gkPopupLogin label {
  color: #fff;
  font-size: 12px;
}

#gkPopupLogin #login-form input[type="text"],
#gkPopupLogin #login-form input[type="password"] {
  float: left;
  height: 36px;
  width: 70%;
  
}

#gkPopupLogin #login-form fieldset p {
  padding: 0 0 18px
}

#gkPopupLogin #form-login-remember,
#gkPopupLogin #form-login-buttons {
  margin-right: 100px
}

#gkPopupLogin #form-login-buttons input.button:hover {
  background: #212121;
}

#gkPopupLogin #login-form ul {
  background: none;
  border-top: 1px solid #444;
  margin-right: 100px;
  padding: 10px 0 0
}

#gkPopupLogin #login-form ul li {
  float: right;
}

#gkPopupLogin #login-form ul li:first-child {
  margin-left: 8px
}

.gkPopupWrap {
  padding: 32px;
  overflow: hidden;
}

.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;
  margin-left: 0;
}
/*
#------------------------------------------------------------------------
# News - December Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2012 Gavick.com. All Rights Reserved.
# License:  Copyrighted Commercial Software
# Website:  http://www.gavick.com
# Support:  support@gavick.com
 */
 
/* Base for all menus */
#gkMainMenu {
	float: right;
	margin: 0;
	padding: 0;
	width: auto;
}
#gkMainMenu .gkMenu {
	display: block;
}
.gkMenu > ul > li {
	float: right;
	width: auto;
}
.gkMenu > ul > li > a {
	display: block;
}
.gkMenu > ul > li a small {
	display: block;
	font-size: 11px;
	line-height: 13px;
}
.gkMenu > ul > li > .childcontent,
.gkMenu > ul > li > .childcontent .childcontent {
	position: absolute;
	/*left: -999em;*/
	z-index: 999;
}
.gkMenu > ul > li > .childcontent .gkcol {
	float: right;
}
.gkMenu > ul > li:hover > .childcontent,
.gkMenu > ul > li:hover > .childcontent li:hover > .childcontent {
	right: inherit;
}
.gkMenu > ul > li:hover > .childcontent .childcontent {
	margin-right: 140px;
	margin-top: -25px !important;
}

/* main menu CSS */
.gkMenu {
	float: right;
	margin: 0;
	position: relative;
	z-index: 1000;
}
.gkMenu > ul {
	height: 45px;
	margin: 0;
	padding: 0;
}
.gkMenu > ul > li {
	height: 45px;
	
	
	margin: 0;
}
.gkMenu > ul > li > a {
	border: 1px solid transparent;
	border-top: none;
	border-bottom: none;
	border-left: none;
    /*background: url(http://dev.muslimworld.today/site/images/grad.png) repeat-y #fc0;*/	
    color: #c7c7c7;
	display: block;
	font-size: 17px;
	font-weight: 400;
	height: 45px;
	line-height: 45px;
	margin: 0;
	padding: 0 14px;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
	    -ms-transition: all 0.3s ease-out;
	        transition: all 0.3s ease-out;
}
.gkMenu > ul > li:hover > a,
.gkMenu > ul > li:active > a,
.gkMenu > ul > li:focus > a,
.gkMenu > ul > li.active:hover > a,
.gkMenu > ul > li.active:active > a,
.gkMenu > ul > li.active:focus > a,
.gkMenu > ul > li.active > a {
	color: #fff;
}

.gkMenu > ul > li:hover > a,
.gkMenu > ul > li:active > a,
.gkMenu > ul > li:focus > a {
	background: #e25b32;
	border-color: #2a2a2a;
	border-bottom: none;
	border-top: none;
	-webkit-box-shadow: inset 0 0 27px rgba(0, 0, 0, 0.75);
	   -moz-box-shadow: inset 0 0 27px rgba(0, 0, 0, 0.75);
	    -ms-box-shadow: inset 0 0 27px rgba(0, 0, 0, 0.75);
	        box-shadow: inset 0 0 27px rgba(0, 0, 0, 0.75);
}

.gkMenu > ul ul {
	margin: 0;
	padding: 0;
}
.gkMenu > ul div.childcontent {
	margin-top: 0;
	text-transform: none;
}
.gkMenu > ul div.childcontent-inner {
	background: #2a2a2a;
	overflow: hidden;
	text-align: left;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
}
.gkMenu > ul div.childcontent-inner div.childcontent-inner {
	margin-top: -12px!important;
}
.gkMenu > ul div.childcontent-inner div.childcontent-inner div.childcontent-inner {
	margin-top: 0!important;
}
.gkMenu > ul > li > .childcontent .gkcol {
	padding-bottom: 0;
}
.gkMenu > ul div.childcontent li {
	margin: 0;
	padding: 0 16px;
	border-top: 1px solid #444;
	
}
.gkMenu > ul div.childcontent li:hover {
	 background: #444;
}

.gkMenu > ul div.childcontent li:first-child {
	border: none;
}

.gkMenu > ul div.childcontent a {
	color: #fff;
	font-size: 15px;
	display: block;
	min-height: 24px;
	font-weight: normal;
	padding: 8px 0;
      font-family:'NassimArabic-Bold' !important;
}
.gkMenu > ul div.childcontent small {
	color: #ddd;
	font-size: 11px;
	font-weight: 300;
	margin: 0 0 6px;
}
.gkMenu > ul div.childcontent li.group {
	padding: 0;
	margin: 0;
	height: auto;
	border: none !important;
	background: none;
}
.gkMenu > ul div.childcontent li.active > a,
.gkMenu > ul div.childcontent li:hover > a,
.gkMenu > ul div.childcontent li > a:hover {
	color: #fff;
}
.gkMenu > ul div.childcontent header {
	padding: 10px 16px 6px 16px;
	display: block;
	color: #fff;
	margin: 0;
	font-weight: 400!important;
}
.gkMenu > ul div.childcontent header a {
	font-size: 16px;
	line-height: 24px;
	padding: 8px 0 4px;
	text-transform: uppercase;
	border-bottom: 2px solid #444;
}
.gkMenu > ul div.childcontent header small {
	display: block;
	text-transform: none;
}
#gkMainMenu .module p {
	font-size: 12px;
	line-height: 18px;
}

/* hide mobile menu */
#gkMobileMenu {
	display: none;
}/*
#------------------------------------------------------------------------
# News - December Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2012 Gavick.com. All Rights Reserved.
# License:  Copyrighted Commercial Software
# Website:  http://www.gavick.com
# Support:  support@gavick.com
 */
 
/*
 * News Show Pro GK4
 */
.nsp { position: relative }
.nspMain { overflow: hidden }
.nspBotInterface,
.nspTopInterface {
    overflow: hidden;
    clear: both;
}
.nspBotInterface div,
.nspTopInterface div { float: left }
.nsp .nspTopInterface div {
    position: absolute;
    left: 1px;
    padding: 0 3px;
    top: 1px;
    z-index: 10;
}
.nspPagination {
    list-style-type: none !important;
    margin: 5px 0 0 !important;
    padding: 0 !important;
    float: right;
}
.nspPagination li {
    float: right;
    width: 8px;
    height: 8px;
    margin: 1px 3px 0 1px!important;
    background: #d6d6d6;
    border: none!important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 0!important;
    text-indent: -999em;
    cursor: pointer;
}
.nspPagination li:hover,
.nspPagination li.active {
  background: #e25b32;
  height: 10px;
  margin: 0 2px 0 0!important;
  width: 10px;
}
.nspNext,
.nspPrev {
    background: url("../images/style1/arrows.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    float: right;
    height: 40px;
    margin: 3px 0 0 4px;
    margin-top: 60px;
    overflow: hidden;
    position: absolute;
    text-indent: -999em;
    width: 15px;
}
.nspPrev { background-position: 0 0; }
.nspNext:hover,
.nspPrev:hover { background-position: 14px 14px; }
.nspPrev:hover { background-position: 0 14px; }
.nspCounter {
    float: right;
    margin: 0 0 0 8px;
    padding: 1px 4px;
    border: 1px solid #ddd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #878787;
    font-size: 9px;
    cursor: pointer;
}
.nspArts {
  overflow: hidden;
}
.nspArtPage {
  float: right;
}
.nspArt {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
}
.nspArt div { overflow: hidden }
h4.nspHeader {
    color: #363636;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 10px;
}
.nspArt h4.nspHeader a {
    color: #363636;
    text-decoration: none;
}
.nspArt h4.nspHeader a:active,
.nspArt h4.nspHeader a:focus,
.nspArt h4.nspHeader a:hover { color: #eb592a }
.nspArt a {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.nspArt img.nspImage {
    border: none;
    
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.nspArt img.nspImage:hover {
    -webkit-transform: scale(1.15) rotate(-1.5deg);
    -moz-transform: scale(1.15) rotate(-1.5deg);
    -ms-transform: scale(1.15) rotate(-1.5deg);
    -o-transform: scale(1.15) rotate(-1.5deg);
    transform: scale(1.15) rotate(-1.5deg);
}
.nspArt .nspImageWrapper { overflow: hidden }
.nspArt p.nspText {
    color: #777;
    float: none;
    font-size: 12px;
    margin: 5px;
}
.nspArt p.nspText + .readon {
  margin-top: 32px;
}
.nspArt p.nspText + .nspInfo {
  margin-top: 12px;
}
.nspArt p.nspInfo {
    color: #999;
    font-size: 11px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.0;
    margin:  0 0;
}
.nspArt p.nspInfo a {
    color: #999;
    padding-left: 8px;
}
.nspArt p.nspInfo a:active,
.nspArt p.nspInfo a:focus,
.nspArt p.nspInfo a:hover { color: #eb592a }
.nspArt .tleft { text-align: right }
.nspArt .tright { text-align: left }
.nspArt .tcenter { text-align: center }
.nspArt .tjustify { text-align: justify }
.nspArt .fleft { float: right }
.nspArt .fright { float: left }
.nspArt .fnone {
    clear: both;
    width: 100%;
    float: none;
}
.readon.left,
.readon.right,
.readon.center { clear: both }
.readon.left { float: right }
.readon.right { float: left }
.readon.center {
    display: inline;
    float: none;
}
.nspList { float: right }
.nspLinks .nspLinkScroll1 div ul {
    padding: 0 !important;
    list-style-type: none !important;
}
.nspLinks .nspLinkScroll1 div ul li {
    border-top: 1px solid #e5e5e5;
    margin: 0 !important;
    padding: 14px 0;
}
.nspLinks ul li h4 {
    color: #2f3133;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
}
.nspLinks ul li h4 a {
  text-decoration: none;
}
.nspLinks ul li p {
    font-size: 12px;
    line-height: 22px;
    margin: 0;
}
/* positioning */
.nspArts.left { float: left }
.nspLinksWrap.left { float: right }
.nspArts.right { float: right }
.nspLinksWrap.right { float: left }
/* make element unvisible */
.nspMain .unvisible {
    height: 1px;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px;
}
/* font-size classes */
.nspFs80 { font-size: 80% }
.nspFs90 { font-size: 90% }
.nspFs100 { font-size: 100% }
.nspFs110 { font-size: 110% }
.nspFs120 { font-size: 120% }
.nspFs130 { font-size: 130% }
.nspFs140 { font-size: 140% }
.nspFs150 { font-size: 150% }
.nspFs160 { font-size: 160% }
.nspFs170 { font-size: 170% }
.nspFs180 { font-size: 180% }
.nspFs190 { font-size: 190% }
.nspFs200 { font-size: 200% }
/* New responsive layout */
.gkResponsive { line-height: 1 }
.gkResponsive img.nspImage,
img.nspImage.gkResponsive {
    width: 100% !important;
    height: auto;
}
.gkResponsive a,
a.gkResponsive {
    display: block;
    position: relative;
}
.gkResponsive { position: relative }
.nspArt img.nspImage { max-width: 100% }
.nspArtScroll1,
.nspLinkScroll1 { overflow: hidden; width: 100%; }
.nspPages1 { width: 100% }
.nspPages2 { width: 200% }
.nspPages3 { width: 300% }
.nspPages4 { width: 400% }
.nspPages5 { width: 500% }
.nspPages6 { width: 600% }
.nspPages7 { width: 700% }
.nspPages8 { width: 800% }
.nspPages9 { width: 900% }
.nspPages10 { width: 1000% }
.nspCol1 { width: 100% }
.nspCol2 { width: 50% }
.nspCol3 { width: 33.3% }
.nspCol4 { width: 25% }
.nspCol5 { width: 20% }
.nspCol6 { width: 16.66% }
.nspCol7 { width: 14.285% }
.nspCol8 { width: 12.5% }
.nspCol9 { width: 11.1% }
.nspCol10 { width: 10% }
.nspCol11 { width: 9.09% }
.nspCol12 { width: 8.33% }
.nspCol13 { width: 7.69% }
.nspCol14 { width: 7.14% }
.nspCol15 { width: 6.66% }
.nspCol16 { width: 6.25% }
.nspCol17 { width: 5.88% }
.nspCol18 { width: 5.55% }
.nspCol19 { width: 5.26% }
.nspCol20 { width: 5% }

/* Suffix dark */
.dark .nspArt p.nspText { color: #999 }
.dark .nspArt p.nspInfo { color: #ddd }
.dark .nspArt p.nspInfo a { color: #fff }
.dark .nspArt p.nspInfo a:active,
.dark .nspArt p.nspInfo a:focus,
.dark .nspArt p.nspInfo a:hover { color: #ddd }
.dark .nspLinks ul li h4 a { color: #fff }
.dark .nspLinks ul li h4 a:active,
.dark .nspLinks ul li h4 a:focus,
.dark .nspLinks ul li h4 a:hover { color: #eb592a }
.dark .nspArt h4.nspHeader a { color: #fff }
.dark .nspArt h4.nspHeader a:active,
.dark .nspArt h4.nspHeader a:focus,
.dark .nspArt h4.nspHeader a:hover { color: #eb592a }
.dark .nspPagination li { background: #ccc }
.dark .nspPagination li:hover,
.dark .nspPagination li.active { background: #fff }
.dark .nspNext,
.dark .nspPrev { background: url('../images/style1/nsp_interface.png') no-repeat -17px 0 }
.dark .nspPrev { background-position: 0 0 }
.dark .nspNext:hover,
.dark .nspPrev:hover { background-position: -17px -22px }
.dark .nspPrev:hover { background-position: 0 -22px }

/* Suffix header */
.header .nspLinks ul li h4 {
  font-size: 13px;
}
.header .nspLinks ul li h4 a {
  color: #333;
}
.header .nspLinks ul li p {
  font-size: 11px;
}
.box.header .nspBotInterface div {
  float: none;
  margin-top: 12px;
  text-align: center;
}
.box.header .nspBotInterface div ul {
  display: inline-block;
  float: none;
}
.box.header .nspImageWrapper {
  position: relative;
}
.box.header .nspImageWrapper h4 {
  background: #1c1c1c;
  bottom: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
       -o-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 18px;
  margin: 0;
  padding: 8px 14px;
  position: absolute;
  -webkit-transition: background .3s ease-out;
     -moz-transition: background .3s ease-out;
      -ms-transition: background .3s ease-out;
       -o-transition: background .3s ease-out;
          transition: background .3s ease-out;
}
.box.header .nspImageWrapper h4 a {
  color: #fff;
  font-family:'NassimArabic-Bold' !important;
  letter-spacing:1px;
}

.box.header .nspImageWrapper h4:hover {
  background: #e25b32;
}

.box.header .nspImageWrapper h4 a:active,
.box.header .nspImageWrapper h4 a:focus,
.box.header .nspImageWrapper h4 a:hover {
  color: #fff;
  font-family:'NassimArabic-Bold' !important;
}

.box.header .nspLinks .nspLinkScroll1 div ul li {
     margin: 0 10px!important;
    padding: 14px 0!important;
    -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;
}

.box.header .nspLinks .nspLinkScroll1 div ul li:hover {
     background: #e25b32;
     color: #fff;
     margin: 0!important;
    padding: 14px 10px!important;
}

.box.header .nspLinks .nspLinkScroll1 div ul li:hover h4,
.box.header .nspLinks .nspLinkScroll1 div ul li:hover h4 a {
  color: #fff;
}

/* Suffix arrow */
.arrow .nspLinks .nspLinkScroll1 div ul li {
  background: transparent url('../images/arrow_bullet.png') no-repeat 0 3px;
  border: none;
  padding: 0 0 16px 20px;
}
.arrow .nspHeader {
  font-size: 18px;
}

/* Suffix bigtitle */
.bigtitle p.nspInfo {
  font-size: 14px;
}

.bigtitle .nspHeader {
  font-size: 20px;
}

.bigtitle p.nspText {
  font-size: 14px;
}

.bigtitle .nspArt {
  border-top: 1px solid #e5e5e5;
}

.bigtitle .nspArt:first-child {
  border-top: none;
}

.bigtitle .nspTopInterface div {
    position: absolute;
    right: 16px!important;
    padding: 0 3px;
    top: 24px!important;
}


/* Suffix headlines */
.box.headlines .nspLinks .nspLinkScroll1 div ul li {
  border-top: none;
  border-bottom: 1px solid #e5e5e5;
  padding: 20px 0;
}

.box.headlines .nspLinks .nspLinkScroll1 div ul li:hover {
  background: #f8f8f8;
}

.box.headlines .nspBotInterface div {
  float: none;
  margin-top: 12px;
  text-align: center;
}

.box.headlines .nspBotInterface div ul {
  display: inline-block;
  float: none;
}

/* Suffix nsphover */
.nsphover .content {
  margin: 0 -12px;
}

.nsphover .nspImageWrapper {
  position: relative;
}

.nsphover .nspInfo2 {
  background: #e25b32;
  color: #fff;
  display: block;
  font-size: 12px;
  right: 0;
  line-height: 12px;
  margin: 0;  
  padding: 12px 14px;
  position: absolute;
  text-transform: uppercase;
  top: 0;
}

.nsphover .nspInfo2 a {
  color: #fff!important;
  margin: 0!important;
  padding: 0!important;
}

.nsphover .nspInfo2 a:hover,
.nsphover .nspInfo2 a:focus,
.nsphover .nspInfo2 a:active {
  color: #ddd!important;
}

.nsphover .nspArt {
  border: none!important;
  margin: 26px 0 0 0;
  overflow: hidden;
  position: relative;
}

.nsphover .nspText {
  bottom: -200px;
  position: absolute;
}

.nsphover .nspHoverOverlay {
  background: #e25b32;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
       -o-box-sizing: border-box;
          box-sizing: border-box;
  height: 600px;
width: 311px;
  margin: 0 15px 1 0;
  padding: 56px 20px 0 20px;
  position: absolute;
  top: 100%;
  -webkit-transition: top .3s ease-out;
     -moz-transition: top .3s ease-out;
      -ms-transition: top .3s ease-out;
       -o-transition: top .3s ease-out;
          transition: top .3s ease-out;
  z-index: 9;
}

.nsphover .nspHoverOverlay .nspText,
.nsphover .nspHoverOverlay .nspText a {
  color: #ffbfab;
  margin-top: 10px;
  position: static;
}

.nsphover .nspHoverOverlay .nspText a:active,
.nsphover .nspHoverOverlay .nspText a:focus,
.nsphover .nspHoverOverlay .nspText a:hover {
  color: #fff;
}

.nsphover .nspHoverOverlay .nspHeader,
.nsphover .nspHoverOverlay .nspHeader a {
  color: #fff;
}

.nsphover .nspHoverOverlay .nspHeader a:active,
.nsphover .nspHoverOverlay .nspHeader a:focus,
.nsphover .nspHoverOverlay .nspHeader a:hover {
  color: #ffbfab;
}

.nsphover .nspInfo {
  position: relative;
  z-index: 10;
}

.nsphover .nspInfo2 {
  position: absolute;
  z-index: 10;
  right: 15px
}

.nsphover .nspHoverOverlay.active {
  top: 0;
  width: 311px;
}

.nsphover .nspInfo1 {
  -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;
}

.nsphover .nspInfo1.active {
  color: #fff;
  margin-right: 20px;
}

/*
 * Tabs GK5 Module
 */
.gkTabsGK5 {
    position: relative;
    overflow: hidden;
}
.gkTabsWrap.vertical ol li {
    cursor: pointer;
    float: right;
    line-height: 14px;
    list-style-type: none;
    height: 14px;
    padding: 0 25px 0 0;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #a3a3a3;
    text-transform: uppercase;
}
.gkTabsWrap.vertical ol li.active,
.gkTabsWrap.vertical ol li.active:hover {
    color: #1c1c1c;
}
.gkTabsWrap.vertical ol li.active::after {
    content: "";
    clear: both;
    display: block;
    float: right;
    height: 2px;
    margin-right: -14px;
    position: absolute;
    top: 38px;
    width: 100%;
    z-index: 2;
}
.gkTabsWrap.vertical ol li:hover {
  color: #1c1c1c;
}
.gkTabsContainer {
    clear: both;
    overflow: hidden;
    position: relative;
}
.gkTabsItem {
    background: #fff;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
         -o-box-sizing: border-box;
            box-sizing: border-box;
    left: -9999px;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.gkTabsItem.active {
    left: 0;
    position: relative;
    z-index: 2;
}
.gkTabsNav {
    background: transparent;
    margin: 8px 0 32px 0;
    min-height: 14px;
}

/* Weather Module */
.gkwMainRight h2 {
    font-size: 32px;
}
.gkwDay {
    color: #363636;
  font-style: normal !important;
  font-size: 12px;
}
.gkwTemp {
    color: #E25B32
}
.dark .gkwDay {
    color: #fff
}
.dark ul.gkwNextDays {
    border-top: 1px solid #444;
  margin: 12px 0;
  padding: 16px 0 0
}
.dark div.gkwFday {
    border-color: #444
}


/* NSP Portal Mode 7 */
.nspMainPortalMode7 {
    position: relative;
    overflow: hidden;
}
.nspMainPortalMode7 .nspArtsScroll {
    width: 20000px!important;
}
.nspMainPortalMode7 .nspArts {
    width: 100%;
}
.nspMainPortalMode7 .nspImages {
    padding: 0 46px;
}
.nspMainPortalMode7 .nspArts,
.nspMainPortalMode7 .nspArt {
    overflow: hidden
}
.nspMainPortalMode7 .nspArt {
    float: right;
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
        -ms-box-sizing: content-box;
         -o-box-sizing: content-box;
            box-sizing: content-box;
}
.nspMainPortalMode7 .nspArt img {
    margin: 0!important;
}
.nspMainPortalMode7 .nspArt .nspImageGallery a {
    display: block;
    overflow: hidden;
}
.nspMainPortalMode7 .nspArt:hover {
    cursor: pointer
}
.nspMainPortalMode7 .nspArt:hover .nspHeader a {
    color: #fb5a29
}
.nspMainPortalMode7 .nspHeader {
    width: 100%;
    padding: 0;
    margin: 0 0 5px 0!important;
    color: #b6b6b6;
    font-size: 13px;
    font-weight: 600;
}
.nspMainPortalMode7 .nspHeader a {
    color: #b6b6b6!important;
}
.nspMainPortalMode7 .nspHeader a:active,
.nspMainPortalMode7 .nspHeader a:focus,
.nspMainPortalMode7 .nspHeader a:hover {
    color: #fff!important;
}
.nspMainPortalMode7 .nspText {
  color: #696969;
  font-size: 11px;
}
.nspMainPortalMode7 .nspArt {
  background: #2b2b2b;
  border: 1px solid #2a2a2a;
  -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
          border-radius: 1px;
  -webkit-box-shadow: inset 0 0 27px rgba(0, 0, 0, 0.75);
     -moz-box-shadow: inset 0 0 27px rgba(0, 0, 0, 0.75);
      -ms-box-shadow: inset 0 0 27px rgba(0, 0, 0, 0.75);
       -o-box-shadow: inset 0 0 27px rgba(0, 0, 0, 0.75);
          box-shadow: inset 0 0 27px rgba(0, 0, 0, 0.75);
  margin-right: 25px;
    padding: 0;
    -webkit-transition: background .3s ease-out;
       -moz-transition: background .3s ease-out;
        -ms-transition: background .3s ease-out;
         -o-transition: background .3s ease-out;
            transition: background .3s ease-out;
}
.nspMainPortalMode7 .nspArt:hover {
  background: #363636;
}
.nspMainPortalMode7 .nspArt > div {
    padding: 0;
    position: relative;
}
.nspMainPortalMode7 .nspArt > div > div {
    padding: 0
}
.nspMainPortalMode7 .nspPrev,
.nspMainPortalMode7 .nspNext {
    height: 26px;
    width: 26px;
    display: block;
    background: transparent url('../images/style1/nsp_portal_mode_7_interface.png') no-repeat 0 0;
    text-indent: -999em;
    margin-top: -13px;
    cursor: pointer;
}
.nspMainPortalMode7 .nspPrev {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 1;
}
.nspMainPortalMode7 .nspNext {
    background-position: -26px 0;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
}
.nspMainPortalMode7 .nspPrev:hover {
    background-position: 0 -26px
}
.nspMainPortalMode7 .nspNext:hover {
    background-position: -26px -26px
}
.nspMainPortalMode7::selection,
.nspMainPortalMode7::selection {
    background: transparent!important
}
.nspMainPortalMode7::-moz-selection,
.nspMainPortalMode7::-moz-selection {
    background: transparent!important
}
.nspMainPortalMode7::-webkit-selection,
.nspMainPortalMode7::-webkit-selection {
    background: transparent!important
}
/* make element unvisible */
.nspMainPortalMode7 .unvisible {
    height: 1px;
    right: -10000px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px;
}/*
#------------------------------------------------------------------------
# News - December Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2012 Gavick.com. All Rights Reserved.
# License:  Copyrighted Commercial Software
# Website:  http://www.gavick.com
# Support:  support@gavick.com
 */
 
/* Style 2 */

/* template.css */
a:hover,
a:active,
a:focus {
	color: #3299e2;
}
#gkLogo.cssLogo {
	background-image: url('../images/style2/logo.png');
}
#gkLogin:active,
#gkLogin:focus,
#gkLogin:hover,
#gkRSS:active,
#gkRSS:focus,
#gkRSS:hover {
	background-color: #3299e2;
}
#gkTopMenu li a:active,
#gkTopMenu li a:focus,
#gkTopMenu li a:hover {
	color: #3299e2;
}
#gkTopMenu {
  background: #1265a0;  
}

.gkTwitter,
.gkFb,
.gkPinterest,
.gkGplus {
	background-image: url('../images/style2/social_icons.png');
}
.gkTwitter:active,
.gkTwitter:focus,
.gkTwitter:hover,
.gkFb:active,
.gkFb:focus,
.gkFb:hover,
.gkPinterest:active,
.gkPinterest:focus,
.gkPinterest:hover,
.gkGplus:active,
.gkGplus:focus,
.gkGplus:hover {
	background-image: url('../images/style2/social_icons.png');
}
#gkFooter {
	border-top: 2px solid #3299e2;
}
.box.dark a:active,
.box.dark a:focus,
.box.dark a:hover {
	color: #3299e2;
}
.box.color .header {
	color: #3299e2;
}
.box.headlines .header {
	background: #3299e2;
}
.box.headlines .header::after {
	background-image: url('../images/style2/highlight_bg.png');
}
.gkUsermenu {
	border-top: 3px solid #3299e2;
}

/* joomla.css */

button,
.button,
input.button,
span.button,
button.button,
div.button,
input[type="submit"],
input[type="button"],
.pagenav-prev a,
.pagenav-next a,
.pager li.next a,
.pager li.previous a,
.pager li a,
.readon,
.pagination ul li a,
.pagination ul li span {
	background: #3299e2;
}
p.img_caption {
	background: #3299e2;
}
.tip-title {
	background: #3299e2;
}
div.bannerfooter {
	color: #3299e2;
}
.autocompleter-queried {
	color: #3299e2!important
}
.menu li:hover {
	background-color: #3299e2
}
th a:active,
th a:focus,
th a:hover,
article header h1 a:hover,
article header h2 a:hover {
	color: #3299e2
}

/* gk_stuff.css */
.nspPagination li:hover,
.nspPagination li.active { 
	background: #3299e2;
}
.nspNext,
.nspPrev {
    background-image: url('../images/style2/nsp_interface.png');
}
.nspArt h4.nspHeader a:active,
.nspArt h4.nspHeader a:focus,
.nspArt h4.nspHeader a:hover { 
	color: #3299e2; 
}
.nspArt p.nspInfo a:active,
.nspArt p.nspInfo a:focus,
.nspArt p.nspInfo a:hover { 
	color: #3299e2; 
}
.dark .nspLinks ul li h4 a:active,
.dark .nspLinks ul li h4 a:focus,
.dark .nspLinks ul li h4 a:hover { 
	color: #3299e2; 
}
.dark .nspArt h4.nspHeader a:active,
.dark .nspArt h4.nspHeader a:focus,
.dark .nspArt h4.nspHeader a:hover { 
	color: #3299e2; 
}
.dark .nspNext,
.dark .nspPrev { 
	background-image: url('../images/style2/nsp_interface.png'); 
}
.box.header .nspImageWrapper h4:hover {
	background: #3299e2;
}
.box.header .nspLinks .nspLinkScroll1 div ul li:hover {
   	background: #3299e2;
}
.nsphover .nspInfo2 {
	background: #3299e2;
}
.nsphover .nspHoverOverlay {
	background: #3299e2;
}
.nsphover .nspHoverOverlay .nspText,
.nsphover .nspHoverOverlay .nspText a {
	color: #d2eafb;
}
.nsphover .nspHoverOverlay .nspHeader a:active,
.nsphover .nspHoverOverlay .nspHeader a:focus,
.nsphover .nspHoverOverlay .nspHeader a:hover {
	color: #d2eafb;
}
.gkwTemp { 
    color: #DBAE43;
}
.nspMainPortalMode7 .nspArt:hover .nspHeader a {
    color: #3299e2;
}
.nspMainPortalMode7 .nspPrev,
.nspMainPortalMode7 .nspNext {
    background-image: url('../images/style2/nsp_portal_mode_7_interface.png');
}

/* menu.css */

.gkMenu > ul > li:hover > a,
.gkMenu > ul > li:active > a,
.gkMenu > ul > li:focus > a {
	background: #3299e2;
}

/* k2.css */
h1 > sup {
	background: #3299e2;
}
.k2TagCloudBlock a {
	background-image: url('../images/style2/tag_bullets.png');
}
.itemAttachmentsBlock {
	background: url('../images/style2/typography/tips.png') no-repeat 16px 8px #FFFEF4;
	border: 1px solid #EAE8CC;
}
.userView .itemAuthorData a:hover {
	color: #3299e2
}
.commentLink {
	color: #3299e2;
}
#itemListLinks li {
	background-image: url('../images/style2/typography/bullet-square2.png');
}
.k2CalendarBlock table.calendar tr td.calendarToday {
	background: #3299e2;
}
table.calendar tr td.calendarTodayLinked a {
	color: #3299e2;
}

.calendarNavLink {
	color: #3299e2;
}

.calendarNavLink a:active,
.calendarNavLink a:focus,
.calendarNavLink a:hover {
	color: #333!important;
}
 .toolbar-icons {
	display: inline-block;
 }
 .searchbox {
    display: inline;
 }
 
.broadcast-icon, .gallery-icon, .broadcast-icon1, .media-icon, .radio-icon, .send-to-icon, .mukhtarat-icon{
	background: url(../images/icons.png) no-repeat;
	margin-right: -3px;
	height: 38px; 
	width: 40px; 
	display: inline-block;
}

.broadcast-icon:hover, .gallery-icon:hover, .broadcast-icon1:hover, .media-icon:hover, .radio-icon:hover, .send-to-icon:hover, .mukhtarat-icon:hover{
	background: url(../images/icons-over.png) no-repeat;
	margin-right: -3px;
	height: 38px; 
	width: 40px; 
	display: inline-block;
}

.broadcast-icon, .broadcast-icon:hover{
	background-position: -5px -8px ;
}

.gallery-icon, .gallery-icon:hover{
	background-position: -124px -8px ;
}

.broadcast-icon1, .broadcast-icon1:hover{
	background-position: -5px -8px ;
}

.media-icon, .media-icon:hover{
	background-position: -84px -8px ;
}

.radio-icon, .radio-icon:hover{
	background-position: -44px -8px ;
}

.mukhtarat-icon, .mukhtarat-icon:hover{
	background-position: -164px -8px ;
}

.send-to-icon, .send-to-icon:hover{
	background-position: -258px -10px ;
}b,
strong {
	font-weight: 600
}

.k2box > ul,
.k2box > ul ul {
	list-style-type: disc;
	padding-left: 20px
}

.k2box > ol,
.k2box > ol ol {
	list-style-type: decimal;
	padding-left: 20px
}

.k2box > ul li,
.k2box > ul ul li,
.k2box > ol li,
.k2box > ol ol li {
	list-style-position: outside;
	padding-left: 0
}

p.gkHeadline {
	color: #363636;
	font: normal 2em/1.9 "Lucida Grande", Tahoma;
	margin: 5px 0 0!important;
	text-align: center
}

p.gkSubHeadline {
	color: #999;
	font: lighter .75em/1em "Lucida Grande", Tahoma;
	letter-spacing: .3em;
	margin: 0 0 24px!important;
	text-align: center;
	text-transform: uppercase
}

p.gkSmallHeadline {
	color: #999;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 2px;
	margin: 1em 0!important;
	text-transform: uppercase
}

p.gkLargeHeadline {
	color: #363636;
	font: normal 44px/38px Arial, Helvetica, sans-serif;
	letter-spacing: -2px;
	margin: 0!important;
	padding: 0 0 6px
}

.gkfile1,
.gkfile2,
.gklink,
.gkinfo,
.gkpin,
.gksettings,
.gkmic,
.gkbook,
.gkmap,
.gktag,
.gkstats,
.gkvoice,
.gkvideo,
.gklocked,
.gkunlocked,
.gklocation,
.gkcomment,
.gkalarm {
	background-position: 0 8px!important;
	background-repeat: no-repeat!important;
	min-height: 38px!important;
	padding: 0 0 2px 52px !important
}

p.gkInfo1,
p.gkTips1,
p.gkWarning1 {
	border-top-style: solid;
	border-bottom-style: solid;
	border-width: 1px;
	color: #363636;
	font-size: 16px;
	min-height: 52px;
	padding: 10px 10px 12px 96px
}

.gkHighlight1,
.gkHighlight2,
.gkHighlight3,
.gkHighlight4 {
	cursor: default;
	padding: 1px 5px;
	text-shadow: none
}

.gkHighlight3:hover {
	background: #737373;
	color: #fff
}

.gkHighlight4:hover {
	background: #eee;
	color: #363636
}

pre,
.gkCode1,
.gkCode2,
.gkCode3 {
	font: normal .92em/18px 'Curier New', monospace!important;
	margin: 10px 0 15px!important;
	padding: 10px 15px!important
}

pre,
.gkCode1,
.gkCode2 {
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity=100);
	opacity: 1
}

.gkCode3 {
	border: 1px solid #eee;
	color: #363636;
	padding-left: 82px!important
}

.gkCode3 h4 {
	background: #3299e2;
	color: #fff;
	font-size: 13px;
	margin: 0 0 0 -64px !important;
	padding: 2px 5px 0;
	position: relative;
	text-align: center;
	top: 0;
	width: 35px
}

div.gkCode2:hover,
div.gkCode3:hover {
	color: #000
}

ol {
	list-style-position: inside;
	margin: 2em 0;
	padding: 0
}

ol.gkDec {
	list-style-type: decimal
}

ol.gkRoman {
	list-style-type: upper-roman
}

ol.gkAlpha {
	list-style-type: lower-alpha
}

ol.gkDecimalLeadingZero {
	list-style-type: decimal-leading-zero
}

.itemBody ul li,
ul.gkBullet1,
ul.gkBullet2,
ul.gkBullet3,
ul.gkBullet4,
ul.gkCircle1,
ul.gkCircle2,
ul.gkSquare1,
ul.gkSquare2,
ul.gkSquare3 {
	margin: 2em 0;
	padding: 0
}

ul li {
	list-style-position: outside
}

.itemBody ul li,
ul.gkBullet1 li,
ul.gkBullet2 li,
ul.gkBullet3 li,
ul.gkBullet4 li,
ul.gkCircle1 li,
ul.gkCircle2 li,
ul.gkSquare1 li,
ul.gkSquare2 li {
	line-height: 1.8em!important;
	list-style: none;
	margin: 0!important;
	overflow: inherit;
	padding: 2px 0 2px 28px
}

dl.gkDef1 dt,
dl.gkDef2 dt,
dl.gkDef3 dt {
	margin: 10px 0 5px
}

dl.gkDef2 dt {
	text-decoration: underline
}

dl.gkDef3 dt {
	color: #666;
	font: lighter 1.1em/1.2em "Lucida Grande", Tahoma;
	font-variant: normal;
	letter-spacing: .3em;
	margin-top: 10px;
	text-transform: uppercase
}

acronym,
abbr {
	border-bottom-style: dotted;
	border-bottom-width: 1px
}

acronym:hover,
abbr:hover {
	border-bottom-style: solid;
	cursor: pointer
}

div.gkLegend1 h4,
div.gkLegend2 h4,
div.gkLegend3 h4,
div.gkLegend4 h4 {
	background: #fff;
	float: left;
	font-size: 15px;
	font-weight: 600;
	left: 11px;
	line-height: 18px;
	margin: 0 0 -9px!important;
	padding: 0 10px;
	position: relative;
	text-transform: uppercase;
	top: -16px
}

div.gkLegend1,
div.gkLegend2,
div.gkLegend3,
div.gkLegend4 {
	margin: 30px 0;
	padding: 6px
}

div.gkLegend1 p,
div.gkLegend2 p,
div.gkLegend3 p,
div.gkLegend4 p {
	clear: both;
	margin: 7px
}

span.gkDropcap1,
span.gkDropcap2,
span.gkDropcap3 {
	color: #3299e2;
	display: block;
	float: left;
	font-size: 5em;
	line-height: 1em
}

span.gkDropcap1 {
	height: 61px;
	margin: -4px 5px -3px 0
}

p.gkDropcap2 {
	padding: 0 0 0 50px
}

span.gkDropcap2 {
	height: 61px;
	margin: -4px 0 0 -50px
}

p.gkDropcap3 {
	margin-top: 32px
}

span.gkDropcap3 {
	height: 61px;
	margin: -32px 5px 0 0
}

blockquote {
	font-style: italic;
	margin: 20px 0
}

blockquote div {
	display: block
}

blockquote div.gkBlockquote1 div,
blockquote div.gkBlockquote2 div {
	background: url(../../images/style2/typography/close1.png) no-repeat right top
}

blockquote div.gkBlockquote3 {
	background: url(../../images/style2/typography/open2.png) no-repeat left bottom;
	padding-bottom: 1px
}

blockquote div.gkBlockquote3 div {
	background: url(../../images/style2/typography/close2.png) no-repeat right top;
	padding: 5px 48px 0
}

blockquote div.gkBlockquote4 div {
	background: url(../../images/style2/typography/close2.png) no-repeat right top;
	padding: 0 48px
}

.gkBlockTextLeft,
.gkBlockTextRight,
.gkBlockTextCenter {
	color: #3299e2;
	display: block;
	font-size: 16px;
	font-style: italic;
	line-height: 150%;
	padding: 30px;
	width: 38%
}

.gkBlockTextLeft {
	float: left;
	text-align: left
}

.gkBlockTextRight {
	float: right;
	text-align: right
}

.gkBlockTextCenter {
	margin: 0 auto;
	text-align: center
}

p.numblocks {
	margin: 0;
	min-height: 56px;
	padding: 0 0 0 65px !important;
	position: relative
}

p.numblocks span {
	-moz-border-radius: 50%;
	-ms-webkit-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display: block;
	font-size: 20px;
	font-weight: 600;
	height: 38px;
	left: 0;
	line-height: 38px;
	position: absolute;
	text-align: center;
	top: 8px;
	width: 38px
}

p.num-1 span {
	border: 3px solid #ccc;
	color: #ccc
}

p.num-2 span {
	border: 3px solid #363636;
	color: #363636
}

p.num-3 span {
	border: 3px solid #3299e2;
	color: #3299e2
}

p.numblocks span.highlight {
	border-right: none;
	display: inline;
	font-size: 15px;
	position: static;
	width: auto
}

.gkblock-1,
.gkblock-2,
.gkblock-3,
.gkblock-4,
.gkblock-5,
.gkblock-6,
.gkblock-7,
.gkblock-8,
.gkblock-9 {
	margin: 20px 0;
	padding: 15px 20px
}

.bubble-1,
.bubble-2,
.bubble-3 {
	margin: 20px 0 40px;
	padding: 15px 20px;
	position: relative
}

.bubble-1 cite,
.bubble-2 cite,
.bubble-3 cite {
	background: url(../../images/style2/typography/buble_arrow.png) no-repeat 0 0;
	bottom: -25px;
	display: block;
	font-size: 13px;
	font-weight: 400;
	height: 25px;
	left: 26px;
	line-height: 36px;
	padding-left: 32px;
	position: absolute 
}

blockquote div.gkBlockquote1 {
	background: url(../../images/style2/typography/open1.png) no-repeat left bottom
}

blockquote div.gkBlockquote2 {
	background: url(../../images/style2/typography/open1.png) no-repeat left top
}

blockquote div.gkBlockquote4 {
	background: url(../../images/style2/typography/open2.png) no-repeat left top
}

.gkTable thead {
	font: normal 19px/32px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: 5px 10px;
	text-align: left
}

.gkTable2 thead {
	font: normal 20px/32px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: 5px 10px;
	text-align: left
}

.gkTooltip {
	color: #000;
	cursor: help;
	outline: none;
	position: relative;
	text-decoration: none;
	text-shadow: none
}

.gkTooltip span {
	font-size: 11px;
	line-height: 16px;
	margin: 10px 0 0 -9999em;
	position: absolute
}

.gkTooltip:hover span {
	left: .5em;
	margin-left: 0;
	position: absolute;
	top: 1em;
	width: 250px;
	z-index: 99
}

.gkTooltip:hover em {
	display: block;
	font-size: 16px;
	font-style: normal!important;
	line-height: 30px;
	padding: 0;
	text-decoration: none!important;
	text-shadow: none
}

pre {
	border: 1px solid #e5e5e5;
	border-left: 4px solid #3299e2;
	color: #363636;
	padding-left: 32px
}

.gkCode2 {
	border: 1px solid #e5e5e5;
	border-top: 4px solid #dbae43;
	color: #363636
}

p.gkInfo1 {
	background: #fbfbfb url(../../images/style2/typography/info.png) no-repeat 2px 10px;
	border-color: #ddd;
}

p.gkTips1 {
	background: #fffdf8 url(../../images/style2/typography/tips.png) no-repeat 2px 11px;
	border-color: #f3cf7b;
}

p.gkWarning1 {
	background: #FFF7F4 url(../../images/style2/typography/warning.png) no-repeat 2px 10px;
	border-color: #f38867;
}

div.gkLegend2 {
	border: 3px solid #363636
}

div.gkLegend3 {
	border: 3px solid #3299e2
}

div.gkLegend4 {
	border: 4px double #e5e5e5
}

div.gkLegend1 h4 {
	background: #fff;
	color: #bbb
}

div.gkLegend2 h4 {
	background: #fff;
	color: #363636
}

div.gkLegend3 h4 {
	background: #fff;
	color: #3299e2
}

.gkHighlight1 {
	background: #ffd
}

.gkHighlight4 {
	background: #dbae43;
	color: #fff
}

.gkblock-1 {
	border: 1px dashed #3299e2
}

.gkblock-2 {
	border: 1px dashed #ccc
}

.gkblock-3 {
	border: 1px solid #e5e5e5
}

.gkblock-4 {
	background: #fff;
	border: 3px solid #3299e2
}

.gkblock-5 {
	background: #fff;
	border: 3px solid #363636
}

.gkblock-6 {
	background: #FFFEF4;
	border: 1px solid #EAE8CC
}

.gkblock-7 {
	background: #3299e2;
	color: #fff!important
}

.gkblock-8 {
	background: #222;
	color: #fff!important
}

.gkblock-9 {
	background: #f8f8f8
}

.bubble-2 {
	background: #f5f5f5;
	border: 3px solid #f5f5f5
}

.bubble-3 {
	background: #3299e2;
	border: 3px solid #3299e2;
	color: #fff
}

.bubble-2 cite {
	background-position: 0 -35px;
	color: #363636
}

.bubble-3 cite {
	background-position: 0 -70px;
	color: #3299e2
}

ul.gkBullet1 li {
	background: url(../../images/style2/typography/bullet1.png) no-repeat 0 10px!important
}

ul.gkBullet2 li {
	background: url(../../images/style2/typography/bullet2.png) no-repeat 0 10px!important
}

ul.gkBullet3 li {
	background: url(../../images/style2/typography/bullet3.png) no-repeat 0 10px!important
}

ul.gkBullet4 li {
	background: url(../../images/style2/typography/bullet4.png) no-repeat 0 10px!important
}

.itemBody ul li,
ul.gkCircle1 li {
	background: url(../../images/style2/typography/bullet-circle1.png) no-repeat 0 9px
}

ul.gkCircle2 li {
	background: url(../../images/style2/typography/bullet-circle2.png) no-repeat 0 9px!important
}

ul.gkSquare1 li {
	background: url(../../images/style2/typography/bullet-square1.png) no-repeat 0 10px!important
}

ul.gkSquare2 li {
	background: url(../../images/style2/typography/bullet-square2.png) no-repeat 0 10px!important
}

span.classicTooltip {
	background-color: #ffd;
	color: #656565
}

span.infoTooltip {
	background: #FFFEF4;
	border: 1px solid #EAE8CC;
	color: #333
}

span.warningTooltip {
	background: #fff;
	border: 2px dashed #3299e2;
	color: #F93B3B
}

ul#demo-typography {
	background: transparent;
	overflow: hidden;
	padding: 10px 30px 30px
}

ul#demo-typography li {
	color: #cb260a;
	float: left;
	font-size: 11px;
	line-height: 24px;
	list-style-position: none;
	list-style-type: disc;
	width: 23.9%
}

ul#demo-typography li a {
	font-size: 11px;
	text-shadow: 2px 2px 0 #fff
}

.demo-typoDiv {
	clear: both;
	margin: 0 0 30px;
	overflow: hidden
}

h4.demo-typo {
	border-bottom: 1px solid #eee;
	color: #363636;
	font-size: 20px;
	font-weight: 300;
	margin: 30px 0
}

.demo-typo-col2 {
	float: left;
	width: 50%
}

.demo-typo-col3 {
	float: left;
	width: 33%
}

.demo-typo-col4 {
	float: left;
	width: 25%
}

.demo-typo_padd {
	padding: 0 15px
}

#warnings .demo-typo_padd p {
	margin: 1em 0 1.6em
}

.typoDesc small {
	color: #999;
	font: normal 10px Monaco, Consolas, "Courier News", monospace
}

.gkblock-7 small,
.gkblock-9 small,
.bubble-4 small,
.bubble-5 small,
.bubble-6 small,
.gkblock-8 small {
	color: #fff!important
}

.gkblock-9 small {
	color: #353639!important
}

.bubble-3 small {
	color: #fff
}

.gkBigHeader {
	color: #363636;
	font-size: 48px;
	line-height: 1.2;
	text-transform: uppercase
}

.gkSmallHeader {
	color: #363636;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.8;
	margin-bottom: 20px;
	text-transform: uppercase
}

.gkTimeIcon {
	background: transparent url(../../images/style2/time_icon.png) no-repeat 0 0;
	color: #777;
	font-size: 18px;
	line-height: 1.4;
	min-height: 72px;
	padding: 0 0 0 120px
}

.vertical-column-10,
.vertical-column-20,
.vertical-column-30,
.vertical-column-40,
.vertical-column-50,
.vertical-column-60 {
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	padding: 0 2.5%
}

.vertical-column-10:first-child,
.vertical-column-20:first-child,
.vertical-column-30:first-child,
.vertical-column-40:first-child,
.vertical-column-50:first-child,
.vertical-column-60:first-child {
	padding-left: 0
}

.vertical-column-10 {
	width: 10%
}

.vertical-column-20 {
	width: 20%
}

.vertical-column-30 {
	width: 30%
}

.vertical-column-40 {
	width: 40%
}

.vertical-column-50 {
	width: 50%
}

.vertical-column-60 {
	width: 60%
}

.vertical-column-10 h3,
.vertical-column-20 h3,
.vertical-column-30 h3,
.vertical-column-40 h3,
.vertical-column-50 h3,
.vertical-column-60 h3 {
	color: #363636;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2;
	margin: 0 0 16px;
	text-transform: uppercase
}

.vertical-column-10 p,
.vertical-column-20 p,
.vertical-column-30 p,
.vertical-column-40 p,
.vertical-column-50 p,
.vertical-column-60 p {
	color: #777;
	font-size: 18px;
	font-weight: 300;
	line-height: 24px;
	margin: 0
}

.vertical-column-10 strong,
.vertical-column-20 strong,
.vertical-column-30 strong,
.vertical-column-40 strong,
.vertical-column-50 strong,
.vertical-column-60 strong {
	color: #eb592a;
	font-weight: 300
}

.gkHighlight1:hover,
pre:hover,
.gkCode1:hover {
	background: #fff
}

.gkHighlight2:hover,
.gkHighlight3,
span.helpTooltip {
	background: #363636;
	color: #fff
}

dl.gkDef1 dd,
dl.gkDef2 dd,
dl.gkDef3 dd,
.gkTable td,
.gkTable2 td {
	padding: 10px
}

.gkTable,
.gkTable2 {
	border-collapse: collapse;
	font-style: normal
}

.gkTable tfoot,
.gkTable2 tfoot {
	font-size: .8em;
	font-style: italic;
	margin-bottom: 10px;
	margin-top: 0;
	padding: 0;
	text-align: right
}

.classicTooltip,
.customTooltip {
	padding: .6em .8em;
	text-shadow: none
}

div.gkLegend1,
.bubble-1 {
	border: 3px solid #e5e5e5
}

.gkHighlight2,
span.criticalTooltip {
	background: #3299e2;
	color: #fff
}
/*
#------------------------------------------------------------------------
# News - December Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2012 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/

.gkfile1 { background: url('../../images/style1/typography/icons/file1.png'); }
.gkfile2 { background: url('../../images/style1/typography/icons/file2.png'); }
.gklink { background: url('../../images/style1/typography/icons/link.png'); }
.gkinfo { background: url('../../images/style1/typography/icons/info.png'); }
.gkpin { background: url('../../images/style1/typography/icons/pin.png'); }
.gksettings { background: url('../../images/style1/typography/icons/settings.png'); }
.gkmic { background: url('../../images/style1/typography/icons/mic.png'); }
.gkbook { background: url('../../images/style1/typography/icons/book.png'); }
.gkmap { background: url('../../images/style1/typography/icons/map.png'); }
.gktag { background: url('../../images/style1/typography/icons/tag.png'); }
.gkstats { background: url('../../images/style1/typography/icons/stats.png'); }
.gkvoice { background: url('../../images/style1/typography/icons/voice.png'); }
.gkvideo { background: url('../../images/style1/typography/icons/video.png'); }
.gklocked { background: url('../../images/style1/typography/icons/locked.png'); }
.gkunlocked { background: url('../../images/style1/typography/icons/unlocked.png'); }
.gklocation { background: url('../../images/style1/typography/icons/location.png'); }
.gkcomment { background: url('../../images/style1/typography/icons/comment.png'); }
.gkalarm { background: url('../../images/style1/typography/icons/alarm.png'); }