/*---------------------------------------------------------------
# Package - Joomla Template based on Sboost Framework   
# ---------------------------------------------------------------
# Author - olwebdesign http://www.olwebdesign.com
# Copyright (C) 2008 - 2013 olwebdesign.com. All Rights Reserved.
# Websites: http://www.olwebdesign.com
-----------------------------------------------------------------*/

/*Module type SP_XHTML*/
.mod-wrapper,.mod-wrapper-flat {position:relative}
.module.menu{padding: 5px 10px;}
h3 {background:url(../images/h3_bg.png) repeat-x 0 100%;font-size:18px;line-height:normal;margin:0 0 5px;padding:0 0 10px}

.mod-wrapper ul{list-style:none;margin:0;padding:0}
.mod-wrapper li{background:none;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 menu*/
.module.menu ul.menu li {padding:8px 10px;margin:0;background:none}
.module.menu ul.menu li a {padding:0;margin:0}
.module.menu ul.menu li:hover,
.module.menu ul.menu li.active {color:#999}
.module.menu ul.menu li:hover > a {background:none}
/*Start Module Variations*/

/*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}

.white {
	color: #333;
	background-color: #fff;
	margin: 0 auto 10px auto;
	border: 1px solid #f1f1f1;
	padding: 5px 10px;
}
.white:hover {
	color: #333;
	background-color: #f9f9f9;
}
.beige {
	color: #000;
	background-color: #f9f4ed;
	margin: 0 auto 10px auto;
	padding: 5px 10px;
	border: 1px solid #fff;
}

.greys {
	color: #333;
	background-color: #f9f9f9;
	margin: 0 auto 5px auto;
	padding: 5px 10px;
	border: 1px solid #f1f1f1;
}
.greys:hover {
	color: #333;
	background-color: #f1f1f1;
}
.reds {
	color: #222;
	margin: 0 auto 10px auto;
	background-color: #ffeeee;
	padding: 5px 10px;
	border: 1px solid #fafafa;
}
.blues {
	color: #222;
	margin: 0 auto 10px auto;
	background-color: #eef6ff;
	padding: 5px 10px;
	border: 1px solid #fafafa;
}
.greens {
	color: #222;
	margin: 0 auto 10px auto;
	background-color: #f1f6e2;
	padding: 5px 10px;
	border: 1px solid #fafafa;
}
.oranges {
	color: #222;
	margin: 0 auto 10px auto;
	background-color: #fff6ee;
	padding: 5px 10px;
	border: 1px solid #fafafa;
}

.colors {
	color: #f1f1f1;
	margin: 0 auto 10px auto;
	padding: 5px 10px;
	border: 1px solid #d7d7d7;
}

.dark {
	background-color: #444;
	margin: 0 auto 10px auto;
	color: #ddd;
	padding: 5px 10px;
}
.dark ul, .mcolor ul, .white ul {
	padding-left: 5px;
}

.dark a, .colors a { color: #ddd !important; text-decoration: underline;}

.dark, .colors, .oranges, .greens, .blues, .reds, .greys, .beige, .white {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
box-shadow:1px 2px 3px rgba(0,0,0,0.2);
-moz-box-shadow:1px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow:1px 2px 3px rgba(0,0,0,0.2);}

.reds h3.moduletitle{ background: url("../images/bg-reds.png") no-repeat left 0; text-shadow: 1px 1px #333;height: 41px; width: 98%;line-height: 41px; margin: 0px 0 5px -15px; padding: 0 0 0 20px; font-size: 150%; float: left; line-height: 240%;}
.reds h3.moduletitle span{ background: url("../images/bg-reds.png") no-repeat scroll right -41px transparent; color: #fff;  float: left; height: 41px; padding: 0 20px 0 0; text-transform: uppercase;}

.blues h3.moduletitle{ background: url("../images/bg-blues.png") no-repeat left 0; text-shadow: 1px 1px #333;height: 41px; width: 98%;line-height: 41px; margin: 0px 0 5px -15px; padding: 0 0 0 20px; font-size: 150%; float: left; line-height: 240%;}
.blues h3.moduletitle span{ background: url("../images/bg-blues.png") no-repeat scroll right -41px transparent; color: #fff;  float: left; height: 41px; padding: 0 20px 0 0; text-transform: uppercase;}

.greens h3.moduletitle{ background: url("../images/bg-greens.png") no-repeat left 0; text-shadow: 1px 1px #333;height: 41px; width: 98%;line-height: 41px; margin: 0px 0 5px -15px; padding: 0 0 0 20px; font-size: 150%; float: left; line-height: 240%;}
.greens h3.moduletitle span{ background: url("../images/bg-greens.png") no-repeat scroll right -41px transparent; color: #fff;  float: left; height: 41px; padding: 0 20px 0 0; text-transform: uppercase;}

.greys h3.moduletitle, .beige h3.moduletitle{ background: url("../images/bg-greys.png") no-repeat left 0; text-shadow: 1px 1px #333;height: 41px; width: 98%;line-height: 41px; margin: 0px 0 5px -15px; padding: 0 0 0 20px; font-size: 150%; float: left; line-height: 240%;}
.greys h3.moduletitle span, .beige h3.moduletitle span{ background: url("../images/bg-greys.png") no-repeat scroll right -41px transparent; color: #fff;  float: left; height: 41px; padding: 0 20px 0 0; text-transform: uppercase;}

.oranges h3.moduletitle{ background: url("../images/bg-oranges.png") no-repeat left 0; text-shadow: 1px 1px #333;height: 41px; width: 98%;line-height: 41px; margin: 0px 0 5px -15px; padding: 0 0 0 20px; font-size: 150%; float: left; line-height: 240%;}
.oranges h3.moduletitle span{ background: url("../images/bg-oranges.png") no-repeat scroll right -41px transparent; color: #fff;  float: left; height: 41px; padding: 0 20px 0 0; text-transform: uppercase;}

.white h3.moduletitle, .colors h3.moduletitle, .dark h3.moduletitle{ background: url("../images/bg-dark.png") no-repeat left 0; text-shadow: 1px 1px #fff;height: 41px; width: 98%;line-height: 41px; margin: 0px 0 5px -15px; padding: 0 0 0 20px; font-size: 150%; float: left; line-height: 240%;}
.white h3.moduletitle span, .colors h3.moduletitle span, .dark h3.moduletitle span{ background: url("../images/bg-dark.png") no-repeat scroll right -41px transparent; color: #222;  float: left; height: 41px; padding: 0 20px 0 0; text-transform: uppercase;}