Body
{  
    background-color: white; 
	color		    : black;
	font		    : 11px Verdana; 
}

BODY.Reflow
{
	background-color : #cccccc;
}

.DefaultTable
{
	width           : 100%;
	height			: 100%;
	padding			: 0px;
	spacing			: 0px;
	border			: 0px;	
    margin-left     : auto;
    margin-right    : auto;
    margin-top      : auto;
    margin-bottom   : auto;
}

.Footer
{
    font            : 8pt Verdana;  
}

/***
 * Processes Related Styles
 */
A
{
    color		    : #316AC5;
    text-decoration : underline; 
}

A.BlackLink
{
    color           : black;
    text-decoration : none;
}

A.GrayLink
{
    color           : #999999;
    text-decoration : none;
}

A:hover 
{ 
    color		    : #316AC5;
    text-decoration : underline; 
}

.BlueLink
{
    color		    : #316AC5;
    text-decoration : underline; 
}

/***
 * Panes
 */
 
.TabPane
{
	height			: 30px;
	background-color: #FFFFFF;
}

.HeaderPane
{
	height			: 30px;
    border-right	: 1px #000000 solid;
    border-left		: 1px #000000 solid;
    border-bottom   : 1px #000000 solid;
    background-color: white;/*#DBDBDB;*/ /* #DFDFDF; */


} 

.TopPane
{
	vertical-align  : top;
	padding			: 0px;

    border-right	: 1px #000000 solid;
    border-left		: 1px #000000 solid;
}

.LeftPane
{
	vertical-align  : top;
	padding			: 0px;

    border-right	: 1px #000000 solid;
    border-left		: 1px #000000 solid;
    border-bottom   : 1px #000000 solid;

}

.RightPane
{
	background-color  : #FFFFFF;
	vertical-align    : top;
    border-right      : 1px #000000 solid;
    border-bottom     : 1px #000000 solid;
	width			  : 72%;
}

.FooterPane
{
	height	 		  : 18px;
    border-right	  : 1px #000000 solid;
    border-left		  : 1px #000000 solid;
    border-bottom     : 1px #000000 solid;
    background-color  : #DBDBDB; /* #DFDFDF; */
	color			  : #333333; /* #BABABA; */
	padding-right	  : 10px;
	filter			  : progid:DXImageTransform.Microsoft.Gradient( GradientType=0, StartColorStr=#CCFCFCFC, EndColorStr=#CCDBDBDB);
}

/***
 * <List Widget>
 */
.ListLabel
{
    background-color: #DBDBDB; /*#909090 #DBDBDB #DFDFDF; */;
	color		    : #000000; /* #777777; */
	font		    : 11px Verdana;  
	/*font-weight		: bolder;*/
	padding			: 3px;
	padding-left    : 9px;
	width			: 100%;
    border-bottom   : 1px #AAAAAA solid;
    border-bottom   : 1px #FFFFFF solid;
}

.ListContent
{
	background-color: #FFFFFF;
	color		    : black;
	font		    : 12px Verdana;  
	width			: 100%;
	vertical-align  : top;
}

.ListHeader
{
    background-color: #909090 /*#DBDBDB #CACACA*/;
	color		    : #FFFFFF;
	font		    : 11px Verdana;  
    border-right    : 1px #FFFFFF solid;
	padding			: 3px;
	padding-left    : 9px;
	vertical-align  : top;
	filter			: progid:DXImageTransform.Microsoft.Gradient( GradientType=0, StartColorStr=#CCB0B0B0, EndColorStr=#CC707070);
	text-align: left;
}

.ListHeaderLast
{
    background-color: #909090 /*#DBDBDB #CACACA*/;
	color		    : #FFFFFF;
	font		    : 11px Verdana;  
 	padding			: 3px;
	padding-left    : 9px;
	vertical-align  : top;
	filter			: progid:DXImageTransform.Microsoft.Gradient( GradientType=0, StartColorStr=#CCB0B0B0, EndColorStr=#CC707070);
	text-align: left;
}

.HeaderLink
{
	color		    : #FFFFFF;
	font		    : 11px Verdana;  
}

.HeaderLink:hover
{
	color		    : #FFFFFF;
	font		    : 11px Verdana;  
}

.ListCell
{
	background-color: #F8F8F8;
    border-right    : 1px #DBDBDB/*#CACACA*/ solid;
	padding			: 3px;
	padding-left    : 9px;
	vertical-align  : top;
}

.ListCellLast
{
	background-color: #F8F8F8;
 	padding			: 3px;
	padding-left    : 9px;
	vertical-align  : top;
}

.BorderedListCell
{
    border-right    : 1px #CACACA solid;
	padding			: 3px;
	padding-left    : 9px;
    border-bottom   : 1px #DBDBDB/*#DCDCDC*/ dashed;
	vertical-align  : top;
}

.BorderedListCellLast
{
 	padding			: 3px;
	padding-left    : 9px;
    border-bottom   : 1px #DBDBDB/*#DCDCDC*/ dashed;
	vertical-align  : top;
}

.BorderedListCellPadding
{
    border-right    : 1px #CACACA solid;
	padding			: 3px;
	padding-left    : 9px;
	vertical-align  : top;
}

.BorderedListCellPaddingLast
{
 	padding			: 3px;
	padding-left    : 9px;
	vertical-align  : top;
}


.ListElement
{
	font		    : 11px Verdana;  
 	padding-top     : 3px;
 	padding			: 2px;
}

.ListElementSelected
{
	color		    : white;
	font		    : 11px Verdana;  
	background		: #316AC5;
 	padding			: 2px;
}

.ListElementWarning
{
	font		    : 11px Verdana;  
 	padding			: 2px;
}

.RangeSelector
{
    background-color: #FFFFFF; 
	color		    : black;
	font		    : 11px Verdana;  
    border-top      : 1px #000000 solid;
	padding			: 3px;
	padding-left    : 9px;
	padding-right   : 9px;
	vertical-align  : top;
}


/***
 * Processes Related Styles
 */
 

.ProcessSelector
{
    color           : black;
    text-decoration : none;
}

.ProcessSelector:hover 
{ 
    color		    : #316AC5;
    text-decoration : underline; 
}

.FailedProcessSelector
{
    color           : #777777; 
    text-decoration : none;
}

.FailedProcessSelector:hover
{
    color           : #777777;
    text-decoration : underline;
}

/***
 * Instance List
 */
.Grouper
{
	font		    : 4px Verdana;  
	background-color: #000000;
	width			: 1px;
	height			: 100%;
	text-align		: center;
}
.InstanceTitle
{
	color		    : #000000;
	font		    : 11px Verdana; 
	font-weight		: bolder;
	vertical-align  : top; 
}

.ActivityLabel
{
	color		    : #000000;
	font		    : 11px Verdana; 
	vertical-align  : top; 
	padding-top		: 1px;
	padding-bottom	: 1px;
}

/***
 * Tool
 */
.Tool
{
	padding			: 15px;
	height			: 100%;
	background-color: #F8F8F8; /*#FAFAFA;*/
}

.ToolLabel
{
	color		    : #000000/*#999999*/;
	font		    : 10px Verdana; 
	padding-top		: 6px;
	padding-bottom	: 2px;
}

/***
 * IViewer Tab Control
 */
.IViewerTabControl
{
	vertical-align  : top; 
	width			: 10px;
	height			: 100%;
    background-color: #DBDBDB; /* #DFDFDF; */
    border-left   	: 1px #000000 solid;	
    border-bottom 	: 1px #000000 solid;
	text-align		: right;	
	filter			: progid:DXImageTransform.Microsoft.Gradient( GradientType=0, StartColorStr=#CCDBDBDB, EndColorStr=#CCFCFCFC);
}

.IViewerSelectedTab
{
    border-right   	: 1px #FFFFFF solid;	
	width		   	: 20px;
	text-align		: right;
}

.IViewerTab
{
    border-right   	: 1px #AAAAAA solid;	
	width		   	: 20px;
	text-align		: right;
}

.IViewerTabPadding
{
    border-right   	: 1px #AAAAAA solid;	
	width		   	: 10px;
	text-align		: right;
	height			: 100%;
}

.IViewerInstanceInfoPane
{
    border-right	: 1px #000000 solid;
    border-left		: 1px #000000 solid;
    background-color: #FFFFFF; /* #DFDFDF; */
	padding			: 10px;
} 

.IViewerRightPane
{
	background-color  : #FFFFFF;
	vertical-align    : top;
    border-top        : 1px #AAAAAA solid;
    border-right      : 1px #000000 solid;
    border-bottom     : 1px #000000 solid;
	width			  : 100%;
}

.IViewerInstanceInfoPaneTitle
{
	width			: 100%;
	padding-left	: 20px;
	color		    : black;
	font		    : 14px Verdana;  
	padding-bottom  : 2px;
	font-weight		: bolder;
}

.IViewerInstanceInfoPaneName
{
	color		    : #555555; /* black; */
	font		    : 11px Verdana;  
	font-weight		: bolder;
	padding-left    : 20px;
}

.IViewerInstanceInfoPaneValue
{
	color		    : #000000; /* #777777 */;
	font		    : 11px Verdana;  
	padding-right   : 10px;
}

.Selector
{
	color		    : black;
	font		    : 11px Verdana;
}

.IViewerToolViewBanner
{
	padding-top		: 4px;
	padding-bottom	: 4px; 
	border-bottom	: 1px #D0D0D0 solid; 
	background-color: #F8F8F8; /* #F0F0F0; */
	width			: 100%;
	height			: 30px;
}

.IViewerToolViewWrapper
{
	width			:100%; 
	height			:100%; 
	vertical-align	:top;
}

.IViewerToolView
{
	width			:100%; 
	height			:20px;
	overflow-y		:scroll;
	overflow-x		:auto;
	padding-left	:10px;
	padding-top		:5px;
}

.ControlFont
{
	font		    : 11px Verdana;
}

/****
 * Display Process Information Widget
 */

.SViewerToolViewWrapper
{
	width			:100%; 
	height			:100%; 
	vertical-align	:top;
}

.SViewerToolNoScrollView
{
	width			:100%; 
	height			:20px;
	overflow-y		:scroll;
}


.SViewerToolView
{
	width			:100%; 
	height			:20px;
	overflow-x		:auto;
	overflow-y		:scroll;
}

.SViewerInfoPane
{
    border-right	: 1px #000000 solid;
    border-left		: 1px #000000 solid;
    background-color: #F7F7F7;
	padding			: 5px;
} 

.SViewerLabel
{
}

.SViewerPropLabel
{
	padding 		: 3px;
	padding-left	: 9px;
	border-top   	: 1px #AAAAAA solid; 
	background-color: #F8F8F8; /* #F0F0F0; */
	width			: 100%;
	font			: 11px verdana;
}

.SViewerPropHeaderVariable
{
    background-color: #909090 /*#DBDBDB #CACACA*/;
	color		    : #FFFFFF;
	font		    : 11px Verdana;  
    border-right    : 1px #FFFFFF solid;
	padding			: 3px;
	padding-left    : 9px;
	vertical-align  : top;
	height			: 15px;
	filter			: progid:DXImageTransform.Microsoft.Gradient( GradientType=0, StartColorStr=#CCB0B0B0, EndColorStr=#CC707070);
	text-align: left;
}

.SViewerPropHeaderValue
{
    background-color: #909090 /*#DBDBDB #CACACA*/;
	color		    : #FFFFFF;
	font		    : 11px Verdana;  
 	padding			: 3px;
	padding-left    : 9px;
	vertical-align  : top;
	height			: 15px;
	filter			: progid:DXImageTransform.Microsoft.Gradient( GradientType=0, StartColorStr=#CCB0B0B0, EndColorStr=#CC707070);
}


.SViewerPropVariable
{
    border-right    : 1px #CACACA solid;
	padding			: 3px;
	padding-left    : 9px;
	vertical-align  : top;
	font		    : 11px Verdana;  

}

.SViewerPropValue
{
 	padding			: 3px;
	padding-left    : 9px;
	vertical-align  : top;
	font		    : 11px Verdana;  

}

/***
 * Displaying Exceptions
 */
.ExceptionLabel
{
	padding			: 6px;
	font		    : 12px Verdana;  
	font-weight	    : bolder;  
}

.ExceptionValue
{
	padding			: 14px;
	font		    : 12px Verdana;  
}

.ExceptionTrace
{
	padding			: 14px;
	font		    : 12px "Courier New";  
}

.ExceptionTitle
{
	color			: #AE3602;
	padding			: 6px;
	padding-top 	: 8px;
	padding-bottom 	: 8px;
	border-top  	: 1px #AE3602 solid; 
	border-bottom	: 1px #AE3602 solid; 
	background-color: #FCDAC7;
	width			: 100%;
	height			: 30px;
	font		    : 12px Verdana;  
}


.FormItemColor
{
	color: #ABABAB;
}

.LoginHint
{
	color: #999999;
}

/**
 * Content navigation bar
 */
.SelectionContentNav
{
    margin: 4px 0;
    font: 10px Verdana;
    text-align: right;
}

.SelectionContentNav .link
{
    margin: 0;
    cursor: pointer;
    text-decoration: none;
    color: black;
}

.SelectionContentNav .link-over
{
    cursor: pointer;
    text-decoration: underline;
    color: #316ac5;
}

.SelectionContentNav span.first
{
    float: left;
    text-align: left;
}

.SelectionContentNav span.last span
{
    margin-left: 1em;
}

.SelectionButtonBar
{
    background-color: #deeafe;
    padding: 10px;
}