/* * Common style definitions */ body { padding: 3px 4px 3px 4px; margin: 0px; font: x-small Verdana, Arial, Helvetica, sans-serif; } html>body { font-size: small; } p, form { margin: 0px; padding: 0px; } a, a:link { text-decoration: none; color: #000000; } a:hover { text-decoration: underline; color: #000000; } input, select, textarea { font: 100% Verdana, Sans-serif; } input.commonButton { width: 126px; height: 24px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; background-color: transparent; background-image: url(img/silver_button.gif); background-repeat: no-repeat; border: none; } textarea { line-height:140%; } dl, ul, ol { margin-top: 0; margin-bottom: 0; } li { margin: 0 0 5px 5px; list-style-position: outside; } .oldworldmessage { display: none; } /* * Header style definitions */ h1, h2, h3, h4, h5, h6, h7 { margin: 0 0 .5em 0; } .small { font-size: 90%; } .smaller { font-size: 80%; } .smallest { font-size: 70%; } h1 { font-size: 165%; } h2 { font-size: 140%; } h3 { font-size: 125%; } h4 { font-size: 115%; } /* * Page layout styles */ #lR { width: 98%; } #lR #lCol { width: 20%; background-color: #ffffff; margin: 0px; padding: 0px; border: 1px solid #333333; white-space: nowrap; } #lR #rCol { width: 80%; // background-color: #ECE9D8; margin: 0px; padding: 0px; border: 1px solid #333333; } /* * Top menu bar styles */ #lR #tBar { background: url(img/tbar_bkg.gif) #C8C8C8 repeat-x; width: 100%; height: 27px; white-space: nowrap; } #lR #tBar a:hover { text-decoration: none; } #tBar img { padding: 0px; margin: 0px; } #tBar #menu div { display: inline; white-space: nowrap; } #tBar #menu { float: left; clear: left; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; white-space: nowrap; } #tBar #menu .logo { white-space: nowrap; float: left; clear: left; } #tBar #menu .version { white-space: nowrap; height: 27px; float: left; vertical-align: middle; } #tBar #menu .version p { padding-top: 9px; vertical-align: middle; padding-right: 4px; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #555555; } #tBar #menu .spacer { width: 12px; white-space: nowrap; float: left; } #tBar #menu .itemBlock { white-space: nowrap; height: 27px; float: left; vertical-align: middle; background: none; } #tBar #menu .itemBlockSel { white-space: nowrap; height: 27px; float: left; vertical-align: middle; background: url(img/tbar_block_sel.gif) repeat-x 2px; } #tBar #menu .itemIcon { white-space: nowrap; height: 27px; float: left; vertical-align: middle; } #tBar #menu .itemIcon img { padding-top: 4px; vertical-align: middle; padding-right: 4px; } html>body #tBar #menu .itemIcon img { padding-top: 5px; padding-right: 4px; } #tBar #menu .itemText { white-space: nowrap; height: 27px; float: left; vertical-align: middle; } #tBar #menu .itemText p { padding-top: 6px; vertical-align: middle; padding-right: 4px; } html>body #tBar #menu .itemText p { padding-top: 6px; padding-right: 4px; } #tBar #menuTab { float: right; clear: right; background: url(img/tbar_right.gif) no-repeat; height: 27px; width: 16px; white-space: nowrap; } /* * Left column menu styles */ #lR #lCol #secOpen { position: relative; } #lR #lCol #secOpen a:hover { text-decoration: none; } #lR #lCol #secClosed { position: relative; padding: 8px; height: 16px; border-bottom: 1px solid #333333; background: url(img/sec_bkg_sel.gif) repeat-x; } #lR #lCol #secClosed a:hover { text-decoration: none; } #lR #lCol #secClosed img { vertical-align: middle; margin: 0px; padding: 0px 6px 0px 0px; } html>body #lR #lCol #secClosed { padding-bottom: 9px; } #lR #lCol dl { position: relative; top: 0px; left: 0px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 0px; margin: 0px; font-weight: bold; } #lR #lCol dl a:hover { text-decoration: none; } #lR #lCol #secAct { padding-bottom: 4px; width: 100%; float: left; clear: right; } html>body #lR #lCol #secAct { padding-bottom: 3px; } #lR #lCol dt { margin: 0px; border-bottom: 1px solid #333333; text-align: left; } #lR #lCol #secOpen dt { padding: 8px; color: #000000; height: 16px; } #lR #lCol #secMin { position: relative; top: 0px; left: 0px; height: 7px; background: url(img/sec_min_bkg.gif) repeat-x; text-align: center; border-bottom: 1px solid #333333; } #lR #lCol #secMin img { padding: 0px 5px 0px 0px; margin: 0px; } #lR #lCol #secMax { position: relative; top: 0px; left: 0px; height: 7px; background: url(img/sec_min_bkg.gif) repeat-x; text-align: center; border-bottom: 1px solid #333333; } #lR #lCol #secMax img { padding: 0px 5px 0px 0px; margin: 0px; } #lR #lCol #secAct dt { padding: 4px 8px; color: #ffffff; height: 18px; font-size: 13px; } html>body #lR #lCol #secAct dt { padding: 3px 8px 5px 8px; } #lR #lCol dt img, #lR #lCol dd img { vertical-align: middle; margin: 0px; padding: 0px 6px 0px 0px; } #lR #lCol dt strong { white-space: nowrap; vertical-align: middle; margin: 0px; padding: 0px; } #lR #lCol #secOpen dt.nrm { background: url(img/sec_bkg_nrm.gif) repeat-x; } #lR #lCol #secOpen dt.sel { background: url(img/sec_bkg_sel.gif) repeat-x; } #lR #lCol #secAct dt.act { background: url(img/sec_bkg_act.gif) repeat-x; } #lR #lCol dd { margin: 0px; text-align: left; font-weight: normal; padding: 2px 8px; } #lR #lCol dd.hdr { background: url(img/sub_hdr_bkg.gif); border-bottom: 1px solid #333333; margin-bottom: 3px; } html>body #lR #lCol dd.hdr { margin-bottom: 4px; } #lR #lCol dd.hdr2 { background: url(img/sub_hdr_bkg.gif); border-top: 1px solid #333333; border-bottom: 1px solid #333333; margin-top: 5px; margin-bottom: 3px; } html>body #lR #lCol dd.hdr2 { margin-top: 4px; } #lR #lCol dd.hdr a { color: #03d; text-decoration: underline; } #lR #lCol dd.listHdr { background: url(img/sub_hdr_bkg2.gif); border-bottom: 1px solid #333333; margin-bottom: 3px; color: #fff; } html>body #lR #lCol dd.listHdr { margin-bottom: 4px; } #lR #lCol #secAct .hi a, #lCol #graphtable a, #calendar a.hi { color: #03d; text-decoration: underline; } #lR #lCol #secAct a.black { text-decoration: none; color: #000000; } #lR #lCol #secAct a.red { text-decoration: none; font-weight: bold; color: #d00; } /* * Right column content header */ #lR #rCol #cntHdr { background: url(img/cnt_hdr_bkg.gif) repeat-x; border-bottom: 1px solid #333333; color: #ffffff; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; height: 15px; padding: 4px 8px 6px 8px; margin: 0px; vertical-align: middle; } html>body #lR #rCol #cntHdr { padding: 4px 8px 7px 8px; } html>body #lR #rCol #cntHdr.gray { background: url(img/sec_bkg_act.gif) repeat-x; } #lR #rCol #cntHdr .title { float: left; clear: left; font-weight: bold; white-space: nowrap; } #lR #rCol #cntHdr .title a { color: #ffffff; } #lR #rCol #cntHdr .title a:hover { text-decoration: underline; } #lR #rCol #cntHdr .info { float: right; clear: right; white-space: nowrap; } #lR #rCol #cntHdr img { vertical-align: middle; margin: 0px; padding: 0px 0px 0px 3px; } html>body #lR #rCol #cntHdr img { padding: 0px 0px 2px 3px; } #lR #rCol #subHdr { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; background: url(img/sub_hdr_bkg.gif); border-bottom: 1px solid #333333; margin-bottom: 3px; color: #ccc; font-size: 11px; padding: 2px 10px 3px 10px; text-align: left; font-weight: normal; white-space: nowrap; } #lR #rCol #subHdr a, #lR #rCol #subHdr a:link { color: #000; } #lR #rCol #subHdr a:hover { color: #000; text-decoration: underline; } /* * Content list styles */ #lR #rCol #cntList { background: url(img/list_hdr_bkg.gif) repeat-x; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; } #lR #rCol #cntList th a { vertical-align: middle; } #lR #rCol #cntList th { text-align: left; font-weight: normal; height: 21px; white-space: nowrap; } html>body #lR #rCol #cntList th { } #lR #rCol #cntList th.div { background: url(img/list_div.gif) no-repeat; padding-left: 12px; } #lR #rCol #cntList td { text-align: left; font-weight: normal; height: 16px; padding: 1px 6px 2px 6px; border-bottom: 1px solid #999; line-height: 135%; background: #F6F5F2; } html>body #lR #rCol #cntList td { padding: 3px 6px 5px 6px; } #lR #rCol #cntList td.div { padding-left: 12px; } #lR #rCol #cntList span.detail { color: #999999; } #lR #rCol #cntList a.detail { color: #999999; } #lR #rCol #cntList a.detail:hover { text-decoration: underline; } #lR #rCol #cntList span.black { text-decoration: none; color: #000000; } #lR #rCol #cntList span.red { text-decoration: none; font-weight: bold; color: #c00; } #lR #rCol #cntList span.blue { text-decoration: none; font-weight: bold; color: #00c; } /* * Find form field */ #find td { border: 1px solid #333333; height: 26px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 0px 8px; white-space: nowrap; } #find form { display: inline; float: left; clear: left; } #find input, #find textarea, #find select { border: 1px solid #ffffff; background: #ffffff; font-size: 10px; } #find input.button { border: 1px solid #C8C8C8; background: #C8C8C8; } #find #close { float: right; clear: right; padding-top: 2px; } #login td { padding: 3px 2px; font-size: 12px; } /* * Graph table layout styles */ #lCol #graphtable { padding: 0px; margin: 0px; width: 185px; } #lCol #graphtable td { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: none; padding-top: 2px; padding-bottom: 2px; padding-left: 4px; padding-right: 0px; font-size: 10px; } html>body #lCol #graphtable td { font-size: 10px; } #lCol #graphtable #graph { background: url(img/bars/102.gif) #fff no-repeat; width: 102px; height: 16px; } #lCol #graphtable #graph img { padding-left: 3px; } /* * Calendar style definitions */ #calendar { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 11px; width: 100%; margin: 0px; padding: 0px; } #calendar .header { background: url(img/sec_bkg_act.gif) repeat-x; padding: 4px 8px; color: #ffffff; height: 18px; font-size: 13px; white-space: nowrap; vertical-align: middle; } #calendar .dayheader { background: url(img/list_hdr_bkg.gif) repeat-x; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; text-align: center; font-size: 11px; height: 20px; border-left: 1px solid #eee; border-right: 1px solid #aaa; } #calendar .day { height: 4em; background-color: #FFFFD5; padding: .3em .5em; text-align: left; border-right: 1px solid #000000; border-bottom: 1px solid #000000; } #calendar .day_last { height: 4em; background-color: #FFFFD5; padding: .3em .5em; text-align: left; border-bottom: 1px solid #000000; } #calendar .day .daynumber, #calendar .day_last .daynumber { float: right; clear: right; padding-left: .3em; padding-bottom: .1em; } #calendar .outday { height: 4em; background-color: #FFF4BC; padding: .3em .5em; text-align: left; border-right: 1px solid #000000; border-bottom: 1px solid #000000; } #calendar .outday_last { height: 4em; background-color: #FFF4BC; padding: .3em .5em; text-align: left; border-bottom: 1px solid #000000; } #calendar .outday .daynumber, #calendar .outday_last .daynumber { float: right; clear: right; padding-left: .3em; padding-bottom: .1em; } #calendar .today { height: 4em; background: #FFFFD5 url(img/cal_today.gif) repeat-x; padding: .1em .5em; text-align: left; border-right: 1px solid #000000; border-bottom: 1px solid #000000; } #calendar .today_last { height: 4em; background: #FFFFD5 url(img/cal_today.gif) repeat-x; padding: .1em .5em; text-align: left; border-bottom: 1px solid #000000; } #calendar .today .daynumber, #calendar .today_last .daynumber { float: right; clear: right; font-weight: bold; padding-left: .3em; padding-bottom: .1em; color: #B43C25; } #calendar img { padding: 0px; margin: 0px; vertical-align: middle; } /* * Tiny Calendar style definitions */ #tinycalendar { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 11px; width: 100%; margin: 0px; padding: 0px; } #tinycalendar .header { background: url(img/sec_bkg_act.gif) repeat-x; padding: 4px 8px; color: #ffffff; height: 18px; font-size: 13px; white-space: nowrap; vertical-align: middle; } #tinycalendar .dayheader { background: url(img/list_hdr_bkg.gif) repeat-x; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; text-align: center; font-size: 11px; height: 20px; border-left: 1px solid #eee; border-right: 1px solid #aaa; } #tinycalendar .day { height: 4em; background-color: #FFFFD5; padding: .3em .5em; text-align: left; border-right: 1px solid #000000; border-bottom: 1px solid #000000; } #tinycalendar .day_last { height: 4em; background-color: #FFFFD5; padding: .3em .5em; text-align: left; border-bottom: 1px solid #000000; } #tinycalendar .day .daynumber, #tinycalendar .day_last .daynumber { float: right; clear: right; padding-left: .3em; padding-bottom: .1em; } #tinycalendar .outday { height: 4em; background-color: #FFF4BC; padding: .3em .5em; text-align: left; border-right: 1px solid #000000; border-bottom: 1px solid #000000; } #tinycalendar .outday_last { height: 4em; background-color: #FFF4BC; padding: .3em .5em; text-align: left; border-bottom: 1px solid #000000; } #tinycalendar .outday .daynumber, #tinycalendar .outday_last .daynumber { float: right; clear: right; padding-left: .3em; padding-bottom: .1em; } #tinycalendar .today { height: 4em; background: #FFFFD5 url(img/cal_today.gif) repeat-x; padding: .1em .5em; text-align: left; border-right: 1px solid #000000; border-bottom: 1px solid #000000; } #tinycalendar .today_last { height: 4em; background: #FFFFD5 url(images/cal_today.gif) repeat-x; padding: .1em .5em; text-align: left; border-bottom: 1px solid #000000; } #tinycalendar .today .daynumber, #tinycalendar .today_last .daynumber { float: right; clear: right; font-weight: bold; padding-left: .3em; padding-bottom: .1em; color: #B43C25; } #tinycalendar img { padding: 0px; margin: 0px; vertical-align: middle; } /* * Right column content style definitions */ #rCol .content { padding: 8px; margin: 0px; font-size: x-small; } html>body #rCol .content { font-size: small; } #rCol .content img { padding: 0px; margin: 0px; vertical-align: middle; } #rCol .content a { color: #03d; text-decoration: underline; } #rCol #mailbody { padding: 8px; margin: 0px; font-size: small; // background-color: #fff; border: 1px solid #333; } #rCol #errorbody { padding: 8px; margin: 0px; font-size: small; background-color: #FFEAEA; border: 1px solid #333; } /* * Preference form style definitions */ #prefs { font-size: small; padding: 28px 10px 10px 10px; margin: 0px; } #prefs table { margin: 0px; padding: 6px 6px; } #prefs td { text-align: left; margin: 0px; padding: 0px; } #prefs .label { text-align: right; width: 150px; padding-right: 8px; } #prefs .element { text-align: left; padding: 1px; } #prefs .desc { width: 65%; } #prefs input.text, textarea.text { width: 300px; } #prefs input.text, textarea.textlong { width: 400px; } #prefs select.text { width: 304px; } #prefs code { font-family: "andale mono", "courier new", courier, mono; font-size: 11px; color: blue; } #prefs label { padding-left: 4px; } #prefs .check { vertical-align: middle; padding-top: 2px; } #prefs .green { color: #070; } /* * Calendar popup styles */ #prefs .CalPop table { padding: 0; margin: 0; } #prefs .CalPop td { padding: 2px; margin: 2px; border: none; } #prefs .CalPop_cpYearNavigation, #prefs .CalPop_cpMonthNavigation { background-color:#6677DD; text-align:center; vertical-align:center; text-decoration:none; color:#FFFFFF; font-weight:bold; } #prefs .CalPop_cpDayColumnHeader, #prefs .CalPop_cpYearNavigation, #prefs .CalPop_cpMonthNavigation, #prefs .CalPop_cpCurrentMonthDate, #prefs .CalPop_cpCurrentMonthDateDisabled, #prefs .CalPop_cpOtherMonthDate, #prefs .CalPop_cpOtherMonthDateDisabled, #prefs .CalPop_cpCurrentDate, #prefs .CalPop_cpCurrentDateDisabled, #prefs .CalPop_cpTodayText, #prefs .CalPop_cpTodayTextDisabled, #prefs .CalPop_cpText { font-family:tahoma,verdana,sans-serif; font-size:8pt; } #prefs td.CalPop_cpDayColumnHeader { text-align:right; border-bottom:solid thin #6677DD; padding:2px 4px; } #prefs .CalPop_cpCurrentMonthDate, #prefs .CalPop_cpOtherMonthDate, #prefs .CalPop_cpCurrentDate { text-align:right; text-decoration:none; } #prefs .CalPop_cpCurrentMonthDateDisabled, #prefs .CalPop_cpOtherMonthDateDisabled, #prefs .CalPop_cpCurrentDateDisabled { color:#D0D0D0; text-align:right; text-decoration:line-through; } #prefs .CalPop_cpCurrentMonthDate { color:#6677DD; font-weight:bold; } #prefs .CalPop_cpCurrentDate { color: #FFFFFF; font-weight:bold; } #prefs .CalPop_cpOtherMonthDate { color:#808080; } #prefs td.CalPop_cpCurrentDate { color:#FFFFFF; background-color: #6677DD; border:solid thin #000000; } #prefs td.CalPop_cpCurrentDateDisabled { border:solid thin #FFAAAA; } #prefs td.CalPop_cpTodayText, #prefs td.CalPop_cpTodayTextDisabled { border-top:solid thin #6677DD; height:22px; } #prefs a.CalPop_cpTodayText, #prefs span.CalPop_cpTodayTextDisabled { height:20px; } #prefs a.CalPop_cpTodayText { color:#6677DD; font-weight:bold; } #prefs span.CalPop_cpTodayTextDisabled { color:#D0D0D0; } #prefs .CalPop_cpBorder { border:solid thin #6677DD; } #prefs #treemenu { padding-left: 15px; padding-right: 15px; padding-top: 8px; padding-bottom: 15px; } #prefs #treemenu table,tr,td { text-align: left; margin: 0px; padding: 0px; font-size:95%; } /* * Client icon lists */ #clienticons { width: 99%; } #clienticons a { color: #03d; text-decoration: none; } #clienticons td { text-align: center; padding: 10px 20px; font-size: 110%; white-space: nowrap; } #clienticons img { padding-bottom: 3px; } #fieldset { padding: 0px 0px 12px 0px; background-color: #F6F5F2; border: 1px solid #919B9C; font-size: 11px; width: 95%; } #fieldset .legend { color: #0066CC; font-weight: bold; background-color: #F6F5F2; border-left: 1px solid #919B9C; border-top: 3px solid #FFC83C; border-right: 1px solid #919B9C; padding: 1px 9px 3px 9px; display: inline; position: relative; left: -1px; top: -16px; font-size: 11px; white-space: nowrap; } #fieldset .required { padding: 0px; position: relative; top: -17px; font-size: 11px; float: right; clear: right; } #fieldset .label { width: 160px; text-align: right; padding: 3px 7px; } #fieldset .element { width: 380px; text-align: left; padding: 3px 0px; } #fieldset input.text, #fieldset textarea.text { width: 350px; } #fieldset .header { color: #000000; margin-top: 8px; padding: 12px 9px 5px 7px; font-size: 11px; font-weight: bold; text-align: left; } #fieldset .desc { width: 90%; line-height: 135%; padding: 1em 0px; } #rCol #listcol { border-bottom: 1px solid #999; } #rCol #listcol td { vertical-align: top; text-align: left; font-weight: normal; height: 16px; padding: 1px 6px 2px 6px; line-height: 135%; background: #F6F5F2; font-size: 100%; } #rCol #listcol th { vertical-align: top; text-align: right; font-weight: bold; height: 16px; padding: 1px 6px 2px 6px; line-height: 135%; background: #F6F5F2; font-size: 100%; } #helpText { width: 95%; background-color: #ffffff; margin: 10px; padding: 8px; border: 1px solid #333333; } .testmode { color: green; }