/*---------------------------------------------------------------
# Package - Joomla Template based on CGrocket Framework   
# ---------------------------------------------------------------
# Author - CGrocket http://www.cgrocket.com
# Copyright (C) 2011 - 2012 cgrocket.com. All Rights Reserved.
# license - PHP files are licensed under  GNU/GPL V2
# license - CSS  - JS - IMAGE files  are Copyrighted material
# Websites: http://www.cgrocket.com -  http://www.leweb2.com
-----------------------------------------------------------------*/

/* Master Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
margin:0;
padding:0}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;
border-spacing:0}

/*Module type XHTML*/
.mod-wrapper,.mod-wrapper-flat {position:relative}
.mod-wrapper {
background-color:#fff;
border:0px solid #26a3c7;
padding:10px;
-moz-border-radius:30px;
-webkit-border-radius:50px;
border-radius:50px;
}
.mod-wrapper h3.header{
background:#fff;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:19px;
line-height:26px;
font-weight:500;
margin:-30px 33px 16px;
padding:0;
}
#cg-leftcol
.mod-wrapper h3.header, #cg-rightcol .mod-wrapper h3.header{
font-family:Arial;
color:#000;
font-size:20px;
line-height:26px;
font-weight:400;
margin:5px 0px 5px;
padding:0;
text-transform: none}
#cg-leftcol .mod-wrapper, #cg-rightcol .mod-wrapper {
font-family:Arial,Helvetica,sans-serif;
border:none!important;
padding:0}
.mod-wrapper ul{
list-style:none;
margin:0;
padding:0}

.mod-wrapper li{
background:#fff;
border-bottom:1px dotted #EAEAEA;
font-size:14px;
font-weight:400;
padding:5px 0;
}
.module_menu .mod-wrapper li{
border-bottom:1px solid #eaeaea;
font-size:14px;
font-weight:400;
text-shadow:0 1px #FFF;
margin:0 -10px;
padding:6px 10px
}

.module_menu  .mod-wrapper li:hover a,.module_menu  .mod-wrapper li.active a{
color:#fff;
text-shadow:0 1px #000
}

.module_menu .mod-wrapper li li{
background-image:none!important;
border:none!important
}

.module_border .mod-wrapper {
background: url(../images/border.gif) repeat-x 0 100%;
margin:0 -10px;
padding:0 10px 10px 10px!important
}

/* Lang */
div.mod-languages ul {
background:#1a1a1a;
margin: 0px;
padding: 0px;
-moz-border-radius:30px;
-webkit-border-radius:50px;
border-radius:50px;
}
div.mod-languages ul :hover{
background:#1a1a1a;
margin: 0px;
padding: 0px;
-moz-border-radius:30px;
-webkit-border-radius:50px;
border-radius:50px;
}
div.mod-languages img{
padding: 5px 0px 0px 0px;
}
div.mod-languages img:hover{
padding: 5px 0px 0px 0px;
}
div.mod-languages:hover img{
padding: 5px 0px 0px 0px;
background:#1a1a1a;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

/* Core */
body.bg{
background:#444;
background:url(../images/background.jpg) repeat;
}
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:12px;
line-height:1.8
}
.cg-wrap{
margin-left:auto;
margin-right:auto
}
.cg-block{
float:left;
display:inline
}
.mod-block {
padding:0px 10px
}
.cg-inner{
padding-left:15px;
padding-right:15px
}
.cg-block .first {
margin-left:-10px
}
.cg-block .last {
margin-right:-10px
}
.cg-block .single {
margin-left:-10px;
margin-right:-10px
}
.gap{clear:both; margin-bottom:20px}
.relative {position:relative}
.mainbg {background:#FFF}

/*Search*/
#search{float:right;margin:38px 0 0 0}
.mod-search,div.finder{width:300px;height:29px}
#search .inputbox,#search input#mod-finder-searchword{height:29px;line-height:29px;color:#000;background:transparent;border:0;width:215px;margin:0;padding:0 5px;}
#search input.button{background:none!important;border:0 none;cursor:pointer;height:28px;width:70px;margin:0!important;text-indent:-999em;overflow:hidden}

/*Module positions user1-user12*/
#cg-userpos {
background:#fff;
padding:20px 0;
border-bottom:1px solid #fff
}
#cg-userpos h3,#cg-userpos h4{
color:#555;
font-size:12px;
text-transform:uppercase
}
#cg-bottom{
background:#111;
color:#999
}

/* Layout */
#cg-leftcol, #cg-rightcol, #cg-maincol ,#inset1, #inset2, #inner_content {float:left}
#cg-maincol {padding:0px 0}

#cg-leftcol, #cg-rightcol {background:#fff}
.blog-featured .first, .blog-featured .last {margin:0!important}

/*Font Resizer*/
div.font-sizer{
width:45px;
height:16px;
line-height:16px;
position:absolute;
z-index:1;
top:5px;
right:10px
}
div.font-sizer a.btn_fs_big,div.font-sizer a.btn_fs_reset,div.font-sizer a.btn_fs_small
{background-image:url(../images/font-resizer.png);
background-repeat:no-repeat;
height:16px;
width:15px;
border:medium none;
cursor:pointer;
display:block;
float:left;
text-indent:-999em;
padding:0
}
div.font-sizer a.btn_fs_big{background-position:0 0}
div.font-sizer a.btn_fs_reset{background-position:-15px 0}
div.font-sizer a.btn_fs_small{background-position:-30px 0}
div.font-sizer a.btn_fs_big:hover{background-position:0 -16px}
div.font-sizer a.btn_fs_reset:hover{background-position:-15px -16px}
div.font-sizer a.btn_fs_small:hover{background-position:-30px -16px}

/* Breadcrumbs */
#breadcrumbs{
background:#151515;
overflow:hidden;
height:30px;
line-height:30px;
border-top:1px solid #222
}
#breadcrumbs span.showhome {
font-weight:bold;
margin-right:5px
}
#breadcrumbs .padding{padding:5px 8px}
#breadcrumbs a,#breadcrumbs span,#breadcrumbs strong{
display:block;
float:left;
color:#999
}
#breadcrumbs a,#breadcrumbs span.separator{
margin-right:10px;
padding-right:15px;
background:url(../images/breadcrumbs.png) 100% 50% no-repeat
}
#breadcrumbs span.current{color:#666}
a#topofpage{
float:right!important;
background:none!important;
margin:0!important;
padding:0!important
}

/* Footer */
#cg-footer{
background:#050505;
}
#cg-footer a{color:#666}
#cg-footer:hover a{color:#FFF}
#cg-footer .cp {float:left;}

/*Footer Navigation*/
#footer-nav{
float:right;
margin-top:8px
}
#footer-nav ul{
list-style-type:none;
padding:0;
margin:0 0 5px 0
}
#footer-nav li{
background:none;
padding:0;
display:inline
}
#footer-nav a{
font-size:11px;
font-weight:normal;
text-decoration:none;
display:inline;
margin:0;
padding:0 8px;
color:#666
}

/*Footer Lang*/
#lang{
float:right;
margin-top:8px
}
#lang ul{
list-style-type:none;
padding:0;
margin:0 0 5px 0
}
#lang li{
background:none;
padding:0;
display:inline
}
#lang a{
font-size:11px;
font-weight:normal;
text-decoration:none;
display:inline;
margin:0;
padding:0 8px;
color:#666
}

/* CGrocket Logo */
#powered-by{
display:block;
text-indent:-999em
}
.cgrocket-logo-light,.cgrocket-logo-dark,.cgrocket-logo-light-small,.cgrocket-logo-dark-small{
display:block;
float:left;
padding:0 10px 0 0;
margin:0 15px 0 0;
border-right:1px solid #222
}
.cgrocket-logo-light,.cgrocket-logo-dark,.cgrocket-logo-light a,.cgrocket-logo-dark a{
height:40px;
width:190px
}
.cgrocket-logo-light-small,.cgrocket-logo-dark-small,.cgrocket-logo-light-small a,.cgrocket-logo-dark-small a{
height:33px;
width:100px
}
.cgrocket-logo a{
background-position:center center;
background-repeat:no-repeat;
display:block;
text-indent:-999em
}
.cgrocket-logo a:hover{
background:url(../images/cgrocket-logo/cgrocket_dark_small.png);
background-position:center center;
background-repeat:no-repeat;
display:block;
text-indent:-999em
}
.cgrocket-logo-light a{background-image:url(../images/dna-footer-logo.png)}
.cgrocket-logo-dark a{background-image:url(../images/dna-footer-logo.png)}
.cgrocket-logo-light-small a{background-image:url(../images/cgrocket-logo/cgrocket_light_small.png)}
.cgrocket-logo-dark-small a{background-image:url(../images/cgrocket-logo/cgrocket_dark_small.png)}

.cgrocket-logo-light:hover,.cgrocket-logo-dark:hover,.cgrocket-logo-light a:hover,.cgrocket-logo-dark a:hover,.cgrocket-logo-dark:hover,.cgrocket-logo-light:hover,.cgrocket-logo-light:hover,.cgrocket-logo-dark:hover,.cgrocket-logo-light-small:hover,.cgrocket-logo-dark-small:hover{
background:transparent;
display:block;
float:left;
padding:0 10px 0 0;
margin:0 15px 0 0;
border-right:1px solid #222
}
/* Clearfix */
.clr{
clear:both;
display:block;
overflow:hidden;
visibility:hidden;
width:0;
height:0
}
.clearfix:after{
clear:both;
content:' ';
display:block;
font-size:0;
line-height:0;
visibility:hidden;
width:0;
height:0
}

* html .clearfix,:first-child+html .clearfix{zoom:1}

/* Comment form */
div.comments-policy {
color: #777;
text-align: left;
text-decoration: none;
text-transform: none;
text-indent: 0;
background-color: inherit;
border: 1px dotted #ccc;
padding: 5px;
margin: 5px 0 5px 20px;
margin-left: 20px !important;
}
div.comments-policy ol, div.comments-policy ul {
margin: 0;
padding: 5px 0 0 20px;
line-height: 5px
}
div.comments-policy ol li, div.comments-policy ul li {
font: normal 1em Arial, Arial, Sans-Serif;
margin: 0;
padding: 0;
border: none;
line-height: 5px
}
#comments-form, #comments-form p, #comments-report-form, #comments-report-form p, #comments-form span, #comments-form .counter {
text-align: left;
text-decoration: none;
text-transform: none;
text-indent: 0}
#comments-form p, #comments-report-form p, #comments-form span, #comments-form .counter {
color: #777;font: normal 1em Arial, Arial, Sans-Serif}
#comments-form p, #comments-form #comments-form-buttons, #comments-form #comments-form-error, #comments-form #comments-form-captcha-holder {
font: normal 1em Arial, Arial, Sans-Serif;
margin-left: 20px !important;
margin-top: 10px;
margin-bottom: 8px;
overflow: hidden;
padding: 0
}
#comments-inline-edit {
border: 1px solid #ccc;
margin: 5px 0 0 0;
background: #fff
}
#comments-inline-edit #comments-form p, #comments-inline-edit #comments-form #comments-form-buttons,
#comments-inline-edit #comments-form-error {
font: normal 1em Arial, Arial, Sans-Serif;
margin-left: 5px !important;
margin-left: 5px;
margin-top: 5px;
margin-bottom: 2px;
padding: 0}
#comments-form img.smile {
margin: 0 3px 3px 0;
padding: 0;
border: none;
cursor: pointer}
#comments-form img.captcha {
padding: 0;
margin: 0 0 3px 0;
border: 1px solid #ccc}
#comments-form span.captcha {
padding: 0 0 0 12px;
color: #777; background: url(../images/jcomments/jc_refreshg.gif) no-repeat 0 2px;
cursor: pointer;
display: inline-block}
#comments-form label, #comments-report-form label {
color: #777;
background-color: inherit;
line-height: 1.5em;
padding: 0;
margin: 0;
vertical-align: middle}
#comments-form input, #comments-report-form input, #comments-form textarea {
color: #444;
background-color: #f5f4f4;
padding: 0 !important;
margin: 0;
border: 1px solid #f5f4f4
}
#comments-form input {
width: 170px;
margin-bottom: 2px;
height: 1.5em
}
#comments-form input.selected, #comments-form textarea.selected {
color: #777;
background-color: #ebeaea !important;
border: 1px solid #ebeaea
}
#comments-form input.error, #comments-form textarea.error {
border: 1px solid #f00;
text-decoration:none;
text-transform:none;
background-color: #ffffe0
}
#comments-form input.checkbox {
width: 16px;
line-height: 1.5em;
padding: 0; margin: 0;
vertical-align: middle;
border: none
}
#comments-form input.captcha {
width: 116px;
margin: 3px 0 5px 0
}
#comments-form textarea {
max-width: 400px !important;
width: 350px;
margin:0;resize: none;
}
#comments-form-message {
padding: 5px 5px 5px 25px;
margin-right: 5px;
display: block
}
.comments-form-message-error {
background: #FFD86F url(../images/jcomments/jc_error.gif) no-repeat 4px 50%}
.comments-form-message-info {
background: #DFEEFF url(../images/jcomments/jc_info.gif) no-repeat 4px 50%}
#comments-form .counterpanel {
height:13px;
display:block;
overflow:hidden;
color: #ccc;
padding: 0;
margin:0;
border:1px solid #ddd;
border-top-width:0;
max-width: 400px !important;
width: 350px;
background-color: #eee
}
#comments-form .grippie {
height:13px;
display:block;
overflow:hidden;
color: #ccc;
padding: 0;
margin:0;
border:1px solid #ebeaea;
border-top-width:0;
max-width: 400px !important;
width: 350px;
cursor:s-resize;
background: #ebeaea url(../images/jcomments/jc_resize.gif) no-repeat right 2px}
#comments-form .grippie .counter {
font-size: 10px;
padding: 0;
margin: 0
}
#comments-form .grippie span {
display:block;
float:left
}
#comments-form .grippie span span {
display:inline;
float:none
}
#comments-form .btn, #comments-report-form .btn {
float: left;
background: url(images/jc_btnl.gif) no-repeat;
margin-right: 5px
}
#comments-form .btn div, #comments-report-form .btn div {
margin:0 -1px 0 0;
float: left;
background: #cfcfcf;
padding: 0 15px;
font-size: 12px;
font-weight: bold
}
#comments-form .btn a, #comments-report-form .btn a {
text-decoration: none;
height: 22px;
line-height: 22px;
font-size: 12px;
font-weight: bold;
color: #777;
padding: 0 5px;
border: none
}
#comments-form .btn a:hover, #comments-form .btn a:focus, #comments-report-form .btn a:hover, #comments-report-form .btn a:focus {
text-decoration: none;
color: #b50000;
background-color: transparent
}
#comments-form-smilespanel {
display: none;
cursor: pointer;
padding: 2px;
max-width: 200px;
background-color: #fff;
border: 1px solid #ccc;
overflow: auto;
left: 0;
top: 0;
position:absolute;
z-index: 999999 !important;}
#comments-footer, #comments-footer a {
color: #ebeaea !important;
background-color: inherit;
font: normal 9px Arial, Arial, Sans-Serif !important
}
#comments-footer {
display: block;
height: 14px;
border-top: 0px solid #ccc;
padding-top: 0px;
margin-top: 4px;
text-align: right
}
#comments-footer a {
text-decoration: none !important;
text-transform: none;
padding: 0;
margin: 0;
border: none !important;
float: right;
background: none !important
}
#jc h4 {
color: #555;
background-color: inherit;
font-weight: bold;
font-size: 16px;
text-align: left;
border-bottom: 1px solid #ececec;
padding: 0 0 2px 0;
margin-bottom: 10px
}