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

/*Module type XHTML*/
.module .mod-wrapper {background-color:#fff;color:#4f4f4f;padding:15px;box-shadow:1px 1px 0 0 rgba(0, 0, 0, .2)}
.module.none .mod-wrapper {background-color:transparent;padding:0;box-shadow:none}
.module.noborder .mod-wrapper {box-shadow:none}
.module.center .mod-wrapper {text-align:center}
.mod-wrapper,.mod-wrapper-flat {position:relative}

#sp-userpos .mod-wrapper-flat{padding:20px;cursor:pointer}
.mod-wrapper h3.header{font-family:coda;font-size:24px!important;background:#fafafa;font-weight:400;line-height:normal;margin:-15px -15px 15px -15px;padding:15px;border-bottom:1px solid #ccc}
.module.none .mod-wrapper h3 {background:none;padding:0;margin:0;border:0}
.module.title-transparent .mod-wrapper h3 {background:none!important;margin-bottom:0;border:0!important}

.module_none .mod-wrapper h3.header {border-bottom:1px solid #e5e5e5}
.module_text .mod-wrapper h3.header {font-size:9px;}

.mod-wrapper ul{list-style:none;margin:0;padding:0}
.mod-wrapper li{margin:0;padding:5px 10px;display:block}
.mod-wrapper li:first-child{border-top:0}
.mod-wrapper li:last-child{border-bottom:0}
.mod-wrapper li a{font-size:13px;color:#666;display:block;text-decoration:none;margin:0}

#sp-userpos .mod-wrapper-flat{background:#fff;
	background: -moz-linear-gradient(top, #fff 0%, #ececec 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ececec));
	background: -webkit-linear-gradient(top, #fff 0%,#ececec 100%);
	background: -o-linear-gradient(top, #fff 0%,#ececec 100%);
	background: -ms-linear-gradient(top, #fff 0%, #ececec 100%);
	background: linear-gradient(top, #fff 0%, #ececec 100%);
	border:1px solid #c3c3c3;border-radius:8px;}
#sp-userpos .mod-wrapper-flat:hover{background:#fff;	border:1px solid #c3c3c3}


/*Start Module Variations*/

/*Suffix menu*/
.module.menu ul.menu li {padding:0;margin:0;background:none}
.module.menu ul.menu li a {background:#fff;padding:15px;margin:0 -15px;border-bottom:1px solid #d8d8d8}
.module.menu ul.menu li a:hover {background:#fbfbfb}
.module.menu ul.menu > li:first-child{margin-top:-15px}
.module.menu ul.menu > li:last-child{margin-bottom:-15px}
.module.menu ul.menu > li:last-child a {border-bottom:0}
.module.menu ul.menu li li a {background:#f8f8f8;padding:6px 20px;border-bottom:0}
.module.menu ul.menu li li a:hover {background:#eee}

/*Suffix orange*/
.module.orange  .mod-wrapper {background-color:#ffae00;color:#fff;text-shadow:0 1px rgba(0, 0, 0, .2)}
.module.orange .mod-wrapper h3.header{background:#FFB924;color:#fff;border-bottom:1px solid #EBA100}
.module.orange  .mod-wrapper a {color:#fff200}
.module.orange  .mod-wrapper ul li {background: url(../images/typo/arrow-light.png) no-repeat 0 8px;border-bottom:1px dotted #fff200;padding:5px 15px;}
.rtl .module.orange  .mod-wrapper ul li {background: url(../images/typo/arrow-light-rtl.png) no-repeat 100% 8px}
.module.orange  .mod-wrapper ul li a{color:#fff200}
.module.orange  .mod-wrapper a:hover,.module.orange  .mod-wrapper ul li a:hover{color:#d59c02}

/*Suffix highlighted*/
.module.highlighted  .mod-wrapper {color:#fff;text-shadow:0 1px rgba(0, 0, 0, .2);box-shadow:none}
.module.highlighted .mod-wrapper h3.header{background:#bed368;color:#fff;border-bottom:1px solid #dcef8b}
.module.highlighted  .mod-wrapper a {color:#718326}
.module.highlighted  .mod-wrapper ul li {background: url(../images/typo/arrow-light.png) no-repeat 0 8px;border-bottom:1px dotted #A7D364;padding:5px 15px;}
.rtl .module.highlighted  .mod-wrapper ul li {background: url(../images/typo/arrow-light-rtl.png) no-repeat 100% 8px}
.module.highlighted  .mod-wrapper ul li a{color:#718326}
.module.highlighted  .mod-wrapper a:hover,.module.highlighted  .mod-wrapper ul li a:hover{color:#6C9E21}

/*Suffix White*/
.module.white .mod-wrapper a {color:#ccc}
.module.white .mod-wrapper ul li {background: url(../images/typo/arrow-dark.png) no-repeat 0 8px;border-bottom:1px dotted #ccc;padding:5px 15px;}

/*Suffix gray*/
.module.gray  .mod-wrapper {background-color:#757575;color:#ddd;text-shadow:0 1px rgba(26, 26, 26, 0.7)}
.module.gray .mod-wrapper h3.header{background:#464646;color:#ddd;border-bottom:1px solid #353535}
.module.gray  .mod-wrapper a {color:#5fa1f3}
.module.gray  .mod-wrapper a:hover{color:#1d6dd0}
.module.gray  .mod-wrapper ul li {background:url(../images/typo/arrow-light.png) no-repeat 0 8px;border-bottom:1px dotted #535353;padding:5px 15px;}
.rtl .module.gray  .mod-wrapper ul li {background: url(../images/typo/arrow-light-rtl.png) no-repeat 100% 8px}
.module.gray  .mod-wrapper ul li a{color:#5fa1f3}
.module.gray  .mod-wrapper ul li a:hover{color:#1d6dd0}

/*Suffix twitter*/
.module.twitter .mod-wrapper {background-color:#effdfc;color:#888}
.module.twitter .mod-wrapper h3.header{background:#D5FFF7;color:#779E9A;border-bottom:1px solid #BBEEEA}
.module.twitter  .mod-wrapper a {color:#00b6e3}
.module.twitter  .mod-wrapper a:hover{color:#05C9FA}
.module.twitter  .mod-wrapper ul li {background:url(../images/typo/arrow-dark.png) no-repeat 0 8px;border-bottom:1px dotted #B6D4DB;padding:5px 15px;}
.rtl .module.twitter  .mod-wrapper ul li {background: url(../images/typo/arrow-dark-rtl.png) no-repeat 100% 8px}
.module.twitter  .mod-wrapper ul li a{color:#00b6e3}
.module.twitter  .mod-wrapper ul li a:hover{color:#05C9FA}


/*Suffix sky*/
.module.sky  .mod-wrapper {background-color:#a7d1f1;color:#126B81;text-shadow:0 1px rgba(160, 160, 160, .3)}
.module.sky .mod-wrapper h3.header{background:#C0E4FF;color:#126B81;border-bottom:1px solid #92CCFA}
.module.sky  .mod-wrapper a {color:#1d6dd0}
.module.sky  .mod-wrapper a:hover{color:#5fa1f3}
.module.sky  .mod-wrapper ul li {background: url(../images/typo/arrow-light.png) no-repeat 0 8px;border-bottom:1px dotted #6FC2CE;padding:5px 15px;}
.rtl .module.sky  .mod-wrapper ul li {background: url(../images/typo/arrow-light-rtl.png) no-repeat 100% 8px}
.module.sky .mod-wrapper ul li a{color:#1d6dd0}
.module.sky  .mod-wrapper ul li a:hover{color:#5fa1f3}

/*Suffix blue*/
.module.blue  .mod-wrapper {background-color:#3372a2;color:#C4E3FC;text-shadow:0 1px rgba(0, 0, 0, 0.21)}
.module.blue .mod-wrapper h3.header{background:#4384B6;color:#C4E3FC;border-bottom:1px solid #4882AD}
.module.blue  .mod-wrapper a {color:#5EB9FF}
.module.blue  .mod-wrapper a:hover{color:#00045C}
.module.blue  .mod-wrapper ul li {background: url(../images/typo/mark_category.png) no-repeat 10px 15px;margin: 0 -12px;border-top: 1px solid #417EAC!important;}
.rtl .module.blue  .mod-wrapper ul li {background: url(../images/typo/mark_category.png) no-repeat 98% 10px}
.module.blue .mod-wrapper ul li a{color:#5EB9FF;padding:5px 20px;}
.module.blue  .mod-wrapper ul li a:hover{color:#00045C}

/*Suffix maroon*/
.module.maroon .mod-wrapper {background-color:#946050;color:#DDC1B9;text-shadow:0 1px rgba(0, 0, 0, 0.21)}
.module.maroon .mod-wrapper h3.header{background:#7F4C3C;color:#CCB7B1;border-bottom:1px solid #814A38}
.module.maroon  .mod-wrapper a {color:#680D09}
.module.maroon  .mod-wrapper a:hover{color:#000}
.module.maroon  .mod-wrapper ul li {background: url(../images/typo/arrow-light.png) no-repeat 0 8px;border-bottom:1px dotted #814A38;padding:5px 15px;}
.rtl .module.maroon  .mod-wrapper ul li {background: url(../images/typo/arrow-light-rtl.png) no-repeat 100% 8px}
.module.maroon .mod-wrapper ul li a{color:#680D09}
.module.maroon  .mod-wrapper ul li a:hover{color:#000}

/*Suffix green*/
.module.green  .mod-wrapper{background-color:#3cb878;color:#8AFDC2;text-shadow:0 1px rgba(148, 148, 148, 0.79)}
.module.green .mod-wrapper h3.header{background:#288B58;color:#8AFDC2;border-bottom:1px solid #35C279}
.module.green  .mod-wrapper a {color:#03793D}
.module.green  .mod-wrapper a:hover{color:#000}
.module.green  .mod-wrapper ul li {background: url(../images/typo/arrow-light.png) no-repeat 0 8px;border-bottom:1px dotted #24D176;padding:5px 15px;}
.rtl .module.green  .mod-wrapper ul li {background: url(../images/typo/arrow-light-rtl.png) no-repeat 100% 8px}
.module.green .mod-wrapper ul li a{color:#03793D}
.module.green  .mod-wrapper ul li a:hover{color:#000}

/*Suffix violet*/
.module.grass  .mod-wrapper{background-color:#78A24F;color:#fff;text-shadow:0 1px rgba(0, 0, 0, 0.79)}
.module.grass .mod-wrapper h3.header{background:#689041;color:#fff;border-bottom:1px solid #5F8838;}
.module.grass  .mod-wrapper a {color:#29460D}
.module.grass  .mod-wrapper a:hover{color:#9FE061}
.module.grass  .mod-wrapper ul li {background: url(../images/typo/arrow-light.png) no-repeat 0 8px;border-bottom:1px dotted #5F8838;padding:5px 15px;}
.rtl .module.grass  .mod-wrapper ul li {background: url(../images/typo/arrow-light-rtl.png) no-repeat 100% 8px}
.module.grass.mod-wrapper ul li a{color:#29460D}
.module.grass  .mod-wrapper ul li a:hover{color:#9FE061}

/*Suffix Wheat*/
.module.wheat  .mod-wrapper{background-color:#a8a975;color:#EBECB0;text-shadow:0 1px rgba(0, 0, 0, 0.3)}
.module.wheat .mod-wrapper h3.header{background:#B5B67B;color:#EBECB0;border-bottom:1px solid #9C9C73}
.module.wheat  .mod-wrapper a {color:#868844}
.module.wheat  .mod-wrapper a:hover{color:#555721}
.module.wheat  .mod-wrapper ul li {background: url(../images/typo/arrow-light.png) no-repeat 0 8px;border-bottom:1px dotted #D0D19C;padding:5px 15px;}
.rtl .module.wheat  .mod-wrapper ul li {background: url(../images/typo/arrow-light-rtl.png) no-repeat 100% 8px}
.module.wheat.mod-wrapper ul li a{color:#868844}
.module.wheat  .mod-wrapper ul li a:hover{color:#555721}

/*Suffix olive*/
.module.olive  .mod-wrapper{background-color:#69981e;color:#B5EC5B;text-shadow:0 1px rgba(0, 0, 0, 0.3)}
.module.olive .mod-wrapper h3.header{background:#82B431;color:#B5EC5B;border-bottom:1px solid #88B146}
.module.olive  .mod-wrapper a {color:#fff}
.module.olive  .mod-wrapper a:hover{color:#40630A}
.module.olive  .mod-wrapper ul li {background: url(../images/typo/arrow-light.png) no-repeat 0 8px;border-bottom:1px dotted #7FBB20;padding:5px 15px;}
.rtl .module.olive  .mod-wrapper ul li {background: url(../images/typo/arrow-light-rtl.png) no-repeat 100% 8px}
.module.olive.mod-wrapper ul li a{color:#fff}
.module.olive  .mod-wrapper ul li a:hover{color:#40630A}

/*Suffix Red*/
.module.dark .mod-wrapper{background-color:#618484;color:#DCDDDD;text-shadow:0 1px rgba(44, 44, 44, 0.5)}
.module.dark .mod-wrapper h3.header{background:#476C6C;color:#B9DFDF;border-bottom:1px solid #327777}
.module.dark   .mod-wrapper a {color:#092C2C}
.module.dark  .mod-wrapper a:hover{color:#000}
.module.dark   .mod-wrapper ul li {background: url(../images/typo/arrow-light.png) no-repeat 0 8px;border-bottom:1px dotted #63A5A5;padding:5px 15px;}
.rtl .module.dark  .mod-wrapper ul li {background: url(../images/typo/arrow-light-rtl.png) no-repeat 100% 8px}
.module.dark .mod-wrapper ul li a{color:#092C2C}
.module.dark   .mod-wrapper ul li a:hover{color:#000}

/*Module Type Flat*/
.mod-wrapper-flat h3.header{font-size:18px;font-weight:400;margin:15px 0 7px 0;padding:8px 10px;}
#sp-userpos .mod-wrapper-flat h3.header{text-align:center}
.mod-wrapper-flat ul{list-style:none;margin:0;padding:0}
.mod-wrapper-flat li{border-bottom:1px dotted #ccc;line-height:20px;font-size:11px;display:block;text-decoration:none;margin:0;padding:5px 0;background:none;color:#888}
.mod-wrapper-flat li a,.mod-wrapper-flat a{color:#888}
.mod-wrapper-flat li a:hover,.mod-wrapper-flat a:hover{color:#444}
.mod-wrapper-flat li a{background:url(../images/plus.png) no-repeat 0 50%;padding-left:10px}
.rtl .mod-wrapper-flat li a{background:url(../images/plus.png) no-repeat 100% 50%;padding-right:10px!important}

#sp-bottom .mod-wrapper-flat h3.header{color:#444444;text-align:left;margin:0;padding:0 0 15px 0}
.rtl #sp-bottom .mod-wrapper-flat h3.header{color:#fff;text-align:right;margin:0;padding:0 0 15px 0}
#sp-bottom .mod-block{padding:0 25px}
#sp-bottom .sp-block .first {margin-left:-25px}
#sp-bottom .sp-block .last {margin-right:-25px}
#sp-bottom .sp-block .single {margin-left:-25px;margin-right:-25px}
#sp-utility-bottom h3.header {font-weight:400;text-align:center;}
#sp-utility-bottom h3.header span {padding:0 10px}

/*Module Type Menu*/
.mod-wrapper-menu {margin:10px}
.mod-wrapper-menu h3.header{font-size:12px;font-weight:700;color:#000;margin:0;padding:2px 5px}
.mod-wrapper-menu ul{list-style:none;margin:0;padding:0}
.mod-wrapper-menu li{font-size:11px;display:block;text-decoration:none;margin:0;padding:4px}
.mod-wrapper-menu li a:hover{text-decoration:underline}

/*Badges*/
span.sp-badge.new,span.sp-badge.free,span.sp-badge.hot,span.sp-badge.pick,span.sp-badge.top
{height:20px;position:absolute;right:15px;text-indent:-999em;top:20px;width:27px;z-index:0;padding: 0;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
span.sp-badge.new{background: url(../images/base_new.png) no-repeat 100% 0;}
span.sp-badge.free{background: url(../images/base_free.png) no-repeat 100% 0;}
span.sp-badge.hot{background: url(../images/base_hot.png) no-repeat 100% 0;}
span.sp-badge.pick{background: url(../images/base_pick.png) no-repeat 100% 0;}
span.sp-badge.top {background: url(../images/base_top.png) no-repeat 100% 0;}