/*Module type SP_XHTML*/
.mod-wrapper, .mod-wrapper-flat {
	position: relative
}
.module.menu {
	padding: 15px
}
.mod-wrapper h3.header {
	background: url(../images/h3_bg.png) repeat-x 0 100%;
	color: #272727;
	font-size: 18px;
	line-height: normal;
	margin: 0 0 10px;
	padding: 0 0 13px
}
.module.text .mod-wrapper h3.header {
	font-size: 9px;
	padding: 0;
	background: none;
	text-align: center
}
.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 {
	background: #fbfbfb
}
.module.menu ul.menu li:hover > a {
	background: none
}
/*Start Module Variations*/

/*Common Suffix*/
.module.orange .mod-wrapper, .module.white .mod-wrapper, .module.gray .mod-wrapper, .module.twitter .mod-wrapper, .module.sky .mod-wrapper, .module.highlighted .mod-wrapper, .module.maroon .mod-wrapper, .module.green .mod-wrapper, .module.grass .mod-wrapper, .module.wheat .mod-wrapper, .module.olive .mod-wrapper, .module.dark .mod-wrapper {
	padding: 10px;
}
/*Suffix orange*/
.module.orange .mod-wrapper {
	background-color: #ffae00;
	color: #fff;
	text-shadow: 0 1px rgba(0, 0, 0, .2)
}
.module.orange .mod-wrapper h3.header {
	background: none;
	color: #fff;
	padding-bottom: 10px;
	border-bottom: 1px solid #ffd376
}
.module.orange .mod-wrapper a {
	color: #fff200
}
.module.orange .mod-wrapper ul li {
	background: url(../images/typo/arrow-light.png) no-repeat 0 8px;
	border-bottom: 1px dotted #fff200;
	padding: 5px 15px;
}
.rtl .module.orange .mod-wrapper ul li {
	background: url(../images/typo/arrow-light-rtl.png) no-repeat 100% 8px
}
.module.orange .mod-wrapper ul li a {
	color: #fff200
}
.module.orange .mod-wrapper a:hover, .module.orange .mod-wrapper ul li a:hover {
	color: #d59c02
}
/*Suffix White*/
.module.white .mod-wrapper {
}
.module.white .mod-wrapper a {
	color: #ccc
}
/*Suffix gray*/
.module.gray .mod-wrapper {
	background-color: #f4f4f4;
	color: #949292
}
.module.gray .mod-wrapper h3.header {
	background: none;
	color: #727272;
	border-bottom: 1px solid #ddd;
	margin: -10px -10px 10px -10px;
	padding: 10px 15px;
	box-shadow: 0 1px 1px 0 #E7E7E7;
}
.module.gray .mod-wrapper a {
	color: #5fa1f3
}
.module.gray .mod-wrapper a:hover {
	color: #1d6dd0
}
.module.gray .mod-wrapper ul li {
	background: none;
	border-bottom: 1px dotted #b9b9b9;
	padding: 0 5px;
}
.module.gray .mod-wrapper ul li:first-child {
	border-bottom: none
}
.rtl .module.gray .mod-wrapper ul li {
	background: none
}
.module.gray .mod-wrapper ul li a {
	color: #5fa1f3
}
.module.gray .mod-wrapper ul li a:hover {
	color: #1d6dd0
}
/*Suffix twitter*/
.module.twitter .mod-wrapper {
	background-color: #effdfc;
	color: #888
}
.module.twitter .mod-wrapper h3.header {
	color: #779E9A;
	background: none;
	border-bottom: 1px solid #ceeae8
}
.module.twitter .mod-wrapper a {
	color: #00b6e3
}
.module.twitter .mod-wrapper a:hover {
	color: #05C9FA
}
.module.twitter .mod-wrapper ul li {
	background: url(../images/typo/arrow-dark.png) no-repeat 0 8px;
	border-bottom: 1px dotted #B6D4DB;
	padding: 5px 15px;
}
.rtl .module.twitter .mod-wrapper ul li {
	background: url(../images/typo/arrow-dark-rtl.png) no-repeat 100% 8px
}
.module.twitter .mod-wrapper ul li a {
	color: #00b6e3
}
.module.twitter .mod-wrapper ul li a:hover {
	color: #05C9FA
}
/*Suffix sky*/
.module.sky .mod-wrapper {
	background-color: #a7d1f1;
	color: #126B81;
	text-shadow: 0 1px rgba(160, 160, 160, .3)
}
.module.sky .mod-wrapper h3.header {
	background: none;
	color: #126B81;
	border-bottom: 1px solid #87b6da
}
.module.sky .mod-wrapper a {
	color: #1d6dd0
}
.module.sky .mod-wrapper a:hover {
	color: #5fa1f3
}
.module.sky .mod-wrapper ul li {
	background: url(../images/typo/arrow-light.png) no-repeat 0 8px;
	border-bottom: 1px dotted #6FC2CE;
	padding: 5px 15px;
}
.rtl .module.sky .mod-wrapper ul li {
	background: url(../images/typo/arrow-light-rtl.png) no-repeat 100% 8px
}
.module.sky .mod-wrapper ul li a {
	color: #1d6dd0
}
.module.sky .mod-wrapper ul li a:hover {
	color: #5fa1f3
}
/*Suffix highlighted  */
.module.highlighted .mod-wrapper {
}
.module.highlighted .mod-wrapper h3.header {
	background: none
}
.module.highlighted .mod-wrapper h3.header span {
	color: #fff
}
.module.highlighted .mod-wrapper a {
	color: #5EB9FF
}
.module.highlighted .mod-wrapper a:hover {
	color: #00045C
}
.module.highlighted .mod-wrapper ul li {
	background: url(../images/typo/mark_category.png) no-repeat 10px 15px
}
.rtl .module.highlighted .mod-wrapper ul li {
	background: url(../images/typo/mark_category.png) no-repeat 98% 10px
}
.module.highlighted .mod-wrapper ul li a {
	color: #5EB9FF;
	padding: 5px 20px;
}
.module.highlighted .mod-wrapper ul li a:hover {
	color: #00045C
}
/*Suffix maroon*/
.module.maroon .mod-wrapper {
	background-color: #946050;
	color: #DDC1B9;
	text-shadow: 0 1px rgba(0, 0, 0, 0.21)
}
.module.maroon .mod-wrapper h3.header {
	background: none;
	color: #CCB7B1;
	border-bottom: 1px solid #ae7664
}
.module.maroon .mod-wrapper a {
	color: #680D09
}
.module.maroon .mod-wrapper a:hover {
	color: #000
}
.module.maroon .mod-wrapper ul li {
	background: url(../images/typo/arrow-light.png) no-repeat 0 8px;
	border-bottom: 1px dotted #814A38;
	padding: 5px 15px;
}
.rtl .module.maroon .mod-wrapper ul li {
	background: url(../images/typo/arrow-light-rtl.png) no-repeat 100% 8px
}
.module.maroon .mod-wrapper ul li a {
	color: #680D09
}
.module.maroon .mod-wrapper ul li a:hover {
	color: #000
}
/*Suffix green*/
.module.green .mod-wrapper {
	background-color: #3cb878;
	color: #8AFDC2;
	text-shadow: 0 1px rgba(148, 148, 148, 0.79)
}
.module.green .mod-wrapper h3.header {
	background: none;
	color: #8AFDC2;
	border-bottom: 1px solid #35C279
}
.module.green .mod-wrapper a {
	color: #03793D
}
.module.green .mod-wrapper a:hover {
	color: #000
}
.module.green .mod-wrapper ul li {
	background: url(../images/typo/arrow-light.png) no-repeat 0 8px;
	border-bottom: 1px dotted #24D176;
	padding: 5px 15px;
}
.rtl .module.green .mod-wrapper ul li {
	background: url(../images/typo/arrow-light-rtl.png) no-repeat 100% 8px
}
.module.green .mod-wrapper ul li a {
	color: #03793D
}
.module.green .mod-wrapper ul li a:hover {
	color: #000
}
/*Suffix grass*/
.module.grass .mod-wrapper {
	background-color: #78A24F;
	color: #fff;
	text-shadow: 0 1px rgba(0, 0, 0, 0.79)
}
.module.grass .mod-wrapper h3.header {
	background: none;
	color: #fff;
	border-bottom: 1px solid #5F8838
}
.module.grass .mod-wrapper a {
	color: #29460D
}
.module.grass .mod-wrapper a:hover {
	color: #9FE061
}
.module.grass .mod-wrapper ul li {
	background: url(../images/typo/arrow-light.png) no-repeat 0 8px;
	border-bottom: 1px dotted #5F8838;
	padding: 5px 15px;
}
.rtl .module.grass .mod-wrapper ul li {
	background: url(../images/typo/arrow-light-rtl.png) no-repeat 100% 8px
}
.module.grass.mod-wrapper ul li a {
	color: #29460D
}
.module.grass .mod-wrapper ul li a:hover {
	color: #9FE061
}
/*Suffix Wheat*/
.module.wheat .mod-wrapper {
	background-color: #a8a975;
	color: #EBECB0;
	text-shadow: 0 1px rgba(0, 0, 0, 0.3)
}
.module.wheat .mod-wrapper h3.header {
	background: none;
	color: #EBECB0;
	border-bottom: 1px solid #c3c491
}
.module.wheat .mod-wrapper a {
	color: #868844
}
.module.wheat .mod-wrapper a:hover {
	color: #555721
}
.module.wheat .mod-wrapper ul li {
	background: url(../images/typo/arrow-light.png) no-repeat 0 8px;
	border-bottom: 1px dotted #D0D19C;
	padding: 5px 15px;
}
.rtl .module.wheat .mod-wrapper ul li {
	background: url(../images/typo/arrow-light-rtl.png) no-repeat 100% 8px
}
.module.wheat.mod-wrapper ul li a {
	color: #868844
}
.module.wheat .mod-wrapper ul li a:hover {
	color: #555721
}
/*Suffix olive*/
.module.olive .mod-wrapper {
	background-color: #69981e;
	color: #B5EC5B;
	text-shadow: 0 1px rgba(0, 0, 0, 0.3)
}
.module.olive .mod-wrapper h3.header {
	background: none;
	color: #B5EC5B;
	border-bottom: 1px solid #88B146
}
.module.olive .mod-wrapper a {
	color: #fff
}
.module.olive .mod-wrapper a:hover {
	color: #40630A
}
.module.olive .mod-wrapper ul li {
	background: url(../images/typo/arrow-light.png) no-repeat 0 8px;
	border-bottom: 1px dotted #7FBB20;
	padding: 5px 15px;
}
.rtl .module.olive .mod-wrapper ul li {
	background: url(../images/typo/arrow-light-rtl.png) no-repeat 100% 8px
}
.module.olive.mod-wrapper ul li a {
	color: #fff
}
.module.olive .mod-wrapper ul li a:hover {
	color: #40630A
}
/*Suffix dark*/
.module.dark .mod-wrapper {
	background-color: #618484;
	color: #DCDDDD;
	text-shadow: 0 1px rgba(44, 44, 44, 0.5)
}
.module.dark .mod-wrapper h3.header {
	background: none;
	color: #B9DFDF;
	border-bottom: 1px solid #769a9a;
}
.module.dark .mod-wrapper a {
	color: #092C2C
}
.module.dark .mod-wrapper a:hover {
	color: #000
}
.module.dark .mod-wrapper ul li {
	background: url(../images/typo/arrow-light.png) no-repeat 0 8px;
	border-bottom: 1px dotted #63A5A5;
	padding: 5px 15px;
}
.rtl .module.dark .mod-wrapper ul li {
	background: url(../images/typo/arrow-light-rtl.png) no-repeat 100% 8px
}
.module.dark .mod-wrapper ul li a {
	color: #092C2C
}
.module.dark .mod-wrapper ul li a:hover {
	color: #000
}
/*Module Type Flat*/
.mod-wrapper-flat h3.header {
	font-size: 16px;
	font-weight: 700;
	color: #333;
	margin: 0;
	padding: 2px 5px
}
.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 {
#548aed
}
.mod-wrapper-flat a:hover {
	text-decoration: underline
}
#sp-bottom .mod-wrapper-flat h3.header {
}
#sp-bottom .separator .mod-block {
}
#sp-bottom .mod-block {
	padding: 20px 10px
}
#sp-bottom .mod-wrapper-flat li {
}
/*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.sp-badge.new, span.sp-badge.free, span.sp-badge.hot, span.sp-badge.pick, span.sp-badge.top {
	height: 48px;
	position: absolute;
	right: -3px;
	text-indent: -999em;
	top: -3px;
	width: 48px;
	z-index: 0;
	padding: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
span.sp-badge.new {
	background: url(../images/base_new.png) no-repeat 100% 0;
}
span.sp-badge.free {
	background: url(../images/base_free.png) no-repeat 100% 0;
}
span.sp-badge.hot {
	background: url(../images/base_hot.png) no-repeat 100% 0;
}
span.sp-badge.pick {
	background: url(../images/base_pick.png) no-repeat 100% 0;
}
span.sp-badge.top {
	background: url(../images/base_top.png) no-repeat 100% 0;
}