/*******************************************************************************
**
**  Application:    Item Of Supply Information System
**  File Name  :    isis.css
**
**  Copyright 2005 LogicaCMG UK Ltd.
**
**  LogicaCMG UK Ltd's prior written consent is required before any part of this
**  program is reproduced.
**
**  Code History
**  Version  Date        By   Description
** -----------------------------------------------------------------------------
**  1.0      23/02/2005  NL   Initial Version
**  1.1		 29/02/2005  NL   Added scrollable style
**  1.2		 05/04/2005	 NL	  Removed default background colour.
**  1.3      08/04/2005  AL   Resized div.main
**  1.4      14/04/2005  AL   Added unbordered-main
**  1.5		 18/04/2005	 NL   Added div.panel
**  1.6      18/04/2005  AL   Refactored to use common controls derived styles
**  1.7      20/04/2005  AL   Altered textField Fonts
**  1.8      28/04/2005  AL   Added query-table style
**  1.9      03/05/2005  AL   Added navigation mneu styles
**  1.10	 17/05/2005	 NL	  Added div.tooltip class.
**  1.11     18/05/2005  AL   Added list-footer class
**  1.12	 18/05/2005	 NL	  Modified div.tooltip background colour to match cc.
**  1.13     12/07/05    DMP  Modified textField to text-transform:UPPERCASE, 
**                            N.B. this only affects what is displayed and not submitted
**  1.14     20/07/05    AL   Added menuDate for navigation menu date
**  1.15     27/07/05    AL   Added logout-button style
**  1.16     18/08/05    DMP  created dropDownList class by cloning textField
**  1.17	 28/08/05	 NL	  Updated textField to remove uppercase.
**  1.18     15/09/05    AL   Added border formatting to list-footer
**  1.19	 13/10/05	 NL	  Reinstated uppercase transformation on textField.
**  1.20	 09/03/06	 NL	  Added div.context-menu and div.vertical-break styles.
**  1.21	 09/05/06	 NL	  Added fixedWidthTextField style.
**	1.22	 11/10/06    DS   Added mixedCaseTextField style.
**	1.23	 02/02/07	 DS   OR20911 - Changed font size for fixedWidthTextField.
**	1.24	 14/10/08	 JF   Added bgcoloured and whitelabel classes
**	1.25	 15/10/08	 JF	  Changed the colour of bgcoloured and whitelabel
**	1.26	 31/01/12	 DS	  ACN157 - compatibility
**	1.27	 14/03/12	 SV	  ACN157 - compatibility
*******************************************************************************/

	div {
		font-family : Arial, Helvetica, Sans-Serif;
		font-size : 8pt;
		font-weight : normal;
	}
	
	textarea {
		resize: none;
	}
	
	div.message {
		
	}
	
	div.container {
		position: relative;
		height: 553px;
		width: 980px;
		z-index:1;
	}
	
	div.header {
		width: 100%;
		height: 20px;
		background-color: #7A9BBC;
		color: #FFFFFF;
		font-weight: bold;
		z-index:2;
	}
	
	div.main {
		position: relative;
		width: 100%;
		height: 100%;
		color: #000000;
		background-color: #EFEFEF;
		border-style: solid;
		border-color: #7A9BBC;
		border-width: 1px;
		z-index:2;
		
	}
	
	div.panel {
		position: relative;
		left: 10px;
		z-index:3;
	}
	
	div.forms-panel {
		position: relative;
		padding:0px;
		border:1px solid #c2cede;
		z-index:3;
	}

	div.panel-noborder {
		position: relative;
		left: 10px;
		z-index:3;
	}
	
	div.forms-panel-noborder {
		position: relative;
		padding:0px;
		z-index:3;
		background-color:#EFEFEF;
	}
	
	div.context-menu {
		font-family : Arial, Helvetica, Sans-Serif;
		font-size : 8pt;
		font-weight : normal;
		background-color: #FFFFFF;
		position: absolute;
		height: 160px;
		border-color: Black;
		border-width: 1px;
		border-style: solid;
	}	

	.label {
		background-color: #EFEFEF;
		padding-bottom: 2px;
		padding-top: 2px;
		font-weight : bold;
		text-align : right;
	}
	
	.whitelabel {
		color:#FFFFFF;
		background-color: #C2CEDE;
		padding-bottom: 2px;
		padding-top: 2px;
		font-weight : bold;
		text-align : right;
	}
	
	.bgcoloured {
		background-color: #C2CEDE;
	}
	
	.textField {
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 8pt;
		font-weight: normal;
		text-transform:UPPERCASE;
	}
	
	.mixedCaseTextField {
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 8pt;
		font-weight: normal;
	}

	.fixedWidthTextField {
		font-family: Courier New;
		font-size: 11pt;
		font-weight: normal;
		text-transform:UPPERCASE;
	}

	.dropDownList {
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 8pt;
		font-weight: normal;
		text-transform:UPPERCASE;
	}
	
	.menuDate {
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 8pt;
		font-weight: normal;
	}	
	
	div.error {
		padding-bottom:5px;
	}
	
	hr.section-break {
      border-top: 1px solid #7A9BBC;
      border-bottom: 1px solid #7A9BBC;
      color: #A7C2C7;
      background-color: #A7C2C7;
      height: 4px;
      width: 100%;
    }

	div.vertical-break {
	      border-left: 1px solid #7A9BBC;
	      border-right: 1px solid #7A9BBC;
	      color: #A7C2C7;
	      background-color: #A7C2C7;
	      width: 5px;
	}
	
	div.popup {
		font-family : Arial, Helvetica, Sans-Serif;
		font-size : 8pt;
		font-weight : normal;
		position: relative;
		width: 100%;
		height: 100%;
		background-color: #EFEFEF;
	}
	
	div.list-footer {
		position:relative;
		border-top-width:0pt;
		height:31px;
		background-color:#DADFE0; 
		border-color:#7A9BBC;
		border-style:solid;
		border-top-width:0pt;
		border-bottom-width:1pt;
		border-left-width:1pt;
		border-right-width:1pt;
	}
	
	.menu {
		display:block; 
		position:absolute;
		z-index:6;
		left:2px;
	}
	
	.logout-button {
		color:#FFFFFF;
		font-weight: bold; 
		width:120px; 
		height:18px; 
		background-color:#7A9BBC; 
		border:1px solid #000000;
		margin-right:1px; 
		text-align:center; 
		font-size:12px;
		cursor:pointer; 		
	}
	
	a.outer, a.outer:visited{
		color:#FFFFFF;
		font-weight: bold; 
		width:120px; 
		height:18px; 
		display:block; 
		background-color:#7A9BBC; 
		border:1px solid #000000;
		margin-right:1px; 
		text-align:center; 
		float:left; 
		text-decoration:none;
		text-align:center;
		font-size:12px;  
		overflow:hidden;
		z-index:6;
	}
	
	a.outer:hover {
		color:#FFFFFF; 
		background:#7A9BBC; 
		overflow:visible;
		z-index:6;
	}
	
	a.outer:hover table {
		display:block; 
		background-color:#EFEFEF; 
		border-collapse:collapse;
		z-index:6;
	}
	
	a.inner, a.inner:visited {
		display:block; 
		width:115px; 
		height:18px; 
		border-bottom:1px solid #000000; 
		text-decoration:none; 
		color:#000000;
		font-size:10px; 
		text-align:center;
		z-index:6;
	}
	
	a.inner:hover {
		background:#A7C2C7;
		z-index:6;
	}
	
	.datetime-header {
		border:1px solid #000000; 
		background-color:#EFEFEF; 
		z-index:7;
		height:18px;
		text-align:center;
	}
	
	.scroll {overflow: auto; border: 1px silver solid; position: absolute;}

	#header {border: 1px silver solid; text-align: center; background-color: highlight; color: highlighttext;  }
	
	div.tooltip {
		background-color: #DCE8EC;
		position: absolute;
		border: 1px solid Black;
		word-wrap: break-word;
	}