body
{
	font-family: Tahoma, Verdana, Arial;
	font-size: 8pt;
	margin:	0px;
	border: 0px;
	background-color: #eeeeee;
	cursor: default;
}

TD.TitleBar
{
	background-color:#31659C;font-weight:bold;color:#FFFFFF; text-align:right;
}

DIV
{
	scrollbar-face-color:#CCDDEE;
	scrollbar-shadow-color:#DEDFDF;
	scrollbar-highlight-color:#CCDDEE;
	scrollbar-3d-light-color:#FFFFFF;
	scrollbar-dark-shadow-color:#000000;
	scrollbar-base-color:#F7F7F7;
	scrollbar-arrow-color:#DEDFDF
}

TD 
{
	font-family:Arial;
	font-size: 10pt;
}

TD.label
{
	font-family:·s²Ó©úÅé, Arial;
	font-size: 13px;
}


DIV.webPart
{
	BORDER				:solid #8AB3DA 1px;
}

TABLE.webPart
{
	BORDER				:solid #8AB3DA 1px;
}

TR.caption
{
	FONT-FAMILY			:arial;
	FONT-SIZE			:8pt;
	FONT-WEIGHT			:bold;
    BACKGROUND-COLOR	:#639ACE;
	COLOR				:yellow;
	CURSOR				:default;
}

TD.caption
{
	FONT-FAMILY			:arial;
	FONT-SIZE			:8pt;
	FONT-WEIGHT			:bold;
    BACKGROUND-COLOR	:#639ACE;
	COLOR				:white;
	CURSOR				:default;
	border:0px solid black;
	text-align: right;
}

table.systemtitle
{
	color: #ffffff;
	height: 30px;
	width: 100%;
	background-color: #7288AC;
	border: #abc0e7 1px solid;
	border-right: #00377a 1px solid;
	border-bottom: #00377a 1px solid;
	font-family:arial;
	font-weight:bold
}

table.menubar
{
	color: #000000;
	height: 30px;
	width: 100%;
	background-color: #F2F1EB;
	border: #FFFFFF 1px solid;
	border-right: #00377a 1px solid;
	border-bottom: #D8D2BD 1px solid;
	font-family:arial;
	font-size:8pt
}

td.mnuTitle
{
	font-size: 8pt;
	font-weight: normal;
	letter-spacing: 1px;
	cursor: default;
	color: #000000;
	padding-left: 8px;
	padding-right: 8px
}

span.toolbarBtnOn
{
	border:1px solid silver;
	background-color:#DDDDDD;
	height:21px;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
	cursor:pointer
}

span.toolbarBtnOver
{
	border:1px solid silver;
	background-color:#BBBBBB;
	height:21px;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
	cursor:pointer
}

span.toolbarBtnOff
{
	border:1px solid #F2F1EB;
	height:21px;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
	cursor:pointer
}

span.toolbarBtnDisabled
{
	border:0px solid silver;
	height:21px;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=20)
}

table.index
{
	font-size: 9px;
	font-family:arial;
	font-weight:bold;
}

SPAN.legend
{
	font-size:9px;
	width:10pt;
	height:10pt;
	border-top:1px solid gray;
	border-left:1px solid gray;
	border-right:1px solid gray;
	border-bottom:1px solid gray;
	cursor:default
}

SPAN.legendOn 
{
	font-size:9px;
	width:10pt;
	height:10pt;
	border-top:1px solid gray;
	border-left:1px solid gray;
	border-right:1px solid white;
	border-bottom:1px solid white;
	font-weight:bold;
	cursor:pointer;
	behavior:url(/WebControls/styles/legend.htc)
}

SPAN.legendOff 
{
	font-size:9px;
	width:10pt;
	height:10pt;
	border-top:1px solid white;
	border-left:1px solid white;
	border-right:1px solid gray;
	border-bottom:1px solid gray;
	cursor:pointer;
	behavior:url(/WebControls/styles/legend.htc)
}

td.label
{
	width:200px;
	height:25px;
	font-weight:bold;
	text-align:center;
	font-family:Verdana;
	font-size:9px
}

td.indexName
{
	border: 1px solid #639ACE;
	width:60px;
	height:50px;
	font-size:9px;
	font-weight:bold;
	text-align:center;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde);
}

span.indexValue
{
	font-size:8pt;
	background-color:White;
	border: 1px solid #639ACE;
	width:45px;
}

td.indexValue
{
	width:50px;
}

table.KPI
{
	font-size: 9px;
	font-family:arial
}

td.KPIName
{
	border: 1px solid #639ACE;
	width:70px;
	height:20px;
	font-weight:normal;
	text-align:center;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde);
}

span.KPIValue
{
	color:Navy;
	font-size: 8pt;
	font-weight:bold;
	width:50px
}


td.head
{
	border-right: #000000 1px solid;
	height: 20px;
	font-weight: bold;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde);
	border-bottom: #000000 1px solid;
}

td.ColumnHeader 
{
	BACKGROUND-COLOR: #A6CAF0; 
	BORDER-BOTTOM: black 1px solid; 
	BORDER-LEFT: #ffffff 1px solid; 
	BORDER-RIGHT: black 1px solid; 
	BORDER-TOP: #dddddd 1px solid; 
	COLOR: black; 
	FONT-FAMILY: Arial; 
	FONT-SIZE: 9pt; 
	FONT-STYLE: normal; 
	FONT-WEIGHT: bold
}

<!-- Menu Items -->
TD.menuItem {
	cursor: default;
	letter-spacing: 1px;
	PADDING				:4px 4px 4px 4px;
	COLOR					:#000000;
	FONT-FAMILY		:arial;
	FONT-SIZE			:8pt;
}

A.menuItem {
	PADDING				:3px 4px 3px 4px;
	COLOR					:#000000;
	FONT-FAMILY			:arial;
	FONT-SIZE				:8pt;
	TEXT-DECORATION	:none;
	CURSOR					:default;
	border						:1px solid #F2F1EB
}

A.menuItem:hover {
	PADDING				:3px 4px 3px 4px;
	COLOR							:black;
	BACKGROUND-COLOR	:#C1D2EE;
	CURSOR						:default;
	border							:1px solid #316AC5
}

<!-- Dropdown Menu -->

DIV.dropMenu
{
	BACKGROUND-COLOR	:#EFEDDE;
	PADDING				:2px 0px 2px 0px;
}

A.dropMenuItem
{
	COLOR				:black;
	FONT-FAMILY			:arial;
	FONT-SIZE			:8pt;
	TEXT-DECORATION		:none;
	CURSOR				:default;	
}

TR.menuItemContainer
{
	behavior:url(/WebControls/styles/menu.htc)
}

DIV.clsMenu { 
	display: none; z-index: 15; position:absolute;
	BACKGROUND-COLOR	:#EFEDDE;
	PADDING				:2px 0px 2px 0px;
	BORDER:	1px solid #5078B4;	
}

TD.foldingMenuOption
{
	BORDER-Top:	1px solid #EFEDDE;	
	BORDER-Bottom:	1px solid #EFEDDE;	
}

TD.iconPlaceHolder
{
	BACKGROUND-COLOR	:#EFEDDE
}

TD.LineBetweenMenuItems
{
	font-size:2px;
	height:3px;
	PADDING:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

input.button
{
	font-family:Arial;
	font-size:8pt;
	border:1px solid silver;
	width:60px;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde);
}

input.text
{
	FONT-FAMILY: Verdana; 
	font-size:13px;
	border:1px solid #7B9EBD;
	background-color:#FFFFFF
}

input.normaltextbox
{
	FONT-FAMILY: Verdana; 
	font-size:13px;
	border:1px solid #7B9EBD;
}

textarea
{
	border:1px solid #7B9EBD;
}

td.header 
{
	BACKGROUND-COLOR: silver; 
	BORDER-BOTTOM: black 1px solid; 
	BORDER-LEFT: #ffffff 1px solid; 
	BORDER-RIGHT: black 1px solid; 
	BORDER-TOP: #dddddd 1px solid; 
	COLOR: black; 
	FONT-FAMILY: Arial; 
	FONT-SIZE: 9pt; 
	FONT-STYLE: normal; 
	FONT-WEIGHT: bold
}

span.menu
{
	height: 100%;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #7288AC;
	cursor:pointer
}

table.mnuBar
{
	color: #ffffff;
	height: 23px;
	width: 100%;
	background-color: #7288AC;
	border: #abc0e7 1px solid;
	border-right: #00377a 1px solid;
	border-bottom: #00377a 1px solid;
}

td.mnuTitle
{
	font-size: 8pt;
	font-weight: bold;
	letter-spacing: 1px;
	cursor: default;
	color: #ffff00;
	padding-left: 25px;
}

td.mnuRight
{
	width: 100%;
	text-align: right;
	padding-right: 5px;
}

td.icMenu 
{
	width:100%
}

span.keyword
{
	COLOR: blue; 
}

td.leftBar
{
	filter:	progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=#e5e3d5, EndColorStr=#c9c7ba);
	vertical-align:top
}

span.leftBar
{
	width: 120px;
}

div.lbItem
{
	height: 20px;
	cursor:pointer;
	color: #666666;
	padding-top: 4px;
	padding-left: 7px;
	padding-bottom: 4px;
	margin-bottom: 6px;
	border-left: 1px solid #838574;
	border-bottom: 1px solid #838574;
	text-align:left;
}

div.lbOn 
{
	color: #000000;
	padding-top: 4px;
	padding-left: 7px;
	padding-bottom: 4px;
	margin-bottom: 6px;
	background-color: #efefeb;
	border-left: 1px solid #9fa090;
	border-bottom: 1px solid #9fa090;
	height:20px;
	text-align:left;
}

TABLE.layout
{
	table-layout:		fixed;
	width:				100%;
	height:				100%;
}

a.button:link
{
	text-decoration: none;
	color:white;
}

a.button:visited
{
	text-decoration: none;
	color:white;
}

a.button:active
{
	text-decoration: none;
	color:white;
}

a.button:hover
{
	text-decoration: underline;
	color: yellow;
}

div.workspace
{
	BORDER-Top:	1px solid #EFEDDE;	
	BORDER-Left:	1px solid #EFEDDE;	
	BORDER-Bottom:	1px solid #AAAAAA;	
	BORDER-Right:	1px solid #AAAAAA;
	cursor:pointer;
	width:100px;
	height:80px;
	font-size:8pt;
	font-weight:bold;
	text-align:center;
	z-index:5;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde);
}

div.workspace_selected
{
	BORDER-Top:	1px solid #AAAAAA;	
	BORDER-Left:	1px solid #AAAAAA;	
	BORDER-Bottom:	1px solid #EFEDDE;	
	BORDER-Right:	1px solid #EFEDDE;
	color:Red;
	cursor:pointer;
	width:100px;
	height:80px;
	font-size:8pt;
	font-weight:bold;
	text-align:center;
	z-index:5;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde);
}

table.mnuBar
{
	color: #ffffff;
	height: 23px;
	width: 100%;
	background-color: #7288AC;
	border: #abc0e7 1px solid;
	border-right: #00377a 1px solid;
	border-bottom: #00377a 1px solid;
}

span.card 
{
	cursor:pointer;
}
.functions
{
	border-right: #7b9ebd 1px solid;
	padding-right: 5px;
	border-top: #7b9ebd 1px solid;
	padding-left: 5px;
	font-size: 8pt;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde);
	border-left: #7b9ebd 1px solid;
	cursor:pointer;
	border-bottom: #7b9ebd 1px solid;
	font-family: verdana;
}

span.WarningNormal{
	background-color:#FFFFE1;
	border:1px solid #808080;
	color:#000000;
}
span.WarningHighLight{
	background-color:#0A246A;
	border:1px solid #808080;
	color:#FFFFFF;
}

div.WarningNormal{
	background-color:#99CCFF;
	border:1px solid #330099;
	color:#000000;
}
.lblTitle
{
	font-family: Verdana;
	font-weight: bold;
	color:navy;
}
.lblCaption
{
	font-family: Verdana;
	font-weight: bold;
}
.lblValue
{
	font-family: Verdana;
}