/* Main style definitions. Note these styles define the styles in use by the product. Styles here should include only features supported by CSS Level 1 on DOM enabled browsers. Any browser specific hacks (!) should be contained on the stylesheets specific to that browser. In general the rules of thumb for overriding styles in this sheet: a - Use the theme stylesheets to override features like colors, font-family, font-weights, text-decorations, capitalizations etc... b - Use the browser specific stylesheets to override font-sizes and to include any hacks that need to be used for a specific browser. IMPORTANT: 1 - All styles used on the site should be defined here. Other stylesheets may override the styles herein, but this is the definitive place to store style definitions. 2 - Do not override font-size definitions on theme stylesheets. font-size is overriden in the browser specific stylesheets to ensure a consistent look and feel across all browsers. 3 - When Adding styles to this stylesheet, make sure that all the features in your style definition work on browsers. For example: Netscape can do a poor job of borders. If that is the case, add border definitions in the IE specific stylesheets as opposed to here, since we do not want netscape to break. */ /************************************** HTML tags ***************************************/ body, td, p, li, span, div {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;color:#333333;font-size:x-small;} h1, h2, h3, h4, h5, h6 {font-family: Arial, Helvetica, sans-serif;} small {font-size:xx-small} pre,code {font-family: "lucida console","courier new",courier,monospace;font-size:small} a {color:#003399} label{cursor:pointer} h1 {FONT-SIZE: 16pt; margin:18px; margin-left: 0px; font-weight: normal; } h2 {FONT-SIZE: 14pt; margin:17px; margin-left: 0px; font-weight: normal; } h3 {FONT-SIZE: 13pt; margin:16px; margin-left: 0px; font-weight: bold; } h4 {FONT-SIZE: 12pt; margin:15px; margin-left: 0px; font-weight: bold;} h5 {FONT-SIZE: 11pt; margin:15px; margin-left: 0px; font-weight: bold;} h6 {FONT-SIZE: 10pt; margin:15px; margin-left: 0px; font-weight: bold;} input,option,select {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color:#000000;font-size:9pt;} /* NN4 Hack! All Text areas must be enclosed in
*/ textarea,div.textarea {font-family: monospace; font-size:9pt} /******************************************************************************* Custom Styles ********************************************************************************/ /* No Line Anchors */ .Noline{color:blue;text-decoration:none} a:hover.Noline {color:blue;text-decoration:underline} /* Page Title */ .PageTitle {font-family:arial,helvetica,sans-serif;font-size: 16pt;color: #003399;} td.PageTitle {background-color: #003399} .PageSubTitle {font-family:Verdana,arial,helvetica,sans-serif;font-size: 8pt;font-weight: bold;color: #003399;} /* Page Sections */ .SectionTitle {font-family:arial,helvetica,sans-serif;font-size: 11pt;font-weight: bold;color: #FFFFFF;background-color:#88AAEE;text-decoration:none} td.SectionTitle {background-color: #88AAEE} td.SectionTitleLine {background-color: #88AAEE} a:hover.SectionTitle {text-decoration:underline} /* Callouts */ .CalloutHead,.CalloutHeadSmall {font-family:arial,helvetica,sans-serif;font-size: 11pt;font-weight: bold;color: #FFFFFF;background-color:#88AAEE} a.CalloutHead {text-decoration:none} .CalloutHeadSmall {font-size: 9pt;} .CalloutEdge {background-color:#88AAEE;color:#88AAEE} .CalloutShortDesc {color: #003333;background-color:#EEF3FF} .CalloutBody1,.CalloutBody {background-color:#FFFFFF} .CalloutBody2 {background-color:#EEF3FF} .CalloutHighlight {background-color:#F9F8E6} /* Navigation Buttons */ .NavButtonSelect {background-color:#669933;font-family:arial,helvetica,sans-serif;font-size: 10pt;font-weight:bold;text-decoration:none;} .NavButtonUnselect {background-color:#99CC99;font-family:arial,helvetica,sans-serif;font-size: 10pt;font-weight:bold;text-decoration:none;} /* Navigation SubButtons */ .NavSubButtonSelect {color:#669933;background-color:#FFFFFF;font-family:arial,helvetica,sans-serif;font-size: 9pt;font-weight: bold;text-decoration: none;} a.NavSubButtonSelect {line-height:10pt;} .NavSubButtonUnselect {color:#FFFFFF;background-color:#669933;font-family:arial,helvetica,sans-serif;font-size: 9pt;font-weight: bold;text-decoration: none;} a.NavSubButtonSelect {line-height:10pt;} /* Left Bar Welcome Message and Login */ .NavSidebar {background-color:#E9E9D9;font-family:arial,helvetica,sans-serif;font-size:9pt;color:black;line-height:10pt;font-weight:bold;} Input.NavSidebar {font-weight:normal;} /* Guest Navigation */ .NavGuest {background-color:#E9E9D9;font-family:arial,helvetica,sans-serif;font-size:9pt;color:black;font-weight:bold;text-decoration:none} a:hover.NavGuest {text-decoration:underline} /* Left Bar Context Navigation Styles */ .ContextTitle {font-family:arial,helvetica,sans-serif;font-size: 10pt;font-weight:bold;color:#333333;text-decoration:none;} .ContextUnSelect {} .ContextSelect {background-color:#FFFFFF} .ContextAdmin {background-color:#FF0000;color:#FFFFFF;text-decoration:none;} a:hover.ContextAdmin {text-decoration:underline;} .ContextHeadUnSelect {cursor:pointer;font-family:arial,helvetica,sans-serif;font-size: 10pt;font-weight:bold;color:#333333;text-decoration:none;} .ContextHeadUnSelectHighlight {cursor:pointer;font-family:arial,helvetica,sans-serif;font-size: 10pt;font-weight:bold;background-color:#C9C9A9;color:#333333;text-decoration:none;} .ContextHeadSelect {cursor:default;font-family:arial,helvetica,sans-serif;font-size: 10pt;font-weight:bold;color:#FFFFFF;background-color:#A9A999} .ContextHeadDisabled {cursor:default;font-family:arial,helvetica,sans-serif;font-size: 10pt;font-weight:bold;color:#999999;text-decoration:none;} .ContextItemUnSelect {cursor:pointer;font-size: 8pt;color:#333333;text-decoration:none;} .ContextItemUnSelectHighlight {cursor:pointer;font-size: 8pt;color:#333333;background-color:#C9C9A9;color:#333333;text-decoration:none;} .ContextItemSelect {cursor:pointer;font-size: 8pt;font-weight:bold;color:#333333;background-color:#D9D9C9;text-decoration:none;} /* Activity Calendar */ .CalendarHead {font-family:arial,helvetica,sans-serif;font-size: 11pt;font-weight:bold;text-decoration:none;} .CalendarSubHead {font-family:arial,helvetica,sans-serif;font-size: 10pt;font-weight:bold;text-decoration:none;} a:hover.CalendarSubHead {text-decoration:underline;} .CalendarDisabled {background-color:#e4e4e4} .CalendarEntry {font-family:Verdana,Geneva,Arial,Helvetica,Sans-serif; text-decoration:none;} a:hover.CalendarEntry {text-decoration:underline;} .CalendarEntry_7 {background-color:#FFFFFF;border-bottom:1px solid black;padding:5px;font-weight:normal} .CalendarEntry_6 {background-color:#CCFFCC;border-bottom:1px solid black;padding:5px;font-weight:normal} .CalendarEntry_5 {background-color:#CCEEFF;border-bottom:1px solid black;padding:5px;font-weight:normal} .CalendarEntry_New {background-color:#FFFFFF;padding:5px;font-weight:normal} /* Popup Calendar (used by Calendar.js) */ .PopupCalendarHead {font-family:Verdana,Geneva,Arial,Helvetica,Sans-serif; font-size:10pt;font-weight:bold;background-color:#666666;color:#FFFFFF;text-decoration:none} a:hover.PopupCalendarHead {text-decoration:underline;color:yellow;} .PopupCalendarSubHead {font-family:Verdana,Geneva,Arial,Helvetica,Sans-serif; font-size:8pt;font-weight:bold;background-color:#999999;color:#FFFFFF;} .PopupCalendarBody {font-family:Verdana,Geneva,Arial,Helvetica,Sans-serif; font-size:8pt;color:#333333;text-decoration:none} a:hover.PopupCalendarBody {text-decoration:underline;color:blue;} .PopupCalendarLinks {font-family:Verdana,Geneva,Arial,Helvetica,Sans-serif; font-size:8pt;background-color:#666666;color:#FFFFFF;text-decoration:none} a:hover.PopupCalendarLinks {text-decoration:underline;color:yellow;} /* Popup Help */ .PopupHelpWindow {position:absolute;visibility:hidden;border:1px solid #0080C0;background-color:white;font-weight:normal;font-size:8pt;font-family:Verdana,Geneva,Arial,Helvetica,Sans-serif;FILTER:progid:DXImageTransform.Microsoft.Shadow(Direction=135,Color=666666,Strength=5);} .PopupHelpWindow li {font-size: 8pt;} .PopupHelpWindow ul {margin-left:0px;padding-left:10px} .PopupHelpWindow p {background-color:white;} .PopupHelpToolbar {text-align:right;background-color:#0080C0;padding:2px;} /* Menu Bars (used by MenuBar.js) */ .MenuBar {background-color:#666666;} .Menu {color:White;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-weight:bold;font-size:8pt;text-decoration:none;} a:hover.Menu {color:yellow;} .MenuItemContainer {background-color:e4e4e4;position:absolute;left:0;top:0;cursor:pointer;cursor:hand;visibility:hidden;padding:5px;FILTER:progid:DXImageTransform.Microsoft.Shadow(Direction=135,Color=666666,Strength=3);} .MenuItem {color:333333;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-weight:bold;font-size:8pt;text-decoration:none;} a:hover.MenuItem {color:Red;} /* DataTables */ table.DataTable {background-color:white;border:1px solid gray;width:100%;} td.CalloutBody table.DataTable {border:0px solid gray;} table.DataTable td, table.DataTable td p, table.DataTable td span {padding:5px;background-color:#F5F5ED;font-size:8pt;} table.DataTable th, table.DataTable th p, table.DataTable th span, table.DataTable th.Header1, table.DataTable th.Header1 p, table.DataTable th Header1 span {nowrap:false;line-height:14pt;vertical-align:top;text-align:left;padding:5px;background-color:#E9E9DE;font-weight:bold;font-size:8pt;} table.DataTable th.Header2, table.DataTable th.Header2 p, table.DataTable th Header2 span {nowrap:false;line-height:14pt;vertical-align:top;text-align:left;padding:5px;background-color:#EEFFDD;font-weight:bold;font-size:8pt;} table.DataTable th.centered {text-align:center;} table.DataTable td.HorizontalSeparatorAfter, table.DataTable th.HorizontalSeparatorAfter, table.DataTable tr.HorizontalSeparatorAfter td, table.DataTable tr.HorizontalSeparatorAfter th {border-bottom:1px solid #0080C0} table.DataTable td.VerticalSeparatorAfter, table.DataTable th.VerticalSeparatorAfter{border-right:1px solid #0080C0} table.DataTable td.HorizontalSeparatorBefore, table.DataTable th.HorizontalSeparatorBefore, table.DataTable tr.HorizontalSeparatorBefore td, table.DataTable tr.HorizontalSeparatorBefore th{border-top:1px solid #0080C0} table.DataTable td.VerticalSeparatorBefore, table.DataTable th.VerticalSeparatorBefore{border-left:1px solid #0080C0} table.DataTable td.CalendarInput {padding:0px;} table.DataTable td.centered {text-align:center;} table.DataTable input, table.DataTable select, table.DataTable textarea {font-weight:normal} table.DataTable input.Wide, table.DataTable select.Wide, table.DataTable textarea.Wide {width:100%} table.DataTable td.Speller {background-color:#FFFFCC} table.DataTable thead th, table.DataTable thead th p, table.DataTable thead th span {background-color:#B9B9AE;padding-top:10px;padding-bottom:10px;border-bottom:1px solid #0080C0;} table.DataTable tfoot th, table.DataTable tfoot th p, table.DataTable tfoot th span {background-color:#D4D4CA;padding-top:10px;padding-bottom:10px;border-top:1px solid #0080C0;border-bottom:1px solid #0080C0;} table.DataTable tbody.DataTableSeparator th, table.DataTable tbody.DataTableSeparator th p, table.DataTable tbody.DataTableSeparator th span {background-color:#D4D4CA;font-size:10pt;font-family:arial,helvetica,sans-serif;border-top:1px solid #0080C0;border-bottom:1px solid #0080C0;} table.DataTable tbody.DataTableInstructions th, table.DataTable tbody.DataTableInstructions th p, table.DataTable tbody.DataTableInstructions th span {background-color:#D4D4CA;border-top:1px solid #0080C0;border-bottom:1px solid #0080C0;} /* Tree (used by tree.js) */ .Tree {background-color:#FFFFFF;} .NodeRoot {font-family:Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;padding:2px;font-weight:bold;font-size:8pt;color:black;text-decoration:none;cursor:default} .Node {font-family:Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;padding:2px;font-size:8pt;color:black;text-decoration:none;cursor:default} a.Node, a.NodeRoot {color:blue;cursor:pointer} a:hover.Node, a:hover.NodeRoot {text-decoration:underline} .NodeCurrent {font-family:Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;padding:2px;font-size:8pt;color:white;text-decoration:none;cursor:default;background-color:navy;} a.NodeCurrent {color:white;cursor:pointer} a:hover.NodeCurrent {text-decoration:underline} .NodeWait {font-family:Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:8pt;color:999999;text-decoration:none;cursor:default} /* Box Styles for server messages to the user! */ .box_warning {background-color:red;color:white;border:1px solid black} .box_bummer {background-color:#EAECEE;color:red;border:1px solid black} .box_message {background-color:#EAECEE;color:#333333;border:1px solid black} .box_debug {background-color:#66CCFF;color:#333333;border:1px solid black} .box_blank {background-color:#FFFFFF;color:#333333;border:1px solid black} /* Miscellaneous */ .breadcrumb {color:#003399;text-decoration:none} a:hover.breadcrumb {text-decoration:underline} .HeaderNav {color:666666;font-family:arial,helvetica,sans-serif;font-size:9pt;color:black;font-weight:bold;text-decoration:none} a:hover.HeaderNav {text-decoration:underline} .bummer { color:red} .RequiredField {font-family:arial,sans-serif; color:red; font-size:14pt; font-weight:bold} .copyright {font-size:8pt;color:white} /************************************** Style Graveyard! ***************************************/