/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

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


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

.module .badge {
	top: -1px;
	right: 0;
	width: 54px;
	height: 54px;
	background: url(../../../images/module_badges.png) 0 0 no-repeat;
}
 
.module .badge-pro { background-position: 0 0; }
.module .badge-free { background-position: 0 -54px; }



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

.user-ribbon
 h2 {
padding-top: 16px;
font-size: 35px !important;
text-shadow: 1px 1px 1px #333;
}

/* Module Type: Line
----------------------------------------------------------------------------------------------------*/

/* vertical line */
#block-main .grid-v .mod-line:before {
	content: "";
	display: block;
	position: absolute;
	top: -15px;
	left: 0;
	right: 0;
	height: 1px;

}
#block-main .grid-v:first-child > .mod-line:before { display: none; }

div.mod-rightsidebox {
color: #333333;
background-color: #f5f5f5;
*background-color: #e6e6e6;
border: 1px solid #cccccc;
*border: 0;
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-bottom-color: #b3b3b3;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
*zoom: 1;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
margin:38px 10px 10px 10px;
font-size:16px; line-height:21px;
-webkit-border-radius: 4px 4px 0px 0px;
-moz-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px;
padding-bottom:20px;
}

div.mod-rightsidebox img{margin-left:auto; margin-right:auto; display:block; margin-top:15px;}
div.textpad{padding:0px 10px 5px 10px;}
div.textpad p{font-size:11px; line-height:16px;}
div.mod-rightsidebox hr{margin:10px 1px;}

div.rightsideheader {
color: #333333;   
padding:20px 5px 10px 5px;
line-height:20px;
margin-top:38px;
font-size:18px; font-weight:600;
background-color: #f5f5f5;
*background-color: #e6e6e6;
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
background-repeat: repeat-x;
border-bottom: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
border-left: none;
border-right: none;
*border: 0;
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-bottom-color: #b3b3b3;
-webkit-border-radius: 4px 4px 0px 0px;
-moz-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
*zoom: 1;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
margin:0px 0px 0px 0px;
}

div.rightsideheader h3{margin:0; text-align:center; font-size:16px; line-height:22px;}
div.rightsideheader h3 span.title{display:block;}