/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

@import url(../warp/css/modules.css);


/* Module Badges
----------------------------------------------------------------------------------------------------*/

.module .badge {
	width: 35px;
	height: 25px;
	background: url(../images/module_badges.png) 0 0 no-repeat;
}
 
.module .badge-hot { background-position: 0 0; }
.module .badge-top { background-position: 0 -26px; }
.module .badge-free { background-position: 0 -52px; }
.module .badge-new { background-position: 0 -78px; }


/* Module Icons
----------------------------------------------------------------------------------------------------*/

.module .module-title .icon { background: url(../images/module_icons.png) 0 0 no-repeat; }

.module .module-title .icon-download { background-position: 0 0; }
.module .module-title .icon-twitter { background-position: 0 -30px; }
.module .module-title .icon-mail { background-position: 0 -60px; }
.module .module-title .icon-bubble { background-position: 0 -90px; }
.module .module-title .icon-login { background-position: 0 -120px; }
.module .module-title .icon-cart { background-position: 0 -150px; }


/* Module Type: Box
----------------------------------------------------------------------------------------------------*/

.mod-box {
	padding: 10px 10px 10px 10px;
	border: 1px solid #010199;
	background-color: #ffffff;
	box-shadow: 1px 2px 5px #999;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	font-size: .95em;
}

.orange {
background-color: #ff6f26;
color: #ffffff;
}

.orange h3 { color: #ffffff; }

.magenta {
background-color: #e143c1;
color: #ffffff;
}

.magenta h3 { color: #ffffff; }

.green {
background-color: #6bb81c;
color: #ffffff;
}

.green h3 { color: #ffffff; }

.blue {
background-color: #3aa6ff;
color: #ffffff;
}

.blue h3 { color: #ffffff; }

.dark {
background-color: #292929;
color: #dddddd;
}

.dark h3 { color: #ffffff; }

.plain {
background-color: transparent;
border: 0;
box-shadow: none;
}

.plain h3 { color: #000000; }

.border {
background-color: transparent;
border: 2px solid #ffffff;
	box-shadow: 1px 2px 12px #ccc inset;
}

.border h3 { color: #000000; }

.mod-box .badge { top: 10px; right: 10px; }

.margin-r-minus28 {
margin-right: -23px;
}

.margin-l-minus28 {
margin-left: -22px;
}