/*---------------------------------------------------------------

# 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

-----------------------------------------------------------------*/



/* Hiperlink */

a{text-decoration:none;}

a:hover,a:active,a:focus{text-decoration:none;}



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

.item_innerDiv,.item-page,.item-page_portfolio {

	background: #F4F4F4;

	border-color: white #CCC #CCC white;

	border-style: solid;

	border-width: 1px;

	margin: 0 0 10px;

	padding: 10px;

}



/*Portfolio layout*/

.blog_portfolio{position:relative;margin:0 -10px}

.blog_portfolio .item .first{margin-left:0}

.blog_portfolio .item .last{margin-right:0}

.blog_portfolio .item .single{margin-left:0;margin-right:0}

.blog_portfolio .item_innerDiv{background:#f4f4f4;border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;margin-bottom:20px;cursor:pointer;padding:10px}

.blog_portfolio .item_innerDiv:hover{background:#eee}

.img-portfolio .item-buttons{position:absolute;display:inline-block;top:50%;left:50%;margin:-20px 0 0 -60px}

a.item-preview,a.item-more{width:60px;height:40px;display:inline-block;text-indent:-9999em}

a.item-preview{background:url(../images/item-preview.png) no-repeat 50% 50%}

a.item-more{background:url(../images/item-more.png) no-repeat 50% 50%}

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

.item_innerDiv:hover .img-portfolio-wraper{opacity:1}

.img-portfolio-wraper {z-index:1}

.img-portfolio {overflow:hidden}



/*portfolio layout*/

.blog_portfolio h2,.blog_portfolio p{text-align:center}



/* Headings */

h1,h2,h3,h4,h5,h6{line-height:100%;margin-bottom:5px}

h1 { font-size: 200%; }

h2 { font-size: 160%; }

h3 { font-size: 130%; }

h4 { font-size: 100%; }

h5 { font-size: 90%; }

h6 { font-size: 80%; }

h1{font-family:Georgia,"Times New Roman",Times,serif;font-weight:300;line-height:normal;color:#a9b81d;background:url(../images/nav-border.gif) repeat-x 0 100%;margin:0 10px 10px!important;padding:0 0 1px!important}

h2{font-family:Georgia,"Times New Roman",Times,serif;font-weight:500;margin:0!important;padding:5px 0 10px!important}

p,ul,ol,h1,h2,h3,h4,h5,h6{margin:0.7em 0;padding:0}



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

/* forms */

fieldset{border:medium none;margin:0;padding:5px 0}

fieldset dd{float:left;margin:0 0 10px}

fieldset dt{clear:both;float:left;margin:0 0 10px;min-width:140px}

form label{cursor:pointer}

fieldset a{font-weight:700}

legend{font-size:125%;font-weight:700;line-height:1.2}

form{display:inline;margin:0;padding:0}

input[type=text],input[type=password],input[type=submit], input[type=reset], input[type=email],

select,textarea,.inputbox{background:#f1f1f1;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #fff;border-bottom:1px solid #fff;color:#656565;font-family:Arial,Helvetica,sans-serif;padding:6px}



input[type=text]:hover,input[type=password]:hover,input[type=submit]:hover, input[type=reset]:hover, input[type=email]:hover,

select:hover,textarea:hover,.inputbox:hover{background:#e5e5e5}



hr{background-color:#CCC;border:#CCC;color:#CCC;height:1px}



/* Button */

a.readmore{display:inline-block;height:30px;line-height:30px;position:relative;font-size:18px;text-decoration:none;text-shadow:0 1px rgba(0,0,0,.1);color:#fff!important;margin:0;padding:0 10px 0 14px}

a.readmore::after{content:"";position:absolute;top:0;right:-12px;width:0;height:0;border-style:solid;border-width:15px 0 15px 12px}

a.readmore:hover{background:#717171}

a.readmore:hover::after{border-left-color:#717171}

.rtl a.readmore:hover::after{border-right-color:#717171}

.rtl a.readmore{padding:0 14px 0 10px}

.rtl a.readmore::after{right:auto;left:-12px;border-width:15px 12px 15px 0}





.adminform button,#adminForm button,.button,button[type=submit],input[type=submit],input[type=button]{background:#fffefe;cursor:pointer;display:inline-block;text-align:center;color:#999;padding:4px 15px;text-transform:uppercase}

a.spcomments:hover,a.readmore:hover,.adminform button:hover,#adminForm button:hover,.button:hover,button[type=submit]:hover,input[type=submit]:hover,input[type=button]:hover{color:#fff;}



/* misc */

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



/* image */

img{margin:0;padding:0}

.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:99%;margin:10px 10px 20px 0}

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;text-align:center}



/* Article Info */

.article-tools{color:#999;border-bottom:1px dotted #ECECEC;padding-bottom:5px;margin-top:3px;clear:both;display:block;position:relative}

dl.article-info{float:left;width:70%;padding:0}

dd.create,dd.createdby,dd.createdate,dd.createdby,dd.section,dd.category,dd.category-name{margin-right:8px;text-transform:capitalize;padding:0 0 0 20px!important}

dd.modifydate{color:#999;}

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}

dl.article-info dd,dl.article-info dt{display:inline-block;}

dd.createdby{background:url(../images/icon-author.png) no-repeat 0% 50%}

dd.category-name{background:url(../images/icon-category.png) no-repeat 0% 50%}

.blog_blog .article-tools dl.article-info dd, .blog_blog  dl.article-info dt {text-transform: uppercase;color:#999}

/* Pagination */

div.pagination{background:#eee url(../images/pagination_bg.png) repeat-x 0 0;clear:both;min-height:1px;padding: 10px;border:1px solid #ccc;margin-bottom:0}

div.pagination ul{text-align:left;margin:0;padding:0}

div.pagination ul li{background:none;cursor:poinater;display:inline;overflow:hidden;margin:0 5px 0 0;padding:0!important}

div.pagination ul li a {border:1px solid #a9a9a9;background:#dcdcdc;color:#adadad;padding:1px 5px}

div.pagination ul li a:hover,div.pagination ul li.pagination-active a{border:1px solid #929292;background:#f7f7f7;color:#000;}

div.pagination p.counter{float:right;margin:0;padding: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}



/* items more */

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}



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}



/* Contact */

.contact { padding:0 5px }

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

address span { display:block }

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}



/* User Profile */

#form-login-username label,

#form-login-password label,

#form-login-remember label{display:block;float:left;font-weight:700;width:100px;text-align:left}



#form-login-username input,

#form-login-password input{background:#EAEAEA;border-bottom:1px solid #FFF;border-left:1px solid #C0C0C0;border-top:1px solid #C0C0C0;color:#B7B7B7;height:20px;width:160px;padding:2px 5px;margin:0}

div.mod-inner fieldset {padding:0!important}



.login fieldset,.remind fieldset,.reset fieldset,.registration fieldset,.profile-edit fieldset{padding:20px 0 0}

.login-fields,.profile-edit dl,.remind dl,.reset dl,.registration dl dd{margin:0 0 10px}

.login label,.profile-edit dl dt,.remind dl dt,.reset dl dt,.registration dl dt{display:block;float:left;font-weight:400;text-align:right;width:150px}

.login .inputbox,.login input.required,.registration dl dd input.required,.remind dl dd input.required,.reset dl dd input.required,

.profile-edit .inputbox,.profile-edit input.required,.profile-edit input,.profile-edit select{margin-left:10px;width:180px}

.login .button,.login button,.profile-edit button,.remind button,.reset button,.registration button{margin-left:160px}

ul.userlinks {margin-top:15px!important;padding: 0!important;}

ul.userlinks li{background:none!important;line-height:normal;padding:0 0 5px;margin:0;border:0}

ul.userlinks li li:hover {background:none!important}

ul.userlinks a {font-size: 11px;}



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



/* Tooltip */

.tip{background:#FCFCF4;border:1px solid #EAE6CC;font-size:10px;max-width:300px;color:#323232;padding:5px}

.tip-title{background:none;font-weight:700;border-bottom:1px solid #EAE6CC;text-transform:uppercase;padding:3px 6px}

.tip-text{padding:3px}

label.hasTip{margin-left:5px}



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

.user_icon {
width: 72px;
height: 68px;
text-align: center;
position: absolute;
top: -34px;
left: 50%;
margin-left: -34px;
background: url(../images/mod_icon_bg.png) no-repeat;
}