/* THIS FILE HAS BEEN AUTOGENERATED - MODIFICATIONS WILL BE LOST */ /* ********************************************************************************** @application @author Rob Gregory @version 06.00.00/022 @company iB-Solutions @date 20/04/2010 @date-created 11/05/2004 ********************************************************************************** MAINTENANCE LOG: EDIT NO.: DATE: PROGRAMMER NAME & COMMENTS: **********!***********!*********************************************************** 4.00/000 11/05/2004 Rob Gregory : Changes to bring in line with new framework 05.00.00/000 17/03/2005 Rob Gregory : Added dynamic colour support and reworked 05.00.00/000 26/09/2005 Rick Gartside : Added Extra Hyperlink classes for odd/even rows 05.00.00/001 24/10/2005 Rick Gartside : Modified margin:-7px 0px 0px 0px; to be margin:0px 0px 0px 0px; was making footer overlap bottom of table 05.02.00/000 28/03/2006 Andrew Redstone : Changes for new look 'n' feel 05.02.00/001 29/03/2006 Rob Gregory : Changes for new look 'n' feel - menu's, favs, disabled controls. 05.02.00/002 10/04/2006 Rob Gregory : Added support for 'multiples' and status bar replacement messages 05.02.00/003 09/05/2006 Rick Gartside : amended body class, so you can overide the fonts and added colour_banner enabling the user to set the banner colour separately from the header colours... 05.02.00/004 17/05/2006 Rick Gartside : added border-style:dotted; to menu line options 05.02.00/005 29/06/2006 Rick Gartside: added SUPPRESS_FONTS_START and SUPPRESS_FONTS_END to body class 05.03.00/001 26/07/2006 Rob Gregory : Readded ReadOnly background colour (ESR0503035) 05.03.00/002 26/09/2006 Rob Gregory : Changed menu border colour to be same as Banner background 05.03.00/003 07/10/2006 Rob Gregory : Repositioned Loading... message to account for small logos 06.00.00/000 14/07/2009 Rob Gregory : Cross Browser support added for FireFox, Chrome, etc. 06.00.00/000 13/08/2009 Rob Gregory : Cross Browser filter styles added for gradient effects (support for FireFox 3.6+) ********************************************************************************** NOTE: To allow greater control over browser differences the following CONDITIONAL logic has been included when serving up any .css files. Engines = MSIE (all Internet Explorer Browsers) = GECKO (all Gecko based browsers) = KHTML (all KDE based browsers) Browsers = MSIE | IE:5.0, IE:5.5, IE:6.0, IE:7.0, IE:8.0 = Gecko | Firefox:3.0, Camino, Chimera, Firebird, Phoenix, Galeon, NS:6, NS:7 = KHTML | Chrome, Konqueror, Safari Versions = Must be specified with a following : after the browser then a Single or Range [Browser:Version] e.g. IE:5.5, IE:6..7, Firefox:2.0..3.5, etc Usage: Prefix the line with '/ * ?' (without spaces) then the Command = [conditions|conditions|] then close the comment */ /* ------------------------------------------------------------ */ /* The following classes are to be used like constants within */ /* project specific definitions when not using standard classes */ /* example to follow - full definitions are at the bottom of this file .colour_mandatory .colour_key .colour_readonly .colour_data_light .colour_data_dark .colour_alt_light .colour_alt_dark .colour_header .colour_error .colour_warning .colour_info .colour_body .font_eseries .link_decoration td, th */ .banner_area { border:0px; cellspacing:0px; cellpadding:0px; height:%LOGO_IMAGE_HEIGHT%px; } html { /* fix for page disable layer */ height:100%; min-height:100%; width:100%; } /* Override the default body style */ body { margin:0px; width:100%; height:100%; position:absolute; background-color: #FFFFFF; color: #000000; /* font-family: '', '', '', ''; */ } form { width:100%; height:100%; display:inline; /* remove the white space added by IE < 8 */ } /* ------------------------------------------------------------ */ a:link, a:visited, a:hover{ cursor: pointer; background-color: transparent; color: #000000; font-weight: normal; text-decoration: none; } .row_odd a:link, .row_odd a:visited, .row_odd a:hover { cursor: pointer; background-color: transparent; color: #000000; font-weight: bold; text-decoration: none; } .row_even a:link, .row_even a:visited, .row_even a:hover { cursor: pointer; background-color: transparent; color: #000000; font-weight: bold; text-decoration: none; } .row_selected a:link, .row_selected a:visited, .row_selected a:hover{ cursor: pointer; background-color: transparent; color: #000000; font-weight: bold; text-decoration: none; } .colour_alt_dark a:link, .colour_alt_dark a:visited, .colour_alt_dark a:hover { cursor: pointer; background-color: transparent; color: #000000; font-weight: bold; text-decoration: none; } .colour_alt_light a:link, .colour_alt_light a:visited, .colour_alt_light a:hover { cursor: pointer; background-color: transparent; color: #000000; font-weight: bold; text-decoration: none; } /* use this class on elements such as "PRE" to override the font */ .font_eseries { font-size:1em; /* font-family: '', '', '', ''; */ /* */ font-family: 'SERIF'; /* */ } .page_disable_layer { background-color:black; filter:Alpha(Opacity=30); -moz-opacity:0.3; opacity:0.3; -khtml-opacity: 0.3; } /* followig styles are used to format the menu area */ .env_name { background-color:#3366CC; color:#FFFFFF; font-weight: bold; } .copyright, .copyright_reports { background-color:#3366CC; color:#FFFFFF; font-size: 0.8em; text-align:right; padding:0px 3px; } .copyright_reports { font-size: 0.65em; } .start_invisible { display:none; } /* determine the logo displayed in the top right corner */ .env_logo { background: #3366CC url('../../images/core/corner.gif') no-repeat; } /* Determine if menu icons should be displayed */ /* .menu .icon_cell img, .menu .icon_cell_top img { visibility: hidden; width: 5px; } */ .options { background-color:#3366CC; padding:0px; margin:0px; vertical-align:bottom; } .toolbar_table { margin-bottom:-30px; border-width:0px 0px 1px 0px; border-style:solid; background-color: #CCCCFF; color:#000000; /*? SHOW = [KHTML] */ background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #CCCCFF), color-stop(1.0, #FFFFFF)); /* Line has been automatically hidden based on CSS Browser Conditions */ /* Line has been automatically hidden based on CSS Browser Conditions */ } /* Override the default 'href' link colours for previous and next links */ td.next a:link { cursor: pointer; background-color: transparent; color: #FFFFFF; text-decoration: none; font-weight: bold; } td.next a:visited{ cursor: pointer; background-color: transparent; color: #FFFFFF; text-decoration: none; font-weight: bold; } td.next a:hover { cursor: pointer; color: #FFFF00; background-color: transparent; text-decoration: none; font-weight: bold; } td.previous a:link { cursor: pointer; background-color: transparent; color: #FFFFFF; text-decoration: none; font-weight: bold; } td.previous a:visited{ cursor: pointer; background-color: transparent; color: #FFFFFF; text-decoration: none; font-weight: bold; } td.previous a:hover { cursor: pointer; color: #FFFF00; background-color: transparent; text-decoration: none; font-weight: bold; } .count { color: #FFFFFF; align: center; font-weight: bold; } /* following used for the 'no results found' message */ .no_results { background-color: #FFFFFF; color: #FF3300; font-weight: bold; align: center; } .table_head { background-color: #3366CC; color: #FFFFFF; border-width: 1px 0px 1px 0px; border-style: solid; border-color: #3366CC; margin:0px 0px -7px 0px; /* Line has been automatically hidden based on CSS Browser Conditions */ /*? SHOW = [KHTML] */ background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #7094DB), color-stop(1.0, #3366CC)); /* Line has been automatically hidden based on CSS Browser Conditions */ } .table_foot { background-color: #3366CC; color: #FFFFFF; /*border-width: 1px 0px 1px 0px;*/ border-width: 0px 0px 0px 0px; border-style: solid; border-color: #3366CC; margin:0px 0px 0px 0px; /* Line has been automatically hidden based on CSS Browser Conditions */ /*? SHOW = [KHTML] */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7094DB), color-stop(1.0, #3366CC)); /* Line has been automatically hidden based on CSS Browser Conditions */ } .search_criteria { margin:6px 0px; } .table_info { margin:6px 0px; } /* following two styles are used to format the page title i.e. Sales Ledger */ .title { color: #000000; padding-top: 5px; padding-bottom: 5px; padding-left: 16px; margin: 0px 0px 15px 0px; /* extra margin added below to account for forms no longer displaying whitespace */ text-align: top; font-size:0.8em; font-weight:bold; background-color: #CCCCFF; } .envtitle { background-color: #3366CC; color: #FFFFFF; font-weight: bold; padding-top: 5px; padding-bottom: 5px; padding-left: 8px; /* margin:2px 0px -12px 0px; */ margin: 2px 0px; vertical-align: top; font-size:1em; } .header { background-color: #3366CC; color: #FFFFFF; font-weight: bold; padding-left: 5px; /* Line has been automatically hidden based on CSS Browser Conditions */ /* Line has been automatically hidden based on CSS Browser Conditions */ /*? SHOW = [KHTML] */ background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #3366CC), color-stop(1.0, #7094DB)); } .data { color: #000000; font-weight: bold; background-color: #CCCCFF; padding-right: 5px; padding-left: 5px; } /* Used to colour the end of the toolbar & network message identification */ .menu_messages { background-color:#CCCCFF; color:#000000; border-bottom: 1px solid #3366CC; /*margin:0,10,0,0;*/ font-weight: bold; /* Line has been automatically hidden based on CSS Browser Conditions */ /*? SHOW = [KHTML] */ background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #FFFFFF), color-stop(1.0, #CCCCFF)); /* Line has been automatically hidden based on CSS Browser Conditions */ } .cal_body { background-color: #FFFFFF; } .cal_table { background-color: #3366CC; color: #FFFFFF; } .cal_day_header { background-color: #3366CC; color: #FFFFFF; text-align: center; font-weight:bold; /* Line has been automatically hidden based on CSS Browser Conditions */ /* Line has been automatically hidden based on CSS Browser Conditions */ /*? SHOW = [KHTML] */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7094DB), color-stop(1.0, #3366CC)); } .cal_day_disabled { background-color: #CCCCFF; color: #000000; text-align: center; } .cal_day_normal { background-color: #FFFFCC; color: #000000; text-align: center; cursor: pointer; font-weight:normal; } .cal_day_today { background-color:#00FF99; color:#000000; text-align: center; cursor: pointer; font-weight:normal; } .cal_day_weekend { background-color: #CCCCFF; color: #000000; text-align: center; cursor: pointer; } .cal_day_over { background-color:#00FF99; color:#000000; text-align: center; cursor: pointer; font-weight:normal; } /* Following used to format table containing results of enquiry etc. */ .results_table { text-align: center; font-weight: bold; /*? HIDE=[FireFox] */ margin:6px 0px 0px 0px; background-color:#3366CC; /* Line has been automatically hidden based on CSS Browser Conditions */ } .table_title { background-color: #3366CC; color: #FFFFFF; text-align: center; height:28px; font-weight:bold; } .table_header { background-color: #3366CC; color: #FFFFFF; text-align: center; padding:2px 0px; font-weight: bold; /* Line has been automatically hidden based on CSS Browser Conditions */ /* Line has been automatically hidden based on CSS Browser Conditions */ /*? SHOW = [KHTML] */ background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #7094DB), color-stop(1.0, #3366CC)); } .table_total { background-color: #3366CC; color: #FFFFFF; padding:2px 0px; } /* following used to hide certain table columns */ .table_hidden { display: 'none'; } .input{ cursor: pointer; } .radio_button { background-color: transparent; /*Need this as otherwise buttons disappear when disabled on Windows XP.*/ cursor: pointer; } .check_box { /* background-color: transparent; Need this as otherwise buttons disappear when disabled on Windows XP. - Removed as looks OK 16/10/2006 */ cursor: pointer; } button, .button_odd, .button_even, .button_system, .button_clear, .button_clear_selected { border: 1px solid black; font-family: Arial; /* Changing browser font does not change button font so set to something decent. */ font-weight: bold; font-size:1em; cursor: pointer; color:#000000; } .button_odd { background-color: transparent; } .button_even { background-color: transparent; } .button_system { background-color: #FFFFFF; width: 100px; /* Set default width for consistancy, developer can override if neccessary. */ /* Line has been automatically hidden based on CSS Browser Conditions */ /* Line has been automatically hidden based on CSS Browser Conditions */ /*? SHOW = [KHTML] */ background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #FFFFFF), color-stop(1.0, #CCCCCC)); } .button_clear { background-color: transparent; width: 100px; /* Set default width for consistancy, developer can override if neccessary. */ } .button_clear_selected { border: 1px solid white; background-color: transparent; width: 100px; /* Set default width for consistancy, developer can override if neccessary. */ } /* format tip's */ .tip{ background-color: #FFFF99; color: #000000; } /* following used to format the results table rows */ .row_odd { background-color: #CCCCFF; color: #000000; } .row_even { background-color: #FFFFCC; color: #000000; } .row_selected { background-color:#00FF99; color:#000000; font-weight: bold; } .numeric { text-align: right; padding-right: 10px; } .error { background-color: #FF3300; color: #FFFFFF; font-weight: bold; } .warn { /* no results found etc */ background-color: #FFFFFF; color: #FF3300; } #debug_message { background-color: #FF3300; color: #FFFFFF; font-weight: bold; padding: 5px; } #intblock_message { background-color:#FFFFCC; color:#000000; font-weight: bold; padding: 5px; } /* following used for mandatory & key fields to denote an alternative colour */ .key { background-color: #FFFFCC; color: #000000; border: 1px inset; } .mandatory { background-color: #FF9999; color: #000000; border: 1px inset; } .readonly { color: #000000; background-color:#CCCCFF; border: 1px inset; /* border: 0px; Rob G - make the readonly controls look like 'Labels' */ /* background-color: transparent; */ } .disabled { background-color: #FFFFCC; color: #000000; border: 0px; } .standard { background-color: #FFFFFF; color: #000000; border: 1px inset; /*border: 1px solid #AAAAAA;*/ } /* following used for 'tab cards' */ .tab_header { background-color:#3366CC; color:#FFFFFF; text-align: center; valign: middle; font-weight: bold; padding-left: 5px; } .tab_left_on { background-image: url(../../images/tabcard/tab_left.gif); background-color:#3366CC; width: 14; height: 25; cursor: pointer; } .tab_middle_on { background-image: url(../../images/tabcard/tab_middle.gif); background-color:#3366CC; color:#FFFFFF; text-align: center; valign: middle; font-weight: bold; height: 25; cursor: pointer; } .tab_right_on { background-image: url(../../images/tabcard/tab_right.gif); background-color:#3366CC; width: 14; height: 25; cursor: pointer; } .tab_left_off { background-image: url(../../images/tabcard/tab_left_off.gif); background-color: #CCCCFF; width: 14; height: 25; cursor: pointer; } .tab_middle_off { background-image: url(../../images/tabcard/tab_middle_off.gif); background-color:#CCCCFF; color:#000000; text-align: center; valign: middle; font-weight: bold; height: 25; cursor: pointer; } .tab_right_off { background-image: url(../../images/tabcard/tab_right_off.gif); background-color: #CCCCFF; width: 14; height: 25; cursor: pointer; } .tab_left_disabled { background-image: url(../../images/tabcard/tab_left_off.gif); background-color:#CCCCFF; color:#000000; width: 14; height: 25; cursor:no-drop; } .tab_middle_disabled { background-image: url(../../images/tabcard/tab_middle_off.gif); background-color:#CCCCFF; color:#000000; text-align: center; font-weight: bold; height: 25; valign: middle; cursor:no-drop; } .tab_right_disabled { background-image: url(../../images/tabcard/tab_right_off.gif); background-color:#CCCCFF; color:#000000; width: 14; height: 25; cursor:no-drop; } #tab_bar_title { background-color:#3366CC; color:#FFFFFF; font-weight: bold; height:16px; margin:0px 0px 10px 0px; } .tabcards { color:#FFFFFF; background-color:#000000; border-style: solid; border-width: 0px 0px; } /* following used to style the session timeout tables */ .session { background-color:#3366CC; color:#FFFFFF; font-weight: bold; } /* following used to style the session timeout tables */ .denied { background-color:#3366CC; color:#FFFFFF; font-weight: bold; } .res_page { font-weight: bold; } /* following used to style lookups */ .label_body { font-weight: bold; } /* following used for standard images */ .img { border: none; align: absmiddle; } /* Following used for Pagemaker/home page content */ .favtable { background-color:#FFFFCC; color:#000000; border:1px outset; margin: 0 auto; /* Line has been automatically hidden based on CSS Browser Conditions */ /* Line has been automatically hidden based on CSS Browser Conditions */ /*? SHOW = [KHTML] */ background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #FFFFFF), color-stop(1.0, #FFFF99)); } .favtable .sectable { background:transparent; /*filter:sdsd;*/ } #navigation .sectable { background:transparent; filter:none; } .favheader { font-weight: bold; background-color:#3366CC; color:#FFFFFF; padding: 3px 0px 3px 5px; } .sysuser, .secuser { background:transparent; color:#000000; text-align: right; font-style: italic; font-size: 0.75em; } .systable { background-color:#FFFFCC; color:#000000; border:1px outset; margin-bottom:10px; /* Line has been automatically hidden based on CSS Browser Conditions */ /* Line has been automatically hidden based on CSS Browser Conditions */ /*? SHOW = [KHTML] */ background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #FFFFFF), color-stop(1.0, #CCCCFF)); } .sysheader { background-color: #FF3300; color: #FFFFFF; font-weight: bold; padding: 3px 0px 3px 5px; } .systitle { font-weight: bold; background-color:#3366CC; color:#FFFFFF; text-align: center; } .system_message { font-weight: bold; font-size:0.9em; } .sysmsg { background-color:#FFFFCC; color:#000000; text-align: center; } .sectable { background-color:#FFFFCC; color:#000000; border:1px outset; margin-bottom:10px; /* Line has been automatically hidden based on CSS Browser Conditions */ /* Line has been automatically hidden based on CSS Browser Conditions */ /*? SHOW = [KHTML] */ background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #FFFFFF), color-stop(1.0, #CCCCFF)); } .secheader { font-weight: bold; background-color:#3366CC; color:#FFFFFF; padding: 3px 0px 3px 5px; background:#3366CC; /* Line has been automatically hidden based on CSS Browser Conditions */ /*? SHOW = [KHTML] */ background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #7094DB), color-stop(1.0, #3366CC)); /* Line has been automatically hidden based on CSS Browser Conditions */ } .sectext { font-weight:bold; font-size:0.85em; } .secinfo { font-weight:normal; font-size:0.7em; text-decoration:none; } .sectitle { font-weight: bold; background: transparent; color:#000000; } .secmsg { background: transparent; color:#000000; } #usrtable { color:#000000; /* Line has been automatically hidden based on CSS Browser Conditions */ /* Line has been automatically hidden based on CSS Browser Conditions */ /*? SHOW = [KHTML] */ background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #FFFFFF), color-stop(1.0, #CCCCFF)); } #show_nav { padding:5px; border:1px dashed red; } #border_left, #border_right, #navigation { background-color:#CCCCFF; /* Line has been automatically hidden based on CSS Browser Conditions */ /* Line has been automatically hidden based on CSS Browser Conditions */ /*? SHOW = [KHTML] */ background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #CCCCFF), color-stop(1.0, #FFFFFF)); } #border_right{ margin-top:12px; background-color:#CCCCFF; border-style:solid; border-width:0px 1px 0px 0px; /* Line has been automatically hidden based on CSS Browser Conditions */ /*? SHOW = [KHTML] */ background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #CCCCFF), color-stop(1.0, #FFFFFF)); /* Line has been automatically hidden based on CSS Browser Conditions */ } /* .secimage, .news_title img { vertical-align: middle; } .sectable .menu { background: transparent; border:1px; color:#000000; } .sectable .menu .menu_option .label_cell, .sectable .menu .menu_option .icon_cell, .sectable .menu .menu_option .arrow_cell,.sectable .menu .menu_option .label_cell_top, .sectable .menu .menu_option .icon_cell_top, .sectable .menu .menu_option .arrow_cell_top { border-style:none; } .sectable .row_even { background:transparent; } */ .sectable .menu .menu_hover .label_cell, .sectable .menu .menu_hover .icon_cell, .sectable .menu .menu_hover .arrow_cell,.sectable .menu .menu_hover .label_cell_top, .sectable .menu .menu_hover .icon_cell_top, .sectable .menu .menu_hover .arrow_cell_top { border-style:none; filter:Alpha(Opacity=80); -moz-opacity:0.8; opacity:0.8; -khtml-opacity: 0.8; color: black; /* Line has been automatically hidden based on CSS Browser Conditions */ } /* .menubox { border-width:0px 1px 1px 1px; border-color:#3366CC; border-style:solid; background-color:#FFFFFF; } */ .menu_table { background-color:#3366CC; border:0px; } .menu_button { padding:3px 15px; background-color:#CCCCFF; color:#000000; border-right: 1px solid #3366CC; border-bottom: 1px solid #3366CC; margin:0,10,0,0; cursor: pointer; font-weight: bold; /* Line has been automatically hidden based on CSS Browser Conditions */ /*? SHOW = [KHTML] */ background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #FFFFFF), color-stop(1.0, #CCCCFF)); /* Line has been automatically hidden based on CSS Browser Conditions */ } /* Create new mouse over menu button effect */ .menu_button_over { padding:3px 15px; background-color: #FFFFFF; border-color: #3366CC; color: #000000; border-right: 1px solid #3366CC; border-bottom: 1px solid #3366CC; cursor: pointer; font-weight: bold; } .menu { color: MenuText; font: Menu; /* Line has been automatically hidden based on CSS Browser Conditions */ /*? SHOW = [KHTML] */ margin-top : 0px; /* Line has been automatically hidden based on CSS Browser Conditions */ margin-right : 0px; margin-bottom : 0px; margin-left : 0px; padding: 0; overflow: hidden; cursor: default; width: 100%; height: 100%; background-color:#FFFFFF; /* Line has been automatically hidden based on CSS Browser Conditions */ /*? HIDE = [MSIE] */ border-width:0px 1px 1px 1px; border-color:#3366CC; border-style:solid; } /* menu line cells */ .menu .label_cell { border-width:1px 0px 1px 0px; border-color: #CCCCCC #FFFFFF #FFFFFF #FFFFFF; border-style:dotted; padding:3px 3px; margin:-1px 0px 0px 0px; } .menu .label_cell_top { border-width:1px 0px 1px 0px; border-color: #3366CC #FFFFFF #FFFFFF #FFFFFF; border-style:solid; padding:3px 3px; margin:-1px 0px 0px 0px; } .menu .label_cell_top_clear { border-width:1px 0px 1px 0px; border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF; border-style:solid; padding:3px 3px; margin:-1px 0px 0px 0px; } .menu .icon_cell { /* border-width:0px 0px 0px 0px; border-style:solid; border-color: #CCCCCC #FFFFFF #FFFFFF #FFFFFF;*/ padding:0px 3px; } .menu .icon_cell_top { border-width:1px 0px 1px 0px; border-style:solid; border-color: #3366CC #FFFFFF #FFFFFF #FFFFFF; padding:0px 3px; } .menu .arrow_cell { /*border-width:0px 0px 0px 0px; border-style:solid; border-color: #CCCCCC #FFFFFF #FFFFFF #FFFFFF;*/ } .menu .arrow_cell_top { border-width:1px 0px 1px 0px; border-style:solid; border-color: #3366CC #FFFFFF #FFFFFF #FFFFFF; } /* menu line row */ .menu_option { font-size: 1.2em; } /* main menu 'mouse-over' table */ .menu_hover { font-size: 1.2em; color: black; cursor: pointer; background-color:#CCCCFF; } /* fade out the icons for a mouse over effect */ .menu_hover .label_cell, .menu_hover .icon_cell, .menu_hover .arrow_cell,.menu_hover .label_cell_top, .menu_hover .icon_cell_top, .menu_hover .arrow_cell_top, .menu_hover .label_cell_top_clear { filter:Alpha(Opacity=50); -moz-opacity:0.5; opacity:0.5; -khtml-opacity: 0.5; } /* menu line 'mouse-over' images within cells */ .menu_hover .icon_cell, .menu_hover .icon_cell_top, .menu_hover .arrow_cell, .menu_hover .arrow_cell_top, .menu_hover .label_cell_top_clear { border-width: 1px 0px 1px 0px; border-style: solid; border-color: #3366CC; } /* menu line 'mouse-over' text */ .menu_hover .label_cell,.menu_hover .label_cell_top, .menu_hover .label_cell_top_clear { border-width: 1px 0px 1px 0px; border-style: solid; border-color: #3366CC; } /* menu errors */ .menu_error { color:#FF0000; } .error_title { background-color: #FF0000; color: #FFFFFF; } .menu td.separator { font-size: 0.001mm; padding: 4px 10px 4px 10px; } .menu .separator_line { overflow: hidden; border-top: 1px solid ThreeDShadow; height: 1px; } .welcomemsg { font-weight: bold; background-color:#FFFFCC; color:#000000; } /* Header text formatting */ .classification_text { font-weight: bold; background-color:#3366CC; color:#FFFFFF; text-align: center; width: 100%; } .no_messages_found { font-weight: bold; color:#000000; text-align: center; } .news_title { font-weight: bold; background-color:#CCCCFF; color:#000000; text-align: left; vertical-align: top; } .news_text { background-color:transparent; color:#000000; font-weight: normal; text-align: left; padding-left: 20; } #logo { border-width:1px 1px 1px 0px; border-style:solid; border-color:#3366CC; } #logoS { position:absolute; top:0; right:0; align:right; } /** * messagePopup - class for messages that are faded into the view area */ .tooltipPopup { font-weight: bold; border: 1px solid #000000; padding:5; color: #000000; background: #FFFF99; position: absolute; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95); -khtml-opacity: 0.95; -moz-opacity:0.95; opacity:0.95; } /** * messagePopup - class for messages that are faded into the view area */ .messagePopup { font-weight: bold; border: 1px solid #000000; padding:5; color: #000000; background: #FFFF99; position: absolute; /* Set to initially hidden to stop jumping in fade */ filter: progid:DXImageTransform.Microsoft.Alpha(opacity=05); -khtml-opacity: 0.05; -moz-opacity:0.05; opacity:0.05; } /** * messageOver - class for messages that are faded into the view area while the mouse is over */ .messageOver { font-weight: bold; border: 1px solid #000000; padding:5; color: #000000; background: #FFFF99; position: absolute; align: right; } /** * Please Wait Area */ #please_wait { background: #3366CC; font-weight: bold; font-style:italic; border: 0px solid #000000; padding:0; color: #FFFFFF; position: absolute; top:29; margin-left:10; width:200; font-size: 0.8em; text-align: left; } /** * Classes specific to the 'multiple' control */ div.multiple_option_disabled { color: #BBBBBB; margin:0px 7px; padding:3px 7px; display: block; text-align:left; font-size:0.9em; width:14em; font-style: italic; } div.multiple { position: absolute; visibility: hidden; color: #000000; background-color: #FFFFFF; border: 1px solid #3366CC; padding:4px 0px; display: block; } div.multiple a.multiple_top { border-top: 0px dashed #999999; } div.multiple a { border-width:1px 0px 1px 0px; border-color: #CCCCCC #FFFFFF #FFFFFF #FFFFFF; border-style:dotted; margin:0px 7px; padding:3px 7px; cursor: pointer; display: block; text-align:left; font-size:0.9em; width:14em; } div.multiple a:hover { text-decoration: none; color: #000000; background-color: #CCCCFF; cursor: pointer; } /* ************************************************************************** */ /* KPI STYLES - various classes used by Key Performance indicators */ .kpi_col_header { background-color: #3366CC; color: #FFFFFF; font-weight: bold; padding-right: 5px; text-align: right; cursor:pointer; /* Line has been automatically hidden based on CSS Browser Conditions */ /*? SHOW = [KHTML] */ background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #7094DB), color-stop(1.0, #3366CC)); /* Line has been automatically hidden based on CSS Browser Conditions */ } .kpi_row_title { background-color: #3366CC; color: #FFFFFF; text-align: left; padding-left:5px; cursor: pointer; font-weight: bold; /* Line has been automatically hidden based on CSS Browser Conditions */ /* Line has been automatically hidden based on CSS Browser Conditions */ /*? SHOW = [KHTML] */ background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #3366CC), color-stop(1.0, #7094DB)); } .kpi_row_header { background-color: #3366CC; color: #FFFFFF; text-align: left; padding-left:5px; font-weight: bold; /* Line has been automatically hidden based on CSS Browser Conditions */ /* Line has been automatically hidden based on CSS Browser Conditions */ /*? SHOW = [KHTML] */ background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #7094DB), color-stop(1.0, #3366CC)); } .kpi_row { font-weight: bold; cursor: pointer; } .kpi_title { font-weight: normal; } .kpi_value { font-weight: normal; text-align: right; } .kpi_indicator {} .kpi_warn { color: #FF0000; } .kpi_ok { color: #000000; } .kpi_total { background-color: #FFFF99; color: #000000; font-weight: bold; padding-right:5px; text-align: right; } .kpi_normal { background-color: #FFFFCC; color: #000000; font-weight: bold; cursor: pointer; padding-right:5px; } .kpi_selected { background-color:#00FF99; color:#000000; font-weight: bold; cursor: pointer; padding-right:5px; } /* ************************************************************************** */ /* SPELL CHECKING STYLES - classes used by spell checking functionality */ #current_invalid_word{ background-color: #3366CC; color: #FFFFFF; } #spellcheck_content{ background-color: #FFFFFF; border: 1px solid #000000; width:400px; height:100px; text-align:left; font-weight:normal; /* Line has been automatically hidden based on CSS Browser Conditions */ /* Line has been automatically hidden based on CSS Browser Conditions */ /* Line has been automatically hidden based on CSS Browser Conditions */ } #indicate_trimming{ background-color: #FFFFFF; color: #FF3300; } #spellcheck_content_pre { width: 380px; overflow: auto; word-wrap: break-word; } /* ************************************************************************** */ /* MODULAR PAGEMAKER STYLES - classes used by modular functionality */ .mod { color: MenuText; font: Menu; margin: 0; padding: 0; overflow: hidden; cursor: default; width: 100%; height: 100%; font-size: 1.2em; } /* menu line cells */ .mod .label_cell { padding:3px 3px; margin:-1px 0px 0px 0px; /* border-width: 1px 0px 1px 0px; border-style: solid; border-color: transparent; */ } .mod .label_cell_top { padding:3px 3px; margin:-1px 0px 0px 0px; } .mod .label_cell_top_clear { padding:3px 3px; margin:-1px 0px 0px 0px; } .mod .icon_cell { padding:0px 3px; /* border-width: 1px 0px 1px 0px; border-style: solid; border-color: transparent; */ } .mod .icon_cell_top { padding:0px 3px; } /* mod line row */ .mod_option { font-size: 1.2em; } /* main mod 'mouse-over' table */ .mod_hover { font-size: 1.2em; cursor: pointer; } .mod_hover .sectext { text-decoration:underline; } /* fade out the icons for a mouse over effect */ .mod_hover .label_cell, .mod_hover .icon_cell, .mod_hover .label_cell_top, .mod_hover .icon_cell_top, .mod_hover .label_cell_top_clear { /* filter: Alpha(Opacity=50); */ } /* mod line 'mouse-over' images within cells */ .mod_hover .icon_cell, .mod_hover .icon_cell_top, .mod_hover .label_cell_top_clear { /* border-width: 1px 0px 1px 0px; border-style: solid; */ border-color: #000000; } /* mod line 'mouse-over' text */ .mod_hover .label_cell, .mod_hover .label_cell_top, .mod_hover .label_cell_top_clear { border-width: 0px 0px 0px 0px; border-style: solid; border-color: #000000; } /* mod errors */ .mod_error { color:#FF0000; } .module_disable { background-color: #FFFFFF; filter:Alpha(Opacity=70); -moz-opacity:0.7; opacity:0.7; -khtml-opacity: 0.7; } .module_moving { filter:Alpha(Opacity=90); -moz-opacity:0.9; opacity:0.9; -khtml-opacity: 0.9; border-color: #FF3300; border-width: 1px; border-style: solid; } /* ************************************************************************** */ /* CSS CONSTANTS */ .colour_banner { background-color: #3366CC; color: #FFFFFF; } .colour_mandatory { /* mandatory fields */ background-color: #FF9999; color: #000000; } .colour_key { /* key fields */ background-color: #FFFFCC; color: #000000; } .colour_readonly { /* readonly fields */ background-color: #CCCCFF; color: #000000; } .colour_data_light { /* row even */ background-color: #FFFFCC; color: #000000; } .colour_data_dark { /* row odd */ background-color: #CCCCFF; color: #000000; } .colour_alt_light { /* alternative row even */ background-color: #FFFF99; color: #000000; } .colour_alt_dark { /* alternative row odd */ background-color: #FFCCCC; color: #000000; } .colour_header { /* titles and field labels */ background-color: #3366CC; color: #FFFFFF; } .colour_error { /* error and system messages etc */ background-color: #FF3300; color: #FFFFFF; } .colour_warning { /* no results found etc */ background-color: #FFFFFF; color: #FF3300; } .colour_info { background-color: #FFFF99; color: #000000; } .colour_row_selected { background-color:#00FF99; color:#000000; } .colour_hover { color: #FFFF00; background-color: transparent; } .colour_body { background-color: #FFFFFF; color: #000000; } .link_decoration { /* hyperlink decoration */ text-decoration: none; } td, th, p { font-size: 0.8em; } .fontfix { font-size: 0.8em; } /* ************************************************************************** */ /* Tree Control */ a.folder { padding:10px; } /* a.leaf { padding:10px; cursor: pointer; } a.folder_image { padding:10px; cursor: pointer; } a.leaf_image { padding:10px; cursor: pointer; } */ .treeview_suggestion_container { font-weight:normal; /*position: absolute;*/ float:top; background-color: #FFFFFF; text-align: left; /*border: 1px solid #000000;*/ color:#000000; margin: 23px 0px 0px 0px; display:none; padding: 0px 5px 0px 5px; } .treeview_suggestion_results { font-weight:normal; padding: 0px 5px 0px 10px; } .treeview_suggestion_results_over { font-weight:normal; padding: 0px 5px 0px 10px; color: black; cursor: pointer; background-color:#CCCCFF; } .treeview_suggestion_results_out { font-weight:normal; padding: 0px 5px 0px 10px; color: black; cursor: pointer; background-color: #FFFFFF; color:#000000; } .treeview_close_suggestion { text-align:right; cursor: pointer; font-weight:normal; padding-top:4px; width:100%; } .treeview_suggest_title { font-weight:bold; font-style:italic; font-color: #3366CC; color: #3366CC; padding-bottom: 4px; width:134px; } .treeview_conditions { color: %COLOUR_DATA_FORE%; font-weight: normal; background-color: #CCCCFF; padding-right: 5px; padding-left: 5px; /* Line has been automatically hidden based on CSS Browser Conditions */ /* Line has been automatically hidden based on CSS Browser Conditions */ /*? SHOW = [KHTML] */ background: -moz-linear-gradient(top, bottom, from(#FFFFFF), to(#CCCCFF)); } .treeview_suggest_more { font-weight: normal; font-size: 0.8em; color: %COLOUR_ERROR%; text-align:center; } .filter_image { margin-bottom:-3px; margin-right:2px; } .treeview_image { cursor: pointer; } .treeview_status_area { /*border=1px solid #999999;*/ } /* ------------------------- Dialog Styles --------------------------------- */ .dialog { background-color:#FFFFFF; border:1px solid #3366CC; /*? SHOW = [KHTML|GECKO] */ width: inherit; /* Line has been automatically hidden based on CSS Browser Conditions */ } .dialog_container { } .dialog_content { } .dialog_title { font-weight: bold; padding: 0px 2px 0px 5px; background-color:#3366CC; color:#FFFFFF; white-space: nowrap; /* Line has been automatically hidden based on CSS Browser Conditions */ /*? SHOW = [KHTML] */ background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #7094DB), color-stop(1.0, #3366CC)); /* Line has been automatically hidden based on CSS Browser Conditions */ } .dialog_status { background-color: #FFFFCC; color: #000000; border-top: 1px solid gray; height: 13px; /*height of resize image*/ border-top: 1px solid gray; } .dialog_resize { right:0px; position:absolute; bottom:-1px; float: right; width: 13px; /*width of resize image*/ height: 13px; /*height of resize image*/ } /* ------------------------- Thumbnail Image Control Styles --------------------------------- */ #progressBarDiv { position:absolute; /* Line has been automatically hidden based on CSS Browser Conditions */ /*? SHOW = [GECKO|KHTML] */ left:200px; /*? SHOW = [GECKO|KHTML] */ width:401px; background-color:#FFFFFF; border:3px double #000000; } #progressBar { background-color:#CCCCCC; } /* .upload_div { width:400px; } */ #percent_label{ position:absolute; left:300px; width:600px; } .thumbnail_control { background-color:#FFFFFF; cursor: pointer; border: 1px solid gray; } .progressBarDiv { text-align:center; position:absolute; /*left:200px; top:200px; width:403px; width:303px;*/ font-weight:bold; } .progressBar { background: #FFFFCC; border:1px solid black; } .progressBarActiveCell { /* background: white url('/eseries/images/widgets/upload/active.png') repeat-x top left; */ background: #3366CC; height:21px; /* Line has been automatically hidden based on CSS Browser Conditions */ /* Line has been automatically hidden based on CSS Browser Conditions */ /*? SHOW = [KHTML] */ background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #FFFFCC), color-stop(1.0, #3366CC)); } .progressBarCell { /* background: white url('/eseries/images/widgets/upload/normal.png') repeat-x top left; */ /*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='ffffff',EndColorStr='cccccc');*/ /* background: -moz-linear-gradient(top, bottom, from(#FFFFCC), to(#3366CC)); */ height:21px; } /* ------------------------- Masking Styles ------------------------------------- */ .textarea_counter { font-weight:normal; font-size:0.7em; background-color: #FFFF99; color: #000000; border: 1px solid dark yellow; padding:3; color: #000000; background: #FFFF99; /*bottom:0; left:0;*/ z-index:999; position: absolute; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10); -khtml-opacity: 0.10; -moz-opacity:0.10; opacity:0.10; } .masking_focus { border: 1px solid #000000; } .masking_warn { background-color: #FF3300; color: #FFFFFF; } /* ------------------------- Scratch Pad Styles --------------------------------- */ .developer_mode { position: absolute; right:0px; background-color : ffffff } /* ---------------------- Slide Panel --------------------- */ .main_content_open { position:absolute; left:200px; margin-left: 0px; } .main_content { position:absolute; left:20px; margin-left: 0px; } .main_content_closed { position:absolute; left:20px; margin-left: 0px; } /* ---------------------- Search Area --------------------- */ .quick_toolbar_search_input_search { background-image:url('/eseries/images/toolbar/search_text.gif'); background-repeat:no-repeat; padding-left:20px; z-index: 99; border: 1px solid gray; font-weight:bold; } .quick_toolbar_search_input { background-image:url('/eseries/images/toolbar/search.gif'); background-repeat:no-repeat; padding-left:20px; z-index: 99; border: 1px solid gray; font-weight:bold; } #search_advanced_image { border: none; vertical-align:absbottom; position:relative; cursor: pointer; right:-17px; top:1px; } .search_advanced_menu { border: 0px 1px 1px 1px solid gray; } .menu_search { padding:0px 10px 0px 0px; background-color:#CCCCFF; color:#000000; border:0; font-weight: bold; border-bottom: 1px solid #3366CC; /* Line has been automatically hidden based on CSS Browser Conditions */ /* Line has been automatically hidden based on CSS Browser Conditions */ /*? SHOW = [KHTML] */ background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #FFFFFF), color-stop(1.0, #CCCCFF)); } .quick_toolbar_search_suggestion_container { border:1px solid gray; background-color: #FFFFFF; color: #000000; } .toolbar_suggestion_results_over { background-color:#CCCCFF; color:#000000; } .toolbar_suggestion_results_out { background-color: #FFFFFF; color: #000000; } .toolbar_close_suggestion { text-align:right; cursor: pointer; font-weight:normal; padding-top:4px; width:100%; } .toolbar_suggest_title { font-weight:bold; font-style:italic; font-color: #3366CC; color: #3366CC; padding-bottom: 4px; width:134px; } .toolbar_suggest_more { font-weight: normal; font-size: 0.8em; color: %COLOUR_ERROR%; text-align:center; } /* ToolTip Section */ .tooltipPopup { font-weight: bold; border: 1px solid #666666; padding:5; color: #000000; background: #FFFF99; position: absolute; filter:Alpha(Opacity=95); -moz-opacity:0.95; opacity:0.95; -khtml-opacity: 0.95; } .tooltipicon { padding:0px 2px 0px 0px; vertical-align:top; } .tooltiptitle { border-bottom:1px solid #999999; padding:0px 5px 5px 5px; font-weight:bold; } .tooltipmessage { color: #000000; padding:5px; } .header_colour_border { border:1px solid #3366CC; } /** AutoGrid Moveable column support */ #autogrid_drag_header { /* Required to stop Firefox selecting text while dragging */ -moz-user-select:none; cursor:pointer; } #autogrid_drag_container { position:absolute; border:1px solid #000; background-color: #fff; table-layout: fixed; border-collapse:collapse; } #autogrid_drag_container td { padding-left:2px; border:1px solid #000; padding-right:2px; font-weight:bold; } .widget_selection_list { width: 20em; border:1px solid #a0a0a0; cursor: pointer; } .widget_selection_list_cell { } .widget_selection_border { background-color: #FFFFCC; padding:2px; } .widget_grid_srollbar { background-color: #FFFFFF; color: #FFFFFF; padding-left: 5px; border:1px solid #a0a0a0; position:relative; padding-top:1px; } .widget_grid_scroller_vertical { BORDER-BOTTOM: #666 1px solid; /*POSITION: absolute;*/ WIDTH: 16px; BACKGROUND: #ccc; BORDER-TOP: #666 1px solid; } .widget_grid_scroller_horizontal { } /* Date Picker */ .datepicker_shim { filter:Alpha(Opacity=95); -moz-opacity:0.95; opacity:0.95; -khtml-opacity: 0.95; }