/* 
    Document   : AutoparkHtmlStyle
    Created on : 28-may-2013, 15:18:05
    Author     : wsanchez
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

body {
    background-image: url("/AutoparkAppServer/faces/images/fn_pagCom.jpg");
    background-repeat: repeat-x;
    background-color: #F5F5F5;
    font-family: Helvetica,Arial,sans-serif;
}

.ui-widget {
    font-family: inherit;
    font-size: small;
}

.adminLink {
    display: block;
    float: right;
}

.AutoparkLogo {
    width: 40%;
}

.imgAutoparkLogo {
    width: 400px;
}

#loginForm {
    margin: 100px auto;
    padding: 10px;
    width: 210px;
    height: 200px;
}

#loginForm span.alertMessage {
    margin-left: 0;
}

#loginForm .form-items-container {
    margin-top: 20px;
}

#loginForm .form-item input,
#discForm .form-item textArea {
    width: 200px;
}

#loginForm .form-inside-buttons input {
    margin: 5px 20px;
}

.form-item {
    margin: 5px 1px;
}

.form-item label {
    display: block;
    margin: 2px 0px;
}

span.alertMessage {
    color: red;
    margin-left: 40px;
    /*display: block;*/
    position: fixed;
    text-shadow:  4px 5px 1px #ccc;
}
span.alertMessage-discount-id,
span.alertMessage-fee-id {
    margin-left: 419px;
}

#loginMessages,
#discountMessages {
    margin: 100px auto;
    color: red;
}

.menuHeader {
    width: 50%;
    position: absolute;
    right: 10px;
    top: 15px;
}

.menuHeader .loggedUser {
    float: left;
}

.menuHeader .logoutLink {
    /*background: #ddd;*/
    float: right;
    text-decoration: none;
}

#mainForm {
    
}

.main-buttons-container {
    display: block;
    margin: 100px auto;
    width: 430px;
    vertical-align: middle;
}

.left-button {
    float: left;
}

.right-button {
    float: right;
}

.mainButton,
.left-button,
.right-button {
    width: 200px;
    height: 100px;
}

.form-title-header {
    margin-top: 20px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    text-shadow:  4px 5px 1px #aaa;
}

#discForm {
    margin: 100px auto;
}

#discForm .form-items-container {
    display: block;
    background: white;
    width: 400px;
    margin: 0px auto;
    padding: 10px;
    border-radius: 10px;
    -moz-box-shadow:    3px 3px 5px 6px #ccc;
    -webkit-box-shadow: 3px 3px 5px 6px #ccc;
    box-shadow:         3px 3px 5px 6px #ccc;
}

#discForm .form-buttons-container,
#discForm .transactionMessage-container {
    display: block;
    margin: 10px auto;
    width: 400px;
}

#discForm .transactionMessage-container {
    color: red;
}

#discForm .form-item input:not([type="radio"]),
#discForm .form-item textArea{
    width: 374px;
}

#discForm .form-item-discount-id .form-select label,
#discForm .form-item-fee-id .form-select label {
    font-size: 10px;
    margin: 3px;
}

#discForm .form-submit,
#discForm .left-button,
#discForm .right-button {
    width: 90px;
    height: 30px;
}

.form-inside-buttons {
    margin: 0 auto;
    width: 220px;
}

.form-inside-buttons input {
    border-radius: 5px;
    margin: 0 10px;
}