/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 11.11.2013, 15:09:38
    Author     : Iulian
*/

body{
    margin: 0px;
    padding: 0px;
    background: #efefef;
    background-image: url('/cms/img/login-bg.png');
}


.login-container{
    background-color:rgb(253,252,252);
    width:382px;
    min-height:498px;
    border-color:rgb(233,233,233);
    border-width:1px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    border-style:solid;
    -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.1);
    box-shadow:0px 2px 2px rgba(0,0,0,0.1);
    -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#1a000000,Positive=true)";
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#1a000000,Positive=true);
    margin: 100px auto 0px auto;
}


.login-image{
    padding-top: 44px;
    padding-bottom: 36px;
    margin: auto;
    text-align: center;

}

.login-image img{
    max-height: 156px;
}

.fields{
    margin: auto;
    width: 318px;
}

.field{
    background-color:rgb(255,150,115);
    width:318px;
    height:50px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    margin: 15px 0 15px 0;

}

.input-field{
    width: 265px;
    height: 44px;
    margin: 3px 3px 3px 0;
    float: right;
    border-radius: 0px 4px 4px 0px;
    border: none;

    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
    line-height:120%;
    color:rgb(51,51,51);
    text-align:left;
    text-indent: 10px;
}

.input-image{
    margin: 18px 0 0 18px;
}

.button{
    background-color:rgb(115,185,255);
    width:318px;
    height:50px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    border:none;

    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    line-height:120%;
    font-weight:bold;
    color:rgb(253,252,252);
}

.button:hover{
    background-color:rgb(66,160,255);
    width:318px;
    height:50px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
}

.error{
    background-color: rgb(255,77,17);
    width: 300px;
    height: 30px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding-left: 18px;
    margin: 0px auto 15px auto;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 120%;
    font-weight: bold;
    color: rgb(253,252,252);
    text-align: left;
    line-height: 29px;


}

.captcha-input{
    width: 180px;
    height: 44px;
    margin: 3px 3px 3px 0;
    float: right;
    border-radius: 0px 4px 4px 0px;
    border: none;

    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
    line-height:120%;
    color:rgb(51,51,51);
    text-align:left;
    text-indent: 10px;
}
.captcha-image{
    width: 125px;
    height: 44px;
    margin: 3px 0px 3px 5px;
}