/*--------------------------------------------------------------------------------
Author: Sasha Brko
Copyright: Copyright(C) 2005 CA Technology Pty Ltd. All rights reserved.
--------------------------------------------------------------------------------*/
/*body */
body
{
	padding-right: 0px;
	padding-left: 0px;
	font-size: 10px;
	padding-bottom: 0px;
	margin: 0px;
	color: black;
	padding-top: 0px;
	font-family: Verdana, 'Arial Narrow' , Sans-Serif;
	background-color: white;
}


SELECT 
{
	font-family: Verdana, 'Arial Narrow' , Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	color: Black;
}
OPTION
{
	font-family: Verdana, 'Arial Narrow' , Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	color: Black;
}
CHECKBOX
{
	font-family: Verdana, 'Arial Narrow' , Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	color: Black;
}
TEXTAREA
{
	font-family: Verdana, 'Arial Narrow' , Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	color: Black;
}
.TextBox
{
	font-family: Verdana, 'Arial Narrow' , Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	color: Black;
	border: 1px solid #d3d3c3;		
}

INPUT
{
	font-family: Verdana, 'Arial Narrow' , Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	color: Black;
}
.Label
{
	font-family: Verdana, 'Arial Narrow' , Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	color: Black;
}

.Tasks
{
	font-family: Verdana, 'Arial Narrow' , Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	color: Red;
	line-height:18px;
}

.Label-Bold
{
	font-weight: bold;
	font-size: 11px;
	color: black;
	font-family: Verdana, 'Arial Narrow' , Sans-Serif;
}

.Label-Error
{
	font-size: 11px;
	color: red;
	font-family: Verdana, 'Arial Narrow' , Sans-Serif;
}

INPUT.Numeric
{
	text-align: right;
}

.DataGrid
{
	border-right:  1px solid;
	border-top:  1px solid;
	border-left: 1px solid;
	border-bottom: 1px solid;
}

.DataGridHeader
{
	font-weight: bold;
	font-size: 12px;
	background-image: none;
	color: #ffffff;
	background-color: #3667bb;
	text-decoration: none;
}


.DataGridFooter
{
	font-weight: bold;
	font-size: 12px;
	background-image: none;
	color: #00649F;
	background-color: #DFE0E2;
	text-decoration: none;
}
.DataGridFooter A
{
	font-weight: bold;
	font-size: 12px;
	background-image: none;
	color: #00649F;
	background-color: #DFE0E2;
}

.DataGridAlternatingItem
{
	font-size: 11px;
	color: black;
	background-color: #ffffff;
}

.DataGridItem
{
	font-size: 11px;
	color: black;
	background-color: #ffffff;
}

.DataGridItem A
{
	color: #000000;
	text-decoration: none;
}

.DataGridAlternatingItem A
{
	color: #000000;
	text-decoration: none;
}

.pageHeader
{
	font-weight: bold;
	font-size: 14px;
	height: 30px;
	background-color: #FFFFFF;
	font-variant: small-caps;
}
.pageHeader .title
{
	font-weight: bold;
	font-size: 16px;
	
	font-variant: small-caps;
}

.toolbar
{
	font-size: 11px;
	background-color: #d3d3d3;
}

.toolbar .title
{
	font-weight: bold;
	font-size: 11px;
	text-indent: 5px;
	font-variant: small-caps;
}

.panelBody
{
	background-color: #f5f5f5;
}

.toolbar td, .toolbar span
{
	font-size: 11px;
}

.KPICategory
{
	font-weight: bold;
	font-size: 11px;
	text-transform: capitalize;
}

.tabBody
{
	border-right: #9d9da1 1px outset;
	border-left: #d4d0c8 1px outset;
	border-bottom: #9d9da1 1px outset;
	background-color: #e0dfe3;
}

.tabSelected
{
	border-right: #9d9da1 1px outset;
	border-left: #d4d0c8 1px outset;
	padding-right: 5px;
	border-top: blue 3px solid;
	padding-left: 5px;
	font-size: 11px;
	padding-bottom: 10px;
	color: #000000;
	padding-top: 10px;
	height: 15px;
	background-color: #e0dfe3;
	text-decoration: none;
	margin-bottom: 0px;
}

.tabUnSelected
{
	border-right: #9d9da1 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 11px;
	padding-bottom: 10px;
	border-left: #d4d0c8 1px solid;
	color: #696969;
	padding-top: 10px;
	border-bottom: #9d9da1 1px solid;
	border-top: #9d9da1 1px solid;
	height: 15px;
	background-color: #e0dfe3;
	text-decoration: none;
}

a.tabUnSelected:link
{
	border-right: #9d9da1 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 11px;
	padding-bottom: 10px;
	border-left: #d4d0c8 1px solid;
	color: #696969;
	padding-top: 10px;
	border-bottom: #9d9da1 1px solid;
	border-top: #9d9da1 1px solid;
	height: 15px;
	background-color: #e0dfe3;
	text-decoration: none;
}
a.tabUnSelected:visited
{
	border-right: #9d9da1 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 11px;
	padding-bottom: 10px;
	border-left: #d4d0c8 1px solid;
	color: #696969;
	padding-top: 10px;
	border-bottom: #9d9da1 1px solid;
	border-top: #9d9da1 1px solid;
	height: 15px;
	background-color: #e0dfe3;
	text-decoration: none;
}
a.tabUnSelected:hover
{
	border-right: #9d9da1 1px outset;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 11px;
	padding-bottom: 10px;
	border-left: #d4d0c8 1px outset;
	color: #696969;
	padding-top: 10px;
	border-bottom: #9d9da1 1px outset;
	border-top: #9d9da1 1px outset;
	height: 15px;
	background-color: #e0dfff;
	text-decoration: none;
}

a.tabUnSelected:active
{
	border-right: #9d9da1 1px inset;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 11px;
	padding-bottom: 10px;
	border-left: #d4d0c8 1px inset;
	color: #696969;
	padding-top: 10px;
	border-bottom: #9d9da1 1px inset;
	border-top: #9d9da1 1px inset;
	height: 15px;
	background-color: #e0dfff;
	text-decoration: none;
}


div.menuBar,
div.menuBar a.menuButton,
div.menu,
div.menu a.menuItem {
  font-family: "MS Sans Serif", Arial, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: normal;
  color: #000000;
}

div.menuBar
{
	height: 20px;
	padding: 4px 2px 4px 2px;
	text-align: left;
}

div.menuBar a.menuButton {
  background-color: transparent;
  
  color: #000000;
  cursor: default;
  left: 0px;
  margin: 1px;
  padding: 2px 6px 2px 6px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
}

div.menuBar a.menuButton:hover {
  background-color: transparent;
 
  color: #000000;
}

div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
  background-color: #e0e0e0;
  border: 1px inset #e0e0e0;
  color: #000000;
  left: 1px;
  top: 1px;
}

div.menu {
  background-color: #e0e0e0;
  border: 2px outset #e0e0e0;
  left: 0px;
  padding: 0px 1px 1px 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101;
}

div.menu a.menuItem {
  color: #000000;
  cursor: default;
  display: block;
  padding: 3px 1em;
  text-decoration: none;
  white-space: nowrap;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight
{
	color: black;
	background-color: #F7F7F7;
}

div.menu a.menuItem span.menuItemText {}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}

div.menu div.menuItemSep {
  border: 1px inset #e0e0e0;
  margin: 4px 2px;
}

#MenuBackground
{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:20px;
	background-color:#999999;
	z-index:0;
}


.expandButton
{
	border-right: #aca899 1px outset;
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 1px;
	color: #000000;
	padding-top: 1px;
	border-bottom: #aca899 1px outset;
	background-color: #ece9d8;
	text-decoration: none;
}

.TreeNode 
{
  font-family: Tahoma;
  font-size: 8pt; 
  color: black; 
  padding-left: 3px;
}

.TreeNodeOver 
{ 
  font-family: Tahoma; 
  font-size: 8pt; 
  color: black; 
  text-decoration: underline; 
  cursor: default;
  cursor: hand;
  padding-left: 3px; 
}

.TreeNodeSelect 
{ 
  font-family: Tahoma; 
  font-size: 8pt; 
  color: white; 
  background: Highlight; 
  cursor: default;
  cursor: hand;
  margin-left: 3px; 
}

.TreeContextItem
{ 
	font-family: Arial;
	font-size:10px;
	cursor: default;
	cursor: hand;
	padding-left:4px;
	height:24px;
	background-color:#F6F6F6;
	
	background-repeat:repeat-y;
	width:100%;
	padding-top:1px;	
}

.TreeContextItemOver
{
	font-family: Arial;
	font-size:10px;
	cursor: default;
	cursor: hand;
	padding-left:4px;
	height:24px;
	background-color: #FFEEC2;
	border: 1px solid #000080;
	width:100%;
}

.clsDragWindow
{
	border-right: #000000 2px solid;
	padding-right: 2px;
	border-top: #000000 2px solid;
	display: none;
	padding-left: 2px;
	font-size: 11px;
	filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color= '#ededed' , Positive= 'true' ) alpha( opacity=40 );
	padding-bottom: 2px;
	overflow: hidden;
	border-left: #000000 2px solid;
	padding-top: 2px;
	border-bottom: #000000 2px solid;
	font-style: normal;
	font-family: "MS Sans Serif" , Arial, sans-serif;
	position: absolute;
	background-color: #666666;
}

.frontPanelLink
{
	
}

.frontPanelLink TH
{
	font-weight: bold;
	font-size: 16px;
	color: #003366;
	font-variant: small-caps;
	text-decoration: none;
}

.frontPanelLink TD
{
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: center;
}
.frontPanelLink TD A
{
	text-indent: 10px;
	font-weight: bold;
	font-size: 12px;
	color: #003366;
	font-variant: small-caps;
	text-decoration: none;
}

a.fakeButton:link, a.fakeButton:hover, a.fakeButton:visited,  a.fakeButton:active
{ 
	BACKGROUND-COLOR: #ece9d8; 
	padding: 2px; 
	color: black; 
	text-decoration: none; 
	font-size: 10px;
	BORDER: 1px solid gray;
}

a.fakeButton:hover
{
	BORDER: 2px outset; 
}
a.fakeButton:active
{
	BORDER: 1px solid gray;
}
.ExecutiveDashboard
{
	font-size: 11px;
	text-transform: capitalize;
	font-family: verdana;
	text-align:center;
	padding: 10px;
}