body {
	margin: 20px auto;
	font: 12px Verdana,Arial, Helvetica, sans-serif;
	background-color: #eeeeee;
}
.HeaderLineTable
{
	border: 0;
	margin: 0;
	padding: 0;
	min-width: 800px;
	width: 100%;
}
.HeaderLine 
{
	background:url(images/headerline.gif);
	background-repeat: repeat-x;
	background-position:center center;
}
.HeaderLineSmallBreak
{
	background:url(images/headerline.gif);
	background-repeat: repeat-x;
	background-position:center center;
	width: 5px;
}
.HeaderLineTab 
{
	background:url(images/headerline.gif);
	background-repeat: repeat-x;
	background-position:center center;
	width: 5px;
}
.HeaderLineHeadline
{
	white-space:nowrap;
	text-align: left;
	font-size: small;
	font-weight: bold;
	color: Navy;
	width: 5px;
}
.HeaderLineText
{
	border: 1px;
	border-color: #DDDDDD;
	border-style: dashed;
	width: 1px;
	padding: 3px;
	cursor: pointer;
	white-space:nowrap;
	text-align: left;
}
.HeaderLineText:hover
{
	border: 1px;
	border-color: #DD5555;
	border-style: solid;
	width: 1px;
	padding: 3px;
	cursor: pointer;
	white-space:nowrap;
	text-align: left;
}
.HeaderLineText:active
{
	border: 1px;
	border-color: #55DD55;
	border-style: solid;
	width: 1px;
	padding: 3px;
	cursor: pointer;
	white-space:nowrap;
	text-align: left;
}
.HeaderLineButton
{
	background:none;
	border: 2px;
	border-color: ThreeDLighShadow;
	border-style: outset;
	width: 1px;
	padding: 3px;
	background-color:LightBlue;
	cursor: pointer;
	white-space:nowrap;
	text-align: left;
}
.HeaderLineButton:hover
{
	background:none;
	border: 2px;
	border-color: ThreeDLighShadow;
	border-style: outset;
	width: 1px;
	padding: 3px;
	background-color:ButtonHighlight;
	cursor: pointer;
	white-space:nowrap;
	text-align: left;
}
.HeaderLineButton:active
{
	background:none;
	border: 2px;
	border-color: ThreeDLighShadow;
	border-style: inset;
	width: 1px;
	padding: 3px;
	background-color:ButtonHighlight;
	cursor: pointer;
	white-space:nowrap;
}

.HeaderLineExpand
{
	background:none;
	border: 2px;
	border-style: hidden;
	width: 1px;
	padding: 3px;
	cursor: pointer;
	white-space:nowrap;
	text-align: left;
}
.HeaderLineExpand:hover
{
	background:none;
	border: 2px;
	border-style: outset;
	width: 1px;
	padding: 3px;
	cursor: pointer;
	white-space:nowrap;
	text-align: left;
}
.HeaderLineExpand:active
{
	background:none;
	border: 2px;
	border-style: inset;
	width: 1px;
	padding: 3px;
	cursor: pointer;
	white-space:nowrap;
}

.HeaderLineDropDown 
{
	border: 1px;
	border-color: #AAAAAA;
	border-style: solid;
	list-style: none;
	position: absolute;
	display: none;
	background: #FFFFFF;
	float: none;
	z-index: 99;
 }
.HeaderLineDropDownContent
{
}
.HeaderLineDropDownLine
{
	border: 1px;
	border-color: #DDDDDD;
	border-style: dashed;
	cursor: pointer;
	white-space:nowrap;
	text-align: left;
	float: none;
	z-index: 99
}
.HeaderLineDropDownLine:hover
{
	border: 1px;
	border-color: #DD5555;
	border-style: solid;
	cursor: pointer;
	white-space:nowrap;
	text-align: left;
	float: none;
	z-index: 99
}

.HeaderLineDropDownLine:active
{
	border: 1px;
	border-color: #55DD55;
	border-style: solid;
	cursor: pointer;
	white-space:nowrap;
	text-align: left;
	float: none;
	z-index: 99
}


.EntryLineTable
{
	border: 0;
	margin: 0;
	padding: 0;
	min-width: 800px;
	width: 100%;
}
.EntryLine 
{
	background:url(images/entryline.gif);
	background-repeat: repeat-x;
	background-position:center center;
	width: 100%;
}
.EntryLineSmallBreak
{
	background:url(images/entryline.gif);
	background-repeat: repeat-x;
	background-position:center center;
	width: 5px;
}
.EntryLineClear
{
	background:url(images/unselected.gif);
	background-repeat: no-repeat;
	background-position:center center;
	cursor: pointer;
	min-width: 15px
	width: 15px;
}
.EntryLineClear:hover
{
	background:url(images/unselectedhover.gif);
	background-repeat: no-repeat;
	background-position:center center;
	cursor: pointer;
	width: 15px;
}
.EntryLineClear:active
{
	background:url(images/unselectedactive.gif);
	background-repeat: no-repeat;
	background-position:center center;
	cursor: pointer;
	width: 15px;
}
.EntryLineSelected
{
	background:url(images/selected.gif);
	background-repeat: no-repeat;
	background-position:center center;
	cursor: pointer;
	width: 15px;
}
.EntryLineSelected:hover
{
	background:url(images/selectedhover.gif);
	background-repeat: no-repeat;
	background-position:center center;
	cursor: pointer;
	width: 15px;
}
.EntryLineSelected:active
{
	background:url(images/selectedactive.gif);
	background-repeat: no-repeat;
	background-position:center center;
	cursor: pointer;
	width: 15px;
}
.EntryLineNotUpdating
{
	background:url(images/unselected.gif);
	background-repeat: no-repeat;
	background-position:center center;
	cursor: pointer;
	min-width: 15px
	width: 15px;
}
.EntryLineNotUpdating:hover
{
	background:url(images/unselectedhover.gif);
	background-repeat: no-repeat;
	background-position:center center;
	cursor: pointer;
	width: 15px;
}
.EntryLineNotUpdating:active
{
	background:url(images/unselectedactive.gif);
	background-repeat: no-repeat;
	background-position:center center;
	cursor: pointer;
	width: 15px;
}
.EntryLineUpdating
{
	background:url(images/selected.gif);
	background-repeat: no-repeat;
	background-position:center center;
	cursor: pointer;
	width: 15px;
}
.EntryLineUpdating:hover
{
	background:url(images/selectedhover.gif);
	background-repeat: no-repeat;
	background-position:center center;
	cursor: pointer;
	width: 15px;
}
.EntryLineUpdating:active
{
	background:url(images/selectedactive.gif);
	background-repeat: no-repeat;
	background-position:center center;
	cursor: pointer;
	width: 15px;
}
.EntryLineTab 
{
	background:url(images/entryline.gif);
	background-repeat: repeat-x;
	background-position:center center;
	width: 5px;
}
.EntryLineHeadline
{
	white-space:nowrap;
	text-align: left;
	font-size: smaller;
	font-weight: bold;
	color: Navy;
	width: 5px;
}
.EntryLineText
{
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: 1px;
	border-color: #DDDDDD;
	border-style: dashed;
	font-size: smaller;
	width: 1px;
	padding: 3px;
	/* cursor: pointer; */
	white-space:nowrap;
	text-align: left;
}
/*.EntryLineText:hover
{
	border: 1px;
	border-color: #DD5555;
	border-style: solid;
	font-size: smaller;
	width: 1px;
	padding: 3px;
	cursor: pointer;
	white-space:nowrap;
	text-align: left;
}
.EntryLineText:active
{
	border: 1px;
	border-color: #55DD55;
	border-style: solid;
	font-size: smaller;
	width: 1px;
	padding: 3px;
	cursor: pointer;
	white-space:nowrap;
	text-align: left;
}*/
.EntryLineButton
{
	-moz-border-radius: 15px;
	border-radius: 15px;
	background:none;
	border: 2px;
	border-color: ThreeDLighShadow;
	border-style: outset;
	font-size: smaller;
	width: 1px;
	padding: 3px;
	background-color:LightGreen;
	cursor: pointer;
	white-space:nowrap;
	text-align: left;
}
.EntryLineButton:hover
{
	-moz-border-radius: 15px;
	border-radius: 15px;
	background:none;
	border: 2px;
	border-color: ThreeDLighShadow;
	border-style: outset;
	font-size: smaller;
	width: 1px;
	padding: 3px;
	background-color:ButtonHighlight;
	cursor: pointer;
	white-space:nowrap;
	text-align: left;
}
.EntryLineButton:active
{
	-moz-border-radius: 15px;
	border-radius: 15px;
	background:none;
	border: 2px;
	border-color: ThreeDLighShadow;
	border-style: inset;
	font-size: smaller;
	width: 1px;
	padding: 3px;
	background-color:ButtonHighlight;
	cursor: pointer;
	white-space:nowrap;
}

.EntryLineExpand
{
	-moz-border-radius: 15px;
	border-radius: 15px;
	background:none;
	border: 2px;
	width: 1px;
	padding: 3px;
	border-style: hidden;
	cursor: pointer;
	white-space:nowrap;
	text-align: left;
}
.EntryLineExpand:hover
{
	-moz-border-radius: 15px;
	border-radius: 15px;
	background:none;
	border: 2px;
	border-style: outset;
	width: 1px;
	padding: 3px;
	cursor: pointer;
	white-space:nowrap;
	text-align: left;
}
.EntryLineExpand:active
{
	-moz-border-radius: 15px;
	border-radius: 15px;
	background:none;
	border: 2px;
	border-style: inset;
	width: 1px;
	padding: 3px;
	cursor: pointer;
	white-space:nowrap;
}

.EntryLineDropDown 
{
	border: 1px;
	border-color: #AAAAAA;
	border-style: solid;
	font-size: smaller;
	list-style: none;
	position: absolute;
	display: none;
	background: #FFFFFF;
	float: none;
	z-index: 99;
 }
.EntryLineDropDownContent
{
}
.EntryLineDropDownLine
{
	border: 1px;
	border-color: #DDDDDD;
	border-style: dashed;
	font-size: smaller;
	cursor: pointer;
	white-space:nowrap;
	text-align: left;
	float: none;
	z-index: 99
}
.EntryLineDropDownLine:hover
{
	border: 1px;
	border-color: #DD5555;
	border-style: solid;
	font-size: smaller;
	cursor: pointer;
	white-space:nowrap;
	text-align: left;
	float: none;
	z-index: 99
}

.EntryLineDropDownLine:active
{
	border: 1px;
	border-color: #55DD55;
	border-style: solid;
	font-size: smaller;
	cursor: pointer;
	white-space:nowrap;
	text-align: left;
	float: none;
	z-index: 99
}
.EntryLineActivity
{
	width: 30;
	min-width: 30;
	max-width: 30;
}

.SystemContent
{
	border: 1px;
	border-color: #BBBBBB;
	border-style: dashed;
	background-color: #EEFFDD;
}
.NodeContent
{
	border: 1px;
	border-color: #BBBBBB;
	border-style: dashed;
	background: #FFDDFF;
}
.ComponentContent
{
	border: 1px;
	border-color: #BBBBBB;
	border-style: dashed;
	background: #DDFFFF;
}

button.ClickTextActive
{
	background:none;
	border:none;
	color:blue;
	font-weight:bold;
	text-decoration:none;
}
button.ClickTextInactive
{
	background:none;
	border:none;
	color:#777777;
	font-weight:lighter;
	text-decoration:underline;
}

.ActiveTrigger
{
	color:green;
	font-weight:bold;
}
.InactiveTrigger
{
	color:#777777;
	font-weight:lighter;
}
.TextType
{
	color:orange;
	font-weight:bold;
	font-style:italic;
}
.TextContext
{
	color:purple;
	font-weight:bold;
	font-style:italic;
}
.TextComponentName
{
	color:blue;
	font-weight:bold;
	font-style:italic;
}
button.TriggerActivateButton
{
	background-color:#EEEEEE;
	border: 1px;
	border-color: #55DD55;
	border-style: solid;
	color:#FF3333;
	font-weight:bold;
	font-size: smaller;
	text-decoration:none;
	cursor:pointer;
}
button.PostActivateButton
{
	background-color:#EEEEEE;
	border: 1px;
	border-color: #55DD55;
	border-style: solid;
	color:#FF3333;
	font-weight:bold;
	font-size: smaller;
	text-decoration:none;
	cursor:pointer;
}
button.PostActivateButton:hover
{
	background-color:#CCCCCC;
	border: 1px;
	border-color: #55DD55;
	border-style: solid;
	color:#FF3333;
	font-weight:bold;
	font-size: smaller;
	text-decoration:none;
	cursor:pointer;
}
button.TriggerActivateButton:hover
{
	background-color:#CCCCCC;
	border: 1px;
	border-color: #55DD55;
	border-style: solid;
	color:#FF3333;
	font-weight:bold;
	font-size: smaller;
	text-decoration:none;
	cursor:pointer;
}
button.PostActivateButton:active
{
	background-color:#CCCCCC;
	border: 1px;
	border-color: #55DD55;
	border-style: solid;
	color:#FF33FF;
	font-weight:bold;
	font-size: smaller;
	text-decoration:none;
	cursor:pointer;
}
button.TriggerActivateButton:active
{
	background-color:#CCCCCC;
	border: 1px;
	border-color: #55DD55;
	border-style: solid;
	color:#FF33FF;
	font-weight:bold;
	font-size: smaller;
	text-decoration:none;
	cursor:pointer;
}

div.FlashPopUp
{
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-o-border-radius: 30px;
	-ms-border-radius: 30px;
	-khtml-border-radius: 30px;
	border-radius: 30px;
	border: 3px solid #CCCCFF;

	display:none;
	z-index:15;
    position:fixed;
    top:10%;
    left: 0;
    right: 0;
    margin: auto;
    min-height: 20px;
    width: 700px;

    background:white;
    text-align:center;
	vertical-align: middle;
    font-size:13px;
	font-weight:bold;
    color:#7777FF;
	padding: 5px;
}

div.CardPopUp
{
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-o-border-radius: 30px;
	-ms-border-radius: 30px;
	-khtml-border-radius: 30px;
	border-radius: 30px;
	border: 3px solid #CCCCFF;

	display:none;
	z-index:15;
    position:fixed;
    margin: auto;
    min-height: 20px;
    width: 700px;
    max-width: 700px;

    background:white;
    text-align:center;
	vertical-align: middle;
    font-size:13px;
	font-weight:bold;
    color:#7777FF;
	padding: 5px;
}

.MessageTable
{
    width: 100%;
    background: #EEFFFF;
	border: 0;
	margin: 0;
	padding: 0;
	color: gray;
	text-align: center;
	font-size: 8px;
	font-weight: bold;
}
.MessageTableLine
{
	background: #CCEEEE;
}
.MessageTableLineAlternate
{
	background: #99EEEE;
}
.MessageTableLineUser
{
	background: #EE99EE;
}
.MessageTableValue
{
	color: black;
}

.StickyTopLine {  
    position: fixed;  
    width: 100%;  
    left: 0;  
    top: 0;  
    z-index: 100;  
    border-top: 0;  
	font-size: smaller;
	background: url('/images/headerbar.png') 0 0;
}

.RotatedText {
	-webkit-transform:	rotate(90deg);
	-moz-transform:		rotate(90deg);
	-o-transform:		rotate(90deg);
	writing-mode:		tb-rl;
}

/*.EntryLineActivity10 {background:url(images/active_10.gif);}
.EntryLineActivity20 {background:url(images/active_20.gif);}
.EntryLineActivity30 {background:url(images/active_30.gif);}
.EntryLineActivity40 {background:url(images/active_40.gif);}
.EntryLineActivity50 {background:url(images/active_50.gif);}
.EntryLineActivity60 {background:url(images/active_60.gif);}
.EntryLineActivity70 {background:url(images/active_70.gif);}
.EntryLineActivity80 {background:url(images/active_80.gif);}
.EntryLineActivity90 {background:url(images/active_90.gif);}
.EntryLineActivity100 {background:url(images/active_100.gif);}*/

.layer1 {
	margin: 0;
	padding: 0;
	width: 500px;
}
 
.heading {
	margin: 1px;
	color: #fff;
	padding: 3px 10px;
	cursor: pointer;
	position: relative;
	background-color:#c30;
}
.content {
	padding: 5px 10px;
	background-color:#fafafa;
}
p {
	padding: 5px 0;
}
.DataflowNetwork {
  width: 95%;
  height: 600px;
  border: 1px solid lightgray;
  background:#d1d1d1;
}
pre {outline: 1px solid #ccc; padding: 5px; margin: 5px; }
.string { color: green; }
.number { color: red; }
.boolean { color: orange; }
.null { color: magenta; }
.key { color: blue; }

 style="background:url(images/bg1.jpg) top repeat-x"