/*
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 : 2/04/2014, 11:11:09 AM
    Author     : JuanMa
*/

fieldset{
    border: 2px dotted #ee5555;
    border-radius: 8px;
    width: 95%;
}
label,input,textArea,select{
    width: 15%;
    display: -moz-inline-box;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin: 5px;
    padding: 5px;
    background: linear-gradient(#eeeeff, #ffdddd);
    cursor: pointer;
    font: bold 11px Arial, Helvetica, sans-serif;
    border-radius: 6px;
}
input,textarea,select{
    border: #99ff99 1px solid;
    background: linear-gradient(#ffffff, #ffcccc);
    width: 80%;
}
textarea{
    height: 180px;
    text-align: left;
}
input:hover,textarea:hover,select:hover{
    border: #44ffdd 1px solid;
    background: linear-gradient(#eeeeee, #ffdddd);
}
input:focus,textarea:focus,select:focus{
    background: linear-gradient(#ffffff, #ffdddd);
}
form{
    width: 100%;
}
error{
    color: #ff0000;
}
button, .button{
    text-decoration: none;
    width: 15%;
    display: -moz-inline-box;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin: 5px;
    padding: 5px;
    color: #770000;
    background: linear-gradient(#eeeeff, #ffdddd);
    cursor: pointer;
    font: bold 11px Arial, Helvetica, sans-serif;
    border-radius: 6px;   
    border: 2px solid #999999;
}
button:active , .button:active{
    color: #aa0000;
    background: linear-gradient(#eeffee, #ffeeee);
}
button:hover , .button:hover{
    color: #dd0000;
    background: linear-gradient(#ffeeee, #ffcccc);
}