/*** Global ***/

body {
    background: url(../img/bg.jpg) repeat;
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    line-height: 1;
    -webkit-text-size-adjust: none;
}

#page {
    min-width: 960px;
    position: relative;
}

.container {
    position: relative;
    width: 980px !important;
}

#page a {
    text-decoration: none;
}

#page a:focus {
    outline: medium none;
    outline-offset: 0;
}

h2, h3 {
    font-weight: normal;
    margin: 0;
    padding: 0;
}

#page strong {
    font-weight: 700;
}

section.main {
    background: none repeat scroll 0 0 #FFFFFF;
    height: auto;
    margin-bottom: 30px;
    padding-bottom: 39px;
    padding-top: 14px;
}

.placeholder {
    color: #b3b3b3;
}

input::-webkit-input-placeholder {
    color: #b3b3b3;
    opacity: 1;
}

input:-moz-placeholder {
    /* Firefox 18- */
    color: #b3b3b3;
    opacity: 1;
}

input::-moz-placeholder {
    /* Firefox 19+ */
    color: #b3b3b3;
    opacity: 1;
}

input:-ms-input-placeholder {
    color: #b3b3b3;
    opacity: 1;
}

.btn {
    background: none repeat scroll 0 0 #505C5E;
    border: medium none;
    border-radius: 0;
    color: #FFFFFF;
    font-size: 15px;
    height: 26px;
    line-height: 26px;
    padding: 0 5px;
    font-size: 14px;
    cursor: pointer;
    line-height: 24px;
}

.btn:hover, .btn:focus {
    color: #fff;
    text-decoration: none;
}

th {
    text-align: center;
}

/*** Header ***/

header.main {
    height: 107px;
    background: #fff;

}

header.main #brand {
    float: left;
}

#logotype {
    display: block;
    margin-left: 2px;
    margin-top: 24px;
    width: 180px;
}

header.main #brand .description {
    color: #505C5E;
    font-family: Arial;
    font-size: 10px;
    letter-spacing: -0.2px;
    margin-left: 2px;
    position: relative;
    top: 2px;
}

header.main #brand .description .mdh-logo-header.desc {

}

header.main #brand .description .mdh-logo-header.icon {
    background: url("../img/sprites.png") no-repeat scroll 0 -95px rgba(0, 0, 0, 0);
    display: inline-block;
    height: 23px;
    left: 5px;
    top: -9px;
    vertical-align: top;
    width: 92px;
}

header.main #brand .description .mdh-logo-header-fr.icon {
    background: url("../img/sprites.png") no-repeat scroll -105px -95px rgba(0, 0, 0, 0);
    display: inline-block;
    height: 23px;
    left: 5px;
    top: -9px;
    vertical-align: top;
    width: 100px;
    margin-left: 5px;
}

header.main #brand .description .xtube-logo-header.desc {

}

header.main #brand .description .xtube-logo-header.icon {
    background: url("../img/xtube_logo.png") no-repeat scroll 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 23px;
    left: 10px;
    top: -10px;
    vertical-align: top;
    width: 92px;
}

header.main #brand .description .xtube-logo-header-fr.icon {
    background: url("../img/xtube_logo.png") no-repeat scroll -105px -95px rgba(0, 0, 0, 0);
    display: inline-block;
    height: 23px;
    left: 5px;
    top: -9px;
    vertical-align: top;
    width: 100px;
    margin-left: 5px;
}

header.main #brand .description .icon {
    position: relative;
    overflow: hidden;
}

header.main #brand .description .icon > span {
    position: absolute;
    bottom: 110%;
}

header.main #tools {
    float: right;
}

header.main #tools .loginid {
    margin: 0 10px;
}

header.main #tools .loginid a {
    color: rgb(80, 92, 94);
    border-bottom: 1px solid rgb(80, 92, 94);
}

header.main #tools .login-desc {
    color: #505C5E;
    float: right;
    font-size: 12px;
    height: 21px;
    margin-right: 10px;
    margin-top: 19px;
    vertical-align: inherit;
}

#page.members header.main #tools .login-desc {
    margin-left: 190px;
}

.icon-4:before {
    background: url("../img/sprites.png") no-repeat scroll -39px -125px rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 21px;
    margin-bottom: -1px;
    margin-right: 9px;
    width: 14px;
}

header.main #tools .lang {
    float: right;
    margin: 26px 0 0;
    padding: 0;
}

header.main #tools .lang li {
    display: block;
    float: left;
    list-style: none outside none;
    margin-left: 6px;
}

header.main #tools .lang li a {
    display: block;
    text-indent: -9999px;
    width: 18px;
    height: 13px;
}

header.main #tools .lang li.de a {
    background: url("../img/sprites.png") no-repeat scroll -55px -125px rgba(0, 0, 0, 0);
    background: url("../img/sprites.png") no-repeat scroll -73px -125px rgba(0, 0, 0, 0);
}

header.main #tools .lang li.en a {
    background: url("../img/sprites.png") no-repeat scroll -55px -125px rgba(0, 0, 0, 0);
}

header.main #tools form.login {
    clear: both;
    position: absolute;
    right: 10px;
    top: 45px;
}

header.main #tools form.login input.user, header.main #tools form.login input.pass {
    border: 1px solid #DDDDDD;
    color: black;
    float: left;
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    padding: 0 6px;
}

header.main #tools form.login .btn.primary {
    border: 1px solid #DDDDDD;
    border-left: none;
    width: 72px;
    padding: 0 5px 4px;
    line-height: 1;
    height: 28px;
    font-size: 15px;
}

header.main #tools form.login .user {
    margin-right: 9px;
    width: 134px;
}

header.main #tools form.login input.pass {
    border-right: medium none;
    width: 122px;
}

#header-shadow {
    background: url("../img/header_shadow.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    height: 6px;
    padding-bottom: 29px;
}

.content h2.title:before {
    background: none repeat scroll 0 0 #7AAC37;
    content: "";
    display: inline-block;
    height: 21px;
    margin-right: 9px;
    width: 11px;
}

.content h3.title:before {
    background: none repeat scroll 0 0 #7aac37;
    content: "";
    display: inline-block;
    height: 15px;
    margin-right: 9px;
    width: 11px;
}

/*** Nav ***/

nav.main {
    height: 39px;
    margin: 0 auto;
    position: relative;
    top: -5px;
    width: 100%;
}

nav.main .nav {
    background: none repeat scroll 0 0 #7AAC37;
    display: block;
    height: 39px;
    margin: 0;
    padding: 0;
    width: 100%;
}

.nav li {
    display: block;
    float: left;
    list-style: none outside none;
    position: relative;
}

nav.main .nav li.last a {
    padding-left: 28px;
}

nav.main .nav li.last {
    background: none repeat scroll 0 0 #577F18;
    float: right;
}

nav.main .nav li a {
    color: #FFFFFF;
    display: block;
    font-size: 15px;
    line-height: 38px;
    padding: 0 12px;
}

nav.main .nav > li > a:hover, nav.main .nav > li > a:focus {
    background: #739d3a
}

nav.main .nav li.current {
    background: none repeat scroll 0 0 #739D3A;
    position: relative;
    z-index: 10;
}

nav.main .nav li:first-child a {
    /*padding-left: 26px;*/
}

nav.main .nav li:last-child a {
    /*padding-left: 27px;*/
    padding-right: 24px;
}

ul.second-level-menu {
    display: none;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 39px;
    width: 140px;
    z-index: 10;
    background: #fff
}

nav.main .nav > li > ul > li a {
    color: #7e8c8d;
    font-size: 16px;
    font-family: Arial;
}

nav.main .nav > li > ul > li a:hover,
nav.main .nav > li > ul > li a:focus {
    background: #fff;
}

nav.main .nav li ul.second-level-menu li {
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;

}

ul.second-level-menu {
    display: none;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 39px;
    width: 206px;
    z-index: 10;
    background: #fff -webkit-box-shadow : 0 1 px 2 px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.nav ul li {
    float: none;
    margin: 0;
    padding: 0;
}

nav.main .nav li:hover ul.second-level-menu {
    display: block;
}

/*** Slider ***/

#slider {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 280px;
}

/*** Home ***/

#page.home section.main {
    margin-bottom: 46px;
    padding-top: 41px;
}

.content-home {
    padding-bottom: 27px;
    padding-top: 25px;
    overflow: hidden;
}

.content-home img.promo_move {
    max-width: 100%;
    width: 100%;
}

.content-home img.last {
    margin-left: 28px;
    position: relative;
    top: 1px;
}

.content-home .register-box {
    display: block;
    float: right;
    height: 122px;
    margin-right: 1px;
    width: 269px;
}

.content-home .register-box span {
    display: block;
}

.content-home .register-box .top {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #8C8C8C;
    font-size: 21px;
    padding: 17px 0 17px 13px;
}

.content-home .register-box .bottom {
    background: none repeat scroll 0 0 #7AAC37;
    color: #FFFFFF;
    display: block;
    font-size: 30px;
    padding: 6px 0 21px 17px;
}

.arrow-up {
    border-bottom: 10px solid #7AAC37;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    height: 0;
    left: 12px;
    position: relative;
    top: -15px;
    width: 0;
}

.content h2.title {
    color: #505c5e;
    font-size: 24px;
    line-height: 18px;
    font-weight: normal;
}

.content h3.title {
    color: #505c5e;
    font-size: 18px;
    font-weight: normal;
    line-height: 20px;
    margin-top: 3px;
}

.content p {
    color: #000000;
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 14px;
    margin-top: 14px;
}

.content p.acapit {
    line-height: 18px;
    margin-top: 14px;
    padding-left: 22px;
}

.content p.acapit.small {
    width: 310px;
}

.content .column-1 {
    float: left;
    height: auto;
    width: 570px;
}

.content .column-1 p {
    margin-top: 21px;
    padding-left: 9px;
}

.content .column-1 p a.more {
    margin-left: 1px;
    margin-top: 42px;
}

#page.home .content p.acapit {
    line-height: 18px;
    margin-top: 21px;
    padding-left: 9px;
}

.content .more {
    background: none repeat scroll 0 0 #505C5E;
    color: #FFFFFF;
    display: block;
    font-size: 15px;
    height: 26px;
    line-height: 24px;
    margin-top: 46px;
    text-align: center;
    width: 99px;
}

.content .column-2 .image img {
    height: 206px;
    left: -8px;
    position: absolute;
    top: 33px;
    width: 361px;
}

.content .column-2 .image {
    min-height: 200px;
    height: auto;
    position: relative;
}

#page .content .column-2 h2.title {
    position: absolute;
    right: 93px;
    top: 1px;
}

#page .content .column-2 h2.title .mdh-logo-content {
    background: url("../img/sprites.png") no-repeat scroll 0 -53px rgba(0, 0, 0, 0);
    display: block;
    height: 42px;
    left: 23px;
    position: relative;
    text-indent: -99999px;
    top: -33px;
    vertical-align: top;
    width: 167px;
}

/* Basic jQuery Slider essential styles */

ul.bjqs {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    display: none;
}

li.bjqs-slide {
    position: absolute;
    display: none;
}

ul.bjqs-controls {
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 9999;
}

ul.bjqs-controls.v-centered li a {
    position: absolute;
    width: 19px;
    height: 35px;
}

ul.bjqs-controls.v-centered li.bjqs-next a {
    background: url("../img/sprites.png") no-repeat scroll -20px -118px rgba(0, 0, 0, 0);
    right: 9px;
    top: 41.75% !important;
}

ul.bjqs-controls.v-centered li.bjqs-prev a {
    background: url("../img/sprites.png") no-repeat scroll 0 -118px rgba(0, 0, 0, 0);
    bottom: 110px;
    left: 11px;
    top: 41.75% !important;
}

ol.bjqs-markers {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

ol.bjqs-markers.h-centered {
    text-align: center;
}

ol.bjqs-markers li {
    display: inline;
}

ol.bjqs-markers li a {
    display: inline-block;
}

p.bjqs-caption {
    background: none repeat scroll 0 0 #7AAC37;
    bottom: 0;
    color: #FFFFFF;
    display: block;
    font-size: 16px;
    height: 66px;
    margin: 0;
    opacity: 0.88;
    padding: 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 192px;
}

p.bjqs-caption .small {
    font-size: 13px;
}

p.bjqs-caption .text {
    display: block;
    padding-top: 17px;
}

p.bjqs-caption .icon:before {
    background: none repeat scroll 0 0 #577F18;
    content: "%";
    display: block;
    float: left;
    font-size: 41px;
    font-weight: 700;
    height: 66px;
    padding-top: 10px;
    width: 72px;
}

/*** Logged***/

#page.logged header.main #tools .login-desc {
    margin-left: 231px;
}

header.main #tools.login .login-desc .id {
    margin: 0 3px;
    text-decoration: underline;
}

#page.logged section.main {
    padding-top: 31px;
}

#page.logged section.main h2.title {
    margin-bottom: 25px;
}

#page.logged section.main.filter {
    padding-top: 14px;
}

#page.logged section.main.filter h2.title {
    margin-bottom: 0;
}

.filter ul,
.filter li {
    margin: 0;
    padding: 0;
    display: block;
    list-style: none;
}

.filter li.inline {
    float: left;
}

.filter #tabs {
    margin-top: 27px;
}

.filter .nav-tabs {
    border-bottom: 1px solid #FFFFFF;
}

.nav-tabs li {
    display: block;
    min-width: 160px;
    overflow: hidden;
    text-align: center;
    width: auto;
}

.nav-tabs > li > a {
    background: none repeat scroll 0 0 #979797;
    border: medium none;
    border-radius: 0;
    color: #FFFFFF;
    display: block;
    font-size: 15px;
    height: 30px;
    line-height: 30px;
    padding-right: 4px;
    padding: 0;
}

.nav-tabs > li > a:hover {
    background: none repeat scroll 0 0 #979797;
    border: none;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background: none repeat scroll 0 0 #505C5E;
    border: medium none;
    color: #FFFFFF;
}

.filter .tab-content {
    background: none repeat scroll 0 0 #EEEEEE;
    clear: both;
    height: auto;
    min-height: 292px;
    padding-bottom: 16px;
    padding-left: 15px;
    padding-top: 15px;
}

.filter-form fieldset {
    border: medium none;
    margin: 0;
    padding: 0;
}

.filter-form label {
    color: #000000;
    font-size: 15px;
    font-weight: normal;
    line-height: 1;
    margin: 0;
}

.filter-form input[type="checkbox"] {
    margin-right: 8px;
}

.filter-form legend {
    border: medium none;
    color: #7DBE40;
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 0;
}

#page .filter-form legend a {
    color: #000000;
    font-size: 11px;
    margin-left: 10px;
    text-decoration: underline;
}

.filter-form .top {
    border-bottom: 1px solid #FFFFFF;
    margin-bottom: 11px;
    margin-right: 15px;
    overflow: hidden;
    padding-bottom: 17px;
    padding-left: 0;
}

.filter-form .top li.inline {
    margin-right: 55px;
}

.filter-form .format {
    border-bottom: 1px solid #F1F1F1;
    margin-bottom: 11px;
    overflow: hidden;
    padding-bottom: 11px;
}

.filter-form .format li {
    margin-right: 24px;
    padding-top: 4px;
}

.filter-form .format legend {
    display: inline-block;
    float: left;
    margin-right: 29px;
    width: auto;
}

.filter-form .fieldset {
    margin-bottom: 11px;
    overflow: hidden;
}

.filter-form .fieldset legend {
    margin-bottom: 10px;
}

#page .filter-form ul.column {
    float: left;
    width: 118px;
}

#page .filter-form ul.column li {
    margin-bottom: 15px;
}

.filter-form .bottom label {
    color: #7DBE40;
    display: inline-block;
    float: left;
    margin-left: 2px;
    margin-right: 12px;
    margin-top: 7px;
}

.filter-form .bottom select {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    display: inline-block;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    margin-right: 36px;
    padding: 5px 5px 5px 2px;
    width: 191px;
}

.filter-form button {
    height: 26px;
    line-height: 24px;
    margin-left: 90px;
    margin-top: 3px;
    padding: 0;
    text-align: center;
    width: 125px;
}

article.banner {
    border: 1px solid #CCCCCC;
    margin-bottom: 18px;
    width: 100%;
}

article.banner .text {
    color: #9FA4A4;
    float: left;
    font-size: 13.35px;
    line-height: 16px;
    padding-left: 34px;
    padding-top: 13px;
}

article.banner.banner .text ul {
    margin-left: -1px;
}

article.banner.banner-1 .text {
    padding-top: 13px;
}

article.banner.banner-2 .text {
    padding-top: 3px;
}

article.banner.banner-3 .text {
    line-height: 1;
    padding-top: 2px;
}

article.banner .text ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style: none;
}

#page article.banner h2 {
    color: #7E8C8D;
    font-size: 18px;
    font-weight: normal;
    line-height: 23px;
    margin-bottom: 9px;

}

#page article.banner.banner-1 h2 {
    margin-bottom: 9px;
}

#page article.banner.banner-3 h2 {
    line-height: 1;
    margin-bottom: 3px;
}

article.banner figure {
    margin: 0;
    text-align: right;
}

article.banner figure img {
    float: right;
}

#page.logged #banners {
    padding-bottom: 14px;
}

#page.logged #top-banner {
    margin-bottom: 29px;
    padding-bottom: 16px;
    padding-top: 24px;
}

/*** Program ***/

section.program {
    float: left;
    height: 300px;
    margin-bottom: 15px;
    width: 100%;
}

section.program.row-2 {
    margin-bottom: 34px;
}

.program article {
    float: left;
    width: 216px;
}

.program article figure {
    background: url("../img/figure-bg.jpg") repeat-x scroll left bottom rgba(0, 0, 0, 0);
    height: 134px;
    margin: 0;
    padding: 0;
}

.program article figure img {
    margin-top: 17px;
}

.program article h2,
.program article h3 {
    background: none repeat scroll 0 0 #7AAB37;
    color: #FFFFFF;
    font-size: 24px;
    height: 39px;
    line-height: 41px;
    padding-left: 5px;
}

.program article h3 span {
    font-weight: 300;
    font-size: 15px;
}

.program article .desc {
    font-size: 14px;
    font-weight: 300;
    height: 87px;
    line-height: 16px;
    margin: 0;
    padding-left: 8px;
    padding-top: 35px;
    position: relative;
}

.program article .desc .step-arrow:before {
    background: url("../img/sprites.png") no-repeat scroll -93px -98px rgba(0, 0, 0, 0);
    content: "";
    display: block;
    height: 43px;
    position: absolute;
    right: 0;
    top: 24%;
    width: 12px;
}

.program article .desc a {
    color: #7aac37;
}

.program article.step-3 {
    width: 208px;
}

article.program-name .desc {
    padding-left: 13px;
    padding-right: 12px;
}

article.program-name {
    min-height: 300px;
    width: 310px;
}

.program article.program-name figure img {
    margin-left: 16px;
    margin-top: 0;
}

#page.program .content h2.title {
    margin-bottom: 45px;
}

.program article.program-name h2 {
    padding-left: 12px;
}

.program.row-1 article.step-2 figure img {
    margin-left: 8px;
    margin-top: 20px;
}

.program.row-1 article.step-3 figure img {
    margin-left: 4px;
    margin-top: 20px;
}

.program.row-2 article.program-name figure img {
    margin-left: 29px;
    margin-top: 1px;
}

.program.row-3 article.program-name figure img {
    margin-left: 32px;
    margin-top: -4px;
}

.program.row-2 article.program-name .desc {
    padding-top: 30px;
}

.program.row-2 article .desc {
    height: 90px;
    padding-top: 30px;
}

.program.row-2 article.step-1 figure img {
    margin-left: -5px;
    margin-top: 8px;
}

.program.row-2 article.step-2 figure img {
    margin-left: -1px;
    margin-top: 9px;
}

.program.row-2 article.step-3 figure img {
    margin-left: 2px;
    margin-top: 11px;
}

.program.row-3 article.step-1 figure img {
    margin-left: -8px;
    margin-top: 38px;
}

.program.row-3 article.step-2 figure img {
    margin-left: -9px;
    margin-top: 40px;
}

.program.row-3 article.step-3 figure img {
    margin-left: -3px;
    margin-top: 39px;
}

.program.row-3 article .desc {
    height: 102px;
    padding-top: 34px;
}

.program.row-4 article.program-name {
    min-height: 300px;
    width: 100%;
}

section.program.row-3 {
    margin-bottom: 19px;
}

section.program.row-4 {
    margin-bottom: 0;
}

.program.row-4 article.program-name figure img {
    margin-left: 26px;
    margin-right: 180px;
    margin-top: 12px;
}

.program.row-4 article.program-name .desc {
    padding-top: 16px;
}

.program.row-3-new article.program-name {
    min-height: 300px;
    width: 100%;
}


section.program.row-3-new {
    margin-bottom: 0;
}

.program.row-3-new article.program-name figure img {
    margin-left: 32px;
    margin-right: 100px;

}

.program.row-3-new article.program-name .desc {
    padding-top: 16px;
}



#page.program section.main {
    margin-bottom: 39px;
}

/*** Registration ***/

#page.register section.main {
    margin-bottom: 27px;
    min-height: 280px;
    padding-bottom: 30px;
}

#page.register .content p.acapit {
    font-size: 16px;
    letter-spacing: -0.4px;
    line-height: 18px;
    margin-top: 12px;
    padding-left: 19px;
}

#page.register .icons-3d {
    overflow: hidden;
    padding-left: 14px;
    padding-top: 22px;
}

#page.register .icons-3d img {
    float: left;
}

#page.register .icons-3d .icon-1 {
    margin-top: 3px;
}

#page.register .icons-3d .icon-2 {
    margin-left: 34px;
    margin-top: 0;
}

#page.register .icons-3d .icon-3 {
    float: right;
    margin-right: -14px;
}

.register-form .container {
    min-height: 725px;
}

.register-form form,
.contact-form form {
    padding-left: 19px;
    padding-top: 33px;
    width: 480px;
}

.contact-form form {
    width: 560px;
}

.register-form form fieldset.group-1,
.contact-form form fieldset.group-1 {
    margin-bottom: 22px;
}

.register-form form input[type="text"],
.register-form form input[type="password"],
.register-form form input[type="email"],
.register-form form input[type="tel"],
.contact-form form input[type="text"],
.contact-form form input[type="password"],
.contact-form form input[type="email"],
.contact-form form input[type="tel"],
.contact-form form textarea {
    border: 1px solid #CCCCCC;
    color: black;
    float: left;
    height: 34px;
    margin-bottom: 18px;
    padding-left: 5px;
    width: 210px;
}

.contact-form form input.name,
.contact-form form input.email {
    width: 259px;
}

.register-form form select {
    color: black;
    float: left;
    margin-bottom: 18px;
    padding-left: 2px;
    width: 210px;
}

.contact-form form input[type="text"],
.contact-form form input[type="password"],
.contact-form form input[type="email"],
.contact-form form input[type="tel"],
.contact-form form textarea {
    float: none;
}

.register-form form select {
    padding-right: 5px;
}

.contact-form form input.subject {
    width: 100%;
}

.contact-form form input::-webkit-input-placeholder {
    line-height: 16px;
}

.contact-form form textarea {
    height: 116px;
    border: none;
    padding-right: 5px;
    resize: none;
    width: 100%;
    margin-bottom: 0px;

}

.contact-form form textarea:focus {
    outline: none;
}

.contact-form-wrapper {
    padding: 5px 20px 5px 0px;
    background-color: #ffffff;
    border: 1px solid #CCCCCC;
    margin-bottom: 20px;
}

.contact-form form input.has-error,
.register-form form input.has-error,
.contact-form form textarea.has-error,
.register-form form textarea.has-error,
.contact-form .contact-form-wrapper.has-error {
    border-color: #D9534F;
}

/*.register-form label,*/
.contact-form label {
    font-size: 12px;
    position: relative;
    top: -2px;
}

.register-form label input[type="checkbox"] {
    margin-top: 0;
}

.register-form legend,
.contact-form legend {
    font-size: 14px;
}

.register-form,
.contact-form {
    font-family: Arial;
}

.register-form form fieldset.group-1 input,
.register-form form fieldset.group-2 input,
.contact-form form fieldset.group-1 input,
.contact-form form fieldset.group-2 input {
    margin-right: 19px;
}

.contact-form form fieldset.group-1 input.email {
    margin-right: 0;
}

.register-form form fieldset.group-2,
.contact-form form fieldset.group-2 {
    padding-bottom: 13px;
}

.register-form form fieldset.group-2 label,
.contact-form form fieldset.group-2 label {
    display: block;
    float: left;
    line-height: 13px;
    margin-right: 25px;
    margin-top: 5px;
    width: 204px;
}

.register-form form fieldset.group-2 label.single {
    margin-top: 12px;
}

.register-form form ul,
.contact-form form ul {
    margin: 0;
    padding: 0;
    display: block;
}

.register-form form li,
.contact-form form li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.register-form form li.inline,
.contact-form form li.inline {
    float: left;
    margin-bottom: -11px;
    margin-right: 19px;
    width: 194px;
}

.register-form form li.inline input[type="text"],
.contact-form form li.inline input[type="text"] {
    position: relative;
    top: -2px;
}

.register-form form .group-3 legend,
.contact-form form .group-3 legend {
    margin-bottom: 17px;
}

.register-form form fieldset.group-3,
.contact-form form fieldset.group-3 {
    margin-bottom: 36px;
}

.register-form form .group-4 legend,
.contact-form form .group-4 legend {
    margin-bottom: 7px;
}

.register-form button {
    margin-left: 297px;
    margin-top: 29px;
    width: 142px;
}

.register-form .checkbox-inline {
    font-size: 12px;
    font-weight: bold;
}

.contact-form form {
    position: relative;
}

.contact-form button {
    bottom: 20px;
    position: absolute;
    right: 0;
    width: 100px;
}

.site_notice.content .container {
    min-height: 230px;
}

.contact-form.content .container {
    min-height: 310px;
}

.picture.fickenbitte {
    background: url("../img/fickenbitte.png") no-repeat scroll 0px 0px rgba(0, 0, 0, 0);
    bottom: 0;
    height: 650px;
    position: absolute;
    right: 0;
    width: 425px;
    z-index: 1000;
}

.picture.lucycat {
    background: url("../img/lucy_cat.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);
    bottom: 0;
    height: 724px;
    position: absolute;
    right: 0;
    width: 469px;
}

.picture.anniangel {
    background: url("../img/anni-angel.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);
    bottom: 0;
    height: 724px;
    position: absolute;
    right: 0;
    width: 469px;
}

.picture.blondehexe {
    background: url("../img/blondehexe.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);
    bottom: 0;
    height: 577px;
    position: absolute;
    right: 0;
    width: 469px;
}

.picture.nataliehot {
    background: url("../img/nataliehot.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);
    bottom: 0;
    height: 650px;
    position: absolute;
    right: 0;
    width: 425px;
}

.picture.jackybabe1 {
    background: url("../img/jackybabe1.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);
    bottom: 0;
    height: 650px;
    position: absolute;
    right: 0;
    width: 425px;
}

.picture.lexyroxx {
    background: url("../img/lexyroxx.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);
    bottom: 0;
    height: 724px;
    position: absolute;
    right: 0;
    width: 469px;
}

.picture.lexyroxxgop_de {
    background: url("../img/lexyroxxgop_de.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);
    bottom: 0;
    height: 724px;
    position: absolute;
    right: 0;
    width: 469px;
}
.picture.lexyroxxgop_en {
    background: url("../img/lexyroxxgop_en.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);
    bottom: 0;
    height: 724px;
    position: absolute;
    right: 0;
    width: 469px;
}

.picture.bibixxx {
    background: url("../img/bibixxx.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);
    bottom: 50px;
    height: 465px;
    position: absolute;
    right: 30px;
    width: 739px;
}

.picture.aischepervers {
    background: url("../img/aischePervers.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);
    bottom: 0px;
    height: 805px;
    position: absolute;
    right: -20px;
    width: 434px;
    z-index: 100;
}

@media only screen and (device-width: 768px) {
    /* For general iPad layouts */
    .picture.aischepervers {
        background-position: left bottom;
        right: 0;
        width: 414px;
    }
}

@media only screen and (max-device-width: 1280px) {
    /* For portrait layouts only */
    .picture.aischepervers {
        background-position: left bottom;
        right: 0;
        width: 414px;
    }
}

.mdh p.acapit {
    color: #505c5e;
}

.mdh .subtitle {
    color: #080808;
    font-weight: 600;
}

.main.mdh.content .container {
    min-height: 227px;
}

.sub.mdh.content .container {
    background: url("../img/mdh1.png") no-repeat scroll 32px bottom rgba(0, 0, 0, 0);
    min-height: 540px;
}

.sub.mdh.content .container.en {
    background-image: url("../img/mdh1_en.png");
}

.sub.mdh.content .container .mdh1 {
    left: -70px;
    margin-top: 50px;
    position: relative;
}

.sub.xtube.content .container .xtube1 {
    left: -70px;
    margin-top: -45px;
    position: relative;
}

.site_notice.content,
.site_notice.content * {
    z-index: 1000;
}

.main.content.site_notice,
.main.content.site_notice * {
    z-index: 1001;
}

.site_notice_data .block {
    color: #505c5e;
    height: 80px;
    width: 340px;
}

.contact-variations,
.site_notice_data {
    line-height: 18px;
    margin-top: 45px;
    padding-left: 19px;
}

.contact-variations img,
.site_notice_data img {
    vertical-align: top;
}

.site_notice_data .block.colbette img {
    position: relative;
    left: -5px;
}

.site_notice_data .block.colbette .desc {
    position: relative;
    left: -10px;
}

.contact-variations .block,
.site_notice_data .block {
    float: left;
}

.contact-variations .phone,
.contact-variations .email,
.contact-variations .skype,
.site_notice_data .desc {
    display: inline-block;
    margin: 0 15px 0 10px;
    width: 270px;
}

.site_notice_data .desc {
    margin-right: 0;
}

.contact-variations .email {
    padding-top: 10px;
}

.contact-variations .skype {
    line-height: 40px;
}

.contact-variations .skype-icon {
    margin-left: 340px;
}

.main.content.contact {
    min-height: 280px;
}

.main.content .caption {
    color: #505c5e;
    font-size: 24px;
    line-height: 40px;
}

/*** Statistics ***/

.statistic .chart {
    margin-top: 33px;
}

.chart .nav-tabs li {
    margin-right: 10px;
    min-width: 152px;
    padding: 0;
    width: auto;
}

.chart .nav-tabs li a {
    font-family: Arial;
    height: 26px;
    line-height: 23px;
    letter-spacing: 0.2px;
    padding: 0 13px;
    text-decoration: none;
}

.chart .nav-tabs {
    border-bottom: medium none;
    display: block;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.statistic .statistic-filter {
    margin-top: 33px;
}

.statistic .statistic-table {
    clear: both;
    overflow: hidden;
    padding-top: 35px;
}

.statistic-filter form {
    background: none repeat scroll 0 0 #ECECEC;
    color: #333333;
    font-size: 14px;
    font-weight: 600;
    margin-left: -1px;
    padding: 12px 11px 21px 12px;
    width: 306px;
}

.statistic-filter .group-1 {
    overflow: hidden;
    margin-bottom: 14px;
}

.statistic-filter form ul {
    margin: 0;
    padding: 0;
    display: block;
}

.statistic-filter form ul li {
    margin: 0;
    padding: 0;
    display: block;
    list-style: none;
}

.statistic-filter form ul li.inline {
    float: left;
    margin-top: 10px;
}

.statistic-filter form ul li.inline.last {
    float: right;
}

.statistic-filter input[type="text"] {
    border: 1px solid #CCCCCC;
    font-weight: 600;
    height: 34px;
    padding-left: 5px;
    width: 113px;
}

.statistic-filter form ul li.inline.last label {
    margin-right: 14px;
}

.statistic-filter .group-2 label {
    color: #333333;
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0;
    padding-bottom: 8px;
    padding-left: 6px;
}

.statistic-filter form .group-2 li {
    margin-bottom: 15px;
}

.statistic-filter form .group-2 li:last-child {
    margin-top: 23px;
}

.statistic-filter form button {
    font-family: arial;
    font-size: 15px;
    line-height: 24px;
    margin-top: 5px;
    padding: 0;
    width: 100%;
}

.statistic-table-table {
    border-collapse: collapse;
    color: #333333;
    font-size: 12px;
    text-align: center;
    width: 100%;
}

.statistic-table-table thead {
    border: 1px solid #DDDDDD;
}

.statistic-table-table th {
    border-bottom: 2px solid #DDDDDD;
    font-weight: 600;
    padding-bottom: 12px;
    padding-left: 5px;
    padding-right: 5px;
}

.statistic-table-table th.col-1 {
    padding-left: 0;
    width: 120px;
}

.statistic-table-table td {
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    font-weight: normal;
    padding: 10px 0 13px;
    text-align: center;
}

.statistic-table-table .even td:first-child,
.statistic-table-table .odd td:first-child,
.statistic-table-table tfoot td:first-child {
    border-left: 1px solid #DDDDDD;
}

.statistic-table-table .even td:last-child,
.statistic-table-table .odd td:last-child,
.statistic-table-table tfoot td:last-child {
    border-right: 1px solid #DDDDDD;
}

.statistic-table-table tfoot td {
    background: none repeat scroll 0 0 #ECECEC;
    border: medium none;
    font-weight: 700;
    padding-bottom: 11px;
}

.statistic-table-table .table-title th {
    border: medium none;
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 16px;
    padding-left: 15px;
    padding-top: 6px;
    text-align: left;
}

.statistic-table-table .odd td {
    background: none repeat scroll 0 0 #F9F9F9;
    border: medium none;
    padding: 11px 0 14px;
}

.statistic-table-table .last td {
    border-bottom: 1px solid #DDDDDD;
}

.statistic-table-table.mdh th:first-child,
.statistic-table-table.mdh td:first-child {
    padding-left: 10px;
    text-align: left;
}

.statistic-table-table.mdh th,
.statistic-table-table.mdh td {
    padding-right: 10px;
    text-align: right;
}

.statistic-table-table.mdh tr.no-results td {
    text-align: center;
}

.panel-collapse .statistic-table-table th {
    padding-top: 12px;
}

#headingOne .panel-title, #headingOne .topamateurs_countries {
    display : inline-block;
}

.statistic-list-topamateurs {
    list-style: none;
    padding: 0;
}

.statistic-list-topamateurs li {
    display: inline-block;
}
.statistic-list-topamateurs li div.panel-heading{
    background-color: initial;
    color: initial;
}

.statistic-list-topamateurs li.current div.panel-heading{
    background-color: #7AAC37;
    color: white;
}

.statistic-list-topamateurs .panel-heading {
    padding: 5px 10px;
}

.statistic-list-topamateurs .panel-heading h4,
.statistic-list-topamateurs .panel-heading p {
    margin : 0;
}

.statistic-list-topamateurs .panel-heading p.truncate {
    margin : 0;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.statistic-list-topamateurs .panel-body {
    padding: 0;
}

.card-image-slider {
    position : relative;
    display  : block;
    width    : 100%;
    height   : 100%;
    overflow : hidden;
}

.card-image-slider img {
    position   : absolute;
    margin     : auto;
    width      : calc(100% + .49px);
    bottom     : 0;
    opacity    : 0;
    transition : opacity 0.3s;
    transform  : translateZ(0);
}

.card-image-slider img:first-child {
    position : static;
    opacity  : 1;
}

.card-image-slider img.current {
    opacity : 1;
}



/*** Footer ***/

footer.main {
    background: none repeat scroll 0 0 #FFFFFF;
    clear: both;
    height: auto;
    min-height: 83px;
}

footer.main ul {
    margin: 0;
    padding: 0;
    display: block;
}

footer.main ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    display: block;
}

footer.main .nav {
    margin-top: 15px;
}

footer.main .nav .separator {
    margin: 10px 0;
}

footer.main .nav li {
    color: #505C5E;
    opacity: 0.5;
}

.nav li a {
    color: #505C5E;
    font-size: 13px;
    padding: 10px 5px;
}

footer.main .nav > li > a:hover, footer.main .nav > li > a:focus {
    background: none;
    text-decoration: none;
}

footer.main .nav li:first-child a {
    padding-left: 0;
}

.logos__wrapper {
    position: absolute;
    top: 0px;
    right: 20px;
    width: 340px;
}

footer.main .logos {
    float: right;
    margin-right: 3px;
    margin-top: 18px;
    margin-bottom: 30px;
    position: relative;
}

footer.main .logos li {
    margin-left: 6px;
}

footer.main .logos .icon {
    position: relative;
    overflow: hidden;
    display: block;
}

footer.main .logos .icon > span {
    position: absolute;
    bottom: 101%;
}

footer.main .logos li a.logo-footer-1 {
    background: url("../img/sprites.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 22px;
    left: 10px;
    margin-top: 5px;
    width: 138px;
}

footer.main .logos li a.logo-footer-2 {
    background: url("../img/sprites.png") no-repeat scroll 0 -22px rgba(0, 0, 0, 0);
    height: 31px;
    width: 138px;
}

footer.main .logos .copy {
    color: #505C5E;
    font-size: 12px;
    margin-top: 13px;
    opacity: 0.5;
}

.bs-callout {
    margin: 20px 0;
    padding: 20px;
    border-left: 3px solid #eee;
}

.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}

.bs-callout-danger {
    background-color: #fdf7f7;
    background-color: rgba(253, 247, 247, .8);
    border-color: #d9534f;
}

.bs-callout-danger h4 {
    color: #d9534f;
}

.bs-callout-info {
    background-color: #f4f8fa;
    border-color: #5bc0de
}

.bs-callout-success {
    background-color: #F4FAF5;
    border-color: #7AAC37;
}

.indent-left {
    padding-left: 19px;
}

.lh18 {
    line-height: 18px;
}

.member.main.content table .table-title a.showall {
    float: right;
    font-size: 12px;
}

.news_wrapper {
    color: #505c5e;
}

.news_wrapper hr {
    border-width: 2px;
}

.graphWrapper {
    background: #ffffff;
    padding: 20px 0;
    position: relative;
}

.graphWrapper .graph {
    width: 600px;
    height: 340px;
    overflow-x: scroll;
    overflow-y: hidden;
    position: relative;
    margin-left: 35px;
}

.graphWrapper .graph .graph1 {
    height: 300px;
    position: relative;
    z-index: 1;
}

.graphWrapper .labely {
    width: 40px;
    height: 250px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.graphWrapper .labely {
    background: transparent url(/de/images/c4m/members_stats_graph_label.gif) no-repeat scroll center center;
}

.graphWrapper .legend {
    font-size: 11px;
    color: #363737;
    font-family: Arial;
    font-weight: bold;
    margin: 14px 0 0 50px;
    width: 355px;
}

.graphWrapper .legend .item {
    float: left;
    margin-right: 20px;
}

.graphWrapper .legend .item.last {
    margin-right: 0px;
}

.graphWrapper .legend .item div {
    width: 40px;
    height: 20px;
    float: left;
    margin-right: 5px;
}

.graphWrapper .legend .item span {
    display: block;
    height: 20px;
    float: left;
    line-height: 20px;
}

.graphWrapper .legend .item .unique {
    background: #7f7f7f;
}

.graphWrapper .legend .item .initial {
    background: #abda76;
}

.graphWrapper .legend .item .refunds {
    background: #fdca28;
}

.graphWrapper .legend .item .rebills {
    background: url(/images/c4m/members_stats_legend_rebills.gif) no-repeat right center;
    width: 11px;
}

#page.statistic select.form-control {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 6px 4px;
}

#page.statistic select.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    transition: none;
}

section.main.admaterial {
    margin-bottom: 150px;
    position: relative;
}

section.main.admaterial .container {
    min-height: 280px;
}

.admaterial .materials {
    position: absolute;
    /*bottom: -165px;*/
    bottom: -115px;
}

.admaterial .materials .block {
    background: white;
    float: left;
    height: 235px;
    margin-right: 8px;
    position: relative;
}

.admaterial .materials .block.last {
    margin-right: 0;
}

.admaterial .materials .block .icon {
    position: absolute;
    top: 135px;
    left: 70px;
}

.admaterial .materials .block h5 {
    color: #808686;
    font-size: 18px;
    margin-top: 30px;
    text-align: center;
}

.admaterial .materials .block p {
    color: #808686;
    margin-left: 25px;
}

section.main.flashbanner,
section.main.thumbs,
section.main.landingpages,
section.main.individual,
section.main.gifbanner {
    padding: 0;
}

section.main.flashbanner .container,
section.main.thumbs .container,
section.main.landingpages .container,
section.main.individual .container,
section.main.gifbanner .container {
    padding: 14px 10px 30px;

}

section.main.landingpages p,
section.main.gifbanner p,
section.main.landingpages h2,
section.main.gifbanner h2 {
    margin-left: 660px;
}

section.main.flashbanner .container {
    background: white url("../img/flashBanner.png") no-repeat scroll right bottom;
    min-height: 280px;
}

section.main.gifbanner .container {
    background: white url("../img/gifBanner.png") no-repeat scroll left bottom;
    min-height: 280px;
}

section.main.thumbs .container {
    background: white url("../img/thumbAds.png") no-repeat scroll right bottom;
    min-height: 280px;
}

section.main.landingpages .container {
    background: white url("../img/landingpages.png") no-repeat scroll left bottom;
    min-height: 280px;
}

section.main.individual .container {
    background: white url("../img/individuell.png") no-repeat scroll right bottom;
    min-height: 280px;
}

.create-campaign.bg-info {
    padding: 10px;
}

.XtubeTittle{
    font-weight: bold;
}

.content h3.subtitle {
    color: #7AAC37;
    font-size: 24px;
    font-weight: normal;
    line-height: 18px;
    padding: 20px 10px 0;
}

.codes.main.content label {
    width: 200px;
}

.codes.main.content fieldset.group-1 {
    margin: 10px 0;
}

.codes.main.content fieldset.group-1 input {
    border: 1px solid #CCCCCC;
    color: black;
    height: 34px;
    padding-left: 5px;
}

.codes.main.content fieldset.group-1 select.form-control,
#generate select.form-control {
    display: inline;
    padding: 6px 4px;
}

.codes.main.content fieldset.group-1 select,
.codes.main.content fieldset.group-1 button {
    margin-left: -4px;
}

.codes.main.content fieldset.group-1 select,
.codes.main.content fieldset.group-1 input[type="text"] {
    padding: 4px;
    width: 300px;
}

#postForm fieldset,
#postForm2 {
    margin-left: 10px;
}

.add-campaign form {
    margin-left: 20px;
}

.add-campaign fieldset.group-1 {
    margin: 15px 0;
}

.main.content.edit .blockLeft,
.main.content.edit .blockRight {
    width: 50%;
}

.main.content.edit .blockLeft {
    float: left;
}

.main.content.edit .blockRight {
    float: right;
}

.main.content.edit .block {
    border: 1px solid #CCCCCC;
    /*float: left;*/
    margin: 10px;
    padding: 15px;
    width: 460px;
}

.main.content.edit .block.right {
    float: right;
}

.main.content.edit .block h3 {
    color: #7AAC37;
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    margin: 0 0 15px;
}

.main.content.edit .block label {
    font-weight: normal;
    margin-right: 10px;
    text-align: right;
    width: 200px;
}

.main.content.edit .block .value {
    color: #7AAC37;
    font-weight: bold;
}

.main.content.edit .block h4 {
    color: #505c5e;
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    margin: 10px 0 15px;
}

.main.content.edit .block input[type="text"],
.main.content.edit .block input[type="password"] {
    border: 1px solid #CCCCCC;
    float: right;
    margin: 2px 0;
    padding: 4px;
    width: 210px;
}

.main.content.edit .block select {
    border: 1px solid #CCCCCC;
    float: right;
    margin: 2px 0;
    max-width: 210px;
    padding: 4px;
}

.main.content.edit .block button {
    float: right;
    margin-top: 10px;
    padding: 0 20px;
}

.main.content.edit .block fieldset.group-1 label {
    line-height: 20px;
}

.main.content.edit .block fieldset.group-2 label {
    line-height: 30px;
}

.floatRight {
    float: right;
}

/* Advertising Material */
.bannerPreview .lang {
    text-indent: -9999px;
    width: 18px;
    height: 13px;
    margin: 4px 5px;
    float: left;
}

.bannerPreview .lang.de {
    background: url("../img/sprites.png") no-repeat scroll -73px -125px rgba(0, 0, 0, 0);
}

.bannerPreview .lang.en {
    background: url("../img/sprites.png") no-repeat scroll -55px -125px rgba(0, 0, 0, 0);
}

.bannerPreview .lang.fr {
    background: url("../img/sprites.png") no-repeat scroll -160px -125px rgba(0, 0, 0, 0);
}

.availableBanners {
}

.siteTabs {
    background: #7AAC37;
    display: inline-block;
    height: 39px;
    list-style: none;
    margin: 0 0 -3px;
    padding: 0;
}

.siteTabs li {
    float: left;
    display: block;
    list-style: none outside none;
    position: relative;
}

.siteTabs li a {
    color: #FFFFFF;
    display: block;
    font-size: 15px;
    line-height: 38px;
    padding: 0 10px;
}

.siteTabs li.selected a {
    background: #739D3A;
}

.clear {
    clear: both;
}

.box {
    border: 1px solid #DDD;
    background: #F9F9F9;
    margin-bottom: 1px;
    padding: 10px;
    min-height: 280px;
}

.laura-paradise {
    bottom: 0;
    float: right;
    position: absolute;
    right: 20px;
}

.box .boxRow {
    margin-bottom: 10px;
}

.box .boxRow.last {
    border-top: 1px solid #DDD;
    margin-bottom: 0;
    padding: 10px 10px 0 0;
    width: 370px;
}

.box .boxRow.last.landingpages {
    border-top: none;
}

.box .boxRow.last .boxdesc {
    margin-bottom: 5px;
}

.box .boxRow.last select {
    margin: 10px 0 5px;
}

.box .boxRow.last .btn {
    float: right;
    margin-top: 15px;
}

.box .boxRow.last p {
    margin-bottom: 0;
}

.box .boxRow label {
    margin: 10px 0 5px;
}

.box .boxLeft {
    border-right: 1px solid #DDD;
    float: left;
    padding-right: 10px;
    width: 380px;
}

.box .boxRight {
    float: left;
    margin-left: 10px;
    width: 325px;
}

.box .boxRow {
    float: left;
}

.boxRow.language {
    border-left: 1px solid #DDD;
    padding-left: 30px;
    width: 100px;
}

.boxRow.admaterial {
    width: 240px;
}

.box .boxRowRight {
    font-size: 16px;
    color: #7AAC37;
}

.boxdesc {
    font-size: 16px;
    color: #7AAC37;
    margin-bottom: 5px;
}

.bannersize {
    height: 25px;
    float: left;
    font-size: 16px;
    margin: 0 5px 0 0;
    color: black;
    font-weight: normal;
}

.bannersizelabel {
    font-size: 12px;
    font-weight: normal;
    width: 90px;
}

.bannersizelabel input {
    margin-top: 0px;
}

.generateButtonWrapper {
    float: right;
    margin-top: 4px;
}

.bannerPreview {
    background-color: #F9F9F9;
    border: 1px solid #DDD;
    margin: 20px 0;
    padding: 20px;
    color: #292929;
}

.bannerInline {
    margin: 0px auto;
}

.bannerCode {
    background-color: #FFFFFF;
    border: 1px solid #CBCBCB;
    padding: 10px;
    margin: 10px 0px;
}

.bannerCode textarea {
    width: 100%;
    height: 100%;
    border: none;
    resize: none;
}

#bannerPreview {
    margin-top: 20px;
}

a.selectAll,
a.selectAll:link,
a.selectAll:hover,
a.selectAll:active,
a.selectAll:visited {
    font-size: 10px;
    color: #7AAC37;
    padding-bottom: 0px;
    border-bottom: 1px dotted #7AAC37;
}

a.checkAll,
a.checkAll:link,
a.checkAll:hover,
a.checkAll:active,
a.checkAll:visited {
    font-size: 10px;
    /*color: #ffffff;*/
    color: black;
    padding-bottom: 0px;
    border-bottom: 1px dotted #ffffff;
}

.bannerPager {
    margin: 0;
    padding: 0;
    text-align: center
}

.pagerPage {
    display: inline;
    border-color: #CECECE #FFFFFF #CECECE #CECECE;
    border-left: 1px solid #CECECE;
    border-style: solid none solid solid;
    border-width: 1px medium 1px 1px;
    padding: 12px 19px;
    text-align: center;
    vertical-align: middle;
}

.pagerPage.active {
    background-color: #EEEEEE;

}

.pagerPage > a,
.pagerPage > a:link,
.pagerPage > a:hover,
.pagerPage > a:active,
.pagerPage > a:visited {
    color: #000000;
}

.pagerPage.next a,
.pagerPage.next a:link,
.pagerPage.next a:hover,
.pagerPage.next a:active,
.pagerPage.next a:visited,
.pagerPage.previous a,
.pagerPage.previous a:link,
.pagerPage.previous a:hover,
.pagerPage.previous a:active,
.pagerPage.previous a:visited {
    color: #ffffff;
}

.pagerPage.last {
    border-right: 1px solid #CECECE;
}

.pagerPage.next,
.pagerPage.previous {
    background-color: #7AAC37;
}

.bannerHead {
    float: left;
    font-size: 18px;
}

p.intro {
    padding-left: 20px;
}

select[name=program] {
    width: 100%;
}

select[name=campaign] {
    width: 250px;
}

/* /Advertising Material */

.main.content.login fieldset {
    margin-left: 10px;
}

.main.content.login fieldset.group-1 label {
    line-height: 30px;
    padding-right: 10px;
    text-align: left;
    width: 100px;
}

.main.content.login fieldset.group-1 label.checkboxLabel {
    display: inline;
    width: auto;
}

.main.content.login fieldset.group-1 input[type="text"],
.main.content.login fieldset.group-1 input[type="password"] {
    border: 1px solid #DDDDDD;
    color: black;
    float: right;
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    padding: 0 6px;
    width: 194px;
}

.main.content.login .login-form {
    margin: 10px auto 0;
    width: 320px;
}

.main.content.password fieldset.group-1 {
    margin-left: 20px;
}

.main.content.password fieldset.group-1 input,
.main.content.password fieldset.group-1 button {
    vertical-align: top;
}

.main.content.password fieldset.group-1 input::-ms-clear {
    display: none;
}

.main.content.password fieldset.group-1 input {
    border: 1px solid #DDDDDD;
    color: black;
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    padding: 0 6px;
    width: 194px;
}

.main.content.password fieldset.group-1 button {
    padding: 0 20px;
    height: 27px;
}

/* Bootstrap mediaquery fix*/
.container {
    width: 980px !important;
}

.col-md-4, .col-md-6, .col-md-8, .col-md-12 {
    float: left;
}

.col-md-12 {
    width: 100%;
}

.col-md-8 {
    width: 66.66666667%;
}

.col-md-6 {
    width: 50%;
}

.col-md-4 {
    width: 33.33333333%;
}

.form-control {
    border-radius: 0;
}

.form-control:focus {
    box-shadow: none;
}

.member.main.content .bs-callout label {
    margin-bottom: 0;
    text-align: right;
    width: 70px;
}

.codes.main.content .bs-callout-success,
.main.content.contact .bs-callout-success {
    margin-top: 0;
}

.newCampaign {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-size: 27px;
    border: 0px solid #CCCCCC;
    width: 30px;
    height: 30px;
}