* { margin: 0; padding: 0; border: none; } HTML { font: normal 0.75em/1.6em "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica; color: #373737; } BODY { background: url("/notesdata/is/cf_run.nsf/body_bkg.gif") repeat-y top left; padding: 88px 0 0; position: relative; } /*************************************************** GENERIC */ /*************************************************** HEADER */ #header { position: absolute; background: #fff url("/notesdata/is/cf_run.nsf/header_bkg.gif") repeat-x top; /* background: #7CC343; */ /*background: #FFFFFF;*/ width: 100%; /* height: 112px; */ height: 90px; top: 0; text-decoration: none; } #header H2 { position: absolute; top: 16px; left: 310px; font-weight: normal; color: #4169E1; text-transform: uppercase; font-size: 15px; } #header H1 { position: absolute; top: 25px; left: 310px; font-weight: normal; color:#4169E1; text-transform: uppercase; font-size: 24px; letter-spacing: -1px; } /*************************************************** TOP NAV */ /*************************************************** TITLE BAR */ #title.green { background: #7CC343; } #title.blue { background: #1899b9; } #title.purple { background: #832cac; } #title.gold { background: #cea822; } #title { /* margin: 24px 0 0; */ margin: 0px 0 0; background: #d74012; overflow: hidden; width: 100%; } #title H1 { float: left; background: #b53006 url("/notesdata/is/cf_run.nsf/title_h1_orange_bkg.gif") no-repeat top right; height: 43px; padding: 0 35px 0 12px; font: normal 16px/43px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica; color: #fff; } #title.green H1 { background: #4169E1 url("/notesdata/is/cf_run.nsf/title_h1_green_bkg.gif") no-repeat top right; /* background: url("/notesdata/is/cf_run.nsf/title_h1_blue_bkg.gif") no-repeat top right; */ } #title.blue H1 { background: #13819d url("/notesdata/is/cf_run.nsf/title_h1_blue_bkg.gif") no-repeat top right; } #title.purple H1 { background: #5d1b7c url("/notesdata/is/cf_run.nsf/title_h1_purple_bkg.gif") no-repeat top right; } #title.gold H1 { background: #a48311 url("/notesdata/is/cf_run.nsf/title_h1_gold_bkg.gif") no-repeat top right; } #title H2 { float: left; margin: 0 0 0 10px; height: 43px; font: normal 16px/43px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica; color: #fff; } /*************************************************** CONTENT */ #content { overflow: hidden; padding: 0 0 600px; } /*************************************************** CONTENT > MENU */ #content #menu { background: url("/notesdata/is/cf_run.nsf/menu_bkg.gif") repeat-y top left; width: 204px; list-style: none; float: left; } #content #menu UL { background: url("/notesdata/is/cf_run.nsf/menu_div.gif") no-repeat top left; list-style: none; } #content #menu LI { background: url("/notesdata/is/cf_run.nsf/menu_div.gif") no-repeat bottom left; color: #FFFFFF; line-height: 110%; } #content #menu LI STRONG { display: block; padding: 5px 14px; font-weight: normal; } #content #menu LI.header { color: #d74012; font-size: 15px; font-weight: bold; } #content #menu LI A { display: block; width: 146px; padding: 5px 29px; color: #FFFFFF; text-decoration: none; } #content #menu LI.selected A, #content #menu LI A:hover { /* background: #d74012; */ background: #8ab612; color: #FFF; } /**************** Added for My Schedule style ********************/ #content #menu2 { background: url("/notesdata/is/cf_run.nsf/menu_bkg.gif") repeat-y top left; width: 204px; list-style: none; float: left; } #content #menu2 UL { background: url("/notesdata/is/cf_run.nsf/menu_div.gif") no-repeat top left; list-style: none; } #content #menu2 LI { background: url("/notesdata/is/cf_run.nsf/menu_div.gif") no-repeat bottom left; color: #333; padding-left: 10px; } #content #menu2 LI.header { color: #d74012; font-size: 14px; font-weight: normal; padding-top: 5px; padding-bottom: 5px; } #content #menu2 LI A { color: #126d93; text-decoration: none; } /*************************************************** CONTENT > MAIN */ #content #main { margin: 40px 22px 40px 220px; border: solid 1px #bad4df; min-height: 500px; min-width: 600px; position: relative; background: #fff; } #content #main H1 { font: normal 28px/28px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica; color: #d74012; padding: 15px; } /*************************************************** CONTENT > MAIN > use for Web Query agent, requested not to have a border for the Thank you message */ #content #main2 { margin: 40px 22px 40px 220px; /* border: solid 1px #bad4df; */ min-height: 500px; min-width: 600px; position: relative; background: #fff; } #content #main2 H1 { font: normal 28px/28px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica; color: #d74012; padding: 15px; } /*************************************************** CONTENT > MAIN > BODY */ #content #main .body { background: #f7fcfd url("/notesdata/is/cf_run.nsf/main_body_bkg.gif") repeat-x top; padding: 10px 15px; min-height: 200px; overflow: hidden; } #content #main .body-bot { background: #f7fcfd url("/notesdata/is/cf_run.nsf/main_body_bot_bkg.gif") repeat-x bottom; width: 100%; height: 25px; } #content #main .body H2 { color: #d74012; margin: 1em 0 0.6em; font-weight: normal; font-size: 19px; line-height: 25px; } #content #main .body H3 { font-size: 15px; line-height: 18px; } #content #main .body P { margin: 1em 0; } #content #main .body UL, #content #main .body OL { margin: 1em 2em; list-style: url("/notesdata/is/cf_run.nsf/bullet.gif"); } #content #main .body LI { margin: 0.8em 0; color: #555; } #content #main .body A { color: #1084b5; text-decoration: none; } #content #main .body A:hover { text-decoration: underline; } #content #main .body TABLE { border-spacing: none; border-collapse: collapse; margin: 1em 0 2em; } #content #main .body TH { font: normal .75em "Lucida Sans Demibold Roman", "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica; background: #1084b5; padding: 0.35em 1em 0.35em 0.5em; color: #fff; } #content #main TABLE TD.label { font: normal .75em "Lucida Sans Demibold Roman", "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica; background: #1084b5; padding: 0.35em 1em 0.35em 0.5em; color: #fff; } #content #main .body TD { font: normal .75em; line-height: 1.3em; padding: 0.35em 1em 0.35em 0.5em; border-bottom: solid 1px #ddd; } #content #main .body TR { border-bottom: solid 1px #ddd; } #content #main .body BR { clear: left; } #content #main .body DIV.form { margin: 2em 0; } #content #main .body LABEL { display: block; float: left; text-align: right; width: 8em; line-height: 1.3em; margin: 0 0.75em 0 0; padding: 0.55em 0 0 0; color: #666; } #content #main .body INPUT.text { border-top: solid 1px #c2d5e8; border-left: solid 1px #c2d5e8; border-bottom: solid 1px #e0f0ee; border-right: solid 1px #e0f0ee; background: #f2f9fb; width: 200px; margin: 0.2em 0; } #content #main .body TEXTAREA.textbox { border-top: solid 1px #c2d5e8; border-left: solid 1px #c2d5e8; border-bottom: solid 1px #e0f0ee; border-right: solid 1px #e0f0ee; background: #f2f9fb; margin: 0.5em 0; width: 300px; height: 100px; } #content #main .body TEXTAREA.textbox:focus { background: #fff; } /*************************************************** CONTENT > MAIN > TABS */ #content #main #tabs { list-style: none; position: absolute; top: -23px; left: 5px; } #content #main #tabs LI { float: left; margin: 0 7px 0 0; background: #daeff8 url("/notesdata/is/cf_run.nsf/tabs_item_bkg.gif") repeat-x bottom; } #content #main #tabs LI.selected { border-top: solid 1px #bad4df; border-left: solid 1px #bad4df; border-right: solid 1px #bad4df; background: #fff; } #content #main #tabs LI A { display: block; height: 22px; line-height: 22px; padding: 0 7px; color: #1084b5; text-decoration: none; position: relative; } #content #main #tabs LI A:hover { background: #1084b5; color: #fff; } #content #main #tabs LI A SPAN { height: 1px; width: 1px; position: absolute; background: #fff; } #content #main #tabs LI A SPAN.tl { top: 0; left: 0; } #content #main #tabs LI A SPAN.tr { top: 0; right: 0; } #content #main #tabs LI.selected A { height: 22px; line-height: 20px; color: #000; } #content #main #tabs LI.selected A:hover { background: #fff; color: #000; } #content #main #tabs LI.selected A SPAN.tl { top: -1px; left: -1px; } #content #main #tabs LI.selected A SPAN.tr { top: -1px; right: -1px; } /*************************************************** CONTENT > MAIN > FOOTER */ #footer { text-align: right; padding: 10px 15px; } /*************************************************** FORMS */ INPUT { font: normal .90em "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica; } INPUT.button { height: 29px; background: #d94313 url("/notesdata/is/cf_run.nsf/button_bkg.gif") no-repeat; color: #fff; line-height: 29px; text-align: center; }