* {
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;
}