/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */
@import url(../warp/css/modules.css);

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

.module .badge {
    top: 9px;
    right: 11px;
    width: 42px;
    height: 25px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

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

.module.mod-box-black .badge {
    background-image: url(../images/module_badges_black.png);
}

.module .badge-hot {
    background-position: 0 0;
}

.module .badge-top {
    background-position: 0 -25px;
}

.module .badge-free {
    background-position: 0 -50px;
}

.module .badge-new {
    background-position: 0 -75px;
}

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

.module .module-title .icon {
    left: 0;
    width: 25px;
    height: 20px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.module.mod-box-black .module-title .icon {
    background-image: url(../images/module_icons_black.png);
}

.module .module-title .icon-download {
    background-position: 0 0;
}

.module .module-title .icon-twitter {
    background-position: 0 -25px;
}

.module .module-title .icon-mail {
    background-position: 0 -50px;
}

.module .module-title .icon-bubble {
    background-position: 0 -75px;
}

.module .module-title .icon-login {
    background-position: 0 -100px;
}

.module .module-title .icon-feat {
    background-position: 0 -125px;
}

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

.mod-box {
    padding: 10px;
    border-color: rgba(0, 0, 0, 0.1);
    border-bottom-color: rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    background: #ffffff;
    -webkit-box-shadow: 0px 2px 2px 0px #444444;
    box-shadow: 0px 2px 2px 0px #444444;
    border: solid #aaaaaa 1px;
}

.mod-box-blueborder {
    padding: 10px;
    border: 6px solid #00647d;
    border-radius: 4px;
    background: #ffffff;
    text-shadow: 0 1px 0 #fff;
    -webkit-box-shadow: 0px 2px 2px 0px #444444;
    box-shadow: 0px 2px 2px 0px #444444;
}

.mod-box-nobox {
    padding: 0;
    background: #ffffff;
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.mod-box .module-title {
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    text-shadow: 1px 1px 1px #000000;
    line-height: 18px;
    margin: -6px -6px 6px -6px;
    padding: 6px 6px 4px 6px;
    border-radius: 4px;
    background: #430933; /* Old browsers */
    background: -moz-linear-gradient(top, #814973 0%, #2c0422 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #814973), color-stop(100%, #2c0422)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #814973 0%, #2c0422 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #814973 0%, #2c0422 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #814973 0%, #2c0422 100%); /* IE10+ */
    background: linear-gradient(to bottom, #814973 0%, #2c0422 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#814973', endColorstr='#2c0422', GradientType=0); /* IE6-9 */
    -webkit-box-shadow: 0px 2px 2px 0px #444444;
    box-shadow: 0px 2px 2px 0px #444444;
}

/* Box Color Grey */
.mod-box-grey {
    background: #f1f1f1;
    background: -webkit-linear-gradient(top, #f1f1f1, #ECEBEC);
    background: -moz-linear-gradient(top, #f1f1f1, #ECEBEC);
    background: -o-linear-gradient(top, #f1f1f1, #ECEBEC);
    background: linear-gradient(to bottom, #f1f1f1, #ECEBEC);
}

/* Box Color Black */
.mod-box-black {
    border-bottom-color: rgba(0, 0, 0, 0.7);
    background: #5B5D63;
    background-clip: border-box;
    box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.15);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
    color: #d1d1d1;
}

.mod-box .mod-box-black .module-title {
    border-bottom: 1px solid #424348;
    background: #4D5055;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

.mod-box-black, .mod-box .mod-box-black .module-title {
    background: -webkit-linear-gradient(top, #5B5D63, #4D5055);
    background: -moz-linear-gradient(top, #5B5D63, #4D5055);
    background: -o-linear-gradient(top, #5B5D63, #4D5055);
    background: linear-gradient(to bottom, #5B5D63, #4D5055);
}

.mod-box-black a {
    color: #222;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
}

.mod-box-black a:hover {
    color: #d1d1d1;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 1);
}

.mod-box-black em {
    color: #d1d1d1;
}

.mod-box-black em.box {
    background: #5B5D63;
    border-color: #4B4D51;
}

/* Box Color Color */
.mod-box-color {
    background-clip: border-box;
    -webkit-box-shadow: 0px 2px 2px 0px #444444;
    box-shadow: 0px 2px 2px 0px #444444;
}

.mod-box.mod-box-color .module-title {
}

.mod-box-black .module-title, .mod-box-black h1, .mod-box-black h2, .mod-box-black h3, .mod-box-black h4 {
    color: #fff;
}

.mod-box-color .module-title, .mod-box-color h1, .mod-box-color h2, .mod-box-color h3, .mod-box-color h4 {
}

.mod-box-color a {
}

.mod-box-color a:hover {
}

.mod-box-color em {
    color: #fff;
}

.mod-box-color code, .mod-box-black code {
    color: #fff;
}

/* Module Type: Headline
----------------------------------------------------------------------------------------------------*/

.mod-headline {
    padding-top: 10px;
    padding-bottom: 10px;
    text-shadow: 0 1px 0 #fff;
}

.mod-headline .module-title {
    font-size: 30px;
    line-height: 30px;
    color: #d3d3d3;
    text-align: center;
}

.mod-headline code {
    color: #56595E;
}