.note { font-size: 9pt; }

.actionContainer { min-height: 385px; padding: 10px; }
.actionContainer h3 { margin-bottom: 10px; }

.TypeChoice { vertical-align: middle; height: 100%; }
.TypeChoice .type-list { text-align: center; }
.TypeChoice .type-list a { position: relative; display: block; margin: 10px 0px; height: 60px; text-align: left; font-weight: bold; text-decoration: none; }
.TypeChoice .type-list a img { border: 0px; height: 100%; position: absolute; top: 0px; left: 0px; }
.TypeChoice .type-list a span { display: block; position: absolute; top: 0px; left: 80px; line-height: 60px; }
.TypeChoice .type-list a:hover span { text-decoration: underline; }

.TimeChoice { height: 280px; width: 600px; margin: 0 auto 10px auto; padding: 10px; background-color: #838D9C; }
.TimeChoice .leftNav, .TimeChoice .rightNav { float: left; display: block; width: 49px; line-height: 100%; height: 100%; text-align: center; vertical-align: middle; text-decoration: none; }
.TimeChoice .leftNav a span, .TimeChoice .rightNav a span { display: none; }
.TimeChoice .leftNav { border-right: solid 1px #79818D; }
.TimeChoice .leftNav a, .TimeChoice .rightNav a { display: block; width: 25px; height: 25px; margin: 130px auto; }
.TimeChoice .leftNav a { background: url(/images/arrows.gif) no-repeat -20px -18px; }
.TimeChoice .leftNav a.disabled { background: url(/images/arrows.gif) no-repeat -20px -56px; }
.TimeChoice .rightNav { border-left: solid 1px #949DA9; }
.TimeChoice .rightNav a { background: url(/images/arrows.gif) no-repeat -53px -18px; }
.TimeChoice .rightNav a.disabled { background: url(/images/arrows.gif) no-repeat -53px -56px; }
.TimeChoice #columnholder { float: left; width: 500px; height: 100%; overflow: hidden; position: relative; }
.TimeChoice .dayColumns { height: 100%; position: absolute; }
.TimeChoice .dayColumns .dayCol { float: left; height: 100%; width: 115px; border-left: solid 1px #949DA9; border-right: solid 1px #79818D; padding: 10px 4px; }
.TimeChoice .dayColumns .dayCol span.title { display: block; color: #FFF; font-weight: bold; text-align: center; margin-bottom: 10px; }

.timeperiods { }
.timeperiods .group, .timeperiods .inactive { width: 95px; height: 30px; margin-bottom: 10px; padding: 10px; }
.timeperiods .inactive { background: url(/images/group_disabled.gif) no-repeat; }
.timeperiods .group { background: url(/images/group.gif) no-repeat; font-size: 9pt; color: #808080; display: block; text-decoration: none; }
.timeperiods .group span { font-size: 10pt; display: block; color: #000; }
.timeperiods a { display: block; }

.timeperiod a { display: block; text-transform: uppercase; text-decoration: none; text-align: center; font-size: 9pt; line-height: 20px; }
.timeperiod a.back { background: url(/images/back_button.gif); color: #FFF; margin-bottom: 10px; }
.timeperiod .timelist { background: url(/images/timelist_bg.gif) no-repeat; height: 180px; padding: 0 10px; }
.timeperiod .timelist a.disabled { color: #C0C0C0; }
.timeperiod .timelist .periodTitle { line-height: 20px; font-size: 9pt; text-align: center; color: #3F3F3F; }
.timeperiod .timelist .items { height: 130px; overflow: hidden; position: relative; }
.timeperiod .timelist .itemlist { height: 100%; position: absolute; width: 100%; }
.timeperiod .timelist .itemlist a { display: block; text-align: center; width: 100%; }
.timeperiod .timelist .upArrow, .timeperiod .timelist .downArrow { line-height: 14px; font-size: 9pt; }
.timeperiod .timelist .upArrow { border-bottom: solid 1px #C0C0C0; }
.timeperiod .timelist .downArrow { border-top: solid 1px #C0C0C0; }

.navButtons a { display: block; width: 74px; line-height: 30px; text-align: center; text-decoration: none; background: url(/images/button_bg.gif) no-repeat; font-size: 10pt; color: #B0B0B0; }
.navButtons a:hover { color: #1A507E; }

#Modal { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
#ModalBG { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #000; opacity: 0.75; filter: alpha(opacity=75); z-index: 100; }
#ModalLevel { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 101; }
.ModalBox { background: url(/images/modal_bg.gif) repeat-y top left; width: 551px; margin: 0 auto; }
.ModalBox .top { background: url(/images/modal_t.gif) repeat-x top left; }
.ModalBox .top .top-out { background: url(/images/modal_tl.gif) no-repeat top left; }
.ModalBox .top .top-in { background: url(/images/modal_tr.gif) no-repeat top right; height: 31px; padding: 5px 10px 1px 10px; line-height: 31px; font-weight: bold; color: #FFF; }
.ModalBox .mid { padding: 10px; font-size: 10pt; }
.ModalBox .bot { background: url(/images/modal_b.gif) repeat-x top left; }
.ModalBox .bot .bot-out { background: url(/images/modal_bl.gif) no-repeat top left; }
.ModalBox .bot .bot-in { background: url(/images/modal_br.gif) no-repeat top right; height: 14px; padding: 0px 8px; }
.ModalBox .close { float: right; width: 10px; height: 11px; background: url(/images/modal_close.gif) no-repeat top left; margin: 10px 5px 0px 0px; }
.ModalBox .close span { display: none; }