/*---------------------------------------------------------------
# Package - Joomla Template based on Helix Framework   
# ---------------------------------------------------------------
# Author - JoomShaper http://www.joomshaper.com
# Copyright (C) 2010 - 2012 JoomShaper.com. All Rights Reserved.
# license - PHP files are licensed under  GNU/GPL V2
# license - CSS  - JS - IMAGE files  are Copyrighted material 
# Websites: http://www.joomshaper.com
-----------------------------------------------------------------*/
/* Layout */
.item{float:left;position:relative}
.cols-1 .item{width:100%}
.cols-2 .item{width:50%}
.cols-3 .item{width:33.33%}
.cols-4 .item{width:25%}
.cols-5 .item{width:20%}

.item-inner { padding: 0 10px;}
.item .first {margin-left:-10px}
.item .last {margin-right:-10px}
.item .single {margin-left:-10px;margin-right:-10px}
span.item-separator,.item-separator{clear:both;display:block;min-height:1px}

/*Portfolio layout*/
.blog_portfolio{position:relative;margin:0 -10px;z-index:1}
.blog_portfolio .item .first{margin-left:0}
.blog_portfolio .item .last{margin-right:0}
.blog_portfolio .item .single{margin-left:0;margin-right:0}
.item_innerDiv:hover .img-portfolio-wraper{opacity:1}
.blog_portfolio .item_innerDiv{background:#efefef;margin-bottom:20px;cursor:pointer;padding:10px;position:relative}
.blog_portfolio .item_innerDiv:hover {background:#f9f9f9}

.blog_portfolio .item_innerDiv:before,
.blog_portfolio .item_innerDiv:after{
	content: '';
	position: absolute;
	z-index: -2;
	bottom: 15px;
	left:  20px;
	width: 50%;
	height: 20%;
	border-radius: 10px/90px;
	box-shadow: 0 15px 10px rgba(0,0,0,0.7);
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	transform: rotate(-3deg);
}

.blog_portfolio .item_innerDiv:after {
	right: 20px;
	left: auto;
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	transform: rotate(3deg);
}

.img-portfolio .item-buttons{position:absolute;display:inline-block;top:50%;left:50%;margin:-20px 0 0 -60px}
a.item-preview,a.item-more{position:absolute;top:50%;width:60px;height:40px;margin-top:-20px;display:inline-block;text-indent:-9999em}
a.item-preview{background:url(../images/item-preview.png) no-repeat 50% 50%;left:50%;margin-left:-250px}
a.item-more{background:url(../images/item-more.png) no-repeat 50% 50%;right:50%;margin-right:-250px}
.item_innerDiv:hover a.item-preview {margin-left:-60px}
.item_innerDiv:hover a.item-more {margin-right:-60px}

.img-portfolio{display:block;position:relative;margin:0 0 10px}
.img-portfolio img{width:100%}
.img-portfolio-wraper{opacity:0;background:rgba(0,0,0,.1);width:100%;height:100%;position:absolute;top:0;left:0}
.img-portfolio-wraper {z-index:1}
.img-portfolio {overflow:hidden}

/*portfolio layout*/
.blog_portfolio h2,.blog_portfolio p{}

/* Headings */
p,h1,h2,h3,h4,h5,h6{margin:0.7em 0;padding:0}
h1,h2,h3,h4,h5,h6{line-height:100%;margin-bottom:5px}
h1 { font-size: 450%; }
h2 { font-size: 200%; }
h3 { font-size: 130%; }
h4 { font-size: 100%; }
h5 { font-size: 90%; }
h6 { font-size: 80%; }

.blog_portfolio h2{font-weight:400;text-shadow: 0 1px #fff}

/*Readmore*/
.ltr .icon-arrow-left{display:none}
.rtl .icon-arrow-right{display:none}
.btn.readmore{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);padding:10px 15px;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)}
.btn.readmore:hover,.btn.readmore:active{color:#ffffff}

/* misc */
small,.small,.smalldark,.button,.article-meta,.modifydate,.img_caption p,#breadcrumbs,.cp,.article-tools,.categories-list dl{font-size:92%;}

/* image */
.img_caption{padding-right:0}
.img_caption p{color:#999;text-align:center}
.img_caption.left,.img_caption.right{}

/* Table */
.filter{margin:10px 0}
.display-limit,.filter{margin-right:7px;text-align:right}
span.number{color:#969696;font-style:italic}
table.contenttoc{float:right;margin:5px 10px;padding:5px}
table.contenttoc td{padding:0 5px}
#adminForm table thead tr,#adminForm table thead tr th{background:#222;color:#fff;text-align:left;border-bottom:1px solid #b4b4b4;font-weight:700;padding:5px 10px}
#adminForm table thead tr th a{color:#FFF}
.cat-list-row0 td,.cat-list-row1 td{border-bottom:1px dotted #DADADA;border-left:1px dotted #DADADA;padding:6px 10px}
.cat-list-row1 td{background:#FBFBFB}
.cat-list-row0:hover,.cat-list-row1:hover{background:none repeat scroll 0 0 #FFFDF1}
.cat-list-row0 td:first-child,.cat-list-row1 td:first-child{border-left:medium none}
table.category th a img{padding:2px 10px}
.filter-search{float:left}
.filter-search .inputbox{width:6em}

table.weblinks,table.category{font-size:1em;width:100%;margin:10px 0 20px}
table.weblinks td,table.category td{padding:7px}
table.weblinks th,table.category th{text-align:left;padding:7px}
td.num{text-align:left;vertical-align:top}
td.hits{text-align:center;vertical-align:top}
td p{line-height:1.3em;margin:0}
table,table.weblinks td{border-collapse:collapse}

/* Article Info */
.article-tools{color:#999;padding:0;margin:15px 0;clear:both;display:block;position:relative}
.blog .article-tools {margin-bottom:0!important}
.article-tools dl.article-info{float:left;width:70%;margin:0;padding:0}
.rtl .article-tools dl.article-info{float:right!important}
.article-tools dl.article-info dd{display:inline-block;margin:0 10px 0 0;text-transform:capitalize;padding:0}
ul.buttonheading{float:right;margin:0;padding:0}
ul.buttonheading li{background:none;display:inline;line-height:1;margin:0;padding:0}
ul.buttonheading li img{border:0 none;margin:0 5px 0 0}

/* Pagination */
.pagination a, .pagination span{border:0}
.pagination li:first-child a, .pagination li:first-child span, .pagination li:last-child a, .pagination li:last-child span{border-radius:0!important}
div.pagination ul li a {background: #f5f5f5;color:#858585;margin-right:10px;border-bottom:2px solid #696969;}
div.pagination ul li a:hover,div.pagination ul li.pagination-active a{background:#c7c7c7;color:#fff;border-radius:0!important}
div.k2Pagination ul li.Pagination-active a{border-bottom:1px solid #7b7b7b;background:#c5c5c5;color:#f5f5f5;}
div.pagination{clear:both;min-height:1px;margin-bottom:0}
div.pagination ul{box-shadow:none;border-radius:0!important}
div.pagination p.counter{float:right;margin:0;padding:10px 0}

/*Page Navigation*/
ul.pagenav {}
ul.pagenav li {background:none;padding:0;margin:0}
ul.pagenav li.pagenav-prev {float:left}
ul.pagenav li.pagenav-next {float:right}

/*Links*/
div.items-more { border-top: 1px dotted #dddad8; padding: 15px 0; margin:30px 0; }
div.items-more ul { padding: 0; margin:0}
div.categories-list ul li {margin-bottom:5px}
div.categories-list dt {float: left}
div.categories-list dd {text-indent: 4px}

/*Joomla Category*/
div.categories-list ul li{background:none;padding-left:0}
div.categories-list dl.article-count dt,div.categories-list dl.article-count dd{display:inline}
div.categories-list dl.article-count dd{margin-left:0}
div.categories-list ul li ul{margin-left:10px}
div.categories-list ul li li{background:#F2F2F2;border-bottom:1px solid #CCC;padding:10px}
div.categories-list ul li li li{background:#DDD}
div.categories-list ul li li.last{border-bottom:0 none}

/* Joomla Contact */
.contact-info h3, .contactus-form h3{color:#888}
.rtl .contact-info h3, .rtl .contactus-form h3{background-position:100% 0}
#jform_contact_message{width:500px;background:#f8f8f8}
.rtl #jform_contact_message{width:100%}
fieldset label {min-width: 133px;display: inline-block;}
#jform_contact_email_copy-lbl {background:none;border: none;margin:0}
.rtl #jform_contact_email_copy {margin-right:170px!important} 
#jform_contact_emailmsg, #jform_contact_email, #jform_contact_name {width: 300px;height:35px;background:#f8f8f8;border:1px solid #d2d2d2}
.contact-info h3, .contactus-form h3{font-size:30px;font-weight:400;height:45px}
.contact-info h3, .contactus-form h3{text-indent:55px}
div.contact-address{clear:both}
.contact-info{float:left;width:40%}
.rtl .contact-info{float:right!important}
.contactus-form{float:right;width:55%}
.jicons-icons{width: 20px;padding-right: 15px;float: left}
.rtl .jicons-icons{width: 20px;padding-left:15px;float: right}
span.jicons-icons img{}
.contact-address address {}
.contactus-form{line-height: 25px;padding: 0px 0 0px 7px;margin: 1px;font-weight: normal}
.contactus-form label {line-height: 25px;margin: 3px 0 0 0;font-weight:400}

address span{display:inline-block}
.contact-country{text-indent:-18px}
.contact-webpage{background:url(../images/jlogo.png) no-repeat 0 0;width:16px;height:16px}
.rtl .contact-webpage{background:url(../images/jlogo.png) no-repeat 20px 0;width:16px;height:16px;padding-right:36px;float:right}
.contact-webpage a{padding:0 0 0 34px}
.rtl .contact-webpage a{padding-right:10px!important}

fieldset dd{float:none}
.contactus-form fieldset dt{min-width:14px}
.contactus-form fieldset dd{margin-left:0}

.contact { padding:0 5px;margin-left:30px }
.contact-category { padding:0 10px }
.contact-category #adminForm fieldset.filters { border:0; padding:0 }
.contact-image { margin:10px 0; overflow:hidden; float: right; }
address { font-style:normal; margin:10px 0; }
span.contact-image { margin-bottom:10px; overflow:hidden; display:block }
.contact-address { margin:20px 0 10px 0; }
.contact-email div { padding:2px 0; margin:0 0 10px 0; }
.contact-email label { width:17em; float:left; }
#contact_textmsg { padding: 2px 0 10px 0 }
#contact-email-copy { float:left; margin-right:10px; }
.contact .button { float:none !important; clear:left; display:block; margin:20px 0 0 0 }
#contact-slider{border:1px solid #e5e5e5;margin:10px 0 0}
#contact-slider .panel{margin:0!important;padding:0!important}
#contact-slider h3.pane-toggler,#contact-slider h3.pane-toggler-down{background-image:url(../images/accordion.png);background-repeat:repeat-x;cursor:pointer;display:block;line-height:30px;font-size:13px;font-weight:700;margin:0!important;padding:0 10px!important}
#contact-slider h3.pane-toggler{background-position:0 0}
#contact-slider h3.pane-toggler-down{background-position:0 -30px}
.pane-sliders div.panel div.pane-down{padding:10px!important}

/*Statistics*/
dl.stats-module dd{float:left;margin:0 0 10px}
dl.stats-module dt{clear:both;float:left;margin:0 0 10px;min-width:140px}

/*Search*/
form#searchForm{padding:15px 0}
.results h4{margin:15px 0 0}
.search fieldset{border:1px solid #ddd;margin:25px 0 15px;padding:10px}
.search fieldset legend{font-size:100%}
.search .word button{margin-left:5px}
.search .word .inputbox{vertical-align:top}
.search .word label{vertical-align:bottom}
.search dd.result-text span.highlight{background:#000}
.results p,.search .phrases-box{margin:0 0 10px}
.search-results dt.result-title{border-top:1px dotted #DADADA;padding-top:20px;margin:20px 0}

/*Edit*/
div.edit {}
.edit label{display:block;float:left;font-weight:700;text-align:right;width:130px}
label#jform_description-lbl {width:auto!important;float:none!important;text-align:left}
.edit fieldset{padding:20px 0 0}
.edit .inputbox,.edit input{margin-left:10px;width:150px}
.edit select{margin-left:10px;width:164px!important}
.edit div.formelm {margin-bottom:10px}
.edit div.formelm-buttons {margin:0 0 20px 140px}

/* wrapper */
iframe { border:none; }

/* System Messages */
#system-message{margin:0}
#system-message dt{display:none}
#system-message dd{background:none!important;padding:0!important}
#system-message dd.message ul,#system-message dd.error ul,#system-message dd.notice ul{color:#222;font-weight:400;margin:0;padding:0}
#system-message dd.message ul{background:#FFFEF4;border-top:1px solid #EAE8CC;border-bottom:1px solid #EAE8CC}
#system-message dd.error ul{background:#fff3f4;border-top:1px solid #FF969B;border-bottom:1px solid #FF969B}
#system-message dd.notice ul{background:#f4faff;border-top:1px solid #96ccff;border-bottom:1px solid #96ccff}
#system-message dd.message ul li,#system-message dd.error ul li,#system-message dd.notice ul li{background:none;text-indent:0;text-align:center;margin:0;padding:8px 16px}