/*---------------------------------------------------------------
# Package - Joomla Template based on Helix Framework   
# ---------------------------------------------------------------
# Author - JoomShaper http://www.joomshaper.com
# Copyright (C) 2010 - 2011 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 - http://www.joomxpert.com
-----------------------------------------------------------------*/
/*Module type XHTML*/
.mod-wrapper,.mod-wrapper-flat {position:relative}
.mod-wrapper {border:1px solid #444;padding:10px}
.mod-wrapper h3.header{color:#fff;font-size:26px;line-height:26px;font-weight:400;margin:0 0 10px;padding:0;text-transform: uppercase}
#sp-leftcol .mod-wrapper h3.header, #sp-rightcol .mod-wrapper h3.header{color:#000;font-size:26px;line-height:26px;font-weight:400;margin:0 0 10px;padding:0;text-transform: uppercase}
#sp-leftcol .mod-wrapper, #sp-rightcol .mod-wrapper {border:none!important;padding:0}

.mod-wrapper ul{list-style:none;margin:0;padding:0}
.mod-wrapper li{background:none;border-bottom:1px dotted #EAEAEA;font-size:12px;font-weight:400;text-shadow:0 1px #FFF;padding:10px 0;}
.module_menu .mod-wrapper li{border-bottom:1px solid #d3d3d3;font-size:12px;font-weight:400;text-shadow:0 1px #FFF;margin:0 -10px;padding:6px 10px}
.module_menu  .mod-wrapper li a{color:#777;display:block;text-decoration:none}
.module_menu  .mod-wrapper li:hover,.module_menu  .mod-wrapper li.active{background-color:#7f9f3a;text-decoration:none}
.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}

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

#sp-bottom .mod-wrapper-flat h3.header{color:#666;padding-bottom:10px;border-bottom: 1px solid #333}
#sp-bottom .mod-wrapper-flat li{background: url(../images/sphere.png) no-repeat 0 50%;padding:4px 4px 4px 10px}
#sp-bottom .mod-wrapper-flat li, #sp-bottom .mod-wrapper-flat li a{ color:#555}

/*Module Type Menu*/
.mod-wrapper-menu {margin-top:8px}
.mod-wrapper-menu h3.header{font-size:12px;font-weight:700;color:#fff;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.badge_new,span.badge_free,span.badge_hot,span.badge_pick,span.badge_top
{height:48px;position:absolute;right:-3px;text-indent:-999em;top:-4px;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;}