div {
		margin: 0px;
		padding: 0px;
	}
	.verticalgridline {
		padding-top: 27px;
	}
	.newmenuitem 
	{
		position:absolute;
		cursor: default;
		padding: 1px 1px 1px 1px;
		top:36px;
		left:10px;
		width: 200px;
		height: 52px;
		background-color:#BDBEC6;
		border: 1px solid #fff;
		overflow:hidden;
		display:none;
		z-index:3000;
	}
	.toolboxpanel
	{
		position:absolute;
		left: 10px; 
		top: 74px;
		height: 494px;
		width:169;
		overflow:visible;	
		z-index:100;	
	}	
	.toolboxscrollup
	{
		position: absolute; 
		left:0px;
		top:1px;
		cursor: default;
		width: 169px;
		height: 10px;
		background-color: #fff;
		border: 1px solid #aaa;
		padding: 0px;
		margin: 0px;
		overflow:hidden;
		z-index:102;
	}
	.toolboxscrolldown
	{
		position: absolute; 
		left:0px;
		top:485px;
		cursor: default;
		width: 169px;
		height: 10px;
		background-color: #fff;
		border: 1px solid #aaa;
		padding: 0px;
		margin: 0px;
		overflow:hidden;
		z-index:102;
	}	
	.toolbox 
	{
		position:absolute; 
		left:0px;
		top:9px;
		height: 476px;
	    padding: 1px;
		margin-top: 1px;
		background-color: #fff;
		text-align: left;
		border: 1px solid #aaa;
		overflow:visible;
		z-index:101;
	}
	.toolboxitem 
	{
		cursor: default;
		padding: 1px 1px 1px 1px;
		width: 162px;
		height: 22px;
		margin: 1px 2px 2px 1px;
		background-color: #fff;
		border: 1px solid #aaa;
		overflow:hidden;
		z-index:107;
	}
	.toolboxitem table
	{
		border-collapse:collapse;
		white-space: normal;
		font-family: verdana, arial;
	}	
	.toolboxitem td
	{
		font-size: 10px;
		text-align: left;
		white-space: normal;
		font-family: verdana, arial;
	}
	.scrolldown
	{
		position: absolute; 
		left: 282px; 
		top: 442px;     
		width:25px;
		height:25px;
	    padding: 0px;
		margin: 0px;
		background-color:Transparent;
		filter:alpha(opacity=50);
		z-index: 4;   
	}
	.scrollup
	{
		position: absolute; 
		left: 282px; 
		top: 0px;     
		width:25px;
		height:25px;
	    padding: 0px;
		margin: 0px;
		background-color:Transparent;
		filter:alpha(opacity=50);
		z-index: 4;   
	}
	.scrollleft
	{
		position: absolute; 
		left: 0px; 
		top: 224px;     
		width:25px;
		height:25px;
	    padding: 0px;
		margin: 0px;
		background-color:Transparent;
		filter:alpha(opacity=50);
		z-index: 4;   
	}	
	.scrollright
	{
		position: absolute; 
		left: 550px; 
		top: 224px;     
		width:25px;
		height:25px;
	    padding: 0px;
		margin: 0px;
		background-color:Transparent;
		filter:alpha(opacity=50);
		z-index: 4;   
	}	
	.workflow 
	{
		width:575;
		height:468;
		left: 0px; 
		top: 0px; 
	    padding: 0px;
		margin: 0px;
		background-color: #fff;
		text-align: center;
		border: 1px solid #aaa;
		z-index: 3; 
	}
	.workflowView
	{
		position: absolute; 
		left: 180px; 
		top: 74px;     
		border: 1px solid #aaa;
		padding: 0px;
		width: 581px;
		height: 494px;
		margin: 1px;
		z-index: 1; 
		FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#F1F1F1, endColorStr=#cccccc, gradientType=1);  
	}
	.map
	{
		position: absolute; 
		left: 0px; 
		top: 0px; 
		z-index: 0;
	}
	.designer
	{
		position: absolute; 
		left: 0px; 
		top: 0px; 
		border: 1px solid #aaa;
		padding: 0px;
		width: 577px;
		height: 470px;
		margin: 1px;
		background-color:Gray;
		z-index: 2;
		overflow:hidden;
	}
	.sourcecode
	{
		position: absolute; 
		left: 0px; 
		top: 0px; 
		font-size: 12px;
		font-family:Courier New, Courier;
		border: 1px solid #aaa;
		padding: 0px;
		width: 577px;
		height: 470px;
		margin: 1px;
		z-index: 1;
		background-color:#ffffff;
		overflow:scroll;
	}
	.rules
	{
		position: absolute; 
		left: 0px; 
		top: 0px; 
		font-size: 12px;
		font-family:Courier New, Courier;
		border: 1px solid #aaa;
		padding: 0px;
		width: 577px;
		height: 470px;
		margin: 1px;
		z-index: 1;
		background-color:#ffffff;
		overflow:scroll;
	}
	.code
	{
		position: absolute; 
		left: 0px; 
		top: 0px; 
		font-size: 12px;
		font-family:Courier New, Courier;
		border: 1px solid #aaa;
		padding: 0px;
		width: 577px;
		height: 470px;
		margin: 1px;
		z-index: 1;
		background-color:#ffffff;
		overflow:scroll;
	}	
	.designertab
	{
		position: absolute; 
		left: 0px; 
		top: 472px; 
		font-size: 12px;
		font-family: Arial, Sans-Serif;
		border: 1px solid #aaa;
		padding: 0px;
		width: 80px;
		height: 18px;
		margin: 1px;
		z-index: 1;
		text-align: center;
		background-color: #ffffff;
		cursor: default;     
	}
	.sourcecodetab
	{
		position: absolute; 
		left: 82px; 
		top: 472px; 
		font-size: 12px;
		font-family: Arial, Sans-Serif;
		border: 1px solid #aaa;
		padding: 0px;
		width: 80px;
		height: 18px;
		margin: 1px;
		z-index: 1;
		text-align: center;
		cursor: default; 
	}
	.rulestab
	{
		position: absolute; 
		left: 164px; 
		top: 472px; 
		font-size: 12px;
		font-family: Arial, Sans-Serif;
		border: 1px solid #aaa;
		padding: 0px;
		width: 80px;
		height: 18px;
		margin: 1px;
		z-index: 1;
		text-align: center;
		cursor: default; 
	}
	.codetab
	{
		position: absolute; 
		left: 246px; 
		top: 472px; 
		font-size: 12px;
		font-family: Arial, Sans-Serif;
		border: 1px solid #aaa;
		padding: 0px;
		width: 80px;
		height: 18px;
		margin: 1px;
		z-index: 1;
		text-align: center;
		cursor: default; 
	}	
	.StatusBar
	{
		position: absolute; 
		left: 9px; 
		top: 666px;
		font-size: 12px;
		font-family: Arial, Sans-Serif;
		border: 1px solid #aaa;
		padding: 0px;
		width: 958px;
		height: 18px;
		margin: 1px;
		FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#F1F1F1, endColorStr=#cccccc, gradientType=1) 
	}	
	.CompilerResults
	{
		position: absolute; 
		left: 9px; 
		top: 568px;     
		border: 1px solid #aaa;
		padding: 0px;
		width: 958px;
		height: 100px;
		margin: 1px;

		z-index: 101; 
		FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#F1F1F1, endColorStr=#cccccc, gradientType=1)  
	}
	.ErrorList
	{
		position: absolute; 
		left: 0px; 
		top: 20px; 
		font-size: 12px;
		font-family:Courier New, Courier;
		border: 1px solid #aaa;
		padding: 0px;
		width: 954px;
		height: 78px;
		margin: 1px;
		z-index: 2;
		background-color:#ffffff;
		overflow:auto;
	}
	.ErrorList td
	{
		font-size: 12px;
		font-family:Arial, Sans-Serif;
		border-color: #aaa; 
		border-style:solid; 
		border-width:1px;
	}
	.WarningList
	{
		position: absolute; 
		left: 0px; 
		top: 20px; 
		font-size: 12px;
		font-family:Courier New, Courier;
		border: 1px solid #aaa;
		padding: 0px;
		width: 954px;
		height: 78px;
		margin: 1px;
		z-index: 1;
		background-color:#ffffff;
		overflow:auto;
	}
	.WarningList td
	{
		font-size: 12px;
		font-family:Arial, Sans-Serif;
		border-color: #aaa; 
		border-style:solid; 
		border-width:1px;
	}	
	.ErrorListTab
	{
		position: absolute; 
		left: 0px; 
		top: 1px; 
		border: 1px solid #aaa;
		padding: 0px;
		width: 80px;
		height: 18px;
		margin: 1px;
		z-index: 1;
		text-align: center;
		cursor: default; 
		background-color:#ffffff;		
	}
	.WarningListTab
	{
		position: absolute; 
		left: 82px; 
		top: 1px; 
		border: 1px solid #aaa;
		padding: 0px;
		width: 80px;
		height: 18px;
		margin: 1px;
		z-index: 1;
		text-align: center;
		cursor: default; 
	}
	.ErrorListTab td
	{
		font-size: 12px;
		font-family: Arial, Sans-Serif;
	}	
	.WarningListTab td
	{
		font-size: 12px;
		font-family: Arial, Sans-Serif;
	}	
	.wfbar 
	{
	    height:18px;
	    cursor:default;
        background-color: #ffffff;
        font-family: Arial, sans-serif;
        font-size: 10px;
        font-weight: bold;
        padding: 2px 1em 2px 1em;
        border-bottom: 1px solid #aaa;
    }
	.bar 
	{
		width:100%;
		background-color:#A1C6EB;
	    cursor:default;
        color: #ffffff;
        font-size: 10px;
        font-weight: bold;
        padding: 2px 1em 2px 1em;
    }
	.dialogbar {
        FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#CEDFF6, endColorStr=#1E77D3, gradientType=1);
        color: #ffffff;
        font-size: 12px;
        font-weight:bold;
        background-color:A1C6EB;
        padding: 2px 1em 2px 1em;
        text-align: left;
        font-family: verdana, arial;
    }    
	.bar p {
		font-size: 10px;
		color: #ffffff;
		text-align: center;
		font-weight: bold;
		white-space: normal;
	}
    .idlabel {
		font-size: 10px;
	}
	.wflabel {
		font-size: 10px;
	}	
	.connector {
		padding: 0px;
		z-index: 1;
	}
	.connector p {
		font-size: 12px;
		margin: 5px 5px 10px 5px;
		text-align: center;
		white-space: normal;
	}
	.activitytable
	{
	    padding: 0px;
		margin: 0px;	
		border: 0px;
		WORD-BREAK:BREAK-ALL;	
	}
	.propertygrid 
	{
		position:absolute;
		left:763px;
		width:205px;
		height: 494px;
	    padding: 0px;
		margin-top: 1px;
		background-color: #fff;
		text-align: left;
		border: 1px solid #aaa;
	}
	.propertygrid p {
		font-size: 10px;
		text-align: left;
		white-space: normal;
	}
	.propertygrid td
	{
		border-color: #aaa; 
		border-style:solid; 
		border-width:1px;
		WORD-BREAK:BREAK-ALL;
	}
	.propertygrid td td
	{
		border-width:0px;
		WORD-BREAK:BREAK-ALL;
	}
	.propertybar {
        FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#F1F1F1, endColorStr=#A1C6EB, gradientType=1);
        color: #aaa;
        font-size: 12px;
        font-weight:bold;
        padding: 2px 1em 2px 1em;
        text-align: left;
        font-family: verdana, arial;
    }
	.atxtarea 
	{
		BORDER-BOTTOM: #aaa 1px solid; 
		BORDER-LEFT: #aaa 1px solid; 
		BORDER-RIGHT: #aaa 1px solid; 
		BORDER-TOP: #aaa 1px solid; 
		FONT-SIZE: 10px; 
		FONT-WEIGHT: normal; 
		TEXT-DECORATION: none; 
		font-family: verdana, arial
	}
	.ctext
	{
		color:GrayText; font-family: Verdana, Arial; font-size: 10px; font-weight: normal
	}
	.errortext
	{
		color:Red; font-family: Verdana, Arial; font-size: 10px; font-weight: normal
	}
	.button
	{
		cursor: default;
		padding: 1px 1px 1px 1px;
		width: 65px;
		height: 18px;
		margin: 0px 0px 0px 0px;
		background-color: #F1F1F1;
		border: 1px solid #aaa;
		overflow:hidden;
		font-family: verdana, arial; 
		font-size:10px;
		text-decoration: none;
		font-weight: bold;
		text-align: center;
		color:#aaa;
	}
	.button a 
	{
		font-family: Verdana, Arial; font-size: 10px;text-decoration: none ; font-weight: bold
	}
	.hotbutton
	{
		cursor: default;
		padding: 1px 1px 1px 1px;
		width: 65px;
		height: 18px;
		color:orange;
		margin: 0px 0px 0px 0px;
		background-color: #F1F1F1;
		border: 1px solid #aaa;
		overflow:hidden; 
		font-family: verdana, arial; 
		font-size:10px;
		text-decoration: none;
		font-weight: bold;
		text-align:center;
		cursor:pointer;
	}
	.hotbutton a
	{
		font-family: Verdana, Arial; font-size: 10px;color:#fff; text-decoration: none; font-weight: bold
	} 	
	.hotbutton a:hover 
	{
		font-family: Verdana, Arial; font-size: 10px;color:#fff; text-decoration: none; font-weight: bold
	} 
	.drapper
	{
		position: absolute; 
		left: 0px; 
		top: 0px; 
		border: 1px solid #aaa;
		padding: 0px;
		width: 980px;
		height: 760px;
		margin: 0px;
		background-color:#aaa;
		z-index: 1998;
		visibility:hidden;
		filter:alpha(opacity=50);
	}
	.drapper2
	{
		position: absolute; 
		left:0px; 
		top: 0px; 
		width: 980px;
		height: 760px;	
		border: 1px solid #aaa;
		padding: 0px;
		margin: 0px;
		background-color:#aaa;
		z-index: 2001;
		visibility:hidden;
		filter:alpha(opacity=50);
	}	
	.dialogFormDrapper
	{
		position: absolute; 
		left: 0px; 
		top: 0px; 
		border: 1px solid #aaa;
		padding: 0px;
		width: 980px;
		height: 760px;
		margin: 0px;
		background-color:#aaa;
		z-index: 1998;
		visibility:hidden;
		filter:alpha(opacity=50);
	}		
	.drapper3
	{
		position: absolute; 
		left: 0px; 
		top: 0px; 
		border: 1px solid #aaa;
		padding: 0px;
		width: 980px;
		height: 760px;
		margin: 0px;
		background-color:#aaa;
		z-index: 2003;
		visibility:hidden;
		filter:alpha(opacity=20);
	}
	.progressBar
	{
		position: absolute; 
		left: 400px; 
		top: 290px; 
		width: 150px;
		height: 30px;	
		font-family: Verdana, Arial; 
		font-size: 10px;	
		border: 1px solid #fff;
		padding: 0px;
		margin: 0px;
		background-color:#1E77D3;
		z-index: 2007;
		visibility:hidden;
		color:#fff;
		vertical-align:middle;		
	}
	.activitytree
	{
		left: 0px; 
		top: 0px; 
		padding: 0px;
		width: 442px;
		height: 352px;
		margin: 0px;
		background-color:#ffffff;
		overflow:auto;
	}
	.treeitem
	{
		background-color:#ffffff;
		height: 18px;
		font-family: Verdana, Arial; 
		font-size: 10px;
		color:#000000; 
		text-decoration: none; 
		vertical-align:middle;
		margin:0px;
		padding:0px;
		border-color: #aaa; 
		border-style:solid; 
		border-width:0px;
		overflow:hidden;
		display:block;
	}
	.treechildren
	{
		background-color:#ffffff;
		font-family: Verdana, Arial; 
		font-size: 10px;
		color:#000000; 
		text-decoration: none; 
		vertical-align:middle;
		margin:0px;
		padding:0px;
		border-color: #000000; 
		border-style:solid; 
		border-width:0px;
		display:none;
	}
	.treelabel
	{
		font-family: Verdana, Arial; 
		font-size: 10px;
		background-color:blue; 
		text-decoration: none; 
		padding:1px;
		margin:1px;
	}	
	.treeitem img
	{
		border:0px;
	}	
	.selectedtreeitem td
	{
		background-color:blue;
		color:#ffffff;
		cursor:default;
		vertical-align:middle;
	}
	.treeitem td
	{
		cursor:default;
		vertical-align:middle;
	}
	.selectedtreeitem
	{
		background-color:#ffffff;
		height: 18px;
		font-family: Verdana, Arial; 
		font-size: 10px;
		color:#ffffff; 
		text-decoration: none;		 
		vertical-align:middle;
		margin:0px;
		padding:0px;
		border-color: #aaa; 
		border-style:solid; 
		border-width:0px;
		overflow:hidden;
		display:block;
	}
	.selectedtreeitem img
	{
		border:0px;
	}
	.griditem
	{
		background-color:#ffffff;
		height: 18px;
		width:440px;
		font-family: Verdana, Arial; 
		font-size: 10px;
		color:#000000; 
		text-decoration: none; 
		vertical-align:middle;
		margin:0px;
		padding:0px;
		border-color: #aaa; 
		border-style:solid; 
		border-width:0px;
		overflow:hidden;
		display:block;
		cursor:default;
	}	
	.selectedgriditem
	{
		background-color:Blue;
		height: 18px;
		width:440px;
		font-family: Verdana, Arial; 
		font-size: 10px;
		color:#ffffff; 
		text-decoration: none;		 
		vertical-align:middle;
		margin:0px;
		padding:0px;
		border-color: #aaa; 
		border-style:solid; 
		border-width:0px;
		overflow:hidden;
		display:block;
		cursor:default;
	}
	.item
	{
		background-color:#ffffff;
		height: 18px;
		width:290px;
		font-family: Verdana, Arial; 
		font-size: 10px;
		color:#000000; 
		text-decoration: none; 
		vertical-align:middle;
		margin:0px;
		padding:0px;
		border-color: #aaa; 
		border-style:solid; 
		border-width:0px;
		overflow:hidden;
		display:block;
		cursor:default;
	}	
	.selecteditem
	{
		background-color:Blue;
		height: 18px;
		width:290px;
		font-family: Verdana, Arial; 
		font-size: 10px;
		color:#ffffff; 
		text-decoration: none;		 
		vertical-align:middle;
		margin:0px;
		padding:0px;
		border-color: #aaa; 
		border-style:solid; 
		border-width:0px;
		overflow:hidden;
		display:block;
		cursor:default;
	}
	.activitytree a
	{
		font-family: Verdana, Arial; font-size: 10px;color:Gray; text-decoration: none; font-weight: bold
	} 	
	.activitytree a:hover 
	{
		font-family: Verdana, Arial; font-size: 10px;color:DarkOrange; text-decoration: none; font-weight: bold
	}
	.activitytree td
	{
		font-family: verdana, arial; 
		font-size:10px;
		border-width:0px;
		border-color: #fff;
		WORD-BREAK:BREAK-ALL;
	}
	.activitybind
	{
		position: absolute; 
		left: 250px; 
		top: 110px; 
		border: 1px solid #000000;
		padding: 0px;
		width: 450px;
		height: 400px;
		margin: 0px;
		background-color:#ffffff;
		z-index: 2000;
		visibility:hidden;
	}	
	.conditionform
	{
		position: absolute; 
		left: 300px; 
		top: 160px; 
		border: 1px solid #000000;
		padding: 0px;
		width: 350px;
		height: 210px;
		margin: 0px;
		background-color:#ffffff;
		z-index: 2003;
		visibility:hidden;
	}
	.dialogform
	{
		position: absolute; 
		left: 300px; 
		top: 160px; 
		border: 1px solid #000000;
		padding: 0px;
		width: 350px;
		height: 220px;
		margin: 0px;
		background-color:#ffffff;
		z-index: 2000;
		visibility:hidden;
	}	
	.dialogform td
	{
		border-color: #aaa; 
		border-style:solid; 
		border-width:0px;
		WORD-BREAK:BREAK-ALL;
	}
	.dialogcontent
	{
		left: 0px; 
		top: 0px; 
		padding: 0px;
		width: 342px;
		height: 172px;
		margin: 0px;
		background-color:#ffffff;
		overflow:auto;
	}
	.selectionform
	{
		position: absolute; 
		left: 300px; 
		top: 160px; 
		border: 1px solid #000000;
		padding: 0px;
		width: 350px;
		height: 220px;
		margin: 0px;
		background-color:#ffffff;
		z-index: 2000;
		visibility:hidden;
	}	
	.selectionform td
	{
		border-color: #aaa; 
		border-style:solid; 
		border-width:0px;
		WORD-BREAK:BREAK-ALL;
	}
	.selectioncontent
	{
		left: 0px; 
		top: 0px; 
		padding: 0px;
		width: 342px;
		height: 172px;
		margin: 0px;
		background-color:#ffffff;
		overflow:auto;
	}	
	.contextmenuclass
	{
		position: absolute; 
		left: 0px; 
		top: 0px; 
		border: 1px solid #aaa;
		padding: 0px;
		width: 100px;
		height: 30px;
		margin: 0px;
		background-color:lightyellow;
		z-index: 2003;
		visibility:hidden;
		overflow:hidden;
	}
	.contextmenuitem 
	{
		font-size: 10px;
		font-family: verdana, arial;
		text-align: left;
		cursor: default;
		padding: 1px 1px 1px 1px;
		width: 96px;
		height: 16px;
		margin: 1px 2px 2px 1px;
		background-color: #fff;
		border: 1px solid #aaa;
		overflow:hidden;
		z-index:2004;
	}
	.tooltipclass
	{
		position: absolute; 
		left: 0px; 
		top: 0px; 
		border: 1px solid #aaa;
		padding: 0px;
		width: 245px;
		height: 105px;
		margin: 0px;
		background-color:lightyellow;
		z-index: 2003;
		visibility:hidden;
		overflow:hidden;
	}		
	.tooltipclass table
	{
		border-collapse:collapse;
		white-space: normal;
		font-family: verdana, arial;
	}	
	.tooltipclass td
	{
		font-size: 10px;
		text-align: left;
		white-space: normal;
		font-family: verdana, arial;
	}
	.uploadform
	{
	}
	.uploadform table
	{
		border-collapse:collapse;
		white-space: normal;
		font-family: verdana, arial;
	}	
	.uploadform td
	{
		font-size: 10px;
		text-align: left;
		white-space: normal;
		font-family: verdana, arial;
	}		
	.activitybind td
	{
		border-color: #aaa; 
		border-style:solid; 
		border-width:0px;
		WORD-BREAK:BREAK-ALL;
	}
	
	.jack
	{
		position:relative;
		border: 1px solid #9999FF;
		font-family: verdana, sans-serif;
		font-size:7px;
		width: 30px;
		height: 12px;
		z-index: 4;
		cursor:default;
		color:#000;
		padding: 0px;
		margin: 0px;
		overflow:hidden;
		background-color: lightyellow;
	}
	.jacks
	{
		width: 32px;
		height: 40px;
		z-index: 0;
		cursor:default;
		padding: 0px;
		margin: 0px;
		overflow:auto;
		vertical-align:top;
	}	
	.bind
	{
		position:absolute;
		border: 1px solid #9999FF;
		width: 24px;
		height: 12px;
		font-family: verdana, sans-serif;
		font-size:7px;		
		z-index: 4;
		cursor:default;
		padding: 0px;
		margin: 0px;
		overflow:hidden;
		background-color: lightyellow;
	}
	.pipe 
	{
		position: absolute; 
		border: 1px solid #9999FF;
		width: 2px;
		height: 2px;
		z-index: 2;
		cursor:default;
		padding: 0px;
		margin: 0px;
		overflow:hidden;
		background-color: lightyellow;
	}