﻿.altrow TD { background-color: #edf5ff; padding: 4px 10px 4px 10px; }
.row TD { background-color: #fff; padding: 4px 10px 4px 10px; }
.redrow TD { background-color: #ff2600; padding: 4px 10px 4px 10px; color: #fff; }
.greyrow TD { background-color: #dedede; padding: 4px 10px 4px 10px; color: #aaa; }
.bluerow TD { background-color: #5797d5; padding: 4px 10px 4px 10px; color: #fff; }

.ann_yui-nogrid { font-family: arial; font-size: small; border: solid 1px #7f7f7f; }
.ann_altrow { background-color: #edf5ff; padding: 4px 10px 4px 10px; }
.ann_row { background-color: #fff; padding: 4px 10px 4px 10px; }

.ann_yui-nogrid TD.firstcell { padding: 4px 10px 4px 10px; color: #064690; }
.ann_yui-nogrid TD.lastcell { padding: 4px 10px 0px 10px; border-right: 0px; }

.timetable { width: 360px; float: left; clear: both; }
.timetable td { padding: 4px; font-size: 10px; color: #777; }

.grayheader { color: #4C4847; font-weight: bold; font-size: 12px; margin-top: 15px; }
.toshiredheader { color: #AC0522; font-weight: bold; font-size: 12px; margin-top: 15px; }
.hpblueheader { color: #1C4D8F; font-weight: bold; font-size: 12px; margin-top: 15px; }

#headbar { height: 42px; padding: 0 0 0 0; margin: 0 auto; border-bottom: solid 1px #bebebe; }

#headbar .headtext { float: left; margin: 20px 0 0 10px; font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #064690; }

#headbar .headevent { float: left; margin: 10px 0 0 3px; font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #3366ff; }

#headbar .headgray { float: left; margin: 10px 0 0 3px; font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #5c5c5c; }

#headbar .headblue { float: left; margin: 10px 0 0 3px; font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #1C4D8F; }

#headbar .ftltitle { color: #00728f; float: left; margin: 10px 0 0 3px; font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif; }

#headbar ul { list-style-type: none; float: right; padding: 0 2px 0 0; margin: 19px 0 0 0; }

#headbar ul li { font: 13px/normal Verdana, Arial; display: inline; }

#headbar ul li a { color: #555; text-decoration: none; border: none; border-left: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; display: block; float: left; padding: 5px 15px; margin: 0 -1px 0 0; background-color: #cdcdcd; }

#headbar ul li a:hover { color: #fff; background-color: #888; }

#headbar ul li.active a { color: #fff; background-color: #e48d00; }

#headbar ul li.toshired a { color: #fff; background-color: #ac0522; }

#headbar ul li.hpblue a { color: #fff; background-color: #1c4d8f; }

#headbar ul li.ftlcyan a { color: #fff; background-color: #00728f; }

.dotbox { border: dashed 2px #ac0522; padding: 6px; font-weight: bold; color: #064690; }
.dotboxthin { border: dashed 1px #ac0522; padding: 6px; margin-top: 3px; font-weight: bold; color: #064690; }

#elhrego { height: 44px; padding: 0 0 0 0; margin: 0 auto; border-bottom: solid 1px #cdcdcd; }

#elhrego ul { list-style-type: none; float: left; padding: 0 2px 0 0; margin: 19px 0 0 0; }

#elhrego ul li { font: 12px/normal Arial; display: inline; display: block; float: left; padding: 5px 15px; margin: 0 -1px 0 0; }

#elhrego ul li.brightgreen { color: #32AC51; text-decoration: none; display: block; float: left; padding: 5px 15px; margin: 0 -1px 0 0; background-color: #fff; font-weight: bold; }

#elhrego ul li.brightblue { color: #3A8DD0; text-decoration: none; border-left: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; display: block; float: left; padding: 5px 15px; margin: 0 -1px 0 0; background-color: #fff; font-weight: bold; }

/* table level rules */
.yui-grid { font-family: arial; font-size: small; border: solid 1px #7f7f7f; }

.yui-grid caption { font-size: 10px; color: #064690; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; padding-bottom: 14px; }
/* header column rules */
.yui-grid .hdr TH { background: url(../img/sprite.png) repeat-x 0px 0px; border-color: #989898 #cbcbcb #989898 #989898; border-style: none solid solid none; border-width: 1px 1px 1px medium; color: #000; padding: 4px 5px 4px 10px; text-align: left; vertical-align: bottom; }

/* data cell and data row rules */
.yui-grid TD { padding: 4px 10px 4px 10px; border-right: solid 1px #cbcbcb; text-align: left; }

.yui-grid TD.firstcell { padding: 4px 10px 4px 10px; color: #064690; }

.yui-grid TD.firstcelltop { padding: 4px 10px 4px 10px; color: #064690; vertical-align: top; }

.yui-grid TD.firstcellstrong { padding: 4px 10px 4px 10px; color: #064690; vertical-align: top; font-weight: bold; }

.yui-grid TD.firstcellstrong120 { padding: 4px 10px 4px 10px; color: #064690; vertical-align: top; font-weight: bold; width: 120px; }

.yui-grid TD.firstcellstrong170 { padding: 4px 10px 4px 10px; color: #064690; vertical-align: top; font-weight: bold; width: 170px; }

.yui-grid TD.firstcellstrong200 { padding: 4px 10px 4px 10px; color: #064690; vertical-align: top; font-weight: bold; width: 200px; }

.yui-grid TD.lastcell { padding: 4px 10px 0px 10px; border-right: 0px; }

.yui-grid TD.lastcell .lstable * { border: 0px; }

.yui-grid TD.lastcell input.btn { border: solid 1px #cbcbcb; background-color: #fff; margin: 8px; padding: 3px 8px 3px 8px; }
.yui-grid .altrow TD { background-color: #edf5ff; }

.yui-grid .row TD { background-color: #fff; }

.yui-grid TD input:focus, .yui-grid TD textarea:focus { background-image: none; background-color: #fff; border: solid 1px #5d9ac6; padding: 2px; }

.bluetitle { color: #064690; font-weight: bold; }
.yui-footer { clear: both; text-align: right; padding: 8px; }
.yui-footer-button { float: right; margin-right: 20px; }
.modalBackground { background-color: Gray; filter: alpha(opacity=70); opacity: 0.7; }
.detail { font-family: lucida grande,arial,helvetica,sans-serif; font-size: 11px; background-color: #fff; border: solid 2px #868686; padding: 18px; }
.detail .footer { text-align: right; padding: 8px; }

/* table level rules */
.yui-nogrid { font-family: arial; font-size: small; border: solid 1px #bebebe; }

/* header column rules */
.yui-nogrid .hdr TH { background: url(../img/sprite.png) repeat-x 0px 0px; border-color: #989898 #cbcbcb #989898 #989898; border-style: none none none none; border-width: 1px 1px 1px medium; color: #000; padding: 4px 5px 4px 10px; text-align: left; vertical-align: bottom; }

/* data cell and data row rules */
.yui-nogrid TD { padding: 4px 10px 4px 10px; text-align: left; }

.yui-nogrid TD.firstcell { padding: 4px 10px 4px 10px; color: #064690; }

.yui-nogrid TD.lastcell { padding: 4px 10px 0px 10px; border-right: 0px; }

.yui-nogrid TD.lastcell .lstable * { border: 0px; }

.yui-nogrid TD.lastcell input.btn { border: solid 1px #cbcbcb; background-color: #fff; margin: 8px; padding: 3px 8px 3px 8px; }

.yui-nogrid .altrow TD { background-color: #edf5ff; }

.yui-nogrid .rowtop TD { background-color: #edf5ff; border-bottom: solid 1px #bebebe; }

.yui-nogrid .row TD { background-color: #fff; }

.yui-nogrid strong { color: #064690; }

.yui-nogrid TD input:focus, .yui-nogrid TD textarea:focus { background-image: none; background-color: #fff; border: solid 1px #5d9ac6; padding: 2px; }

.yui-grid .rowtop TD { background-color: #edf5ff; border-bottom: solid 1px #bebebe; }

.yui-grid strong { color: #064690; }

.lstsearchbox { clear: both; padding: .5em 1em; text-align: center; }

.lstsearchbox li { display: inline; }

.lstbtm-clear { clear: both; height: 0; line-height: 0.0; font-size: 0; }
#lstbtm-bottom { clear: both; margin: 0 !important; padding: 0 0 10px 0 !important; border: none; width: 100%; text-align: center; background-color: #fff; }
#lstbtm-foot { margin: 0 auto 0 auto !important; padding: 10px 0 0 30px !important; border: none; width: 100% !important; text-align: center; }
#lstbtm-footer { width: 100%; padding-left: 10px; }
#lstbtm-footer, #lstbtm-footer ul { padding: 0 !important; margin: 0 !important; list-style: none !important; font: 10px Arial, Helvetica, sans-serif; }
#lstbtm-footer li { width: auto; font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #f90; background-color: transparent; float: left; text-align: left; margin: 0 10px 0 0; padding: 0; }
#lstbtm-footer li ul li { background: none; text-align: left; }
#lstbtm-footer li ul, #lstbtm-footer ul li { width: 16.8em; }
#lstbtm-footer ul li a { color: #4e4e4e; background-color: transparent; text-decoration: none; font-size: 10px; white-space: nowrap; font-weight: normal; line-height: 16px; }
#lstbtm-footer li ul { display: block; margin-top: 6px; }
#lstbtm-footer li:hover a, #lstbtm-footer a:focus, #lstbtm-footer a:active, #lstbtm-footer li.lstbtm-hover a { color: #f90; background-color: transparent; text-decoration: none; font-size: 11px; }
#lstbtm-footer a:hover { color: #f90; background-color: transparent; text-decoration: underline; font-weight: normal; }
#lstbtm-footer li:hover ul, #lstbtm-footer li.lstbtm-hover ul { display: block; }
#lstbtm-footer li:hover ul a, #lstbtm-footer li.lstbtm-hover ul a { color: #4e4e4e; background-color: transparent; text-decoration: none; font-size: 10px; }
#lstbtm-footer li ul a:hover { color: #f90; background-color: transparent; text-decoration: underline; }
#lstbtm-footer ul a:hover { color: #f90 !important; background-color: transparent; text-decoration: underline; }
#lstbtm-footer a.lstbtm-trigger { color: #4e4e4e; background-color: transparent; font: bold 11px Arial, Helvetica, sans-serif; text-decoration: none; line-height: 20px; }
.lstbtm-noborder { border: none !important; }

.elhbtm-clear { clear: both; height: 0; line-height: 0.0; font-size: 0; }
#elhbtm-bottom { clear: both; margin: 0 !important; padding: 0 0 10px 0 !important; border: none; width: 100%; text-align: center; background-color: #fff; }
#elhbtm-foot { margin: 0 auto 0 auto !important; padding: 10px 0 0 30px !important; border: none; width: 100% !important; text-align: center; }
#elhbtm-footer { width: 100%; padding-left: 10px; }
#elhbtm-footer, #elhbtm-footer ul { padding: 0 !important; margin: 0 !important; list-style: none !important; font: 10px Arial, Helvetica, sans-serif; }
#elhbtm-footer li { width: auto; font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #f90; background-color: transparent; float: left; text-align: left; margin: 0 10px 0 0; padding: 0; }
#elhbtm-footer li ul li { background: none; text-align: left; }
#elhbtm-footer li ul, #elhbtm-footer ul li { width: 15em; }
#elhbtm-footer ul li a { color: #4e4e4e; background-color: transparent; text-decoration: none; font-size: 10px; white-space: nowrap; font-weight: normal; line-height: 15px; }
#elhbtm-footer ul li a:hover { color: #f90; background-color: transparent; text-decoration: none; font-size: 10px; white-space: nowrap; font-weight: normal; line-height: 15px; }
#elhbtm-footer li ul { display: block; margin-top: 6px; }
#elhbtm-footer li ul:hover a, #elhbtm-footer a:focus, #elhbtm-footer a:active, #elhbtm-footer li.elhbtm-hover a { color: #f90; background-color: transparent; text-decoration: none; font-size: 11px; }
#elhbtm-footer a { color: #f90; background-color: transparent; text-decoration: none; font-weight: bold; line-height: 18px; }
#elhbtm-footer a:hover { color: #f90; background-color: transparent; text-decoration: none; font-weight: bold; line-height: 18px; }
#elhbtm-footer li:hover ul, #elhbtm-footer li.elhbtm-hover ul { display: block; }
#elhbtm-footer li:hover ul a, #elhbtm-footer li.elhbtm-hover ul a { color: #4e4e4e; background-color: transparent; text-decoration: none; font-size: 10px; }
#elhbtm-footer li ul a:hover { color: #f90; background-color: transparent; text-decoration: none; }
#elhbtm-footer ul a:hover { color: #f90 !important; background-color: transparent; text-decoration: underline; }
#elhbtm-footer a.elhbtm-trigger { color: #4e4e4e; background-color: transparent; font: bold 11px Arial, Helvetica, sans-serif; text-decoration: none; line-height: 20px; }

.elhbtm-noborder { border: none !important; }

a.btm:link, a.btm:visited, a.btm:active { font-size: 10px; color: #064690; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; line-height: normal; font-variant: normal; text-transform: none; font-weight: normal; }

a.btm:hover { font-size: 10px; color: #f90; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; line-height: normal; font-variant: normal; text-transform: none; font-weight: normal; }

.imgbtn147 { width: 147px; height: 31px; border-width: 0; }
.imgbtn73 { width: 73px; height: 31px; border-width: 0; }

.yui-cal { font-family: arial; font-size: small; border: solid 1px #bebebe; }

/* header column rules */
.yui-cal .hdr TH { background: url(../img/sprite.png) repeat-x 0px 0px; border-color: #989898 #cbcbcb #989898 #989898; border-style: none none none none; border-width: 1px 1px 1px medium; color: #000; padding: 4px 5px 4px 10px; text-align: left; vertical-align: bottom; }

/* data cell and data row rules */
.yui-cal TD { text-align: left; }

.yui-cal TD.firstcell { padding: 4px 10px 4px 10px; color: #064690; }

.yui-cal TD.lastcell { padding: 4px 10px 0px 10px; border-right: 0px; }

.yui-cal TD.lastcell .lstable * { border: 0px; }

.yui-cal TD.lastcell input.btn { border: solid 1px #cbcbcb; background-color: #fff; margin: 8px; padding: 3px 8px 3px 8px; }

.yui-cal .altrow TD { background-color: #edf5ff; }

.yui-cal .rowtop TD { background-color: #edf5ff; border-bottom: solid 1px #bebebe; }

.yui-cal .row TD { background-color: #fff; }

.yui-cal strong { color: #064690; }

.yui-cal TD input:focus, .yui-cal TD textarea:focus { background-image: none; background-color: #fff; border: solid 1px #5d9ac6; padding: 2px; }
