/* These font files are for the sole purpose of proper browser display function and are not to be copied, distributed or used for any other purpose. */
@font-face{ font-family:'Optima'; src: url('/lib/fonts/optima.ttf'); }
@charset "utf-8";

/* Generic Styles */
body{ margin: 0; padding: 0 0 20px 0; background-image: url(/lib/images/bg.jpg); background-position: top left; background-repeat: repeat-x; background-color: #8c94a1; font-family: "Optima"; font-size: 14px; line-height: 17px; color: #323640; }

h1{ padding: 10px 0 15px 0; margin: 0; font-family: "Optima"; font-size: 24px; line-height: 30px; color: #323640; font-weight: normal; }
h1 span{ border-bottom: 1px solid #d5a00f; }
h2{ padding: 10px 0 5px 0; margin: 0; font-family: "Optima"; font-size: 15px; line-height: 18px; color: #0066a4; font-weight: normal; }

a{ color: #000000; text-decoration: none; }
a:hover{ color: #0066a4; text-decoration: none; }

table{ clear: both; }
td{ vertical-align: top; padding: 5px; }
td p{ padding: 0 0 10px 0; margin: 0; }
th{ text-align: left; vertical-align: top; font-weight: bold; border-bottom: 1px solid #000; padding: 5px; }
label{ vertical-align: top; font-weight: bold; }
label.normal{ vertical-align: top; font-weight: normal; }
hr{ color: #737373; background-color: #737373; height: 1px; margin: 20px 0; border: 0; }
p{ padding: 0 0 10px 0; margin: 0; }

.required{ font-weight: bold; }
.alt-row{ background-color: #E5E5E5; }
.success{ color: #3C0; font-weight: bold; }
.error{ color: #F00; font-weight: bold; }
.left{ float: left; }
.right{ float: right; }
.clear{ clear: both; }
.bold{ font-weight: bold; }

#login label, #login input{ display: block; margin: 5px 10px 0px 28px; font-size: 12px; }
#login label{ color: #ffffff; font-weight: normal; }
.login-error{ margin-left: 18px; color: #F00; font-weight: bold; font-size: 12px; }

#header{ height: 210px; width: 888px; margin: 0 auto; padding: 0px 23px; background-image: url(/lib/images/bg_header.png); background-position: top left; background-repeat: no-repeat; position: relative; }
#header-index{ height: 327px; width: 888px; margin: 0 auto; padding: 0px 23px; background-image: url(/lib/images/bg_header_out.png); background-position: top left; background-repeat: no-repeat; }
#logo{ padding: 7px 0px 0px 47px; }
#header ul, #header-index ul{ list-style: none; font-family: "Optima"; font-size: 12px; padding: 14px 15px 0px 0px; margin: 0; float: right; }
#header ul li, #header-index ul li{ display: inline; float: left; }
#header ul li a, #header-index ul li a{ display: block; padding: 3px 5px; margin-right: 10px; line-height: 15px; }
#header ul li a:hover, #header ul li.on a, #header-index ul li a:hover, #header-index ul li.on a{ text-decoration: none; background-color: #e7e3dd; color: #323640; }
#member-box{ position: absolute; top: 48px; right: 18px; background-image: url(/lib/images/bg_member.jpg); background-position: top left; background-repeat: no-repeat; width: 276px; height: 154px; padding: 13px 31px 14px 10px; }
#member-box img{ float: right; padding-left: 8px; }
#member-box p{ color: #ffffff; font-size: 10px; font-weight: bold; text-align: right; padding: 10px 0px; }
#member-box a{ color: #ffffff; font-size: 10px; font-weight: bold; text-decoration: none; background-image: url(/lib/images/icon_pencil.jpg); background-position: left; background-repeat: no-repeat; padding-left: 12px; line-height: 13px; }
#member-box a:hover{ text-decoration: underline; }

/* Navigation Styles */
#nav{ width: 224px; padding: 0px; margin-left: 34px; margin-right: 20px; float: left; background-color: #7ba3ce; }
#main-nav{ list-style: none; font-size: 14px; padding: 0px; margin: 0px; }
#main-nav li{ padding: 10px 5px 10px 7px; line-height: 18px; display: block; background-image: url(/lib/images/divider.jpg); background-position: bottom left; background-repeat: no-repeat; }
#main-nav li span{ padding-left: 18px; }
#main-nav li span.plus{ background-image: url(/lib/images/btn_plus.jpg); background-position: left; background-repeat: no-repeat; }
#main-nav li span.minus{ background-image: url(/lib/images/btn_minus.jpg); background-position: left; background-repeat: no-repeat; }
#main-nav li.first{ padding-top: 0px; }
#main-nav li.last{ background-image: none; }
#main-nav li a{ font-size: 14px; color: #ffffff; text-decoration: none; padding: 3px; }
#main-nav li.active a, #main-nav li a:hover{ color: #ffffff; text-decoration: none; background-color: #4e83b8; }
#main-nav li ul{ padding: 3px 0px 0px 20px; margin: 0px; display: none; list-style: none; }
#main-nav li.active ul{ display: block; }
#main-nav li ul li{ padding: 2px; background-image: none; }
#main-nav li ul li a, #main-nav li.active ul li a{ background-color: #7ba3ce; }
#main-nav li ul li a:hover{ color: #ffffff; text-decoration: none; background-color: #4e83b8; }

#main-content{ width: 888px; margin: 0px auto; padding: 0px 23px; background-image: url(/lib/images/bg_main.png); background-position: top left; background-repeat: repeat-y; }
#content{ float: left; width: 600px; }
#main-content a{ color: #000000; text-decoration: underline; }
#main-content a:hover{ color: #0066a4; text-decoration: none; }
#main-content a.add, #main-content a.add:visited  { font-size: 12px; color: #090; font-weight: bold; text-transform: uppercase; }
#main-content a.edit, #main-content a.edit:visited { font-size: 12px; color: #4E83B8; font-weight: bold; text-transform: uppercase; }
#main-content a.copy, #main-content a.copy:visited { font-size: 12px; color: #B49942; font-weight: bold; text-transform: uppercase; }
#main-content a.delete, #main-content a.delete:visited { font-size: 12px; color: #666; font-weight: bold; text-transform: uppercase; }

#footer{ width: 888px; margin: 0 auto; padding: 36px 23px 0px 23px; background-image: url(/lib/images/bg_footer.png); background-position: top left; background-repeat: no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px; color: #ffffff; }
#footer a{ color: #ffffff; text-decoration: none; }
#footer a:hover{ text-decoration: underline; }
#footer .copyright{ float: right; margin-right: 30px; }
#globalsign{ float: left; }

/* Calendar Styles */
#full-calendar { float: left; width: 595px; border: 1px solid #333333; padding: 0px; margin: 0px; }
#full-calendar a.date { font-size: 12px; }
#full-calendar div { float: left; width: 83px; border: 1px solid #333333; padding: 0px; margin: 0px; }
#full-calendar .monheader { font-size: 16px; line-height: 30px; font-weight: bold; color: #FFFFFF; text-align: center; height: 30px; width: 593px; background-color: #444444; padding: 0px; margin: 0px; }
#full-calendar .dayheader { font-weight: bold; color: #FFFFFF; text-align: center; height: 20px; background-color: #000000; padding-top: 3px; margin: 0px; font-size: 12px; }
#full-calendar .cal-row { float: none; width: 100%; border: none; }
#full-calendar .day { background-color: #FFFFFF; padding: 5px; margin: 0px; width: 73px; font-size: 9px; }
#full-calendar .today { background-color: #aad0e5; color: #FFFFFF; font-weight: bold; padding: 5px; margin: 0px; width: 73px; font-size: 9px; }
#full-calendar .inactive { background-color: #999999; padding: 5px; margin: 0px; width: 73px; }
#full-calendar .tooltip_link { float: none; height: auto; width: auto; border: none; padding: 0px; margin: 0px; }
.tooltip { display: none; }