html, body {
    height : 100%;
    }
body {
    margin          : 0 !important;
    background      : url(images/bg.jpg) no-repeat fixed top center;
    background-size : cover;
    color           : white;
    font-size       : 100%;
    font-family     : 'Open Sans', sans-serif;
    }
.Cnorm {
    background-color : #070707;
    }
.Cmite {
    background-color : #101010;
    }
.Cdark {
    background-color : #222222;
    }
.Chead {
    height     : 30px;
    background : rgb(35, 11, 11);
    }
.border {
    background : rgb(35, 11, 11);
    }
fieldset {
    padding       : 4px !important;
    border        : 1px solid rgb(66, 13, 13); !important;
    border-radius : 2px !important;
    }
fieldset > legend {
    margin-left : 5px;
    font-size   : 13px;
    }
input, select {
    padding         : 6px;
    border          : 0;
    border-top      : 1px solid rgba(100, 0, 0, 0.77);
    border-radius   : 4px;
    background      : rgb(36, 8, 8);
    color           : white;
    text-decoration : none;
    }
select option {
    outline : 0;
    }
textarea {
    padding         : 6px;
    outline         : 0;
    border          : 0;
    border-top      : 1px solid rgba(100, 0, 0, 0.77);
    border-radius   : 4px;
    background      : rgb(36, 8, 8);
    color           : white;
    text-decoration : none;
    resize          : vertical;
    cursor          : text;
    }
input[type=radio] {
    display        : inline-block;
    margin-top     : -2px;
    width          : 16px;
    height         : 16px;
    vertical-align : middle;
    cursor         : pointer;
    }
input[type=checkbox] {
    width  : 16px;
    height : 16px;
    cursor : pointer;
    }
input[type=submit], input[type=button], button, a.button {
    padding     : 6px 15px 6px 15px;
    border      : 0;
    background  : #111;
    color       : #ffffff !important;
    font-weight : normal !important;
    cursor      : pointer;
    }
input[type=submit]:active, input[type=button]:active, button:active, a.button:active {
    background : rgba(255, 0, 0, 0.34);
    }
button.active {
    background : rgba(255, 0, 0, 0.34);
    }
a:active, a:link, a:visited {
    color           : red;
    text-decoration : none;
    transition      : all 0.3s linear;
    }
a:hover {
    color : rgb(255, 168, 168);
    }
.hame {
    position        : relative;
    display         : block;
    width           : 223px;
    border-top      : 1px solid rgba(255, 0, 0, 0.27);
    background      : rgba(35, 11, 11, 0.43);
    color           : #d00000;
    text-decoration : none;
    text-indent     : 22px;
    font-size       : 12px;
    line-height     : 26px;
    }
.hame:after {
    position   : absolute;
    top        : 0;
    left       : 0;
    width      : 100%;
    height     : 100%;
    background : linear-gradient(to bottom, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
    content    : '';
    opacity    : .08;
    }
.hame:hover {
    box-shadow  : inset 0 0 51px rgba(255, 0, 0, 0.5);
    text-indent : 30px;
    }
.clear {
    clear : both;
    }
.outer {
    position   : relative;
    margin     : 0 auto;
    max-width  : 1400px;
    width      : 100%;
    box-shadow : 1px 3px 12px rgba(0, 0, 0, 0.6);
    }
header {
    position        : relative;
    width           : 100%;
    height          : 300px;
    background      : url(images/header.gif);
    background-size : cover;
    box-shadow      : inset 0 -10px 50px rgba(0, 0, 0, 0.6);
    }
nav {
    position      : relative;
    width         : 100%;
    border-bottom : 4px solid rgba(145, 0, 0, 0.9);
    background    : #230b0b;

    }
nav:after {
    position   : absolute;
    content    : '';
    width      : 100%;
    height     : 60px;
    left       : 0;
    top        : 0;
    background : linear-gradient(to bottom, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);
    opacity    : 0.2;
    }
nav ul {
    margin          : 0;
    padding         : 0;
    list-style      : none;
    font-size       : 12px;
    display         : flex;
    justify-content : center;
    flex-flow:row wrap;
    }
nav ul li {
    position     : relative;
    z-index      : 100;
    float        : left;
    box-sizing   : border-box;
    border-right : 2px solid black;
    width        : 122px;
    color        : #efefef;
    text-align   : center;
    text-shadow  : 0 1px 20px #000;
    font-weight  : bold;
    line-height  : 60px;
    cursor       : pointer;
    transition   : all 0.3s linear;
    }
nav ul li a {
    display : block;
    color   : #efefef !important;
    }
nav ul li:hover {
    background : rgba(145, 0, 0, 0.4);
    }
nav ul li:first-child {
    border-left : 2px solid black;
    }
.overbox {

    margin     : 0;
    padding    : 15px 0 0 0;

    background : #090303;
    list-style : none;
    text-align : center;
display:flex;
    flex-flow:row wrap;
    justify-content:center;
    }
.overbox > li {
    position       : relative;
    z-index        : 100;

    overflow       : hidden;
    margin         : 0 8px 0 8px;
    min-width          : 440px;
    height         : 195px;
    border-top     : 2px solid rgba(145, 0, 0, 0.25);
    border-bottom  : 4px solid rgba(145, 0, 0, 0.16);
    border-radius  : 4px;
    background     : rgba(35, 11, 11, 0.59);
    box-shadow     : 0 0 50px rgba(255, 0, 0, 0.23);
    vertical-align : middle;
    font-size      : 13px;
    }
.overbox > li:nth-child(2) iframe {
    padding-top : 6px;
    width       : 430px;
    height      : 185px;
    }
.overbox > li > span {
    position      : absolute;
    top           : 0;
    right         : 0;
    padding       : 0 4px 0 4px;
    border-bottom : 2px solid rgba(145, 0, 0, 0.25);
    border-radius : 4px;
    background    : rgb(35, 11, 11);
    color         : #aaa;
    text-shadow   : 0 1px 20px #000;
    font-size     : 13px;
    }
.overbox > li:after {
    position   : absolute;
    top        : -120px;
    left       : -180px;
    z-index    : -1;
    width      : 80%;
    height     : 340px;
    background : rgba(64, 23, 23, .25);
    content    : '';
    transform  : rotate(25deg);
    }
#content {
    position   : relative;
    display    : flex;
    width      : 100%;
    background : #090303;
    color      : white;
    font-size  : 12px;
    }
#leftside {
    position    : relative;
    float       : left;
    width       : 230px;
    border-left : 4px solid rgba(43, 0, 0, 0.9);
    box-shadow  : inset 0 0px 100px rgba(255, 0, 0, 0.2);
    word-wrap   : break-word;
    }
#rightside {
    position     : relative;
    float        : right;
    width        : 230px;
    border-right : 4px solid rgba(43, 0, 0, 0.9);
    box-shadow   : inset 0 0px 100px rgba(255, 0, 0, 0.2);
    word-wrap    : break-word;
    }
#main {
    position      : relative;
    overflow      : hidden;
    margin        : 0 auto;
    width         : 636px;
    border-right  : 3px solid rgba(43, 0, 0, 0.9);
    border-left   : 3px solid rgba(43, 0, 0, 0.9);
    text-overflow : ellipsis;
    word-wrap     : break-word;
    }
#main.forum {
    width : 870px;
    }
#explode {
    padding   : 0 10px 0 10px;
    width     : 100%;
    font-size : 13px;
    }
.nav_head {
    position      : relative;
    height        : 40px;
    border-top    : 1px solid rgba(145, 0, 0, 0.9);
    border-bottom : 4px solid rgba(0, 0, 0, 0.27);
    background    : #230b0b;
    color         : #eee;
    text-align    : center;
    text-shadow   : 0 1px 20px #000;
    font-size     : 13px;
    line-height   : 40px;
    }
.nav_head:after {
    position   : absolute;
    top        : 0;
    left       : 0;
    width      : 100%;
    height     : 100%;
    background : linear-gradient(to bottom, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
    content    : '';
    opacity    : .2;
    }
.nav_cont {
    padding : 5px;
    }
.logmore {
    position   : absolute;
    top        : 160px;
    right      : 20px;
    z-index    : 100;
    padding    : 10px;
    width      : 220px;
    background : rgba(35, 11, 11, 0.95);
    color      : white;
    font-size  : 12px;
    }
.logmore:before {
    position      : absolute;
    top           : -8px;
    left          : -8px;
    z-index       : -1;
    overflow      : hidden;
    width         : 100%;
    height        : 100%;
    border        : 8px solid rgba(49, 4, 4, 0.44);
    border-radius : 6px;
    content       : '';
    }
.lin {
    margin     : 0;
    padding    : 0;
    list-style : none;
    }
.lin > li ul {
    margin     : 0;
    padding    : 0;
    list-style : none;
    }
.lin > li {
    display        : inline-block;
    vertical-align : middle;
    }
.lin > li:first-child img {
    padding       : 2px;
    border        : 2px solid #d00000;
    border-radius : 6px;
    }
.lin > li:first-child {
    margin : 0 20px 0 10px;
    }
#logex {
    margin-top  : 5px;
    padding-top : 5px;
    border-top  : 1px dashed #d00000;
    text-align  : center;
    font-size   : 12px;
    }
.logmore input[type=text], input[type=password] {
    margin-top : 5px;
    width      : 205px;
    outline    : 0;
    border     : none;
    border-top : 1px solid rgba(100, 0, 0, 0.77);
    background : rgb(36, 8, 8);
    color      : white;
    }
.lout {
    margin     : 0;
    padding    : 0;
    list-style : none;
    text-align : center;
    }
.lout li {
    display : inline-block;
    margin  : 0 1px 0 1px;
    }
.lout li button, input[type=submit] {
    position   : relative;
    padding    : 6px 10px 6px 10px;
    background : #230b0b;
    color      : #efefef;
    }
.lout li button:active, input[type=submit]:active {
    background : rgba(255, 0, 0, 0.34);
    }
.lout li button a {
    color : white;
    }
.credform {
    margin-top  : 10px;
    padding-top : 10px;
    border-top  : 1px dashed #d00000;
    text-align  : center;
    }
.credform input {
    padding : 4px;
    }
.credform dt, .credform dd {
    display        : inline-block;
    margin-bottom  : 10px;
    vertical-align : middle;
    }
.credform dt {
    margin-right : 20px;
    }
.credform dd {
    margin-right : 5px;
    }
h3.cred {
    color       : #d00000;
    font-weight : normal;
    }
h3.cred > span {
    color : white;
    }
#trainul {
    margin     : 0;
    padding    : 0;
    list-style : none;
    }
#trainul li {
    position      : relative;
    padding       : 5px;
    border-bottom : 1px solid #ddd;
    }
#trainul li:last-child {
    border-bottom : 0;
    }
#trainul li span {
    display   : block;
    font-size : 11px;
    }
#trainul li span + span {
    position  : absolute;
    top       : 13px;
    right     : 5px;
    color     : #d00000;
    font-size : 10px;
    }
.newscomcontainer {
    padding    : 20px;
    border-top : 1px dashed #dddddd;
    text-align : left;
    }
.newscontainer {
    position      : relative;
    margin-bottom : 20px;
    padding       : 10px;
    border        : 2px solid rgba(208, 0, 0, 0.34);
    border-radius : 8px;
    }
.newscontainer .head {
    position      : relative;
    padding-left  : 2px;
    border-bottom : 1px dashed rgba(255, 255, 255, 0.22);
    line-height   : 30px;
    }
.newscontainer .head a {
    font-size : 1.3em;
    }
.newscontainer .head span {
    position : absolute;
    right    : 10px;
    }
.newscat {
    position : relative;
    height   : 200px;
    }
.newscontainer .newscat img {
    width  : 100%;
    height : 200px;
    }
.newscontainer .newstext {
    padding   : 10px;
    width     : 98%;
    word-wrap : break-word;
    font-size : 1em;
    }
.newscontainer .autorline {
    position     : relative;
    padding-left : 2px;
    height       : 30px;
    border-top   : 1px dashed rgba(255, 255, 255, 0.22);
    line-height  : 38px;
    }
.newscontainer .autorline a {
    font-weight : normal;
    }
.newscontainer .nautor {
    position : absolute;
    right    : 5px;
    }
.ncavatar {
    display        : inline-block;
    margin-right   : 20px;
    vertical-align : top;
    }
.ncdets {
    display        : inline-block;
    width          : 370px;
    vertical-align : middle;
    }
.ncname {
    margin : 0 0 10px 0;
    }
.nctext {
    margin : 0 20px 0 0;
    }
.toplineoff {
    padding-top : 15px;
    }
.toplineoff img {
    display : block;
    margin  : 0 auto;
    width   : 200px;
    }
.topline {
    padding    : 20px;
    text-align : center;
    }
.topline img {
    display        : inline-block;
    margin-right   : 20px;
    max-height     : 70px;
    vertical-align : middle;
    }
.topline span {
    display        : inline-block;
    margin-right   : 20px;
    color          : #880000;
    vertical-align : middle;
    text-shadow    : 0 1px 1px white;
    font-weight    : bold;
    font-size      : 30px;
    }
.topline a {
    display        : inline-block;
    color          : #880000;
    vertical-align : middle;
    font-weight    : bold;
    font-size      : 30px;
    }
.topline a img {
    max-height : 70px;
    }
.topline div {
    margin-top : 25px;
    color      : #999;
    }
.topline div + div {
    margin-top  : 10px;
    padding-top : 8px;
    border-top  : 1px dashed #880000;
    }
footer {
    position    : relative;
    height      : 60px;
    border      : 2px solid rgba(43, 0, 0, 0.9);
    background  : #090303;
    box-shadow  : inset 0 -10px 60px rgba(255, 0, 0, 0.2);
    line-height : 60px
    }
#cop {
    position  : absolute;
    right     : 10px;
    color     : #880000;
    font-size : 12px;
    }
#footnav {
    position   : absolute;
    left       : 10px;
    margin     : 0;
    padding    : 0;
    list-style : normal;
    }
#footnav li {
    display   : inline;
    color     : #880000;
    font-size : 12px;
    }
#footnav li a {
    color      : #880000;
    transition : all 0.3s linear;
    }
#footnav li a:hover {
    color : #be0000
    }
#totop {
    position    : absolute;
    line-height : normal;
    width       : 100%;
    text-align  : center;
    }
#totop span {
    border-top    : 18px solid transparent;
    border-right  : 10px solid transparent;
    border-bottom : 15px solid #880000;
    border-left   : 10px solid transparent;
    opacity       : .5;
    cursor        : pointer;
    transition    : all 0.3s linear;
    }
#totop span:hover {
    opacity : 1;
    }
/*Teamspeak Viewer*/
.tsviewx {
    position      : fixed;
    top           : 200px;
    right         : -270px;
    z-index       : 1000;
    padding       : 6px;
    width         : 250px;
    height        : 400px;
    outline       : 0;
    border        : 4px solid #880000;
    border-radius : 8px 0 0 8px;
    background    : #230b0b;
    box-shadow    : 1px 3px 12px rgba(0, 0, 0, 0.6);
    transition    : all 0.3s linear;
    }
.tsviewx div {
    position      : absolute;
    top           : 20px;
    left          : -41px;
    z-index       : 100;
    width         : 35px;
    height        : 125px;
    border-left   : 3px solid #880000;
    border-radius : 8px 0 0 8px;
    background    : #230b0b;
    white-space   : nowrap;
    cursor        : pointer;
    }
.tsviewx div:after {
    position   : absolute;
    top        : 0;
    left       : 0;
    z-index    : -1;
    width      : 100%;
    height     : 100%;
    background : linear-gradient(to right, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
    content    : '';
    opacity    : .2;
    }
.tsviewx div span {
    position       : absolute;
    top            : 54px;
    left           : -32px;
    letter-spacing : 2px;
    z-index        : 101;
    color          : #efefef;
    text-shadow    : 0 0 10px black;
    font-weight    : bold;
    font-size      : 18px;
    cursor         : pointer;
    transform      : rotate(90deg);
    }
.tsviewx.select {
    right : 0;
    }
#hmenu {
    margin-bottom : 10px;
    padding-left  : 10px;
    height        : 30px;
    border-top    : 1px solid rgba(145, 0, 0, 0.38);
    border-bottom : 4px solid rgba(0, 0, 0, 0.44);
    background    : rgba(35, 11, 11, 0.56);
    line-height   : 30px;
    width         : 100%;
    }
#blforum {
    margin     : 0;
    padding    : 20px 0 0 10px;
    color      : #880000;
    list-style : none;
    text-align : left;
    font-size  : 13px;
    }
#blforum li {
    margin-bottom  : 3px;
    padding-bottom : 3px;
    border-bottom  : 1px dashed rgba(136, 0, 0, 0.51);
    }
#blforum li:last-child {
    margin-bottom  : 0;
    padding-bottom : 0;
    border-bottom  : 0;
    }
#blforum li div {
    display        : inline-block;
    vertical-align : middle;
    }
#blforum li div:nth-child(1) {
    margin-right : 10px;
    width        : 20px;
    }
#blforum li div:nth-child(2) {
    width       : 290px;
    font-weight : bold;
    }
#blforum li div:nth-child(2) > span {
    display     : block;
    font-weight : normal;
    font-size   : 13px;
    }
#blforum li div:nth-child(3) {
    font-size : 13px;
    }
#blforum li div:nth-child(3) > span {
    display : block;
    }
.shtext {
    display   : block;
    width     : 140px;
    word-wrap : break-word;
    }
/*****************************************************
Registration
*****************************************************/
#shadowmask {
    position   : fixed;
    top        : 0;
    right      : 0;
    bottom     : 0;
    left       : 0;
    z-index    : 103;
    visibility : hidden;
    margin     : 0;
    padding    : 0;
    width      : 100%;
    height     : 100%;
    background : #000000;
    opacity    : 0;
    transition : all 0.3s linear;
    }
#shadowmask.select {
    visibility : visible;
    opacity    : .75;
    }
#regdiv {
    position      : fixed;
    top           : 0;
    right         : 0;
    left          : 0;
    z-index       : 104;
    visibility    : hidden;
    overflow      : hidden;
    margin        : 0 auto;
    width         : 600px;
    border-radius : 6px;
    background    : #fff;
    box-shadow    : 1px 3px 12px rgba(0, 0, 0, 0.6);
    text-align    : left;
    font-size     : .8em;
    opacity       : 0;
    transition    : all .3s ease-out;
    }
#regdiv.select {
    top        : 10%;
    visibility : visible;
    opacity    : 1;
    }
#regdiv h2 {
    position    : relative;
    margin      : 0;
    height      : 85px;
    border-top  : 1px solid #650404;
    background  : #450202;
    color       : white;
    text-indent : 40px;
    text-shadow : 0 1px 1px black;
    font-weight : bold;
    font-size   : 1.5em;
    line-height : 85px;
    }
#closereg {
    position  : absolute;
    top       : 15px;
    right     : 15px;
    font-size : 1.3em;
    cursor    : pointer;
    }
#regtable {
    border          : 1px solid #ddd;
    border-collapse : collapse;
    color           : #222;
    }
#regtable input {
    width      : 250px;
    border     : 1px solid #ddd;
    background : #fcfcfc;
    color      : black;
    }
#regtable input[type=checkbox] {
    display        : inline-block;
    margin-top     : -1px;
    width          : 16px;
    vertical-align : middle;
    }
#regtable input[type=submit] {
    width      : auto;
    background : #222;
    }
#regtable input.error {
    border : 1px dashed darkred;
    }
#regtable select {
    width      : 262px;
    border     : 1px solid #ddd;
    background : #fcfcfc;
    color      : black;
    }
/*****************************************************
Profil
*****************************************************/
.profilhead {
    position    : relative;
    background  : #230b0b;
    color       : white;
    font-weight : bold;
    }
.profil {
    margin     : 10px 0 20px 0;
    padding    : 0;
    list-style : none;
    text-align : center;
    }
.profil li {
    display    : inline-block;
    padding    : 10px 9px 10px 9px;
    outline    : 0;
    border-top : 3px solid #bbb;
    background : #230b0b;
    color      : #ddd;
    font-size  : 13px;
    cursor     : pointer;
    transition : all 0.3s linear;
    }
.profil.edit li {
    padding : 10px 15px;
    }
.profil li img {
    display        : inline-block;
    margin         : -3px 5px 0 0;
    width          : 16px;
    vertical-align : middle;
    }
.profil li span {
    display   : inline-block;
    font-size : 9px;
    }
.profil li:hover {
    border-top : 3px solid #880000;
    }
.profilinhalt {
    display : none;
    }
.profil li.select {
    border-top : 3px solid #880000;
    }
.profilinhalt table {
    width           : 100%;
    border          : 1px solid rgba(145, 0, 0, 0.4);
    border-collapse : collapse;
    color           : #fff;
    }
.profilinhalt.edit input[type=text], .profilinhalt.edit input[type=email], .profilinhalt.edit input[type=password] {
    width : 237px;
    }
.profilinhalt.edit select {
    width : 251px;
    }
.profilinhalt table td {
    position : relative;
    padding  : 10px;
    border   : 1px solid rgba(145, 0, 0, 0.4);
    }
.profilinhalt table td a {
    color       : #fff;
    font-weight : normal
    }
.statscontainer span {
    display        : inline-block;
    width          : 50px;
    vertical-align : middle;
    text-align     : center;
    }
.statscontainer span + span {
    width      : 50px;
    text-align : right;
    font-size  : 13px;
    }
.statscontainer .balkenbg {
    display        : inline-block;
    overflow       : hidden;
    padding        : 2px;
    width          : 300px;
    border         : 1px solid #aaa;
    vertical-align : middle;
    }
.statscontainer .balken {
    position   : relative;
    min-width  : 1px;
    max-width  : 300px;
    height     : 20px;
    background : #b42020;
    }
#lbes {
    float        : left;
    padding-top  : 10px;
    padding-left : 8.5%;
    width        : 10%;
    text-align   : center;
    }
#avainfo {
    position    : absolute;
    top         : 100px;
    right       : 0;
    left        : 0;
    line-height : 25px;
    }
.subsettings {
    display : none;
    }
.floatingbox {
    position      : fixed;
    z-index       : 999;
    display       : none;
    overflow      : hidden;
    width         : 500px;
    border-radius : 4px;
    background    : #222222;
    box-shadow    : 0 3px 12px rgba(0, 0, 0, 0.6);
    color         : #ffffff;
    font-size     : 13px;
    opacity       : 0.99;
    }
.floatin {
    padding : 10px;
    width   : 465px;
    }
.closefloatbox {
    position  : absolute;
    top       : -4px;
    right     : 10px;
    font-size : 13px;
    cursor    : pointer;
    }
.shead {
    position      : relative;
    height        : 30px;
    border-radius : 4px 4px 0 0;
    background    : #444;
    color         : white;
    text-align    : center;
    font-weight   : bold;
    font-size     : 13px;
    line-height   : 30px;
    }
.dcont {
    position      : fixed;
    z-index       : 111000;
    border-radius : 4px;
    background    : #222222;
    box-shadow    : 0 0 5px black;
    color         : #ffffff;
    text-align    : center;
    font-size     : 11px;
    opacity       : 0.9;
    }
.frh2 {
    padding-bottom : 5px;
    border-bottom  : 1px solid rgba(145, 0, 0, 0.4);;
    }
.pfreunde {
    margin     : 0;
    padding    : 0;
    list-style : none;
    }
.pfreunde li {
    position       : relative;
    display        : inline-block;
    box-sizing     : border-box;
    margin         : 12px;
    padding        : 10px;
    width          : 212px;
    height         : 150px;
    border         : 1px solid rgba(145, 0, 0, 0.4);;
    vertical-align : middle;
    text-align     : center;
    }
.pfreunde.edit li {
    margin : 15px;
    }
.dfriend {
    position : absolute;
    top      : 10px;
    right    : 30px;
    }
.dfriends {
    position : absolute;
    top      : 10px;
    right    : 10px;
    }
.dfriend i, .dfriends i {
    color     : darkred;
    font-size : 17px;
    }
.pfreunde li > div:first-child {
    line-height : 70px;
    }
.pfreunde li > div:first-child img {
    max-height     : 78px;
    vertical-align : middle;
    }
.pfreunde li > div + div {
    position   : absolute;
    bottom     : 27px;
    left       : 0;
    box-sizing : border-box;
    width      : 100%;
    }
.pfreunde li > div + div + div {
    position    : absolute;
    bottom      : 0;
    left        : 0;
    box-sizing  : border-box;
    width       : 100%;
    height      : 27px;
    color       : white;
    line-height : 27px;
    }
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
    /* We use html here because we need a greater specificity to make sure disabled
    works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border      : 1px solid #c5c5c5;
    background  : #f6f6f6;
    font-weight : normal;
    color       : #454545 !important;
    }