/* only used for login page */
/* color schema
 * blue primary = #0866c6;
 * blue secondary = #2075cc;
 * blue hover = #0044cc;
 * blue lighter = #81befb;
 * graffiti dark = #232323;
 * graffiti primary = #282828;
 * graffiti light/hover = #2c2c2c;
 * gray icons / text = #838383;
 * gray background = #ddd;
 */
 
* { margin: 0px; padding: 0px; }
body { background-color: #1ab394; font-family: Calibri, Tahoma; font-size: 12pt; }

input[type='text'], input[type='password']  { border: 1px solid #000; padding: 4px; width: 350px; }
input[type='submit'] { background-color: #4e817b; color: #fff; padding: 5px 25px; border: 0px; }
input[type='submit']:hover { background-color: #006633; }

#form-login { width: 600px; margin: 150px auto; background-color: #fff; padding: 20px; }
#form-login .caption { background-color: #ccfddf; color: #4e817b; margin-bottom: 15px; font-size: 11pt; margin-bottom: 40px; }
#form-login .content { float: left; padding-left: 10px; }
#form-login .logo { float: right; }
#form-login .label { float: left; text-align: right; padding: 6px; width: 20%; }
#form-login .field { float: left; text-align: left; padding: 5px; width: 75%; }

.font-large { font-weight: bold; font-size: 36pt; }

.error { color: #fff; padding: 5px; margin: 20px 0px; text-align: center; background-color: #c00; }

#buttons { margin-top: 40px; text-align: center; padding: 10px; background-color: #dedede; }