/* PAGE
------------------------------*/
body        { margin: 0; padding: 0; background: url('images/header_bg.png') repeat-x; }
#wrapper    { position: relative; margin: 0 auto; padding: 0; width: 1100px; }
.clear      { clear: both; }

/* HEADER
------------------------------*/
#header     { position: relative; background: url('images/header.png') no-repeat; }
h1          { margin: 0; padding: 0; background: url('images/logo.png') no-repeat; width: 55px; height: 55px; }
h1 a        { display: block; width: 100%; height: 100%; text-indent: -9999px; }

#menu       { list-style-type: none; margin: 15px 0 5px 0; border-bottom: 1px solid #E5E5E5; padding: 0 0 0 20px; height: 31px; }
#menu li    { float: left; margin: 0 10px 0 0; padding: 0; }
#menu li a  { font: bold 13px Verdana, Arial, sans-serif; text-align: center;
              display: block; margin: 0; border: 1px solid #E5E5E5; padding: 6px 10px 4px 10px;
              width: 100px; height: 20px; }
#menu li a.selected { background: #F5F5F5; }
#account    { position: absolute; top: 20px; right: 0; 
              font: normal 11px Verdana, Arial, sans-serif; color: #A5A5A5; }
/* MAIN
------------------------------*/
#main       { min-height: 600px;
              font: normal 11px Verdana, Arial, sans-serif; }
h2          { margin: 0; padding: 10px 0 5px 0; font: normal 18px Arial, sans-serif; color: #A5A5A5; letter-spacing: 0.5px; }
h3          { margin: 10px 0; padding: 0; font: bold 13px Verdana, Arial, sans-serif; }
h4          { margin: 10px 0; padding: 0; font: bold 12px Verdana, Arial, sans-serif; color: #A5A5A5; }

.message    { position: fixed; top: 50px; right: 150px;
              margin: 0; border: 1px solid #E5E5E5; padding: 10px 20px;
              max-width: 400px; background: #FBFDBD;
              font: normal 11px Verdana, Arial, sans-serif; line-height: 150%; }
.notification   { font-weight: bold; color: #1045DB; }
.error          { color: #FF0000; }
.actions        { margin: 10px 0; }

/* ERROR
------------------------------*/
#error      { padding: 50px 100px; }
#error p    { color: #FF0000; }

/* FOOTER
------------------------------*/
#footer     { padding: 20px 0;
              font: normal 11px Verdana, Arial, sans-serif; color: #A5A5A5; line-height: 150%; text-align: center; }

/* ELEMENTS
------------------------------*/

/* Tables */
table       { border-spacing: 0; *border-collapse: collapse; border: 1px solid #E5E5E5; }
th, td      { padding: 5px 5px; vertical-align: top; line-height: 150%; }
th          { border-bottom: 1px solid #E5E5E5; white-space: nowrap; }
th.columns  { color: #888888; text-align: left; letter-spacing: 3px;
              border-left: 1px solid #DDDDDD; border-bottom: 2px solid #DDDDDD; }
th.calculated-column    { background-color: #F2F2F2; }
th.max-width{ width: 100%; }
.no-wrap    { white-space: nowrap; }
.title      { width: 350px; }

/* Links */
a               { text-decoration: none; outline: none; color: #1045DB; }
.link-button    { margin: 0 3px 0 3px;
                  font-size: 9px; font-weight: bold; color: #1045DB; cursor: pointer; }
.click-edit     { color: #1045DB; cursor: pointer; }
.actions a      { margin: 0 7px 0 0; font-weight: bold; }

/* Forms */
form        { margin: 0; padding: 0; }

input.text,
select,
textarea    { margin: 0 5px 0 0; border: 1px dotted #AAAAAA; padding: 2px; font: normal 11px Verdana, Arial, sans-serif; }
.normal     { width: 120px; }
.short      { width: 80px; }
.long       { width: 300px; }
.longest    { width: 500px; }
.required   { color: #FF0000; }

fieldset        { margin: 10px 0 10px 0; padding: 0 10px 10px 10px; border: 1px solid #E5E5E5; }
fieldset div    { clear: both; margin: 0; padding: 3px 0; vertical-align: bottom; line-height: 150%; font-size:11px; }
legend          { margin: 0 0 10px 0; padding: 0; font-weight: bold; color: #222222; font-size:12px;}

label           { display: block; float: left; margin: 0; padding: 0; width: 150px;font-size: 11px; }
label.no-float  { float: none; display: inline; width: auto; }
.check-box-list { margin: 0 0 0 150px; padding: 0; }

button      { margin: 2px 4px 5px 0; border: 1px solid #E5E5E5; padding: 2px 5px;
              font: bold 11px Verdana, Arial, sans-serif !important; color: #1045DB;
              background: #F5F5F5; cursor: pointer; }

/* Pager */
.pager              { margin: 0; padding: 15px 5px 0 0; }
.pager .page        { margin: 0 5px 0 0; border: 1px solid #E5E5E5; padding: 5px 10px;
                      font: normal 11px Verdana, Arial, sans-serif; color: #1045DB;
                      background: #F5F5F5; }
.pager .disabled    { color: #AAAAAA; }
.pager .current     { font-weight: bold; }
.pager .total-records   { padding: 15px 0 0 0; font-size:11px;}

/* Misc */
.dialog-panel,
.tabs-panel     { display: none; }

.zebra          { background: #F2F2F2; }

.highlight,
.updated        { background: #FBFDBD; }
.created        { background: #D2FCB9; }
.inactive       { color: #AAAAAA; }

.validation-summary-errors  { color: #FF0000; }
.field-validation-error { font: normal 9px Verdana, Arial, sans-serif; color: #FF0000; }

.note           { padding: 5px 0; color: #FF0000; line-height: 150%;font-size:11px; }
/* JS EDITORS: TEMPLATE, PAYSLIP
------------------------------*/

.editor .link-button    { font-size: 11px; }
table.fields            { margin: 5px 0 0 0; }
table.fields th         { padding: 3px 3px; background: #E5E5E5; }
table.field-groups              { margin: 5px 0 5px 0; font-size: 11px; }
table.field-groups .field-group { margin-right: 5px; font-weight: bold; }

/* TEMPLATE-RENDERER.JS
------------------------------*/
.rendered label { width: 250px; }
.field-name     { font-size: 9px; color: #A5A5A5; }
.toggle-mode    { float: right; cursor: pointer; font-size: 9px; font-weight: bold; color: #1045DB; }
.input          {}
.calculated     {}
.validate-error { font-size: 9px; color: #FF0000; }