/*---------------------------------------------------------------
# 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 {position:relative;  border:1px solid #C8C8C8;
 background-color:#FFFFFF;
/*width: 150px;
height:180px;*/
text-align: left; 
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
behavior: url(ie-css3.htc);
border:1px solid #C8C8C8; border-bottom: 3px solid #C8C8C8; 
margin: 10px 15px;
padding:2px 2px; }
.mod-wrapper-flat {position:relative; }
.mod-wrapper h3.header{font-size:18px; margin:5px 0 5px 0; padding-left: 10px; padding-bottom: 5px; border-bottom: 1px solid #b2b1b1;  color: #3F6F6F;
 background-image: linear-gradient(bottom, rgb(223,223,223) 32%, rgb(239,239,239) 66%, rgb(255,255,255) 83%);
background-image: -o-linear-gradient(bottom, rgb(223,223,223) 32%, rgb(239,239,239) 66%, rgb(255,255,255) 83%);
background-image: -moz-linear-gradient(bottom, rgb(223,223,223) 32%, rgb(239,239,239) 66%, rgb(255,255,255) 83%);
background-image: -webkit-linear-gradient(bottom, rgb(223,223,223) 32%, rgb(239,239,239) 66%, rgb(255,255,255) 83%);
background-image: -ms-linear-gradient(bottom, rgb(223,223,223) 32%, rgb(239,239,239) 66%, rgb(255,255,255) 83%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.32, rgb(223,223,223)),
	color-stop(0.66, rgb(239,239,239)),
	color-stop(0.83, rgb(255,255,255)) 
}
.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:none;border-bottom:1px solid #E5E5E5;font-size:12px;margin:0;padding:4px 0px}
.mod-wrapper li li{margin-left:10px;border-bottom:0!important}
.mod-wrapper li a{text-decoration:none}
.mod-wrapper li:hover > a, .mod-wrapper li.active > a{text-decoration:none}

/*Suffix _rounded*/
.module_rounded .mod-content {background:#f8f8fa;border:5px solid #e7e7e9;padding:10px;border-radius:7px}

/*Suffix _menu*/
.module_menu .mod-content {background:#e7e7e7;border:1px solid #ddd}
.module_menu .mod-wrapper li{background:url(../images/arrow.png) no-repeat 16px 11px;border-bottom:1px solid #ddd;font-size:12px;font-weight:400;text-shadow:0 1px #FFF;margin:0;padding:6px 10px 6px 28px}
.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:#f0f0f0;text-decoration:none}
.module_menu .mod-wrapper li li{background-image:none!important;border:none!important}
.module_menu .mod-wrapper li:last-child {border-bottom:0}

/*Suffix _dark*/
.module_dark .mod-content {background:#111;padding:10px;border:1px solid #333}
.module_dark .mod-wrapper li{background:url(../images/arrow.png) no-repeat 16px 11px;border-bottom:1px solid #222;font-size:12px;font-weight:400;text-shadow:none;margin:0 -10px;padding:6px 10px 6px 28px}
.module_dark  .mod-wrapper li a{color:#777;display:block;text-decoration:none}
.module_dark  .mod-wrapper li:hover,.module_dark  .mod-wrapper li.active{background-color:#000;text-decoration:none}
.module_dark .mod-wrapper li li{background-image:none!important;border:none!important}
.module_dark .mod-wrapper li:last-child {border-bottom:0}

/*Module Type Flat*/
.mod-wrapper-flat {padding:10px;color:#000;text-shadow:0 1px #fff;}
.mod-wrapper-flat h3.header{font-size:12px;text-transform:uppercase;font-weight:400;color:#333;margin:0 0 7px 0;padding:2px 0}
.mod-wrapper-flat ul{list-style:none;margin:0;padding:0}
.mod-wrapper-flat li{background:none;list-style:disc inside none;border:0;color:#666;text-shadow:none;line-height:125%;padding:3px 5px}
#sp-bottom .mod-wrapper-flat li{color:#fff;text-shadow:0 1px #000;line-height:125%;padding:3px 5px}
#sp-bottom .mod-wrapper-flat li a,#sp-bottom .mod-wrapper-flat a{text-shadow:0 1px #000!important}
#sp-bottom .mod-wrapper-flat a:hover{text-decoration:underline}
#sp-bottom .mod-wrapper-flat {color:#fff;text-shadow:0 1px #000!important;}
#sp-bottom .mod-wrapper-flat h3.header{color:#fff;text-shadow:0 1px #000!important}
#sp-bottom .mod-block{padding:10px}

/*Module Type Menu*/
.mod-wrapper-menu {margin-top:8px}
.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:8px;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;}