/*---------------------------------------------------------------
# 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,#inner_content .sp-inner{padding:10px;
	background: #F3F3F3;
	background: -moz-linear-gradient(top, #F3F3F3 0%, #E6E6E6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F3F3F3), color-stop(100%,#E6E6E6));
	background: -webkit-linear-gradient(top, #F3F3F3 0%,#E6E6E6 100%);
	background: -o-linear-gradient(top, #F3F3F3 0%,#E6E6E6 100%);
	background: -ms-linear-gradient(top, #F3F3F3 0%,#E6E6E6 100%);
	background: linear-gradient(top, #F3F3F3 0%,#E6E6E6 100%);
	border: 1px solid;
	line-height: 1.8;
	-webkit-box-flex: 2;
	-moz-box-flex: 2;
	box-flex: 2;
	border-color: #FFFFFF #C9C9C9 #C9C9C9 #FFFFFF;
}

#inner_content .sp-inner {margin:0 10px}

.module_none .mod-wrapper {border:0;background:none;padding:0}
.module_none  .mod-wrapper .mod-inner {border:0}

.mod-wrapper h3.header{font-family: "BebasNeueRegular", Times, serif;color:#333;margin:0 -10px 10px -10px;padding:0 10px 12px 10px;background:url(../images/border.gif) repeat-x 0 100%}
h3.header {font-size:17px;line-height:18px;font-weight:400}
.module_none .mod-wrapper h3 {margin:0 0 10px;padding:0 0 10px;}

.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:url(../images/arrow.gif) no-repeat 0 10px;border-top:1px solid #f5f5f5;margin:0;padding:5px 10px;display:block}
.mod-wrapper li:first-child{border-top:0}
.mod-wrapper li a{font-size:12px;color:#666;display:block;text-decoration:none;margin:0}

/*_menu suffix*/
.module_menu .mod-wrapper .mod-content{padding:0;margin:-11px 0 -10px}
.module_menu .mod-wrapper li{background:#eaeaea;margin:0 -10px;padding:0 10px;border-top:1px solid #ccc;border-bottom:1px solid #f5f5f5}
.module_menu .mod-wrapper li a{padding:8px 0;font-size:14px;font-weight:700}
.module_menu .mod-wrapper li:hover a,.module_menu .mod-wrapper li.active a{text-decoration:none}
.module_menu .mod-wrapper li li{box-shadow:none;border:0!important}
.module_menu .mod-wrapper li li a {padding:5px}
.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:#f5f5f5}

/*Module Type Flat*/
.mod-wrapper-flat h3.header{font-family: "BebasNeueRegular", Times, serif;margin:0 0 10px;padding:0;color:#333;text-shadow:none}
.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}

#sp-userpos {background:url(../images/userpos-bg.png)}
#sp-userpos, #sp-userpos p {color:#000;text-shadow:0 1px #fff}
#sp-userpos .mod-block{padding:15px 15px}
#sp-userpos .separator .mod-block {background: url(../images/userpos-sep.gif) repeat-y 100% 50%}
#sp-userpos .gap {margin-bottom:0}


#sp-bottom {padding:0; color:#333; text-shadow: 0 -1px #fff}
#sp-bottom p {color:#666; text-shadow: 0 -1px #fff}
#sp-bottom h3.header {padding:0 0 12px;margin:0 0 10px;background:url(../images/border.gif) repeat-x 0 100%}
#sp-bottom .mod-block {padding:15px 15px 10px}
#sp-bottom  li{background:none;list-style:disc inside none;border:0;color:#888;line-height:125%;padding:6px 5px}
#sp-bottom li a{color:#333;text-shadow:0 1px #fff}
#sp-bottom li a:hover, #sp-bottom a:hover, #sp-bottom  .social a:hover{color:#888}

#sp-bottom  .social a{color:#555;height:32px;padding:0 35px;line-height:32px;background-repeat:no-repeat; background-position:0 50%;display:block;}
a.twitter{background-image:url(../images/icon_tweet.png)}
a.facebook{background-image:url(../images/icon_facebook.png)}
a.flickr{background-image:url(../images/icon_flickr.png)}
a.rss{background-image:url(../images/icon_rss.png)}


/*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 h3.header span {color:#fff}
.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;}