/****************************************************************
** Licensed Materials - Property of IBM
**
** IBM Cognos Products: mdsrv
**
** (C) Copyright IBM Corp. 2008, 2015
**
** US Government Users Restricted Rights - Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp.
*****************************************************************/
/***********************************************************************************************
// Copyright (C) 2008 Cognos ULC, an IBM Company. All rights reserved.
// Cognos (R) is a trademark of Cognos ULC, (formerly Cognos Incorporated).
***********************************************************************************************/

body
{
	background-color: White;
	font-family:  Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	overflow-x: visible;
	overflow-y: auto;
}

.graphCanvas
{
	overflow: visible;
	font-family: Tahoma, Arial, geneva, helvetica, sans-serif;
	color: Black;
	background-color: White;
	border-top: Blue 0px solid;
	border-right: Blue 0px solid;
	border-left: Blue 0px solid;
	border-bottom: Blue 0px solid;
}

.graphHeader
{
	position: relative;
	overflow: hidden;
	height: 22px;
	width:  auto;
	max-width: none;
	border-top: #CCCCCC 1px solid;
	border-right: #CCCCCC 1px solid;
	border-left: #CCCCCC 1px solid;
	border-bottom: #CCCCCC 1px solid;
	background-color: White;
	background-attachment: scroll;
}

.graphBody
{
	position: absolute;
	overflow: auto;
	height: 95%;
	width:  100%;
	background-color: White;
	border-top: #CCCCCC 0px solid;
	border-right: #CCCCCC 1px solid;
	border-left: #CCCCCC 1px solid;
	border-bottom: #CCCCCC 1px solid;
}

.propertyGridTechnical
{
	width:  100%;
	border: 1px solid #CCCCCC;
	background-color: White;
	overflow: auto;
}

.propertyGridBusiness
{
	position: relative;
	height: 100%;
	width:  100%;
	border: 1px solid Lightgrey;
	background-color: White;
	overflow: auto;
}

.propertyTablePrefix
{
	font-family: Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	overflow: hidden;
	background-color: White;
	border-collapse: collapse;
}

.propertyTableCaption
{
	font-family: Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	overflow: hidden;
	background-color: White;
	border-collapse: collapse;
	border-top: #CCCCCC 1px solid;
	border-right: #CCCCCC 1px solid;
	border-left: #CCCCCC 1px solid;
	border-bottom: #CCCCCC 0px solid;
}

.propertyTable
{
	font-family: Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	overflow: auto;
	background-color: White;
	border-top: #000000 0px solid;
	border-right: #999999 0px solid;
	border-left: #000000 0px solid;
	border-bottom: Black 0px solid;
	border-collapse: collapse;
}

.propertyTableContainer
{
	font-family: Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 70%;
	overflow: auto;
	background-color: White;
	border-top: #000000 0px solid;
	border-right: #999999 0px solid;
	border-left: #000000 0px solid;
	border-bottom: Black 0px solid;
	border-collapse: collapse;
	padding-left: 21px;
}

.propertyTableBusiness
{
	font-family: Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	overflow: auto;
	background-color: White;
	border-top: #000000 1px solid;
	border-right: #999999 1px solid;
	border-left: #000000 1px solid;
	border-bottom: Black 1px solid;
	border-collapse: collapse;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 21px;
	padding-right: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#id_business_view th
{
	background-color: WhiteSmoke;
	text-align: left;
}

#tableCaption th
{
	background-color: White;
}

.sectionCaption
{
	font-weight: bold;
	color: Blue;
}

.propCaption
{
	/*font-weight: normal;
	color: Blue;*/
	height: 22px;
	padding-left: 4px;
}

.Col1
{
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	padding-left: 4px;
	white-space: pre;
	width:  20%;
}

.Col2
{
	vertical-align: top;
	text-align: left;
	font-weight: normal;
	padding-left: 4px;
	white-space: normal;
	width:  80%;
}

.querySubject
{
	color: black;
	border: 1px solid;
	border-color: black;
	background-color: white;
	text-align: center;
}

.Ink
{
	position: absolute;
	background-color: transparent;
	border-top: 1px solid transparent;
	border-bottom: 0px solid transparent;
	border-left: 0px solid transparent;
	border-right: 0px solid transparent;
	width: 1px;
	height: 1px;
}

.classIconType
{
	width: 15px;
	height: 15px;
	cursor: default;
	position: absolute;
	z-index: 2;
	opacity: 1.0;
	filter: alpha(opacity=100);
	display: inline;
}

.classIconAction
{
	width: 15px;
	height: 15px;
	cursor: pointer;
	position: absolute;
	opacity: 1.0;
	filter: alpha(opacity=100);
	display: inline;
}

.classBkImage
{
	cursor: move;
	position: absolute;
	z-index: 0;
	opacity: 0.8;
	filter: alpha(opacity=80);
	display: inline;
}

.headerCaption
{
	font-family: Tahoma, Arial, Geneva, Helvetica, Sans-serif;
	font-weight: bold;
	font-size: 12px;
	cursor: default;
	position: absolute;
	color: #000000;
	background-color: transparent;
	z-index: 1000;
	opacity: 1.0;
	filter: alpha(opacity=100);
	text-decoration: none;
	white-space: nowrap;
	display: inline;
	padding-top: 3px;
}

.headerCaption:hover
{
	color: DarkSlateBlue;
	text-decoration: none;
	background-color: transparent;
	cursor: default;
}

.headerLink
{
	font-family: Tahoma, Arial, Geneva, Helvetica, Sans-serif;
	font-weight: normal;
	font-size: 12px;
	cursor: pointer;
	position: absolute;
	color: OrangeRed;
	background-color: transparent;
	z-index: 1000;
	opacity: 1.0;
	filter: alpha(opacity=100);
	text-decoration: none;
	display: inline;
}

.headerLink:hover
{
	color: Purple;
	text-decoration: underline;
	background-color: transparent;
}

/*
a.headerLink a:active:hover
{
	color: Brown;
	text-decoration: underline;
	background-color: Purple;
}
*/

/*
a.headerLink A:link {text-decoration: none}
a.headerLink A:visited {text-decoration: none}
a.headerLink A:active {text-decoration: none}
a.headerLink A:hover {text-decoration: underline; color: red;}
*/

.classBackground
{
	position: absolute;
	background-color: #f3f3f3;
	z-index: 0;
	opacity: 0.8;
	filter: alpha(opacity=80);
	overflow: auto;
}

.classImageHolder
{
	position: absolute;
	background-color: transparent;
	z-index: 1;
	opacity: 0.40;
	filter: alpha(opacity=40);
	overflow: hidden;
}

.classGraphItem
{
	font-family: Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	position: absolute;
	color: inherited;
/*	background-color: transparent; */
	background-color: GhostWhite;
	z-index: 5;
	border-top: LightGrey 0px solid;
	border-right: LightGrey 0px solid;
	border-left: LightGrey 0px solid;
	border-bottom: LightGrey 1px solid;
	opacity: 0.8;
	filter: alpha(opacity=80);
	padding-left: 4px;
}

.classGraphCaption
{
	font-family: Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: black;
	/*background-color: transparent;*/
	/*background-attachment: scroll;*/
	/*background-image:url(images/Gradient1.png);*/
	z-index: 5;
	border-top: LightGrey 0px solid;
	border-right: LightGrey 0px solid;
	border-left: LightGrey 0px solid;
	border-bottom: LightGrey 1px solid;
	opacity: 0.8;
	filter: alpha(opacity=80);
	/*padding-top:  4px;*/
	/*padding-left: 21px;*/
	text-align: center;
}

classGraphCaption.img
{
	display: inline;
	margin: 2px;
	border: 1px solid #0000ff;
	height: auto;
	width: auto;
	float: left;
	text-align: center;
}

.classGraphNode
{
	font-family: Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 60%;
	position: absolute;
	color: inherited;
	background-color: transparent;
	z-index: 10;
}

.classGraphNode:hover
{
	background-color: Brown;
	cursor: move;
}

.classGraphConnection
{
	font-family: Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	position: absolute;
	overflow: visible;
	color: inherited;
	background-color: transparent;
	z-index: 2;
}

.classExpandAllLink
{
	font-family: Arial, Tahoma, Geneva, Helvetica, Sans-serif;
	font-weight: normal;
	font-size: 12px;
	cursor: pointer;
	color: DarkBlue;
	background-color: AliceBlue;
	filter: alpha(opacity=100);
	text-decoration: underline;
	display: inline;
}



/* Try to create an underlined link on hover event */

/*
a
{
	color: blue;
	text-decoration: none;
	font-family: arial,helvetica;
}

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

a:link:hover
{
	color: yellow;
	text-decoration: underline;
}
a:visited:hover
{
	color: yellow;
	text-decoration: underline;
}
a:active:hover
{
	color: yellow;
	text-decoration: underline;
}
*/

#id_graph_header .graphHeader a
{
	color: Yellow;
	text-decoration: none;
}

/*
#id_graph_header a:hover
{
	color: DarkRed;
	background-color: White;
	text-decoration: underline;
}
*/
/*
.graphHeader a:hover
{
	color: blue;
	background-color: White;
	text-decoration: underline;
}
*/

a.nav:link {color: red; background-color: White; text-decoration: none; }
a.nav:visited {color: purple; background-color: White; text-decoration: none; }
a.nav:hover {color: red; background-color: White; text-decoration: underline; }
a.nav:active {color: blue; }

.progressControl
{
	color: black;
	border: 1px solid;
	border-color: black;
	background-color: white;
}

.progressComponent
{
	color: black;
	border: 0px solid;
	border-color: black;
	background-color: Lightgrey;
}