﻿body { margin:0px; background: url(/images/bg-page.jpg) top repeat-y; background-color:#eaeff3; font-family:"Arial", "Trebuchet MS"; font-size:13px; font-weight:normal; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }

.lemonError { background-color: #FAF055; }

#page-main { width:750px; height:50px; text-align:left; }
#page-main-content { padding-left:10px; padding-right:10px; }
#header-image { padding-left:3px; padding-bottom:5px; padding-top:5px; }
#footer { border-top:1px solid silver; padding-top:5px; padding-bottom:5px; padding-left:2px; color:#333333; font-size:10px; }

.page-main-nav-left { background: url(/images/main-menu-left.jpg) no-repeat; padding-top:5px; width:19px; height:67px; font-size:5px; }
.page-main-nav-middle { background: url(/images/main-menu-middle.jpg) repeat-x; padding-top:5px; color:White; font-weight:bold; font-size:11px; }
.page-main-nav-right { background: url(/images/main-menu-right.jpg) no-repeat; padding-top:5px; width:19px; height:67px; font-size:5px; }
.white-a { color:White; }
.pad-left-10 { padding-left:10px; }

/* --- FOR USE IN THE DARK / LIGHT BLUE CONTAINER BOXES */
.dark-blue-nav-left { background: url(/images/dark-blue-nav-left.jpg) no-repeat; padding-top:14px; width:19px; height:260px; font-size:5px; }
.dark-blue-nav-middle { background: url(/images/dark-blue-nav-middle.jpg) repeat-x; padding-top:14px; width:165px; height:260px; font-size:12px; font-weight:bold; color:White; }
.dark-blue-nav-right { background: url(/images/dark-blue-nav-right.jpg) no-repeat; padding-top:14px; width:20px; height:260px; font-size:5px; }
.dark-blue-nav-content { padding-top:25px; font-size:11px; font-weight:bold; }

.light-blue-nav-left { background: url(/images/light-blue-nav-left.jpg) no-repeat; padding-top:14px; width:19px; height:173px; font-size:5px; }
.light-blue-nav-middle { background: url(/images/light-blue-nav-middle.jpg) repeat-x; padding-top:14px; width:491px; height:173px; font-size:12px; font-weight:bold; color:White; }
.light-blue-nav-right { background: url(/images/light-blue-nav-right.jpg) no-repeat; padding-top:14px; width:19px; height:173px; font-size:5px; }
.light-blue-nav-content { padding-top:25px; font-size:11px; color:#333333; }

/* UI ELEMENTS */
.buttonClassic { height:38px; font-weight:bold; font-family:Trebuchet MS, Arial, Helvetica; font-size:16px; }
.ddlClassic { border:1px solid Gray; font-family:Arial; font-size:12px; }
.ddlClassic200 { border:1px solid Gray; width:204px; font-family:Arial; font-size:12px; }
.tbClassic { border:1px solid Gray; font-size:12px; font-family:Arial; width:150px; }
.tbClassic200 { border:1px solid Gray; width:200px; font-size:12px; font-family:Arial; }
.tbClassicMultiLine { border:1px solid Gray; width:200px; font-size:12px; font-family:Arial; }


/* FANCY BUTTON */
a.fancyButton {
    background: transparent url('/images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.fancyButton span {
    background: transparent url('/images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
    font-weight:bold;
}

a.fancyButton:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.fancyButton:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
    font-weight:bold;
} 

/* FANCY BUTTON */
