/*---------------------------------------------------------------
# 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
-----------------------------------------------------------------*/

/* 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}

/* Core */
body{color:#525253;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:140%}

body.bg{background: #DBE2E6 /*url(../images/bg.jpg) no-repeat 50% 0*/}

.sp-wrap{margin-left:auto;margin-right:auto; }
.sp-block{float:left;display:inline}
.mod-block {padding:0px 5px;}
.sp-inner{padding-left:5px;padding-right:5px}
.sp-block .first {margin-left:-5px}
.sp-block .last {margin-right:-5px}
.sp-block .single {margin-left:-5px;margin-right:-5px}
.gap{clear:both; margin-bottom:10px}
.sp-relative {position:relative}

body.contentpane {	width:auto;margin:20px;	text-align: left; background: #EEF1F3 }
body.contentpane { color:#000;  }
body.contentpane .button { }
body.contentpane div.mailto-close {margin-bottom:20px}
body.contentpane div.mailto-close a {background: #FFF; padding: 4px; border: 1px solid #ccc; border-radius: 6px; }
body.contentpane .button:hover {/*background: #CCA43D; color: #FFF*/ }
body.contentpane input.inputbox {margin-bottom: 10px; background: #ddd; color:#000; border: 1px solid #ccc; border-radius: 4px;}
body.contentpane h2 {font-size: 18px; padding: 20px 0 !important; color: #555 !important; text-shadow: none !important}

/*Header Area*/
#header {position:relative;background: none; border-bottom: 0px solid #777; }
a#logo,#logo-text{float:left;margin:0 5px}
#logo-text h1{font-size:200%;font-weight:bold;text-transform:uppercase;border:0!important;margin:10px 0 0!important;padding:0!important}
#logo-text h1 a{}
#logo-text p.site-slogan{margin:0;padding:0;color:#999}

#top-bar {background: #DBE2E6 url(../images/top-bg.gif) repeat-x 0 100%;padding-bottom:2px}
#sp-banner {float:right;margin:30px 0 0 0}

/*Login and Registration*/
#members-area {
padding: 0;
float: right;
line-height: 36px;
height: 30px;
display: block;
}
#members-area a.login-link {background:url(../../images/icon-key.png) no-repeat 5px 50%}
#members-area a.reg-link {background:url(../../images/icon-user.png) no-repeat 5px 50%}
#members-area a{
	float: right;
	line-height: 36px;
	height: 34px;
	display: block;
	padding:0 10px 0 26px;
	color:#777;
}
#members-area a.login-link.show {background-color:#454545;color:#fff}
#sp-login{width:180px;padding:5px 20px;position:absolute;z-index:99999999;background:#fff;/*border:5px solid #454545*/;border-radius:0 0 6px 6px}

/*Search*/
#sp-search {float:right;margin:7px 0 0 0;padding:0;}
#sp-search input#mod-search-searchword,
#sp-search input#mod-finder-searchword{font-size: 12px; padding:2px 10px;margin:0 0 5px 0;background:url(../images/search.png) no-repeat 98% 50%;border:1px solid #888}


/* Layout ------------------------------------------------------------------------------------------*/

#sp-leftcol, #sp-rightcol, #sp-maincol ,#sp-inset1, #sp-inset2, #inner_content {float:left}
#sp-leftcol, #sp-rightcol, #sp-inset1, #sp-inset2 {padding: 0 px 0px; margin: 10px 0px ; }
#sp-maincol {padding: 0px 0 0px 0 ;margin: 10px 0 }
#inner_content .sp-content-inner { padding: 0; margin: 0 5px 10px 5px }
.main-area {margin:10px 0;padding:0 5px}

/*Module positions user1-user4*/
#sp-userpos .gap {margin:0px }
#sp-userpos h3 {color:#333}

#sp-userpos {margin: 0 -3px 0 -6px}
#sp-user1, #sp-user2, #sp-user3, #sp-user4, #sp-user5, #sp-user6 {margin:10px -2px 10px 2px;}

/*sp bottom*/
#sp-bottom {background:#333; color:#555; padding:0px 0px 0px; border-top:1px solid #fff; /*text-shadow: 0 -1px #000*/}

/*Font Resizer*/
div.font-sizer{width:45px;height:16px;line-height:16px;float:right;margin:10px 0 0 0}
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 */
#sp-breadcrumbs{border-bottom:1px solid #e5e5e5;overflow:hidden;height:26px;line-height:22px;margin:-10px -10px 10px;padding:0 10px}
#sp-breadcrumbs span.showhome {font-weight:bold;margin-right:5px}
#sp-breadcrumbs .padding{padding:5px 8px}
#sp-breadcrumbs a,#sp-breadcrumbs span,#sp-breadcrumbs strong{display:block;float:left}
#sp-breadcrumbs a,#sp-breadcrumbs span.separator{margin-right:10px;padding-right:15px;background:url(../images/breadcrumbs.png) 100% 50% no-repeat}
#sp-breadcrumbs span.current{color:#666}

/* Footer */
#sp-footer{padding:10px 0;background:#111;/*text-shadow: 0 -1px #000*/}
#sp-footer a {color:#777}
#sp-footer a:hover {color:#999}
#sp-footer .cp {float:left;margin-top:8px}

/*top-menu*/
#sp-top-menu{float:left;margin-top:10px;}
#sp-top-menu ul{list-style-type:none;padding:0;margin:0 0 5px 0}
#sp-top-menu li{background:none;padding:0;display:inline}
#sp-top-menu a{font-size:11px;font-weight:normal;color:#888;text-decoration:none;display:inline;margin:0;padding:0 15px 0 0}
#sp-top-menu a:hover {color:#999}

/*Footer Menu*/
/*#sp-footer-nav .clearfix { clear: both; }*/
#sp-footer-nav{float:right;margin-top:8px; }
#sp-footer-nav ul{list-style-type:none;padding:0;margin:0 0 5px 0}
#sp-footer-nav li{background:none;padding:0;display:inline-block}
#sp-footer-nav a{font-size:11px;font-weight:normal;text-decoration:none;display:inline;margin:0;padding:0 8px}

 
/*a#topofpage{font-size:11px;float:right;margin:12px 0 0 0;width:12px;height:12px;background:url(../images/to-top.png) no-repeat 0 0;text-indent: -999em}
a#topofpage:hover{background-position:0 -12px}*/

/* Helix Logo */
#powered-by{display:block;text-indent:-999em}
.helix-logo-light,.helix-logo-dark,.helix-logo-light-small,.helix-logo-dark-small{display:block;float:left;padding:0 10px 0 0;margin:0 15px 0 0;border-right:1px solid #222}
.helix-logo-light,.helix-logo-dark,.helix-logo-light a,.helix-logo-dark a{height:33px;width:160px}
.helix-logo-light-small,.helix-logo-dark-small,.helix-logo-light-small a,.helix-logo-dark-small a{height:33px;width:100px}
.helix-logo a{background-position:center center;background-repeat:no-repeat;display:block;text-indent:-999em}
.helix-logo-light a{background-image:url(../images/helix-logo/helix_light.png)}
.helix-logo-dark a{background-image:url(../images/helix-logo/helix_dark.png)}
.helix-logo-light-small a{background-image:url(../images/helix-logo/helix_light_small.png)}
.helix-logo-dark-small a{background-image:url(../images/helix-logo/helix_dark_small.png)}

/* 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}




