body {
	font-family : Helvetica, Arial;
	margin: 0px;
	padding: 0px;
}
input#input_xpath {
	background-color: #ffff80;
	width: 95%;
}
textarea, pre {
	font-size: 9pt;
	width: 100%;
	height: 100%;
	border: none;
	margin: 0px;
	padding: 0px;
}
#header {
	position:absolute;
	top: 0px;
	left: 0px;
	height: 32px;
	padding: 0px;
	margin: 3px;
	margin-left: 20px;
	font-size: 16pt;
	}
#footer {
	position:absolute;
	height: 24px;
	bottom: 1px;
	width: 100%;
	left: 0px;
}
#popup {
	position: absolute;
	left: 10%;
	right: 10%;
	top: 10%;
	bottom: 10%;
	padding: 5px;
	border: 1px solid black;
	background-color: white;
	overflow: scroll;
}
#popupshadow {
	position: absolute;
	left: 11%;
	right: 9.5%;
	top: 11%;
	bottom: 9.5%;
	border: none;
	background-color: #444;
}
img.closeicon {
	position: absolute;
	right: 2px;
	top: 2px;
}
span.linksbar {
	position: absolute;
	left: 5%;
	right: 5%;
	font-size: 9pt;
	text-align: center;
	margin: 3px;
}
#inputs {
	position:	absolute;
	width: 50%;
	margin: 0px;
	padding: 0px;
	left: 0;
	top: 32px;
	bottom: 24px;
}
#outputs {
	position: absolute;
	width:50%;
	right: 0px;
	top: 32px;
	margin: 0px;
	padding: 0px;
	bottom: 24px;
}
#schemapage, #xpathpage {
	padding: 3px;
}
div.tab, div.tableft, div.tabright, div.tabmiddle {
	float: left;
	height: 25px;
}
div.tableft {
	width: 5px;
}
div.tabright {
	width: 5px;
}
div.tabmiddle {
	font-size: 10pt;
	padding-top: 5px;
	margin-top: 0px;
	padding-left: 3px;
	padding-right: 3px;
}
div.inactivetab { cursor: pointer; }
div.activetab div.tableft {	background: url(images/tableft.bmp); }
div.activetab div.tabright {	background: url(images/tabright.bmp); }
div.activetab div.tabmiddle {	background: url(images/activetab.bmp) repeat-x; }
div.inactivetab div.tableft { background: url(images/inactivetableft.bmp); }
div.inactivetab div.tabright { background: url(images/inactivetabright.bmp); }
div.inactivetab div.tabmiddle { background: url(images/inactivetab.bmp) repeat-x; }
img.spacer { display: none; }
div.tabs.left.top { background: url(images/topleft.bmp) no-repeat bottom right;}
div.tabs.left.vmiddle { background: url(images/left.bmp) repeat-y center right; }
div.tabs.left.bottom { background: url(images/bottomleft.bmp) no-repeat top right; }
div.tabs.middle.top { background: url(images/top.bmp) repeat-x bottom center; }
div.tabs.middle.bottom {background: url(images/bottom.bmp) repeat-x top center; }
div.tabs.right.top { background: url(images/topright.bmp) no-repeat bottom left; }
div.tabs.right.vmiddle { background: url(images/right.bmp) repeat-y center left; }
div.tabs.right.bottom { background: url(images/bottomright.bmp) no-repeat top left; }
div.tabs { position: absolute;}
div.tabs.left { left: 0%; width: 5px; }
div.tabs.right { right: 0%; width: 5px; }
div.tabs.top { height: 25px; top: 0%; }
div.tabs.bottom { height: 5px; bottom: 0%; }
div.tabs.middle { left: 5px; right: 5px; }
div.tabs.vmiddle { top: 25px; bottom: 5px; }
div.tabs.middle.vmiddle { padding: 0px; }

div.inputpage, div.activeinputpage, div.outputpage, div.activeoutputpage {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}
div.inputpage, div.outputpage {
	display: none;
}
div.activeoutputpage#output {
	overflow: scroll;
}
textarea#outputtext {
	word-wrap: no;
}
#sourcepage {
}
#xpathpage {
}
#schemapage {
}
#xsltpage {
}
#xml {
}
#input {
}

img.checkimg {
	margin-top: -2px;
	margin-left: 2px;
	cursor: pointer;
}

#output {
	margin: 0px;
	padding: 0px;
	font-family : Helvetica, Arial;
	font-size: 9pt;
	padding-bottom: 1px;
}
#output span.openelement,
#output span.closeelement,
#output span.closeemptyelement,
#output span.closedelement,
#output span.attribute {
	color: #800000;
}
#output span.attributevalue,
#output span.namespacevalue {
	color: #000000;
}
#output span.comment {
	color: #40c040;
	font-style: italic;
}
#output span.processing-instruction {
	color: #000000;
	font-weight: bold;
}
#output span.syntax {
	color: #0000ff;
}
#output span.data {
	font-weight: normal;
}
#output span.space {
	color: #ccc;
}
#output h1 {
	font-size: 14pt;
	font-style: italic;
}
#output li {
	margin: 0px; padding: 0px; border: 0px;
	font-size: 9pt;
	list-style-position: inside;
	white-space: no-wrap;
}
#output .highlighting li {
	border: 1px solid transparent;
}
#output li.expanded {
	list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAABGdBTUEAALGPC/xhBQAAAwBQTFRFAAAAfwAA/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAnz+JggAAAQB0Uk5T////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AFP3ByUAAAAYdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My4zNqnn4iUAAAAbSURBVBhXY/iPBBioy2GCApCpDIxQAOYQZw8AX7h/mR40kKgAAAAASUVORK5CYII=);
}
#output li.collapsed {
	list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAABGdBTUEAALGPC/xhBQAAAwBQTFRFAAAAfwAA/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAnz+JggAAAQB0Uk5T////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AFP3ByUAAAAYdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My4zNqnn4iUAAAAoSURBVBhXY/iPBBiI5zAxQtWC9ODgMEEBSCUDIyMjExCDteHRg2waAN4Sc7gzJIkWAAAAAElFTkSuQmCC);
}
#output li.unexpandable {
	list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAABGdBTUEAALGPC/xhBQAAAwBQTFRFAAAAfwAA/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAnz+JggAAAQB0Uk5T////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AFP3ByUAAAAYdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My4zNqnn4iUAAAAnSURBVBhXY/iPBBiowWFigpoCNI2JiYkRwgNzGBGc/zA2SAYBUDgANd6DkKH14cAAAAAASUVORK5CYII=);
}
#output li.collapsed span.hide {
	display: none;
}
#output ul {
	margin: 0px 0px 0px 12px;
	padding: 0px;
}
#output span.closeelement {
	margin-left: 16px;
}
#output .collapsed span.closeelement {
	margin-left: 0px;
}
#output .highlighting .highlighted,
#output ul.attrlist .attribute.highlighted {
	border: 1px solid #40ff40;
	background-color: #f0fff0;
}