/*---------------------------------------------------------------
# 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 {background:transparent;padding:10px}
.module_none .mod-wrapper {border:0;background:none;padding:0}
.module_none  .mod-wrapper .mod-inner {border:0}

.mod-wrapper h3.header{color:black;font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:16px;line-height:26px;font-weight:400;margin:0 0 10px;padding:0}
.module_none .mod-wrapper h3 {margin:0 0 10px;padding:0 0 10px;}

.module_none .mod-wrapper h3.header {}
.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;font-size:12px;margin:0;padding:6px 3px}
.mod-wrapper li li{margin-left:10px;border-bottom:0!important}
.mod-wrapper li a{color:#333;text-decoration:none}
.mod-wrapper li:hover > a, .mod-wrapper li.active > a{text-decoration:none}

/*Module Type Flat*/
.mod-wrapper-flat h3.header{font-size:14px;font-weight:400;text-transform:uppercase;color:#333;margin:0 0 7px 0;padding:2px 5px}
.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:#888}
.mod-wrapper-flat li a,.mod-wrapper-flat a{color:#888}
.mod-wrapper-flat a:hover{text-decoration:underline}

#sp-userpos {background:#5c5c5c;margin:0 5px 10px}
#sp-userpos .mod-wrapper-flat h3.header, #sp-userpos h3{color:black;font-size:16px;font-weight:400;text-transform:uppercase;}
#sp-userpos, #sp-userpos p {color:#c6c6c6}
#sp-userpos .mod-block{padding:30px 20px 10px}
#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:16px;font-weight:400;color:black;margin:0;padding:10px;background:lightgrey}
.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.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;}