/*---------------------------------------------------------------

# 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:18px;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:20px 30px}

#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:30px 20px 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;}