/********** Allgemein **********/
body {
    margin:0;
    padding:0;
    font-family:Verdana, sans-serif;
    font-size:15px;
    color:#FFF;
    /*background-color:#3F4255;*/
    /*background-image:url('../img/bg.png');*/
    background: #303030;
}
img {
    border:0;
}
a {
    color:#333;
    text-decoration:none;
    outline:none !important;
}
form, input {
    display:inline;
    font-family:Verdana, sans-serif;
    outline:none;
}
input[type="checkbox"]:focus, input[type="radio"]:focus {
    outline:none;
}
input {
    /*border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;*/
}

.clearer {
    clear:both;
}

h1 {
    margin:0 0 8px 0;
    text-align:center;
    font-family: sans-serif;
    font-size:36px;
    font-weight:normal;
    line-height:36px;
}

#pixaErrorWindow {
    display:none;
    position:fixed;
    top:25px;
    left:25px;
    padding:20px;
    background-color:#C00;
    color:#FFF;

    z-index:999;
}




/********** Login Form **********/
.pixaLoginPageHolder {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:10;
}

.pixaLoginFormHolder {
    margin:auto;
    width:370px;
}
.pixaLoginFormHolder .pixaLoginFormInner {

}
.pixaLoginFormHolder .pixaLoginFormInner input[type="text"],
.pixaLoginFormHolder .pixaLoginFormInner input[type="password"] {
    width:368px;
    padding:12px;
    background-color:#FFF;
    border:1px solid #EEE;
    font-size:15px;
    margin-top:15px;
    color:#333;
}
.pixaLoginFormHolder .pixaLoginFormInner input[type="submit"] {
    width:368px;
    padding:9px 0;
    /*background-color:#da4a01;
    border:1px solid #da4a01;*/
    background-color:#b88b22;
    border:1px solid #b88b22;
    font-size:17px;
    margin-top:15px;
    color:#FFF;
    font-weight:bold;
    cursor:pointer;

    -webkit-transition:all 0.2s ease-out 0s;
    -moz-transition:all 0.2s ease-out 0s;
    -o-transition:all 0.2s ease-out 0s;
    transition:all 0.2s ease-out 0s;
}
.pixaLoginFormHolder .pixaLoginFormInner input[type="submit"]:hover {
    opacity:.8;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter:alpha(opacity=80);
}
.pixaLoginFormHolder .pixaLoginFormInner input[type="submit"].pixaLoginSubmitLoader {
    background-image:url('../img/loader.gif');
    background-repeat:no-repeat;
    /*background-position:20px center;*/
    background-position:center center;
}

.pixaLoginFormInputError {
    border:1px solid #C00 !important;
    box-shadow:0 0 3px #C00 inset;
    -moz-box-shadow:0 0 3px #C00 inset;
    -webkit-box-shadow:0 0 3px #C00 inset;
}




/********** Login No Click Div **********/
#pixaLoginNoClickDiv {
    display:none;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:100;
}




/********** Footer **********/
.pixaLoginFooter {
    position:fixed;
    left:20px;
    right:20px;
    bottom:20px;
    color:#FFFFFF;
    font-size:12px;

    z-index:101;
}
.pixaLoginFooter a {
    color:#FFFFFF;
    text-decoration:none;
}
.pixaLoginFooter a:hover {
    text-decoration:underline;
}




/********** Media Queries **********/
@media (max-width: 600px) {
    .pixaLoginFormHolder {
        width:90%;
    }
    .pixaLoginFormHolder .pixaLoginFormInner input[type="text"],
    .pixaLoginFormHolder .pixaLoginFormInner input[type="password"],
    .pixaLoginFormHolder .pixaLoginFormInner input[type="submit"] {
        width:100%;
    }

    #pixaErrorWindow {
        right:25px;
    }
}