* { margin: 0; }
html, body { min-width: 1300px; height: 100%; margin: 0px; padding: 0px; }
body { overflow-x: auto; overflow-y: hidden; }
header, footer, nav, section { display: block; }

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { font-size: 1.5em; color: #000; }
h1 { padding-bottom: 0; margin-bottom: 0; }
h2 { padding: 0 0 10px 0; }

li { line-height: 1.6; }

/* this rule styles <h2> tags that are the first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 { margin-top: 0; }

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
/* you can specify a greater or lesser percentage for the page width. Or, you can specify an exact pixel width. */
.page { min-width: 1024px; float: left; margin-left: auto; margin-right: auto; width: 100%; }
header, #header { position: relative; margin-bottom: 0px; padding: 0; }
header h1, #header h1 { padding: 5px 0; margin: 0; }
#main { _height: 1px; /* only IE6 applies CSS properties starting with an underscore */ }
footer, #footer { padding: 10px 0; margin: 0; }
.spacer_left { width: 10px; float: left; }
.spacer_right { width: 10px; float: right; }

/* MENU   
----------------------------------------------------------*/
#Menu { position: relative; margin: 0; }
#Menu .t-link { padding: 5px 20px; }

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
fieldset { padding: 0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0; }
legend { font-size: 1.2em; font-weight: bold; }
input[type="text"] { width: 200px; }
input[type="password"] { width: 200px; }

/* TABLE
----------------------------------------------------------*/
table td { padding: 5px; }
table th { padding: 6px 5px; }

/* MISC  
----------------------------------------------------------*/
.clear { clear: both; }
div#title { display: block; }
#logindisplay { display: block; margin: 10px; }

/* STYLES FOR VALIDATION HELPERS
-----------------------------------------------------------*/
.field-validation-valid { display: none; }
.validation-summary-valid { display: none; }

/* STYLES FOR EDITOR AND DISPLAY HELPERS
----------------------------------------------------------*/
.display-label, .editor-label { margin: 1em 0 0 0; }
.display-field, .editor-field { margin: 0.5em 0 0 0; }
.text-box { width: 30em; }
.text-box.multi-line { height: 6.5em; }
.tri-state { width: 6em; }
div.header-title { float: left; width: 50%; height: 30px; }
div.header-buttons { float: right; width: 50%; height: 25px; }
div.grid-buttons { float: right; text-align: right; }
div.p-grid { float: left; }
div.user-profile { clear: both; }
input.user-profile { margin-top: 0; padding: 0; }
.user-label { width: 100px; height: 20px; display: inline-block; }
.user-label-long { width: 150px; }
.td-popup { padding: 2px; }
p { padding: 0px; margin: 0px; }

#main_logo { height: 65px; float: left; }
#main_greeting { height: 15px; width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#main_navigation { height: 65px; padding: 20px 10px 0px 10px; float: right; }
#main_search { height: 65px; padding: 20px 10px 0px 10px; float: right; }
#main_help { height: 15px; padding: 5px 0px 0px 0px; }
#main_footer1 { padding: 22px 15px 0px 15px; float: left; }
#main_footer2 { padding: 22px 15px 0px 15px; float: right; }
#main_right { height: 68px; padding: 17px 10px 0px 10px; float: right; text-align: right; }

/* STYLES FOR GRAPHIC ELEMENTS
----------------------------------------------------------*/
#graphicHeader { height: 85px; z-index: 100; }
#graphicHeaderLeft { float: left; width: 30px; height: 85px; }
#graphicHeaderRight { float: right; width: 30px; height: 85px; }
#graphicHeaderMiddle { width: auto; height: 85px; margin: auto 30px auto 30px; }

#graphicFooter { position: relative; height: 47px; z-index: 100; }
#graphicFooterLeft { float: left; width: 30px; height: 47px; }
#graphicFooterRight { float: right; width: 30px; height: 47px; }
#graphicFooterMiddle { width: auto; height: 47px; margin: auto 30px auto 30px; }

#graphicMain { position: absolute; overflow: hidden; top: 85px; bottom: 47px; left: 30px; right: 30px; }
#graphicContent { position: absolute; height: 100%; margin: 0px 20px 0px 20px; top: 5px; bottom: 5px; left: 0px; right: 0px; overflow-x: hidden; overflow-y: scroll; }

.wrap { position: relative; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -47px; }
.push { height: 47px; }