/* 
    Document   : login
    Created on : 20.02.2011., 23.54.23
    Author     : Dusan
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

body{
    background-color: #F9F9F9;
    text-align: center;
    font: 12px "Arial",sans-serif;
    color: #000000;
}
#content_login {
    position: absolute;
    top: 60%;
    left: 50%;
    height: auto;
    width: 500px;
    margin-top: -250px;
    margin-left: -275px;
}

#logo {
display: block;
float: left;
}

#login, #loginforgot {
float: left;
width: 480px;
margin-top: 10px;
padding: 10px;
background: white;
-moz-box-shadow: 0px 0px 6px #D2D2D2;
-webkit-box-shadow: 0px 0px 6px #D2D2D2;
box-shadow: 0px 0px 6px #D2D2D2;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
border-bottom-left-radius: 5px 5px;
}

.left {
float: left;
}

#form, #formforgot {
float: left;
width: 250px;
padding: 10px;
background: #EBEBEB;
-moz-border-radius: 5px;
-webkit-border-radius: �5px;
}

form {
display: block;
margin-top: 0em;
}

#form .field, #formforgot .field {
margin-bottom: 10px;
position: relative;
}

#form .field label, #formforgot .field label {
color: #5E5E5E;
font-weight: bold;
margin-bottom: 5px;
float: left;
margin-left: 6px;
}

label {
cursor: default;
}

#form .inputtxt, #formforgot .inputtxt {
margin-top: 5px;
padding: 5px;
border: 1px solid lightGrey;
background: #FEFEFE;
height: 30px;
width: 238px;
text-align: left;
}
input {
    display: inline-block;
outline: none !important;
}

input, input[type="password"], input[type="search"], isindex {
-webkit-appearance: textfield;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
cursor: auto;
}

input, textarea, keygen, select, button, isindex, datagrid {
margin: 0em;
font: -webkit-small-control;
color: initial;
letter-spacing: normal;
word-spacing: normal;
line-height: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: center;
}

.submitlogin {
position: relative;
top: 5px;
border: 0;
width: 120px;
padding: 5px 15px;
background: white;
-moz-box-shadow: 1px 1px 4px #C9C9C9;
-webkit-box-shadow: 0px 0px 6px #D2D2D2;
box-shadow: 0px 0px 6px #D2D2D2;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: #0B4BAA;
border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
border-bottom-left-radius: 5px 5px;
}



h1, h2 {
padding: 0;
margin: 0;
}

h2 {
display: block;
font-size: 1.5em;
font-weight: bold;
}

#login .right p, #loginforgot .right p {
margin-top: 3px;
font-size: 11px;
color: #929292;
}

#footnote {
width: 500px;
text-align: center;
margin: 0 auto;
}

#footnote p {
padding: 0;
margin: 0;
margin-top: 10px;
}

a, a.visited, a.focus, a.hover {
color: #0B4BAA;
text-decoration: none;
outline: none;
}

#footnote ul {
width: 450px;
text-align: center;
margin: 5px auto;
}

#footnote ul li:first-child {
border-left: 0;
padding-left: 0;
}

#footnote ul li {
float: left;
padding: 0 5px;
border-right: 1px solid lightGrey;
border-left: 1px solid #FCFCFC;
}

li {
    font-size: 11px;
display: list-item;
}

.clear {
clear: both;
}

a.forgot {
cursor: pointer;
}

a, a.visited, a.focus, a.hover {
color: #0B4BAA;
text-decoration: none;
outline: none;
}

.errorbox {
border: 1px solid #FC0000;
background-color: #FFC0C0;
clear: both;
padding: 5px;
font-weight: bold;
margin-top: 1em;
}