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

#sp-userpos .mod-wrapper-flat{padding:20px;cursor:pointer}
.mod-wrapper h3.header{font-size:35px;font-weight:400;line-height:normal;margin:0;padding:0}
.module_none .mod-wrapper h3 {margin:0 0 10px;padding:0 0 10px;}

.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 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}

/*_menu suffix*/
.module_menu .mod-wrapper li{background:#F4F4F4;border-color: white #CCC #CCC white;border-style: solid;
			border-width: 1px;margin:0 0 3px 0;padding:0 10px}
.module_menu .mod-wrapper li a{padding:7px 0}
.module_menu .mod-wrapper li:hover a,.module_menu .mod-wrapper li.active a{text-decoration:none}
.mod-wrapper li li,.module_menu .mod-wrapper li li{margin-left:10px;border-bottom:0!important}
.module_menu .mod-wrapper li li,.module_menu .mod-wrapper li li{background:none!important;border:0!important}
.module_menu .mod-wrapper li li:hover,.module_menu .mod-wrapper li li.active{background:none!important;border:0!important}

.module_menu .mod-wrapper li:hover,.module_menu .mod-wrapper li.active {background:#fff}


/*Module Type Flat*/
.mod-wrapper-flat h3.header{font-size:30px;font-weight:700;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{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:#01E9A4}

#sp-bottom .mod-wrapper-flat h3.header{color:#fff;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:700;background:url(../images/h3-header-bg.png) no-repeat 50% 50%;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.badge_new,span.badge_free,span.badge_hot,span.badge_pick,span.badge_top
{height:48px;position:absolute;right:10px;text-indent:-999em;top:10px;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;}