/*---------------------------------------------------------------
# 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*/
.mod-wrapper,.mod-wrapper-flat {position:relative}
.mod-wrapper {
-webkit-border-radius: 12px;
-moz-border-radius: 7px;
border-radius: 12px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(111,188,56)), color-stop(100%, rgb(153,222,105)));
background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, white 55%, #D5E4F3 130%);}
#sp-leftcol .mod-wrapper {background:#f6f6f6;padding:10px}
#sp-leftcol h3 { color:#000;}
.module_none .mod-wrapper {border:0;background:#f3f3f3;padding:0}
.module_none  .mod-wrapper .mod-inner {border:0}

.mod-wrapper h3.header{font-family: arial;font-size: 14px;color: rgb(255, 255, 255);text-align: center;border-bottom: 2px solid #fff;padding: 4px 0 4px 0;background: #73BF3C;-moz-border-radius: 0px;-webkit-border-radius: 6px 6px 0px 0px;border-radius: 6px 6px 0px 0px;}
.module_none .mod-wrapper h3 {margin:0 0 10px;padding:0 0 10px;}

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

.mod-wrapper ul{list-style:none;margin:0;padding:0}
.mod-wrapper li{background: none;border-bottom: 1px solid rgb(80, 133, 42);font-size: 14px;padding: 7px 7px;-webkit-transition: all 300ms}
.mod-wrapper li:last-child{border-bottom:0px}
.mod-wrapper li li{margin-left:10px;border-bottom:0!important}
.mod-wrapper li a{color:#000;text-decoration:none}
.mod-wrapper li:hover, .mod-wrapper li.active{background-color:#189FCF}
.mod-wrapper li:hover > a, .mod-wrapper li.active > a {text-decoration:none;color:#fff;display:block;}
/*Module Type Flat*/
.mod-wrapper-flat h3.header{font-weight: normal;font-family: arial;font-size: 14px;margin: 0 0 10px;color: rgb(255, 255, 255);text-align: center;border-bottom: 2px solid #fff;height: 20px;padding: 4px 0 0 0;background: #73BF3C;}
.mod-wrapper-flat ul{list-style:none;margin:0;padding:0}
.mod-wrapper-flat li{font-size:11px;display:block;text-decoration:none;margin:0;padding:4px;background:none;color:#ffffff}
.mod-wrapper-flat li a,.mod-wrapper-flat a{color:#ffffff}
.mod-wrapper-flat a:hover{text-decoration: none; color:#000;}

#sp-userpos {margin:5px 0px 0px 0px; background:#f6f6f6; padding:0 0 4px 2px;}
#sp-userpos .mod-wrapper-flat h3.header, #sp-userpos h3{color:#000;font-size:14px;font-weight:400;text-transform:uppercase;}
#sp-userpos, #sp-userpos p {}
#sp-userpos .mod-block{padding: 15px 26px 15px 0px;}
#sp-userpos .separator .mod-block {background: url(../images/userpos-sep.png) repeat-y 100% 50%}
#sp-userpos .gap {margin-bottom:0}

#sp-bottom {background:#e5e5e5;margin:0 5px 10px;padding:0; color:#333}
#sp-bottom p {color:#333}
#sp-bottom .mod-block {padding:30px 20px 10px}
#sp-bottom  li{background:none;list-style:disc inside none;border:0;color:#666;line-height:125%;padding:6px 5px}
#sp-bottom li a{color:#333}
#sp-bottom li a:hover, #sp-bottom a:hover, #sp-bottom  .social a:hover{color:#666}

/*Module Type Menu*/
.mod-wrapper-menu {margin-top:8px}
.mod-wrapper-menu h3.header{font-size:14px;font-weight:400;color:#333333;margin:0;padding:10px;background:#f3f3f3}
.mod-wrapper-menu ul{list-style:none;margin:0;padding:0}
.mod-wrapper-menu li{font-size:14px;display:block;text-decoration:none;margin:0;padding:4px}
.mod-wrapper-menu li a:hover{text-decoration:underline}

/*Badges*/
span.badge_new,span.badge_free,span.badge_hot,span.badge_pick,span.badge_top
{height:48px;position:absolute;right:-3px;text-indent:-999em;top:-3px;width:48px;z-index:99}
span.badge_new{background: url(../images/base_new.png) no-repeat 100% 0;}
span.badge_free{background: url(../images/base_free.png) no-repeat 100% 0;}
span.badge_hot{background: url(../images/base_hot.png) no-repeat 100% 0;}
span.badge_pick{background: url(../images/base_pick.png) no-repeat 100% 0;}
span.badge_top {background: url(../images/base_top.png) no-repeat 100% 0;}