html, body {background: #000000; color: #ffffff; font-family: Verdana; font-size: 11px;}
body {background: #000000 url('../images/login/header.png') top center no-repeat;}

.margin10 {margin: 10px;} .margin-bottom10 {margin-bottom: 10px;} .margin-left10 {margin-left: 10px;} .margin-right10 {margin-right: 10px;} .margin-top10 {margin-top: 10px;}
.margin15 {margin: 15px;} .margin-bottom15 {margin-bottom: 15px;} .margin-left15 {margin-left: 15px;} .margin-right15 {margin-right: 15px;} .margin-top15 {margin-top: 15px;}
.margin25 {margin: 25px;} .margin-bottom25 {margin-bottom: 25px;} .margin-left25 {margin-left: 25px;} .margin-right25 {margin-right: 25px;} .margin-top25 {margin-top: 25px;}
.margin-top150 {margin-top: 150px;}
.font-bold {font-weight: bold;}
.position-relative {position: relative;}

/************************************************************************/
.communal-facebook {position: absolute; top: 8px; right: 130px;}
.communal-google-plus {position: absolute; top: 8px; right: 320px;}

.box-container {background: #131313; border: 1px solid #1f1f1f; padding: 15px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.box-container.dark {background: #090909;}
.box-item {border-top: 1px solid #1f1f1f; padding: 5px 0px;}
.box-item a {color: #a1a1a1; font-weight: bold; text-decoration: none;}

.forgot {color: #efb402; font-size: 10px;} .forgot:hover {color: #efb402; text-decoration: underline;}

.news-data {color: #bababa; font-size: 11px;}

.paginator-container {background: #1f1f1f; color: #ffffff; padding: 5px 10px; text-align: right;}
.paginator-container select {background: #f1f1f1; color: #000000; padding: 3px;}

.footer-container {color: #5d5d5d; margin: 5px 0px 50px 0px; font-size: 11px;}

DIV#rules { padding: 0 15px 0 40px; text-align: justify; }
DIV#rules OL { margin: 0px; padding: 0px; }
DIV#rules UL { margin: 0 0 15px 30px; }
DIV#rules OL LI { padding-bottom: 20px; }
DIV#rules UL LI { padding-top: 10px }

.field-errmsg {color: #ff0000; font-size: 10px;}

.cookie-popup {background: rgba(25, 25, 25, .95); color: #d1d1d1; bottom: 0px; left: 0px; font-size: 14px; position: fixed; right: 0px; padding: 10px 0px; text-align: center;}
.cookie-popup a {color: #ffffff; text-decoration: none;}
.cookie-popup a.btn {margin-left: 40px;}

/************************************************************************/
.page-header {margin: 0px; padding: 0px;}
.page-header h1 {font-size: 16px; font-weight: bold; margin: 0px 0px 10px 0px; padding: 0px;} .page-header h1 a {color: #a1a1a1;}
.page-header h2 {font-size: 14px; font-weight: bold; margin: 0px 0px 10px 0px; padding: 0px;} .page-header h2 a {color: #f0f0f0;}

.btn-default {background: #171717; border: 1px solid #3a3a3a; color: #ffffff;}
.btn-default:focus, .btn-default.focus, .btn-default:hover {background-color: #070707; border: 1px solid #3a3a3a; color: #ffffff;}

.alert-danger {background: #ff4949; border: 2px solid #ff0000; color: #ffffff; font-size: 16px;}
.alert-danger a {color: #000000;}

.form-control {background: #171717; border: 1px solid #3a3a3a; color: #ffffff;}

.nav-pills>li {margin-bottom: 5px;}
.nav-pills>li>a {background: #0d0d0d; border: 1px solid #1e1e1e;color: #ffffff; font-size: 12px; font-weight: bold; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.nav-pills>li>a:hover {background: #000000;}

.carousel-inner>.item>a>img, .carousel-inner>.item>img {float: right;}
.carousel-caption {left: 0px; padding-top: 0px; text-align: left; top: 0px; width: 50%;}
.carousel-caption h2 {font-size: 18px; margin: 0px 0px 15px 0px;}

@media (max-width: 768px) {
    body {background: #000000 url('../images/login/header.png') -100px -10px no-repeat;}
}
@media (min-width: 768px) {
    .carousel-indicators {bottom: 0px; left: 0px; margin-left: 0px; width: 50%;}
}
@media (max-width: 992px) {
    .communal-facebook {position: absolute; top: 8px; right: 10px;}
    .communal-google-plus {position: absolute; top: 8px; right: 120px;}
}
@media (min-width: 992px) and (max-width: 1200px) {
    .communal-facebook {position: absolute; top: 8px; right: 30px;}
    .communal-google-plus {position: absolute; top: 8px; right: 220px;}
}
@media (min-width: 1200px) {
    .communal-facebook {position: absolute; top: 8px; right: 130px;}
    .communal-google-plus {position: absolute; top: 8px; right: 320px;}
}