/* THIS FILE HAS BEEN AUTOGENERATED - MODIFICATIONS WILL BE LOST  */
/*
**********************************************************************************
     @application
     @author        Rob Gregory
     @version       05.07.02/013 
     @company       iB-Solutions
     @date          23/09/2009 
     @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
**********************************************************************************
*/ 

/* ------------------------------------------------------------ */
/* 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 

*/

/* Override the default body style */
body {
    margin:0px;
    background-color: #FFFFFF;
    color: #000000;
    /* font-family: '', '', '', ''; */    
	position:absolute;
	/* fix for page disable layer 
	height:100%;
	min-height:100%;*/	
}

html {
	/* fix for page disable layer 
	height:100%;
	min-height:100%;*/	
}

/* ------------------------------------------------------------ */
a:link, a:visited, a:hover{
	cursor: hand;
	background-color: transparent;
	color: #000000; 
	font-weight: normal;
	text-decoration: none;
}

.row_odd a:link, .row_odd a:visited, .row_odd a:hover  {
	cursor: hand;
	background-color: transparent;
	color: #000000; 
	font-weight: bold;
	text-decoration: none;
}

.row_even a:link, .row_even a:visited, .row_even a:hover {
	cursor: hand;
	background-color: transparent;
	color: #000000; 
	font-weight: bold;
	text-decoration: none;
}

.row_selected a:link, .row_selected a:visited, .row_selected a:hover{
	cursor: hand;
	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: hand;
	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: hand;
	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-family: '', '', '', ''; */    
      /* */ font-family:  'SERIF'; /* */    
      font-size:1em;
}


.page_disable_layer {
	/*background-color: #FFFFFF;*/
	background-color:black;
	filter:Alpha(Opacity=30);
	-moz-opacity:0.3; 	
  	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;
     filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#CCCCFF',EndColorStr='#FFFFFF');  
}


/* Override the default 'href' link colours for previous and next links */
td.next a:link {
	cursor: hand;
	background-color:  transparent;
	color: #FFFFFF; 
	text-decoration: none;
	font-weight: bold;
}

td.next a:visited{
	cursor: hand;
	background-color:  transparent;
	color: #FFFFFF; 
	text-decoration: none;
	font-weight: bold;
}

td.next a:hover {
	cursor: hand;
	color: #FFFF00;
	background-color:  transparent;
	text-decoration: none;
	font-weight: bold;
}


td.previous a:link {
	cursor: hand;
	background-color:  transparent;
	color: #FFFFFF; 
	text-decoration: none;
	font-weight: bold;
}

td.previous a:visited{
	cursor: hand;
	background-color:  transparent;
	color: #FFFFFF; 
	text-decoration: none;
	font-weight: bold;
}

td.previous a:hover {
	cursor: hand;
	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;
     filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#7094DB',EndColorStr='#3366CC');  
}

.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;
     filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#7094DB',EndColorStr='#3366CC');  
}


.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;
    /*padding-right: 400px;*/
	/* margin:2px 0px -12px 0px; */
	margin: 0px 0px 5px 0px;
	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;
     filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,EndColorStr='#7094DB',StartColorStr='#3366CC');  
}

.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 */
.toolbar_end {
	background-color: #FFFFFF;
	color: #000000;	
    font-weight: bold;	
    position: absolute;
    right: 100px;
    top:55px;	
}


.cal_body {
	background-color: #FFFFFF;
}

.cal_table {
	background-color: #3366CC;
	color: #FFFFFF; 
}

.cal_day_header {
	background-color: #3366CC;
	color: #FFFFFF; 
     filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#7094DB',EndColorStr='#3366CC');  
	text-align: center;
	font-weight:bold;
    /*  
	   border: groove 1px;
	 */
}

.cal_day_disabled {
 	background-color: #CCCCFF;
	color: #000000;
	text-align: center;
}

.cal_day_normal {
 	background-color: #FFFFCC;
	color: #000000;
	text-align: center;
	cursor: hand;
	font-weight:normal;
}

.cal_day_today {
	background-color:#00FF99;
	color:#000000;
	text-align: center;
	cursor: hand;
	font-weight:normal;
}

.cal_day_weekend {
	background-color: #CCCCFF;
	color: #000000; 
	text-align: center;
	cursor: hand;
}

.cal_day_over {
	background-color:#00FF99;
	color:#000000;
	text-align: center;
	cursor: hand;
	font-weight:normal;
}

/* Following used to format table containing results of enquiry etc. */
.results_table {
	background-color:#3366CC;
	text-align: center;
	font-weight: bold;
	margin:6px 0px 0px 0px;
}

.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;
     filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#7094DB',EndColorStr='#3366CC');  
    /*  
	   border: groove 1px;
	 */
	padding:2px 0px;
	font-weight: bold;
}

.table_total {
	background-color: #3366CC;
	color: #FFFFFF; 
	padding:2px 0px;
}

/* following used to hide certain table columns */
.table_hidden {
    display: 'none';
}

.input{
	cursor: hand;
}

.radio_button {
  	background-color: transparent; /*Need this as otherwise buttons disappear when disabled on Windows XP.*/
  	cursor: hand;
}
 
.check_box {
  	/* background-color: transparent; Need this as otherwise buttons disappear when disabled on Windows XP.
  	   - Removed as looks OK 16/10/2006 */
  	cursor: hand;
}

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: hand;
	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. */
     filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFFFFF',EndColorStr='#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:hand;
}

.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:hand;
}

.tab_right_on {
   	background-image: url(../../images/tabcard/tab_right.gif);
	background-color:#3366CC;
   	width: 14;
   	height: 25;
   	cursor:hand;
}

.tab_left_off {
   	background-image: url(../../images/tabcard/tab_left_off.gif);
   	background-color: #CCCCFF;
   	width: 14;
   	height: 25;
   	cursor:hand;
}

.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:hand;
}

.tab_right_off {
   	background-image: url(../../images/tabcard/tab_right_off.gif);
   	background-color: #CCCCFF;
   	width: 14;
   	height: 25;
   	cursor:hand;
}

.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;
     filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,EndColorStr='#FFFF99',StartColorStr='#FFFFFF');  
}

.favtable .sectable {
	background:transparent;
	/*filter:sdsd;*/
}

#navigation .sectable {
     filter:none; 
	background:transparent;
}

.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;
     filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,EndColorStr='#CCCCFF',StartColorStr='#FFFFFF');  
}

.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;
     filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,EndColorStr='#CCCCFF',StartColorStr='#FFFFFF');  
}

.secheader {
	font-weight: bold;
	background-color:#3366CC;
	color:#FFFFFF;
	padding: 3px 0px 3px 5px;
     filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#7094DB',EndColorStr='#3366CC');  
}

.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;			
     filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,EndColorStr='#CCCCFF',StartColorStr='#FFFFFF');  
}

#show_nav {
	padding:5px;
	border:1px dashed red;
}

#border_left, #border_right, #navigation {
	background-color:#CCCCFF;
	 filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,EndColorStr='#FFFFFF',StartColorStr='#CCCCFF');  
}

#border_right{
	margin-top:12px;
	background-color:#CCCCFF;
	 filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,EndColorStr='#FFFFFF',StartColorStr='#CCCCFF');  
	border-style:solid;
	border-width:0px 1px 0px 0px;
}

.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;   	
	color:			black;
	 filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
}	

.menubox {
	border-width:0px 1px 1px 1px;
	border-color:#3366CC;
	border-style:solid;
	/** 
	 * Removed by Rob G, too many problems (select boxes again, multiple redraws of menu, etc) for not much effect!
	 * FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#333333,strength=5)
	 */
}

.menu_table {
	background-color:#3366CC;
	border:0px;
}

.menu_button {
	padding:3px 15px;
	background-color:#CCCCFF;
	color:#000000;
	border:0;
    margin:0,10,0,0;
 	cursor: hand;
    font-weight: bold;
     filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFFFFF',EndColorStr='#CCCCFF');  
}

/* Create new mouse over menu button effect */
.menu_button_over {
	padding:3px 15px;
	background-color: #FFFFFF;
	border-color: #3366CC; 
	color: #000000;
	border-width:10px 10px 10px 0px;
 	cursor: hand;
    font-weight: bold;
}

.menu {
	color:		MenuText;
	font:			Menu;
	margin:		0;
	padding:		0;
	overflow:		hidden;
	cursor:		default;
	width:		100%;
	height:		100%;
	font-size: 1.2em;
	background-color:#FFFFFF;
}

/* 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:			hand;
	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;   	   
}

/* 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); 
}

/**
 * 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;
    /* align: right; */
    filter: progid:DXImageTransform.Microsoft.Fade(duration=1) 
            progid:DXImageTransform.Microsoft.Alpha(opacity=85);  
}

/**
 * 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  { 
  position: absolute; 
  visibility: hidden; 
  color: #000000;
  background-color: #FFFFFF;
  border: 1px solid #3366CC;
  padding:4px 0px;
  display: block; 
}
 div.multiple_option_disabled {  	
  color: #BBBBBB;
  margin:0px 7px;
  padding:3px 7px;
  display: block; 
  text-align:left;
  font-size:0.9em;
  width:14em;
 }
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: hand;
  display: block; 
  text-align:left;
  font-size:0.9em;
  width:14em;
}

div.multiple a:hover { 
  text-decoration: none; 
  color: #000000;
  background-color: #CCCCFF;
  cursor: hand;
}


/* ************************************************************************** */
/* 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;
     filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,EndColorStr='#3366CC',StartColorStr='#7094DB');  
   	cursor:hand;
}
.kpi_row_title {
	background-color: #3366CC;
	color: #FFFFFF; 
	text-align: left;
     filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#3366CC',EndColorStr='#7094DB');  
	padding-left:5px;
   	cursor:hand;
	font-weight: bold;
}
.kpi_row_header {
	background-color: #3366CC;
	color: #FFFFFF; 
	text-align: left;
     filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,EndColorStr='#3366CC',StartColorStr='#7094DB');  
	padding-left:5px;
	font-weight: bold;
}
.kpi_row {
	font-weight: bold;
   	cursor:hand;
}
.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:hand;
	padding-right:5px;
}
.kpi_selected {
	background-color:#00FF99;
	color:#000000;
	font-weight: bold;
   	cursor:hand;
	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;
    overflow:auto;
}

#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:			hand;
}

.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; 
}	

.module_moving {
  	filter:Alpha(Opacity=90); 
	-moz-opacity:0.9; 	
  	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  */

<!-- Customize the Tree Control folder style here -->
a.folder { 
     padding:10px;
}
 
<!-- Customize the Tree Control leaf style here -->
/*
a.leaf {
	padding:10px;
	cursor: hand;                        
}

a.folder_image {
	padding:10px;
	cursor: hand;
}

a.leaf_image {
	padding:10px;
	cursor: hand;
}
*/
.treeview_suggestion_container {
	font-weight:normal;		
	position: absolute; 		
	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:			hand;
	background-color:#CCCCFF;	    
}

.treeview_suggestion_results_out {
	font-weight:normal;		
	padding: 0px 5px 0px 10px; 
	color:			black;
 	cursor:			hand;
	background-color:  #FFFFFF; 	
	color:#000000;	    
}

.treeview_close_suggestion {
	text-align:right;
	cursor:hand;
	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;	
	 filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,EndColorStr='#CCCCFF',StartColorStr='#FFFFFF');  
}

.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:hand;	
}

.treeview_status_area {
	/*border=1px solid #999999;*/
}

/* ------------------------- Dialog Styles --------------------------------- */
.dialog {
	background-color:#FFFFFF;
	border:1px solid #3366CC;
}

.dialog_container {	

}

.dialog_content {
	
}

.dialog_title {	
	font-weight: bold;
	padding: 0px 2px 0px 5px; 
	background-color:#3366CC;
	color:#FFFFFF;	
	white-space: nowrap;
	 filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,EndColorStr='#3366CC',StartColorStr='#7094DB');  
}

.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 --------------------------------- */
.thumbnail_control {
	background-color:#FFFFFF;	
	cursor:hand;	
	border: 1px solid gray;	
}

 .progressBarDiv{
	text-align:center;
 	position:absolute;
 	left:200px;
 	top:200px; 	
 	width:403px;
 	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;
	 filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFFFCC',EndColorStr='#3366CC'); 
	height:21px;
 }
	
 .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');*/	 	
 	height:21px;
 }	

/* ------------------------- Masking Styles ------------------------------------- */
 .masking_focus{
	border: 1px solid #000000;	
 }
 
 .masking_warn{
 	background-color: #FF3300;
 	color: #FFFFFF;
 }

/* ------------------------- Scratch Pad Styles --------------------------------- */
input.warn, select.warn {
	padding-right: 16px; 
	border: 1px solid red; 
	background-color: #FFFCE2; 
	background-image: url(/images/global/warning.gif); 
	background-position: right; 
	background-repeat: no-repeat;
}
input:focus, select:focus {
	border: 1px solid red; 
	background-color:#EFEFEF;
}
	
.developer_mode {
    position: absolute;
    right:100px;	
    background-color : ffffff	
}

/* ---------------------- Slide Panel --------------------- */

.main_content_open {
	position:absolute;
	/*height:100%;*/
	left:200px;
	margin-left: 0px;
}

.main_content {
	position:absolute;
	/*height:100%;*/
	left:20px;
	margin-left: 0px;
}

.main_content_closed {
	position:absolute;
	/*height:100%;*/
	left:20px;
	margin-left: 0px;
}

/*
.slide_panel_open {
    background-color:#3366CC;	
	color:#FFFFFF;
	height:100%;
	border-right: 1px solid #dddddd;		
	width:149px;
	left:0px;
	top:0px;
	padding-top:5px;
	position:absolute;
     filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#3366CC', EndColorStr='#FFFFFF') 	
}
	
	
.slide_panel_closed {
	background-color:#3366CC;
	color: #FFFFFF;
	writing-mode: tb-rl;
	filter: flipv fliph;
	width:20px;
	border-right: 1px solid #dddddd;
	height:100%;
	top:0px;
	left:0px;
	position:absolute;
	padding-top:5px;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#3366CC', EndColorStr='#FFFFFF')
} */

/* ---------------------- 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 {
  	position:relative; 
  	cursor:hand;
  	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;
     filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFFFFF',EndColorStr='#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:hand;
	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;  
}
 
.tooltipicon {
 padding:0px 2px 0px 0px;
 vertical-align:top;
}
 
.tooltiptitle {
 border-bottom:1px solid #999999;
 padding:0px 5px 5px 5px;
 font-weight:bold;
 // font-size: 0.9em;
}
 
.tooltipmessage {
    color: #000000;
 	padding:5px;
    // font-size: 0.8em;
}

.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: hand;
}

.widget_selection_list_cell {
	/*border:1px solid #FFFFFF;*/
}

.widget_selection_border {
	/*border:1px solid #a0a0a0;*/
	background-color: #FFFFCC;	
	padding:2px;
}

.widget_grid_srollbar {
	background-color: #FFFFFF;
	color: #FFFFFF; 
    padding-left: 5px;
    border:1px solid #a0a0a0;
}

.widget_grid_scroller_vertical {
	BORDER-BOTTOM: #666 1px solid; 
	POSITION: absolute; 
	WIDTH: 16px; 
	BACKGROUND: #ccc; 
	BORDER-TOP: #666 1px solid; 
}

.widget_grid_scroller_horizontal {
}