/**

 * Pimcore

 *

 * LICENSE

 *

 * This source file is subject to the new BSD license that is bundled

 * with this package in the file LICENSE.txt.

 * It is also available through the world-wide-web at this URL:

 * http://www.pimcore.org/license

 *

 * @copyright  Copyright (c) 2009-2014 pimcore GmbH (http://www.pimcore.org)

 * @license    http://www.pimcore.org/license     New BSD License

 */



body {

    height: 100%;

    padding: 0;

    margin: 0;

    font-family: Arial, Verdana;

    font-size: 14px;

    background: url(/pimcore/static/img/background.png);

}



#vcenter {

    position: absolute;

    top: 50%;

    height: 500px;

    margin-top: -250px;

    width:100%;

}



#vcenter.customimage {

    background: url(/pimcore/static/img/background.png);

}



#content {

    background: #ff6600;

    width: 500px;

    height: 500px;

    margin: 0 auto;

    padding: 30px;

    background: url(/pimcore/static/img/login/logo.png) top left no-repeat;

    position: relative;

}



#right {

    position: absolute;

    width: 200px;

    left: 300px;

    top: 140px;

}



label {

    color: #289fdc;

    display: block;

    margin-bottom: 5px;

}



input[type=text], input[type=password] {

    border: 1px solid #474e56;

    border-radius: 3px;

    font-size: 20px;

    letter-spacing: 1px;

    color: #fff;

    line-height: 38px;

    height: 38px;

    width: 170px;

    padding: 0 14px 0 14px;

    margin-bottom: 10px;

    outline: none;



    background: #515962; /* Old browsers */

    background: -moz-linear-gradient(top,  #515962 0%, #5a636d 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#515962), color-stop(100%,#5a636d)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top,  #515962 0%,#5a636d 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top,  #515962 0%,#5a636d 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top,  #515962 0%,#5a636d 100%); /* IE10+ */

    background: linear-gradient(to bottom,  #515962 0%,#5a636d 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515962', endColorstr='#5a636d',GradientType=0 ); /* IE6-9 */

}



input[type=text]:focus, input[type=password]:focus {

    box-shadow: 0 0 5px #000;

}



input[type=submit] {

    font-size: 18px;

    letter-spacing: 1px;

    width: 200px;

    padding: 0 15px 0 15px;

    text-align: center;

    color:#fff;

    border: 0;

    border-radius: 3px;

    line-height: 38px;

    height: 38px;

    font-weight: bold;

    cursor: pointer;

    margin-top:15px;

    margin-bottom: 30px;



    background: #289fdc; /* Old browsers */

    background: -moz-linear-gradient(top,  #289fdc 0%, #2080b1 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#289fdc), color-stop(100%,#2080b1)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top,  #289fdc 0%,#2080b1 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top,  #289fdc 0%,#2080b1 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top,  #289fdc 0%,#2080b1 100%); /* IE10+ */

    background: linear-gradient(to bottom,  #289fdc 0%,#2080b1 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#289fdc', endColorstr='#2080b1',GradientType=0 ); /* IE6-9 */

}



.error {

    color: #cc2929;

    font-weight: bold;

    text-align: center;

}





.info {

    color: #fff;

    text-align: center;

}



.lostpassword {

    position: absolute;

    left:0;

    top: 310px;

    color: #289fdc;

    text-decoration: underline;

}



#footer {

    width: 100%;

    position: absolute;

    bottom: 30px;

    color: #fff;

    text-align: center;

    font-size: 13px;

    line-height: 18px;

    text-shadow: 0 0 3px #000;

}



#footer a {

    color: #fff;

    text-decoration: none;

}



#browserinfo {

    text-align: center;

}



#browserinfo .links {

    padding: 20px 0;

}



#browserinfo .links img {

    width: 45px;

    border:0;

}



#browserinfo a, .info a {

    color: #289fdc;

    text-decoration: underline;

}