.usercp {
    margin: 7px;
}

.usercp-box {
    background-color: #FBFBFB;
    background-image: -moz-linear-gradient(#FBFBFB, #FFFFFF);
    border-style: solid;
    border-width: 1px;
    border-color: #C2C2C3;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.20);    
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    border-radius: 3px 3px 3px 3px;  
    float: left;
    margin: 0 5px 5px 0;
    padding: 5px;
    width: 275px;
    list-style: none;
}

.usercp-photo {
    float: left;
}

.usercp-info {
    color: #3C3C3E;    
    float: right;
    font-size: 11px;   
    width: 200px;
}

.usercp-info dl {
    padding: 2px;
}

.usercp-info dl dd {
    padding:4px 0;
    border-bottom: 1px dotted #C2C2C3;  
}

.usercp-info dl dd:last-child {
    border-bottom: none;    
}

.usercp-photo a img {
    background-color: #FFF;
    border: 1px solid #CCCCCC;
    padding: 3px;
    height: 64px;
    width: 64px; 
}

.usercp-info a {
    color: #B71E00;
    font-size:14px;
}

/*  Forumsboxen  */
.usercp .box{
    background-color: #F5F5F5;
    background-image: linear-gradient(#F5F5F5, #FFFFFF);
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    border:1px solid #CCCCCC;
    width: 421px;
    height: 116px;
    float: left;
    padding:5px;
    margin: 0 5px 5px 0;
}

.usercp .box .icon{
    width: 64px;
    height: 64px;
    background-color: #FFF;
    border: 1px solid #CCCCCC;
    float: left;
    padding:3px;
}

.usercp .box .entrys{
    margin-left:75px;
    color: #3C3C3E;   
    font-size: 11px;    
    text-align: left;
    overflow: hidden;
}

.entrys dl {
    padding: 2px;
}

.entrys dl dd {
    padding:4px 0;
    border-bottom: 1px dotted #C2C2C3;  
    color: #B71E00;
    font-size:14px;
}

.entrys dl dt {
    padding:1px 0;
}

.entrys dl dd:last-child {
    border-bottom: none;    
}

.entrys dl dd a { 
    color: #B71E00;
}

.entrys a:hover {
    color: #B71E00;
}


/*  Profil  */
.testsys {
    width:70%;	
    padding: 5px;
    margin-left:9px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #cfcfcf;
    -webkit-box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.1);
    -moz-box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.1);
    box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.1);
    resize:vertical;
}
.testsys:focus {
    outline:0;
    border:1px solid #B71E00;
    -webkit-box-shadow: 0 0 5px 4px rgba(183, 30, 0, 0.10);
    -moz-box-shadow: 0 0 5px 4px rgba(183, 30, 0, 0.10);
    box-shadow: 0 0 5px 4px rgba(183, 30, 0, 0.10);
}

.input {
    width: 30%;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #cfcfcf;
    -webkit-box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.1);
    -moz-box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.1);
    box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.1);
}
.select {
    padding: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #cfcfcf;
    -webkit-box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.1);
    -moz-box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.1);
    box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.1);
}
.input:focus {
    outline:0;
    border:1px solid #B71E00;
    -webkit-box-shadow: 0 0 5px 4px rgba(183, 30, 0, 0.10);
    -moz-box-shadow: 0 0 5px 4px rgba(183, 30, 0, 0.10);
    box-shadow: 0 0 5px 4px rgba(183, 30, 0, 0.10);
}
.select:focus {
    outline:0;
    border:1px solid #B71E00;
    -webkit-box-shadow: 0 0 5px 4px rgba(183, 30, 0, 0.10);
    -moz-box-shadow: 0 0 5px 4px rgba(183, 30, 0, 0.10);
    box-shadow: 0 0 5px 4px rgba(183, 30, 0, 0.10);
}


/*  Topliste  */
.tlist {
    width:60%;	
    padding: 5px;
    margin: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #cfcfcf;
    -webkit-box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.1);
    -moz-box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.1);
    box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.1);
    resize:vertical;
}
.tlist:focus {
    outline:0;
    border:1px solid #B71E00;
    -webkit-box-shadow: 0 0 5px 4px rgba(183, 30, 0, 0.10);
    -moz-box-shadow: 0 0 5px 4px rgba(183, 30, 0, 0.10);
    box-shadow: 0 0 5px 4px rgba(183, 30, 0, 0.10);
}

.inputtlist {
    width: 60%;
    padding: 5px;
    margin: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #cfcfcf;
    -webkit-box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.1);
    -moz-box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.1);
    box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.1);
}
.inputtlist:focus {
    outline:0;
    border:1px solid #B71E00;
    -webkit-box-shadow: 0 0 5px 4px rgba(183, 30, 0, 0.10);
    -moz-box-shadow: 0 0 5px 4px rgba(183, 30, 0, 0.10);
    box-shadow: 0 0 5px 4px rgba(183, 30, 0, 0.10);
}


/*  Signatur  */
.sig {
    width:65%;	
    padding: 5px;
    margin-left:9px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #cfcfcf;
    -webkit-box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.1);
    -moz-box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.1);
    box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.1);
    resize:vertical;
}
.sig:focus {
    outline:0;
    border:1px solid #B71E00;
    -webkit-box-shadow: 0 0 5px 4px rgba(183, 30, 0, 0.10);
    -moz-box-shadow: 0 0 5px 4px rgba(183, 30, 0, 0.10);
    box-shadow: 0 0 5px 4px rgba(183, 30, 0, 0.10);
}


/*  Avatar  */
.inputava {
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #cfcfcf;
    -webkit-box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.1);
    -moz-box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.1);
    box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.1);
}
.inputava:focus {
    outline:0;
    border:1px solid #B71E00;
    -webkit-box-shadow: 0 0 5px 4px rgba(183, 30, 0, 0.10);
    -moz-box-shadow: 0 0 5px 4px rgba(183, 30, 0, 0.10);
    box-shadow: 0 0 5px 4px rgba(183, 30, 0, 0.10);
}


/*  Passwort  */
/* Übereinstummung */
.w.error .pwcheck { border: 1px solid #F00; }
.w.valid .pwcheck { border: 1px solid #0C0; }

/*  Passwort  */
/* Sicherheits test */
.is0{background:url(/include/images/icons/usercp/pwprogress.png) no-repeat 0 0;width:158px;height:7px; margin: 3px 0 0;}
.is10{background-position:0 -7px;}
.is20{background-position:0 -14px;}
.is30{background-position:0 -21px;}
.is40{background-position:0 -28px;}
.is50{background-position:0 -35px;}
.is60{background-position:0 -42px;}
.is70{background-position:0 -49px;}
.is80{background-position:0 -56px;}
.is90{background-position:0 -63px;}
.is100{background-position:0 -70px;}

.formLine {margin: 0 0 5px}
.formLine div {display: inline-block; vertical-align: middle}
.formLine .label {
    width: 45%;
}
.formLine .inputField {
    width: 170px;
}
.formLine .checkbox {
}


/* Userdetails */
.userdetails-head {
    background-color: #CC0101;
    background-image: -webkit-linear-gradient(#E30704 0%, #AD0402 100%); 
    background-image: -moz-linear-gradient(#E30704 0%, #AD0402 100%); 
    background-image: -o-linear-gradient(#E30704 0%, #AD0402 100%); 
    background-image: linear-gradient(#E30704 0%, #AD0402 100%);
    border-bottom: 1px solid #D81602;
    color: #FFF;
    font: 12px 'Open Sans',sans-serif;
    padding: 10px;
    margin-right: 0px;
}
.userdetails-head a {color: #fff;}
.userdetails-head-gray {  
    background-color: #191A1C;
    background-image: -webkit-linear-gradient(#343537 0%, #191A1C 100%); 
    background-image: -moz-linear-gradient(#343537 0%, #191A1C 100%); 
    background-image: -o-linear-gradient(#343537 0%, #191A1C 100%); 
    background-image: linear-gradient(#343537 0%, #191A1C 100%);
    border-bottom: 1px solid #343537;
    color: #FFF;
    font: 12px 'Open Sans',sans-serif;
    padding: 10px;
    margin-right: 0px;
}
.userdetails-cont {
    border-bottom: 1px solid #E4E4E4;
    border-left: 1px solid #E4E4E4;
    border-right: 1px solid #E4E4E4;
    padding: 5px;
    line-height: 20px;
    margin-bottom: 20px;
}