html { height: 100%; width: 100%; }
body { height: 100%; width: 100%; }
html { margin: 0; padding: 0; }
body { background-color: #fff; border-top: solid 0px #000; color: #333; font-size: .85em; font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif; margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { color: #000; margin-bottom: 0; padding-bottom: 0; }
h1 { font-size: 2em; }
h2 { font-size: 1.75em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; }

.float-left { float: left; }
.float-right { float: right; }

.clear-fix:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }

.site-title { color: #c8c8c8; font-family: Rockwell, Consolas, "Courier New", Courier, monospace; font-size: 2.3em; margin: 0; }

/* menu
----------------------------------------------------------*/
ul#menu { font-size: 1.3em; font-weight: 600; margin: 0 0 5px; padding: 0; text-align: right; }
ul#menu li { display: inline; list-style: none; padding-left: 15px; }
ul#menu li a { background: none; color: #999; text-decoration: none; }
ul#menu li a:hover { color: #333; text-decoration: none; }

/* login page
----------------------------------------------------------*/
#loginForm { border-right: solid 2px #c8c8c8; float: left; }
#loginForm .validation-error { display: block; margin-left: 15px; }
section { text-align: center; }

/* forms
----------------------------------------------------------*/
.page-fieldset { margin: 0px; padding: 10px 5px; border: 1px solid #000; width: 99%; }
.page-legend { padding: 0px; margin-top: -8px; color:#000; font-size: 1em; font-weight: bold; font-style: italic; background-color: #e7f6f8; }
.page-fieldset-bg { background-color: #f7f7de; }


.login-fieldset { width: 260px; }
.login-legend { padding: 0px; margin-top: -12px; }
.login-label { font-size: 1em; font-weight: bold; }
.login-input, .login-textarea { border: 1px solid #e2e2e2; background: #fff; color: #333; font-size: 1em; padding: 1px; width: 150px; }
/*
input[type="submit"], input[type="button"], button { background-color: #d3dce0; border: 1px solid #787878; cursor: pointer; font-size: 1.2em; font-weight: bold; padding: 2px 10px; width: auto; }
*/
/* tables
----------------------------------------------------------*/
.full-page { height: 100%; width: 100%; padding: 0px; margin: 0px }
.full-page-weight { width: 100%; }
.main-table { border-collapse: collapse; border-spacing: 0; margin: 0; border: 0 none; }
.main-table th { border: none 0px; padding-left: 0; }
.main-table td { padding: 0em; border: 0 none; }
.pad-td { padding: 0.25em; border: 0 none; }

/* footer
----------------------------------------------------------*/
.header { font-size: 1.5em; font-family: Verdana, Arial, Calibri, Sans-Serif; color: #000; border: none; }
.footer { font-size: 0.7em; font-family: Verdana, Arial, Calibri, Sans-Serif; color: #000; border: none; }

/* info and errors
----------------------------------------------------------*/
.message-info { border: 1px solid; clear: both; padding: 10px 20px; }
.message-error { clear: both; color: blue; font-size: 1.1em; font-weight: bold; margin: 20px 0 10px 0; }
.message-success { color: #7ac0da; font-size: 1.3em; font-weight: bold; margin: 20px 0 10px 0; }
.field-validation-error { color: #e80c4d; }