Location: PHPKode > projects > PublicPIM Website Database Application > publicpim/skins.xml
<?xml version='1.0'?>
<Skin>

<Bar>
	<style><![CDATA[
		div{padding:0;margin:0;border:0}
		fieldset{padding:0;margin:0;border:2px edge}
	
		.bar{
			border : 1px solid black;
			background-color : white;
			padding : 10px;
			width : 100px;
			height : 100px;
			overflow : hidden;
			position : relative;
		}
	]]></style>

	<Presentation>
		<Main container=".">
			<div class='bar'></div>
		</Main>
	</Presentation>
</Bar>
<Button>
	<!--
		Classes:
		- disabled
		- focus

		- btnup
		- btndown
		- btnover

		- next
		- previous
		- finish
	-->

	<style><![CDATA[
		.button{
			border-width : 2px;
			border-style : outset;
			border-color : #D4D0C8; !important; border-color:;

			cursor : default;
			padding : 3px 3px 3px 3px;
			font-family : MS Sans Serif;
			font-size : 8pt;
			text-align  : center;

			width : 60px;
			height : 14px;
			z-index : 1;

			background-color : #D4D0C8;

			-moz-border-top-colors: #C0C0C0 #FFFFFF;
			-moz-border-left-colors: #C0C0C0 #FFFFFF;
			-moz-border-bottom-colors: black gray;
			-moz-border-right-colors: black gray;
		}

		.buttonDisabled{
			color : gray;
		}
		.button.buttonDown{
			border-style : inset;
			padding : 4px 2px 2px 4px;

			-moz-border-bottom-colors: #FFFFFF #C0C0C0;
			-moz-border-right-colors: #FFFFFF #C0C0C0;
			-moz-border-top-colors: gray black;
			-moz-border-left-colors: gray black;
		}
		.buttonFocus{
		}
		
		.button.btnover{}
		.button.bool.btnover{}
		.button.bool.btndown{}
		.button.next{}
		.button.previous{}
		.button.finish{}

		.helper{
			display : none;
			border : 1px solid black;
		}

		.helper.active{
			display : none;
			z-index : 0;
		}
	]]></style>

	<Presentation>
		<Main caption="./text()" icon="." background=".">
			<div class='button'>-</div>
		</Main>

		<Helper>
			<div class='helper'></div>
		</Helper>
	</Presentation>
</Button>
<Chatbox>
	<!--
		Classes:
		- disabled
		- focus
	-->

	<style><![CDATA[
		.chatbox{
			background-color : white;
			border : 1px solid #c1daee;
			border-width : 0px 1px 0px 0;

			font-size : 10pt;
			font-family : MS Sans Serif;
			color : #000000;
			padding : 2px;

			width : 100px;
			height : 100px;
			overflow : auto;
			word-wrap : break-word;
		}

		.chatbox p{
			margin : 0;
		}

		.chatbox.disabled{
			background-color : #CCCCCC;
		}

		.chatbox.chatboxfocus{
			background-color : white;
		}
	]]></style>

	<Presentation>
		<Main input=".">
			<div class="chatbox"></div>
		</Main>
	</Presentation>
</Chatbox>
<Checkbox>
	<style><![CDATA[
		.cbcontainer{
			padding : 4px 0 0 4px;
			width : 60px;
			height : 60px;
		}
		
		.cbcontainer span{
			font-family : MS Sans Serif;
			font-size : 8pt;
			float : left;
			margin-left : 4px;
			cursor : default;
			padding-right : 2px;
		}
		
		.cbcontainerFocus span{
			margin : -1px 0 0 3px;
			border : 1px dotted gray;
		}

		.checkbox{
			width : 9px;
			height : 9px;
			background-color : white;
			border : 2px inset;
			overflow : hidden;
			float : left;
			
			-moz-border-bottom-colors: #FFFFFF #C0C0C0;
			-moz-border-right-colors: #FFFFFF #C0C0C0;
			-moz-border-top-colors: gray black;
			-moz-border-left-colors: gray black;
		}

		.cbcontainerDown .checkbox{
			background-color : #CCCCCC;
		}

		.cbcontainerChecked .checkbox{
			background : white url(images/check.gif) no-repeat;
		}
	]]></style>

	<Presentation>
		<Main label="span/text()">
			<div class='cbcontainer'>
				<div class='checkbox'> </div>
				<span>-</span>
			</div>
		</Main>
	</Presentation>
</Checkbox>

<Status>
	<style><![CDATA[
		.statuscontainer{
			margin : 10px 0 0 0;
			padding : 4px 0 0 8px;
			width : 50px;
			height : 50px;
			float : left;
		}
		
		.statuscontainer span{
			font-family : MS Sans Serif;
			font-size : 8pt;
			float : left;
			margin-left : 4px;
			cursor : default;
			padding-right : 2px;
			text-align : center;
			width : 50px;
		}
		
		.statuscontainerFocus span{
			margin : -1px 0 0 3px;
			padding-right : 1px;
			border : 1px dotted gray;
		}

		.scheckbox{
			width : 32px;
			height : 32px;
			overflow : hidden;
			margin : 0 3px 0 13px;
			
			background : url(../Icons/icoOff.gif) no-repeat 50% 50%;
		}

		.statuscontainerDown .scheckbox{
		}

		.statuscontainerChecked .scheckbox{
			background : url(../Icons/icoOn.gif) no-repeat 50% 50%;
		}
	]]></style>

	<Presentation>
		<Main label="span/text()">
			<div class='statuscontainer'>
				<div class='scheckbox'> </div>
				<span>-</span>
			</div>
		</Main>
	</Presentation>
</Status>
<ColorPicker>
	<style><![CDATA[
	]]></style>

	<Presentation>
		<Main viewer="blockquote" standard="div[1]" custom="div[2]">
			<div class='palette'>
				<blockquote></blockquote>
				<div class='standard'></div>
				<div class='custom'></div>
			</div>
		</Main>
		<Item background=".">
			<span></span>
		</Item>
	</Presentation>
</ColorPicker>

<Container>
	<!--
		Classes:
	-->

	<style><![CDATA[
		.container{
			display : none;
			height : 1%;
			margin : 0 0 3px 0;
		}

		.container.active{
			display : block;
		}
	]]></style>

	<Presentation>
		<Main container=".">
			<div class='container'></div>
		</Main>
	</Presentation>
</Container>
<Datagrid>
	<style><![CDATA[
		.datagrid{
			border : 1px solid gray;
			background-color : white;
			overflow : hidden;
			position : relative;

			font-family : Tahoma;
			font-size : 8pt;

			width : 100px;
			height : 100px;
			padding : 0 0 18px 0;
		}

		/* HEAD */

		.datagrid .head div{
			padding : 1px 4px 2px 0;
			height : 13px;
			text-align : center;
			font-weight : normal;
			float : left;
		}

		.datagrid .head{
			overflow : hidden;
			position : absolute;
			left : 0;
			width : expression(this.parentNode.offsetWidth - 18);
		}

		.datagrid .head blockquote{
			width : 1050px;
			margin : 0;
			height : 20px;
		}

		.datagrid .head div.lastHead{
			float : none;
			position : relative;
			left : -3px;
		}

		/* ROW HEADERS */

		.datagrid .row_headers{
			position : absolute;
			left : 0px;
			top : 20px;
			width : 35px;
			overflow : hidden;
			height : expression(this.parentNode.offsetHeight - 38);
		}

		.datagrid .row_headers span, .datagrid .pointer, .datagrid .head div, .dragheading{
			border : 1px solid;
			border-color : white gray gray white;
			background-color : #D4D0C8;
			cursor : default;
		}
		
		.dragheading{
			font-family : Tahoma;
			font-size : 8pt;
			text-align : center;
		}

		.datagrid .row_headers span, .dragheading span{
			padding : 2px 5px 3px 0;
			text-align : right;
			display : block;
		}

		.datagrid .row_headers span.selected{
			background-color : gray;
			color : white;
		}

		.datagrid .pointer{
			width : 33px;
			position : absolute;
			left : 0;
			height : 18px;
			display : none;
		}

		/* TABLE */

		.datagrid .table{
			margin : 0;
			padding : 18px 0 0 0;
			height : 100%;
			width : 100%;
			overflow : auto;
		}

		.datagrid .table div{
			height : 17px;
		}

		.datagrid .table img{
			border : 0;
		}

		.datagrid .table span{
			height : 17px;
			display : block;
			padding : 1px 2px 0px 2px;
			cursor : default;
			float : left;
			text-overflow : ellipsis;
			white-space : nowrap;
			overflow : hidden;
		}

		.datagrid .table div.selected, .datagrid .table div.selected a, .datagrid .table div.selected span{
			background-color : #CCCCCC;
			color : black;
		}

		.datagrid.datagridfocus .table div.selected, .datagrid.datagridfocus .table div.selected a, .datagrid.datagridfocus .table div.selected span{
			background-color : midnightblue;
			color : white;
		}

		/* SORT VISUALS */

		.datagrid .table span.sorted{
			 background-color : #EEEEEE;
		}
		.datagrid .head .head div.sorted_up span{
			letter-spacing : 20px;
			background : url(images/sortup.gif) no-repeat 20px 4px;
		}
		.datagrid .head .head div.sorted_down span{
			letter-spacing : 20px;
			background : url(images/sortdown.gif) no-repeat 14px 4px;
		}

		/* BUTTON PRESS */

		.datagrid .head div.state_down{
			border-color : gray white white gray;
			padding : 2px 3px 1px 1px;
		}

		/* INTERACTION IDENTIFIER*/

		p.dg_move_headers, p.dg_size_headers{
			margin : 0;
			position : absolute;
			z-index : 100;
			display : none;
		}

		p.dg_move_headers{
			width : 2px;
			background-color : red;
			height : 20px;
			left : 140px;
		}

		p.dg_size_headers{
			width : 1px;
			background-color : black;
			height : 100%;
			left : 100px;
			cursor : w-resize;
		}
	]]></style>

	<Presentation>
		<Main
			interaction	= "p"
			head	 		= "div[1]/blockquote"
			scrollhead	= "div[1]"
			rowhead		= "div[3]"
			body			= "div[4]"
		>

			<div class="datagrid">
				<div class='head'>
					<blockquote> </blockquote>
				</div>
				<div class='pointer'> </div>
				<div class='row_headers'> </div>
				<div class='table'> </div>
			</div>
		</Main>

		<HeadItem class="." caption="text()">
			<div>-<span></span></div>
		</HeadItem>
		
		<DragHeading class="." caption="text()">
			<div class="dragheading">-<span></span></div>
		</DragHeading>

		<RowHeadItem class="." caption="text()">
			<span>-</span>
		</RowHeadItem>
		
		<Splitter>
			<p class='dg_move_headers'> </p>
		</Splitter>

		<Row class="." container=".">
			<div></div>
		</Row>

		<Cell caption="."><span>-</span></Cell>

		<Loading>
			<div class="loading"><span></span><label>Loading...</label></div>
		</Loading>
		<Empty container=".">
			<div class="empty"></div>
		</Empty>
	</Presentation>
</Datagrid>
<Dropdown>
	<style><![CDATA[
		.dropdown{
			background-color : white;
			height : 18px;
			font-size : 1px;
			width : 148px;
			border : 2px inset;
			margin : 0 0 2px 0;
			position : relative;
			
			-moz-border-bottom-colors: #FFFFFF #C0C0C0;
			-moz-border-right-colors: #FFFFFF #C0C0C0;
			-moz-border-top-colors: gray black;
			-moz-border-left-colors: gray black;
		}
		
		.dropdown .dropdownbtn{
			background : #D4D0C8 url(images/arrow_down.gif) no-repeat 50% 50%;
			width : 13px;
			height : 14px;
			position : absolute;
			right : 0;
			left : expression(this.parentNode.offsetWidth - 21);
			border : 2px outset;
			overflow : hidden;
			
			-moz-border-top-colors: #C0C0C0 #FFFFFF;
			-moz-border-left-colors: #C0C0C0 #FFFFFF;
			-moz-border-bottom-colors: black gray;
			-moz-border-right-colors: black gray;
		}
		
		.dropdownDisabled .dropdownbtn{
			background-image : url(images/dddisabled.gif);
		}

		.dropdowndown .dropdownbtn{
			border : 2px inset;
			
			-moz-border-bottom-colors: #FFFFFF #C0C0C0;
			-moz-border-right-colors: #FFFFFF #C0C0C0;
			-moz-border-top-colors: gray black;
			-moz-border-left-colors: gray black;
		}

		.dropdown .dropdownlabel{
			white-space : nowrap;
			overflow : hidden;
			text-overflow : ellipsis;
			padding : 2px;
			width : 100%;
			font-size : 8pt;
			font-family : MS Sans Serif;
			cursor : default;
		}
		
		.dropdownFocus .dropdownlabel{
			background-color : #EEEEEE;
		}

		.dropdowncontainer{
			border : 1px solid black;
			background : white;
			height : 50px;
			overflow : hidden;
			font-size : 8pt;
		}

		.dropdowncontainer span{
			display : block;
			height : 12px;
			padding : 3px 3px 3px 6px;
			white-space : nowrap;
			overflow : hidden;
			text-overflow : ellipsis;
			background-color : white;

			font-size : 8pt;
			font-family : MS Sans Serif;
			color : black;
			cursor : default;
		}

		.dropdowncontainer span.hover{
			background-color : #003265;
			color : white;
		}

		.dropdowncontainer .selected span{
			color : white;
			background-color : midnightblue;
		}
		
		.dropdown.error{
			border : 2px inset red;
		}
		
		.dropdown.loading{
			/*border : 2px inset gray;*/
		}
		
		.dropdown.loaded{
			/*border : 2px inset green;*/
		}
		
		.dropdown.loading .dropdownbtn{
			border : 0;
			width : 15px;
			height : 16px;
			background : white url(images/loadingspin.gif) no-repeat 0px 1px;
		}

	]]></style>

	<Presentation>
		<Main label="div[2]/text()" button=".">
			<div class='dropdown'>
				<div class='dropdownbtn'> </div>
				<div class='dropdownlabel'>-</div>
			</div>
		</Main>
		<Container contents=".">
			<div class='dropdowncontainer'> </div>
		</Container>
		<Item
			class			= "."
			caption		= "text()"
			select		= "."
		>
			<span>-</span>
		</Item>
		<Empty caption="text()">
			<div class="empty">-</div>
		</Empty>
	</Presentation>
</Dropdown>
<Dropdown2K>
	<style><![CDATA[
		.dropdown2k{
			height : 18px;
			font-size : 1px;
			width : 120px;
			margin : 2px;
			background : #D4D0C8;
			position : relative;
		}

		.dropdown2k.dropdown2kover{
			border : 1px solid white;
			border-color : gray white white gray;
			margin : 0;
			padding : 1px;
		}

		.dropdown2k .dropdownbtn{
			background : #D4D0C8 url(images/arrow_down.gif) no-repeat 50% 60%;
			width : 13px;
			height : 16px;
			float : right;
			border : 1px solid white;
		}

		.dropdown2k.dropdown2kover .dropdownbtn{
			border : 1px solid white;
			border-color : white gray gray white;
		}

		.dropdown2k.dropdown2kdown .dropdownbtn{
			border : 1px solid white;
			border-color : gray white white gray;
		}

		.dropdown2k .dropdownlabel{
			font-size : 8pt;
			font-family : MS Sans Serif;
			white-space : nowrap;
			overflow : hidden;
			text-overflow : ellipsis;
			padding : 2px 2px 3px 2px;
			background-color : white;
		}

		.dropdowncontainer{
			border : 1px solid gray;
			background : white;
			width : 150px;
			height : 50px;
			position : absolute;
			left : -1px;
			margin : 1px 0 0 0;
			overflow : hidden;
			display : none;
			font-size : 8pt;
		}
		.dropdowncontainer{
			/*display : block;*/
		}

		.dropdown2k span{
			display : block;
			height : 13px;
			padding : 2px 3px 3px 6px;
			white-space : nowrap;
			overflow : hidden;
			text-overflow : ellipsis;
			background-color : white;

			font-size : 8pt;
			font-family : MS Sans Serif;
			color : black;
			cursor : default;
		}

		.dropdown2k span.hover{
			background-color : #003265;
			color : white;
		}
	]]></style>

	<Presentation>
		<Main slider="div[3]" container="div[3]" label="div[2]" button="div[1]">
			<div class='dropdown2k'>
				<div class='dropdownbtn'></div>
				<div class='dropdownlabel'>-</div>
			</div>
		</Main>
		<Container contents=".">
			<div class='dropdowncontainer'> </div>
		</Container>	
		<Item
			class			= "."
			caption		= "text()"
			select		= "."
		>
			<span>-</span>
		</Item>
		<Empty caption="text()">
			<div class="empty">-</div>
		</Empty>
	</Presentation>
</Dropdown2K>
<DropdownAccounts>
	<style><![CDATA[
		.ddaccounts{
			height : 18px;
			font-size : 1px;
			width : 120px;
			position : relative;
		}

		.ddaccounts .dropdownbtn{
			border : 0;
			padding : 3px 7px 2px 7px;
			color : black;
			font-family : MS Sans Serif;
			font-size : 8pt;
			cursor : default;
			text-align : left;
			overflow : hidden;
			margin : 4px 1px 1px 1px;

			position : relative;
			background : url(images/arrow_down.gif) 57px 50% no-repeat;
		}

		.ddaccounts.ddaccountsover .dropdownbtn{
			border : 1px solid #0a246a;
			background-color : #b6bdd2;
			margin : 3px 0px 0px 0px;
			background-position : 58px 50%;
		}

		.ddaccounts.ddaccountsdown .dropdownbtn{
			border : 1px solid #666666;
			background-color : #f5f4f2;
			background-position : 58px 50%;
			margin : 3px 0px 1px 0px;
			border-width : 1px 1px 1px 1px;
			border-color : gray gray #f5f4f2 gray;
			z-index : 1;
		}

		.ddaccounts .dropdowncontainer{
			border : 1px solid gray;
			background : white;
			width : 150px;
			height : 50px;
			position : absolute;
			left : 0;
			margin : -2px 0 0 0;
			overflow : hidden;
			display : none;
			font-size : 8pt;
		}
		.ddaccounts.ddaccountsdown .dropdowncontainer{
			display : block;
		}

	]]></style>

	<Presentation>
		<Main slider="div[2]" container="div[2]" label="div[1]" button="div[1]">
			<div class='ddaccounts'>
				<div class='dropdownbtn'>Accounts</div>
				<div class='dropdowncontainer'></div>
			</div>
		</Main>
	</Presentation>
</DropdownAccounts>
<DropdownNormal>
	<style><![CDATA[
		.dropnormal{
			height : 16px;
			font-size : 1px;
			width : 120px;
			background : #D4D0C8;
			position : relative;
			border : 1px solid #91bfe3;
		}

		.dropnormal.dropnormalover{
		}

		.dropnormal .dropdownbtn{
			background : url(images/arrow_down.gif) no-repeat 0 0;
			width : 11px;
			height : 14px;
			float : right;
			border : 1px solid white;
		}

		.dropnormal.dropnormalover .dropdownbtn{
		}

		.dropnormal.dropnormaldown .dropdownbtn{
		}

		.dropnormal .dropdownlabel{
			white-space : nowrap;
			overflow : hidden;
			text-overflow : ellipsis;
			padding : 1px 2px 2px 2px;
			background-color : white;

			font-size : 8pt;
			font-family : Verdana;
			color : #53a2e4;
		}

		.dropnormal .dropdowncontainer{
			border : 1px solid #91bfe3;
			background : white;
			height : auto;
			position : absolute;
			left : -1px;
			margin : 0 0 0 0;
			overflow : hidden;
			display : none;
			font-size : 8pt;
		}
		.dropnormal.dropnormaldown .dropdowncontainer{
			display : block;
		}

		.dropnormal span{
			display : block;
			height : 13px;
			padding : 2px 3px 3px 6px;
			white-space : nowrap;
			overflow : hidden;
			text-overflow : ellipsis;
			background-color : white;

			font-size : 8pt;
			font-family : Verdana;
			color : #53a2e4;
			cursor : default;
		}

		.dropnormal span.over{
			background-color : #53a2e4;
			color : white;
		}

	]]></style>

	<Presentation>
		<Main slider="div[3]" container="div[3]" label="div/text()" button="div[1]" animtype="0">
			<div class='dropnormal'>
				<div class='dropdownbtn'> </div>
				<div class='dropdownlabel'>-</div>
				<div class='dropdowncontainer'> </div>
			</div>
		</Main>
		<Item caption="text()">
			<span>-</span>
		</Item>
	</Presentation>
</DropdownNormal>
<Errorbox>
	<style><![CDATA[
		.errorbox{
			background-color : #FFFD92;
			padding : 5px;
			color : #002187;
			width : 97%;
			margin : 3px 0 5px 0;
		}
	]]></style>

	<Presentation>
		<Main container=".">
			<span class='errorbox'>-</span>
		</Main>
	</Presentation>
</Errorbox>
<FileUploadBox>
	<!--
		Classes:
		- disabled
		- focus

		- btnup
		- btndown
		- btnover

		- next
		- previous
		- finish
	-->

	<style><![CDATA[
		.toolbar2005 .fileupload{
			padding : 3px;
			float : left;
		}
		
		.fileupload{
			position : relative;
			height : 21px;
			width : auto;
		}

		.fileupload div{
			color : black;
			cursor : default;
			overflow : hidden;

			padding : 3px 5px 0 0;
			text-align : left;

			height : 16px;
			margin : 1px 1px 0px 4px;
			position : relative;
			left : 3px !important; left : 4px;
			top : 0px !important; top : 1px;
		}

		.fileupload div span{
			margin : -1px 2px 0 1px;
			width : 16px;
			height : 16px;
			overflow : hidden;
			display : block;
			float : left;

			background : no-repeat 50% 50%;
		}

		.fileupload div, .fileupload input{
			font-family : MS Sans Serif;
			font-size : 8pt;
			float : left;
		}

		.fileupload.disabled{
			color : gray;
		}
		.fileupload div.fileuploaddown{
			border : 1px solid #0a246a;
			background-color : #8592b5;
			margin : 0px 0 0px 3px;
			left : 3px;
			top : 0px;
		}
		.fileupload div.fileuploadover{
			border : 1px solid #0a246a;
			background-color : #b6bdd2;
			margin : 0px 0 0px 3px;
			left : 3px;
			top : 0px;
		}

		.fileupload input{
			width : 120px;
			height : 15px;
			border : 1px solid gray;
			float : left;
			overflow : hidden;
			padding : 2px;
			background-color : white;
			color : white;
		}

		.fileupload blockquote{
			display : none;

			overflow : hidden;
			border : 1px solid gray;
			padding : 2px 2px 0px 2px;
			margin : 0 0 0 0px;
			background-color : white;

			position : absolute;
			left : 0;
			top : 0;

			width : 120px;
			height : 17px;
		}
		
		.toolbar2005 .fileupload blockquote{
			left : 3px;
			top : 3px;
		}

		.fileupload blockquote span{
			background-color : midnightblue;
			height : 15px;
			overflow : hidden;
			width : 16px;
			display : block;
		}
		
		.fileupload form{
			float : left;
		}
		
		.fileupload .fileinput{
			-moz-user-focus: ignore;
			opacity : 0;
			height : 22px;
			margin : -5px 0pt 0pt -200px;
			z-index : 1;
			position : relative;
		}
		
		.fileupload iframe{
			visibility : hidden;
			width : 0;
			height : 0;
		}
	]]></style>
	<style condition="IS_IE">
		.fileupload div{
			margin : 0px 2px 0px 3px;
		}
	</style>

	<Presentation>
		<Main caption="div/text()" icon="div/span" button="div" value="input/@value" slider="blockquote" slidemove="blockquote/span">
			<div class='fileupload'>
				<input value='' onkeydown='return false' />
				<div><span> </span>-</div>
				<blockquote><span></span></blockquote>
			</div>
		</Main>
		<Form inp_file="input[1]" inp_uid="input[2]">
			<form frameBorder='0' method='post' action='' enctype='multipart/form-data'>
				<input class="fileinput" type='file' name='userfile'/>
				<input type='hidden' name='uniqueId' value='' /><br />
			</form>
		</Form>
	</Presentation>
</FileUploadBox>

<Frame>
	<style><![CDATA[
		.frame{
			position : relative;
		}

		.frame dd{
			font-size : 8pt;
			font-family : Tahoma;
			margin-top : 0px;
			background-color : #D4D0C8;
			position : absolute;
			left : 5px;
			top : -7px;
			padding : 0 2px 0 2px;
			margin : 0px;
		}
	]]></style>

	<Presentation>
		<Main container="." caption="dd/text()">
			<fieldset class='frame'><dd>-</dd></fieldset>
		</Main>
	</Presentation>
</Frame>
<Label>
	<!--
		Classes:
		- disabled
	-->

	<!-- why does renaming style2 to style cause IE to crash? -->
	<style><![CDATA[
		.label{
			font-size : 8pt;
			font-family : MS Sans Serif, Tahoma, Arial;
			height : 14px;
			width : 80px;
			padding : 4px;
			overflow : hidden;
		}

		.label.disabled{
		}

	]]></style>

	<Presentation>
		<Main caption="." for="@for">
			<div class="label"> </div>
		</Main>
	</Presentation>
</Label>
<LabelDesc>
	<!--
		Classes:
		- disabled
	-->

	<!-- why does renaming style2 to style cause IE to crash? -->
	<style><![CDATA[
		.labeldesc{
			font-size : 8pt;
			font-family : MS Sans Serif;
			height : 50px;
			padding : 4px;
			overflow : hidden;
			width : 90%;
			text-align : center;

			position : absolute;
			top : 50%;
			margin-top : -20px;
			margin-left : 2%;
		}

		.label.disabled{
		}

	]]></style>

	<Presentation>
		<Main caption="." for="@for">
			<div class="labeldesc">-</div>
		</Main>
	</Presentation>
</LabelDesc>
<Layoutbuilder>
	<style><![CDATA[
		.lbuilder{
			background-color : gray;
			overflow : hidden;
			position : relative;
			width : 100px;
			height : 100px;
			border : 2px inset;

			font-family : Verdana;
			font-size : 8pt;
			color : gray;
		}

		.lbuilder_item{
			border : 1px solid black;
			background-color : white;
			overflow : hidden;
			position : absolute;
			width : 100px;
			height : 100px;
			cursor : default;
		}

		.lbuilder div.selected{
			background-color : orange;
		}

		.lbuilder div.hover{
		}

		.lbuilderError{
			background-color : #713030;
		}

		.lbuilder div span{
			position : absolute;
			left : 50%;
			top : 50%;

			width : 200px;
			height : 16px;
			text-align : center;
			margin-left : -100px;
			margin-top : -8px;
		}
	]]></style>

	<Presentation>
		<Main container=".">
			<div class='lbuilder'>
			</div>
		</Main>
		<Item
			caption		= "span/text()"
			select		= "."
		>
			<div class='lbuilder_item'><span>-</span></div>
		</Item>
	</Presentation>
</Layoutbuilder>
<List>
	<style><![CDATA[
		.list{
			width : 200px;
			height : 500px;
			overflow : auto;
			position : relative;
			border : 2px inset;
			background-color : white;
			
			-moz-border-bottom-colors: #FFFFFF #C0C0C0;
			-moz-border-right-colors: #FFFFFF #C0C0C0;
			-moz-border-top-colors: gray black;
			-moz-border-left-colors: gray black;
		}
		
		.list, .draglist{
			font-family : Tahoma;
			font-size : 8pt;
		}
		
		.list INPUT{
			float : left;
			margin : -1px 0 0 0;
			display : none;
		}
		
		.list DIV, .draglist{
			padding : 0;
			height : 18px;
		}
		
		.list SPAN, .draglist SPAN{
			padding : 0 0 0 20px;
			background : url(Icons/icoMailFolder.gif) no-repeat 1px center;
			height : 16px;
			float : left;
		}
		
		.list U, .draglist U{
			text-decoration : none;
			color : black;
			cursor : default;
			display : block;
			padding : 2px 4px 2px 2px;
			text-decoration : none;
			white-space : nowrap;
		}
		
		.list .selected U{
			background-color : #CCCCCC;
			color : black;
		}
		.list.listfocus .selected U, .draglist U{
			color : white;
			background-color : midnightblue;
		}
		.list.listfocus .selected A:hover{color : white;}
		
		.list #txt_rename{
			border : 1px solid black;
			padding : 1px 15px 1px 1px;
			font-family : Tahoma;
			font-size : 8pt;
			color : black;
			word-break : keep-all;
			overflow : visible;
			margin-top  : 0px;
			cursor : text;
		}
		
		.list .empty{
			text-align : center;
			padding : 3px 0 0 0;
		}
	]]></style>
	
	<Presentation>
		<Main container=".">
			<div class='list'>
			</div>
		</Main>
		<Item 
			class			= "."
			caption		= "span/u/node()"
			icon			= "span"
			select		= "."
		>
			<div><span><u>-</u></span></div>
		</Item>
		<DragIndicator>
			<div class='draglist'><span><u>-</u></span></div>
		</DragIndicator>
		<Loading>
			<div class="loading">Loading...</div>
		</Loading>
		<Empty caption="text()">
			<div class="empty">-</div>
		</Empty>
	</Presentation>
</List>
<Joinlist>
	<style><![CDATA[
		.joinlist{
			border : 0;
			border-top : 1px solid #c2dff5;
			background-color : white;
			width : 200px;
			height : 500px;
			overflow : auto;

			font-family : Tahoma;
			font-size : 8pt;
			position : relative;
			padding : 2px 0 0 2px;
		}

		.joinlist INPUT{
			float : left;
			margin : -1px 0 0 0;
			display : none;
		}

		.joinlist DIV{
			padding : 0;
			height : 18px;
			width : 175px;
			overflow : hidden;
			float : left;
		}

		.joinlist SPAN{
			padding : 0 0 0 20px;
			background : no-repeat 1px center;
			height : 16px;
			float : left;
		}

		.joinlist A{
			text-decoration : none;
			color : black;
			cursor : default;
			display : block;
			padding : 2px 4px 2px 2px;
			white-space : nowrap;
			text-overflow : ellipsis;
		}

		.joinlist .selected A{
			background-color : #CCCCCC;
			color : black;
		}
		.joinlist.joinlistfocus .selected A{
			color : white;
			background-color : midnightblue;
		}
		.joinlist.joinlistfocus .selected A:hover{color : white;}

		.joinlist #txt_rename{
			border : 1px solid black;
			padding : 1px 15px 1px 1px;
			font-family : Tahoma;
			font-size : 8pt;
			color : black;
			word-break : keep-all;
			overflow : visible;
			margin-top  : 0px;
			cursor : text;
		}
	]]></style>

	<Presentation>
		<Main container=".">
			<div class='joinlist'>
			</div>
		</Main>
		<Item
			class			= "."
			caption		= "span/a/text()"
			icon			= "span"
			select		= "span/a"
		>
			<div><span><a href='#' onclick='return false'>-</a></span></div>
		</Item>
		<Loading>
			<div class="loading">Loading...</div>
		</Loading>
	</Presentation>
</Joinlist>
<ListIcons>
	<style><![CDATA[
		.listicons{
			border : 2px inset white !important; border : 2px inset;
			background-color : white;
			width : 450px;
			height : 500px;
			overflow : auto;
		}
		.listicons, .draglisticon{
			font-family : Tahoma;
			font-size : 8pt;
		}

		.listicons DIV, .draglisticon{
			padding : 0;
			float : left;
			display : inline;
			margin-bottom : 10px;
		}

		.listicons BLOCKQUOTE, .draglisticon BLOCKQUOTE{
			width : 70px;
			height : 32px;
			margin : 2px 2px 4px 2px;

			background : url(Icons/icoMailFolder.gif) no-repeat 50% 50%;
		}
		.listicons .selected BLOCKQUOTE, .draglisticon BLOCKQUOTE{
		}
		.listicons.listiconsfocus .selected BLOCKQUOTE{
		}

		.listicons INPUT{
			float : left;
			margin : -1px 0 0 0;
			display : none;
		}

		.listicons LABEL, .draglisticon LABEL{
			padding : 0 0 0 0;
			margin : 0 2px 0 0px;
			width : 76px;
			height : 29px;
			overflow : hidden;

			display : block;
			text-align : center;
			position : relative;
		}

		.listicons SPAN, .draglisticon SPAN{
			text-decoration : none;
			color : black;
			cursor : default;
			padding : 0px 3px 2px 3px;
			margin : 1px auto 0 auto;
			text-align : center;
		}
		.listicons LABEL>SPAN, .draglisticon LABEL>SPAN{
			float : left;
		}
		* html .listicons SPAN, .draglisticon SPAN{
			display : block;
			position : absolute;
			left : 50%;
			margin-left : expression(-0.5 * this.offsetWidth);
		}

		.listicons .selected SPAN{
			background-color : #CCCCCC;
			color : black;
			/*margin : 0 auto 0 auto; FF? */
		}
		.listicons.listiconsfocus .selected SPAN, .draglisticon SPAN{
			color : white;
			background-color : midnightblue;
		}

		.listicons #txt_rename{
			border : 1px solid black;
			float : none;
			padding : 1px 5px 1px 1px;
			font-family : Tahoma;
			font-size : 8pt;
			color : black;
			word-break : keep-all;
			overflow : visible;
			margin  : 0px;
			cursor : text;
		}
	]]></style>

	<Presentation>
		<Main container=".">
			<div class='listicons'>
			</div>
		</Main>
		<Item
			class			= "."
			caption		= "label/span/text()"
			icon			= "blockquote"
			select		= "."
		>
			<div><blockquote></blockquote><label><span>-</span></label></div>
		</Item>
		<DragIndicator>
			<div class='draglisticon'><blockquote></blockquote><label><span>-</span></label></div>
		</DragIndicator>
		<Loading>
			<div class="loading">Loading...</div>
		</Loading>
		<Empty caption="text()">
			<div class="empty">-</div>
		</Empty>
	</Presentation>
</ListIcons>
<ListShop>
	<style><![CDATA[
		.iconlist{
			border : 2px inset white !important; border : 2px inset;
			background-color : white;
			width : 492px;
			height : 494px;
			overflow : auto;

			position : absolute;
			top : 15px;
			left : 680px;

			padding : 3px 4px 3px 4px;
		}

		.iconlist, .dragshop{
			font-family : Verdana;
			font-size : 7.5pt;
		}

		.iconlist DIV, .dragshop{
			padding : 0;
			width : 116px;
			height : 110px;

			float : left;
			display : inline;
			text-align : center;
			padding : 3px 2px 3px 2px;
		}
		.iconlist DIV.hover{
			border : 1px solid #FFEFD1;
			border-width : 3px 2px 3px 2px;
			padding : 0;
		}
		.iconlist DIV.selected, .dragshop{
			border : 1px solid orange;
			border-width : 3px 2px 3px 2px;
			padding : 0;
		}

		.iconlist BLOCKQUOTE, .dragshop BLOCKQUOTE{
			width : 80px;
			height : 80px;

			margin : 0 auto 3px auto;
			background : url(Icons/icoMailFolder.gif) no-repeat 50% 50%;
		}
		.iconlist INPUT{
			float : left;
			margin : -1px 0 0 0;
			display : none;
		}

		.iconlist LABEL, .dragshop LABEL{
			padding : 0 0 0 0;
			margin : 0 2px 0 2px;
			height : 16px;
			width : 110px;

			display : block;
			border : 1px solid red;
		}

		.iconlist SPAN, .dragshop SPAN{
			text-decoration : none;
			color : black;
			cursor : default;
			padding : 2px 4px 2px 2px;
			display : block;
		}
	]]></style>

	<Presentation>
		<Main container=".">
			<div class='iconlist'>
			</div>
		</Main>
		<Item
			class			= "."
			caption		= "span/text()"
			image			= "blockquote"
			select		= "."
		>
			<div><blockquote></blockquote><span>-</span></div>
		</Item>
		<DragIndicator>
			<div class='dragshop'><blockquote></blockquote><span>-</span></div>
		</DragIndicator>
		<Loading>
			<div class="loading">Loading...</div>
		</Loading>
	</Presentation>
</ListShop>
<ListSmileys>
	<style><![CDATA[
		.listsmileys{
			background : #d5e9f8 url(images/ddgradient.gif) repeat-x;
			border : 1px solid white;
			overflow : auto;

			font-family : Tahoma;
			font-size : 8pt;
		}

		.listsmileys a img{
			border : 0;
		}

		.listsmileys A{
			padding : 0;
			float : left;
			display : inline;

			width : 23px;
			height : 23px;
			margin : 3px;

			border : 1px solid #c5d3ed;
			cursor : default;
		}
		.listsmileys A:hover{
			border : 1px solid #778bb0;
		}

		/*.listsmileys .selected, .listsmileys A:hover.selected{
			border : 1px solid midnightblue;
		}*/
	]]></style>

	<Presentation>
		<Main container=".">
			<div class='listsmileys'>
			</div>
		</Main>
		<Item
			class			= "."
			image			= "img/@src"
			select		= "."
		>
			<a href='javascript:void(0);' onclick='return false'><img src='' /></a>
		</Item>
		<Loading>
			<div class="loading">Loading...</div>
		</Loading>
	</Presentation>
</ListSmileys>
<ListTab>
	<style><![CDATA[
		.listtab{
			width : 300px;
			height : 100px;
			padding-top : 21px;
			padding-bottom : 4px;
			overflow : hidden;
			position : relative;
		}

		.listtab .btncontainer{
			position : absolute;
			top : 0;
			z-index : 100;
			padding-left : 2px;
		}

		.listtab .btn{
			border-width : 2px 2px 0 2px;
			border-style : outset;
			border-color : white !important; border-color:;
			display : block;
			float : left;
			padding : 3px 6px 2px 6px;

			font-family : MS Sans Serif;
			font-size : 8pt;
			background-color : #D4D0C8;

			margin : 2px 0 0 0;

			cursor : default;
			position : relative;
			z-index : 90;
		}

		.listtab .selected{
			padding : 3px 8px 5px 8px;
			margin : 0 -2px 0 -2px;
			display : inline;
			left : 0px;
			z-index : 100;
		}

		.listtab .firstcurbtn{
			margin : 0 -2px 0 0;
			padding : 3px 8px 5px 6px;
		}

		.listtab .tabpage{
			border-width : 2px;
			border-style : outset;
			border-color : white !important; border-color:;
			display : block;
			height : 100%;
			position : relative;
		}

	]]></style>

	<Presentation>
		<Main container="div">
			<div class='listtab'>
				<div class='btncontainer'>
				</div>
				<div class='tabpage'> </div>
			</div>
		</Main>
		<Item
			class			= "."
			caption		= "text()"
			select		= "."
		>
			<span class='btn'>-</span>
		</Item>
		<Loading>
			<div class="loading">Loading...</div>
		</Loading>
		<Empty caption="text()">
			<div class="empty">-</div>
		</Empty>
	</Presentation>
</ListTab>
<ListThin>
	<style><![CDATA[
		.listthin{
			border : 1px solid gray;

			background-color : white;
			width : 200px;
			height : 500px;
			overflow : auto;

			font-family : Tahoma;
			font-size : 8pt;
			position : relative;
		}

		.listthin INPUT{
			float : left;
			margin : -1px 0 0 0;
			display : none;
		}

		.listthin DIV{
			padding : 0;
			height : 18px;
		}

		.listthin SPAN{
			padding : 0 0 0 20px;
			background : url(Icons/icoMailFolder.gif) no-repeat 1px center;
			height : 16px;
			float : left;
		}

		.listthin A{
			text-decoration : none;
			color : black;
			cursor : default;
			display : block;
			padding : 2px 4px 2px 2px;
		}

		.listthin .selected A{
			background-color : #CCCCCC;
			color : black;
		}
		.listthin.listthinfocus .selected A{
			color : white;
			background-color : midnightblue;
		}
		.listthin.listthinfocus .selected A:hover{color : white;}

		.listthin #txt_rename{
			border : 1px solid black;
			padding : 1px 15px 1px 1px;
			font-family : Tahoma;
			font-size : 8pt;
			color : black;
			word-break : keep-all;
			overflow : visible;
			margin-top  : 0px;
			cursor : text;
		}

		.listthin .empty{
			text-align : center;
			padding : 3px 0 0 0;
		}
	]]></style>

	<Presentation>
		<Main container=".">
			<div class='listthin'>
			</div>
		</Main>
		<Item
			class			= "."
			caption		= "span/a/text()"
			checkbox		= "input"
			icon			= "span"
			select		= "."
		>
			<div><input type='checkbox' /><span><a href='#' onclick='return false'>-</a></span></div>
		</Item>
		<Loading>
			<div class="loading">Loading...</div>
		</Loading>
		<Empty caption="text()">
			<div class="empty">-</div>
		</Empty>
	</Presentation>
</ListThin>
<ListThumbs>
	<style><![CDATA[
		.thumbs{
			border : 2px inset white !important; border : 2px inset;
			background-color : white;
			width : 450px;
			height : 500px;
			overflow : auto;

			position : absolute;
			top : 15px;
			left : 220px;
		}
		.thumbs, .dragthumb{
			font-family : Tahoma;
			font-size : 8pt;
		}

		.thumbs DIV, .dragthumb{
			padding : 0;
			float : left;
			display : inline;
			margin : 10px 10px 0 10px;
		}

		.thumbs BLOCKQUOTE, .dragthumb BLOCKQUOTE{
			width : 110px;
			height : 110px;
			border : 1px solid #CCCCCC;
			margin : 2px 2px 2px 2px;

			background : url(Icons/icoMailFolder.gif) no-repeat 50% 50%;
		}
		.thumbs .selected BLOCKQUOTE, .dragthumb BLOCKQUOTE{
			border : 3px solid #CCCCCC;
			margin : 0 0 1px 0;
		}
		.thumbs.thumbsfocus .selected BLOCKQUOTE{
			border-color : midnightblue;
		}

		.thumbs INPUT{
			float : left;
			margin : -1px 0 0 0;
			display : none;
		}

		.thumbs LABEL, .dragthumb LABEL{
			padding : 0 0 0 0;
			margin : 0 2px 0 2px;
			height : 16px;
			width : 110px;

			display : block;
			text-align : center;
		}

		.thumbs SPAN, .dragthumb SPAN{
			text-decoration : none;
			color : black;
			cursor : default;
			padding : 0px 3px 2px 3px;
			margin : 1px auto 0 auto;
			white-space : nowrap;
		}
		.thumbs LABEL>SPAN, .dragthumb LABEL>SPAN{
			float : left;
		}
		* html .thumbs SPAN{
			width : 1px;
			display : block;
		}

		.thumbs .selected SPAN{
			background-color : #CCCCCC;
			color : black;
			margin : 0 auto 0 auto;
		}
		.thumbs.thumbsfocus .selected SPAN, .dragthumb SPAN{
			color : white;
			background-color : midnightblue;
		}

		.thumbs #txt_rename{
			border : 1px solid black;
			float : none;
			padding : 1px 5px 1px 1px;
			font-family : Tahoma;
			font-size : 8pt;
			color : black;
			word-break : keep-all;
			overflow : visible;
			margin  : 0px;
			cursor : text;
		}
	]]></style>

	<Presentation>
		<Main container=".">
			<div class='thumbs'>
			</div>
		</Main>
		<Item
			class			= "."
			caption		= "label/span/text()"
			image			= "blockquote"
			select		= "."
		>
			<div><blockquote></blockquote><label><span>-</span></label></div>
		</Item>
		<DragIndicator>
			<div class='dragthumb'><blockquote></blockquote><label><span>-</span></label></div>
		</DragIndicator>
		<Loading>
			<div class="loading">Loading...</div>
		</Loading>
	</Presentation>
</ListThumbs>
<LuxeButton>
	<!--
		Classes:
		- disabled
		- focus

		- btnup
		- btndown
		- btnover
	-->

	<style><![CDATA[
		.luxebutton{
			border : 1px solid #D4D0C8;
			background-color : #D4D0C8;
			padding : 3px;
			color : black;
			font-family : MS Sans Serif;
			font-size : 8pt;
			cursor : default;
			text-align : center;
		}

		.luxebutton.luxebuttonDisabled{color : gray;}
		.luxebutton.luxebuttonDown{
			border : 1px solid white;
			border-color : gray white white gray;
			padding : 4px 2px 2px 4px;
		}
		.luxebutton.luxebuttonOver{
			border : 1px solid white;
			border-color : white gray gray white;
		}

		.luxebutton.bool.btnover{

		}

		.luxebutton.bool.btndown{

		}

		.helper{
		}

		.helper.active{
			display : none;
		}
	]]></style>

	<Presentation>
		<Main caption="text()" icon=".">
			<div class='luxebutton'>-</div>
		</Main>

		<Helper>
			<div class='helper'></div>
		</Helper>
	</Presentation>
</LuxeButton>
<Menu>
	<style><![CDATA[
		.menu2005{
			border : 1px solid #666666;
			cursor : default;
			background : white url(images/menubg.gif) repeat-y;

			position : absolute;
			left : 10px;
			top : 10px;

			font-family : MS Sans Serif;
			font-size : 8pt;
			color : black;
			display : none;

			z-index : 100;

			margin-top : 0px;
			margin-left : 0px;
		}

		.menu2005 div{
			padding : 3px 31px 4px 30px;
			white-space : nowrap;
			margin : 1px;
		}
		.menu2005>div{
			height : 13px;
		}
		.menu2005 div.hover{
			border : 1px solid #0a246a;
			background-color : #b6bdd2;
			padding : 2px 30px 3px 29px;
		}

		.menu2005 div.menu2005_divider{
			border-style : solid;
			border-width : 1px 0 1px 0;
			border-color : gray white white gray;
			overflow : visible;
			margin : 1px 0 0px 30px;
			padding : 0;
			font-size : 1px;
		}

		.menu2005>div.menu2005_divider{
			height : 0;
		}

		.menu2005 div.submenu2005 span{
			background : url(images/arrow_right.gif) no-repeat right;
			width : 4px;
			height : 7px;
			display : block;
			position : absolute;
			right : 5px;
		}

		.menu2005 div.hover span{
			background-image : url(images/arrow_right_white.gif);
		}
		.menu2005 div>span{
			margin-top : -10px;
		}

		.menu2005 div.disabled{
			color : gray;
		}
	]]></style>

	<Presentation>
		<Main container=".">
			<blockquote class='menu2005'>
				<u></u>
			</blockquote>
		</Main>
		<Item caption="text()">
			<div>-<span> </span></div>
		</Item>
		<Divider>
			<div class='menu2005_divider'></div>
		</Divider>
	</Presentation>
</Menu>
<menubtn20052005>
	<!--
		Classes:
		- disabled
		- focus

		- btnup
		- btndown
		- btnover
	-->

	<style><![CDATA[
		.menubtn2005{
			border : 0;
			padding : 3px 7px 2px 7px;
			color : black;
			font-family : MS Sans Serif;
			font-size : 8pt;
			cursor : default;
			text-align : left;
			overflow : hidden;
			height : 14px;
			margin : 4px 1px 1px 1px;

			position : relative;
		}

		.menubtn2005.menubtn2005Disabled{color : gray;}
		.menubtn2005.menubtn2005Down{
			border : 1px solid #666666;
			background-color : #f5f4f2;
			margin : 3px 0px 1px 0px;
			border-width : 1px 1px 0 1px;
		}
		.menubtn2005.menubtn2005Over{
			border : 1px solid #0a246a;
			background-color : #b6bdd2;
			margin : 3px 0px 0px 0px;
		}

		.menubtn2005.bool.btnover{

		}

		.menubtn2005.bool.btndown{

		}

		.menubtn2005.disabled span{
			background-position : 0 100%;
		}

		.helper{
			border : 1px solid black;
			position : absolute;
			display : none;
		}

		.helper.active{
			display : none;
		}
	]]></style>

	<Presentation>
		<Main caption="text()" icon="." background=".">
			<div class='menubtn2005'>-</div>
		</Main>

		<Helper>
			<div class='helper'></div>
		</Helper>
	</Presentation>
</menubtn20052005>
<ModalWindow>

	<style><![CDATA[
		.window{
			border : 2px outset;
			background : #D4D0C8;

			width : 100px;
			height : 100px;
			overflow : hidden;

			z-index : 100001;
			position : absolute;
			padding : 17px 0 0 0;
			
			-moz-border-top-colors: #C0C0C0 #FFFFFF;
			-moz-border-left-colors: #C0C0C0 #FFFFFF;
			-moz-border-bottom-colors: black gray;
			-moz-border-right-colors: black gray;
		}

		.window .title{
			background : url(images/window_title.gif) repeat-y;
			height : 16px;

			font-family : MS Sans Serif;
			font-size : 8pt;
			font-weight : bold;
			color : white;

			position : relative;
			padding : 3px 0 0 23px;
			margin : -16px 1px 2px 1px;
			cursor : default;
		}

		.window .title img{
			position : absolute;
			left : 4px;
			top : 2px;
			/*width : 10px;
			height : 14px;*/
		}



		.window .body{
			height : 100%;
			width : 100%;
			position : relative;
		}

		.cover{
			background : url(images/spacer.gif);
			/*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);
			-moz-opacity : 0.5;*/

			position : absolute;
			left : 0;
			top : 0;
			width : 100%;
			height : 100%;
			height : expression(document.documentElement.offsetHeight);
			z-index : 10000;
		}
	]]></style>

	<Presentation>
		<Main container="div[2]" drag="div" title="div/text()" icon="div/img">
			<div class='window'>
				<div class='title'><img src='' />-</div>
				<div class='body'>

				</div>
			</div>
		</Main>
		<Cover>
			<div class='cover'></div>
		</Cover>
	</Presentation>
</ModalWindow>
<Pages>
	<style><![CDATA[
		.pages{
			overflow : hidden;
			border : 1px solid gray;
			width : 100px;
			height : 100px;
			background-color : white;
		}

		.pages .page{
			display : none;

			width : 100%;
			height : 100%;
			overflow : hidden;

			background : url(images/tabtop.gif) repeat-x;
		}

		.pages .curpage{
			display : block;
		}
	]]></style>

	<Presentation>
		<Main pages=".">
			<div class='pages'>
			</div>
		</Main>
		<Page container=".">
			<div class='page'></div>
		</Page>
	</Presentation>
</Pages>
<Palette>
	<style><![CDATA[
		.palette{
			width : 143px;
			height : 35px;
			border : 1px solid black;
			overflow : hidden;
			background-color : white;
			position : relative;
		}

		.palette blockquote{
			border : 1px solid white;
			background-color : red;
			width : 33px;
			height : 33px;
			margin : 0;
		}

		.palette .standard{
			width : 108px;
			height : 22px;
			border-left : 1px solid black;
			position : absolute;
			left : 35px;
			top : 0;
		}

		.palette .custom{
			border-left : 1px solid black;
			height : 11px;
			width : 108px;
			padding-top : 2px;
			position : absolute;
			left : 35px;
			top : 22px;
		}

		.palette .custom span{
			border-width : 1px 1px 0 0;
		}

		.palette span{
			border : 1px solid black;
			border-width : 0 1px 1px 0;
			width : 11px;
			height : 10px;
			background : white;
			float : left;
			overflow : hidden;
		}
	]]></style>

	<Presentation>
		<Main viewer="blockquote" standard="div[1]" custom="div[2]">
			<div class='palette'>
				<blockquote></blockquote>
				<div class='standard'></div>
				<div class='custom'></div>
			</div>
		</Main>
		<Item background=".">
			<span></span>
		</Item>
	</Presentation>
</Palette>

<Radiobutton>
	<!--
		Classes:
		- disabled
		- error
	-->

	<style><![CDATA[
		.rb input{
			width : 13px;
		}

		.rb.disabled{
		}

		.rb.error{
		}
		
		.rbFocus span{
			border : 1px dotted gray;
			left : -1px;
			padding-right : 2px;
		}
		
		.rb span{
			font-size : 8pt;
			font-family : MS Sans Serif;
			
			position : relative;
			top : -1px;
			cursor : default;
		}
	]]></style>

	<Presentation>
		<Main input="input" label="span">
			<div class="rb">
				<input type='radio' />
				<span>-</span>
			</div>
		</Main>
	</Presentation>
</Radiobutton>
<Select>
	<!--
		Classes:
		- disabled
	-->

	<style><![CDATA[
	]]></style>

	<Presentation>
		<Main caption="text()" for="@for">
			<label for="" class="label">-</label>
		</Main>
	</Presentation>
</Select>
<Statusbar>
	<!--
		Classes:
		- disabled
		- focus

		- btnup
		- btndown
		- btnover

		- next
		- previous
		- finish
	-->

	<style><![CDATA[
		.statusbar{
			width : 100px;
			height : 100px;
			overflow : hidden;
			background : #D4D0C8;
		}

		.statusbar .panel{
			border : 1px solid white;
			border-color : gray white white gray;
			border-style : solid;
			padding : 2px 0 0 23px;

			font-size : 8pt;
			font-family : MS Sans Serif;
			margin-right : 2px;
			background : no-repeat 3px 1px;
			float : right;
			height : 16px;
			cursor : default;
		}

		.statusbar .first{
			float : none;
		}

		.statusbar .last{
			margin : 0;
		}

		.statusbar .rest{
			float : none;
		}

		.statusbar .corner{
			width : 13px;
			height : 13px;
			position : absolute;
			right : -1px;
			top : 9px;
			display : block;
		}
	]]></style>

	<Presentation>
		<Main container="." corner="span">
			<div class='statusbar'><span class='corner'></span></div>
		</Main>
		<Panel icon="." caption="text()" container=".">
			<div class='panel'>-</div>
		</Panel>
	</Presentation>
</Statusbar>

<Statusbar2005>
	<!--
		Classes:
		- disabled
		- focus

		- btnup
		- btndown
		- btnover

		- next
		- previous
		- finish
	-->

	<style><![CDATA[
		.sb2005{
			width : 100px;
			height : 100px;
			overflow : hidden;
			padding : 1px 0 0 0;
			background : #D4D0C8;
		}

		.sb2005 .panel{
			border : 1px solid #e1ded9;
			padding : 2px 0 0 23px;

			font-size : 8pt;
			font-family : MS Sans Serif;
			margin-right : 2px;
			background : no-repeat 3px 1px;
			float : right;
			height : 16px;
			cursor : default;
		}

		.sb2005 .first{
			float : none;
		}

		.sb2005 .last{
			margin : 0;
		}

		.sb2005 .rest{
			float : none;
		}

		.sb2005 .corner{
			width : 13px;
			height : 13px;
			position : absolute;
			right : -1px;
			top : 9px;
			display : block;
		}
	]]></style>

	<Presentation>
		<Main container="." corner="span">
			<div class='sb2005'><span class='corner'></span></div>
		</Main>
		<Panel icon="." caption="text()">
			<div class='panel'>-</div>
		</Panel>
	</Presentation>
</Statusbar2005>

<Submitform>
	<!--
		Classes:
		- focus
	-->

	<style><![CDATA[
		.form{
			margin : 0;
			position : relative;
			overflow : hidden;
		}

		.page{
		}
	]]></style>

	<Presentation>
		<Main container=".">
			<div class="form" method="post" action="">
			</div>
		</Main>
		<Page container=".">
			<div class='page'></div>
		</Page>
	</Presentation>
</Submitform>
<!--Tab>
	<style><![CDATA[
		.tab{
			width : 300px;
			height : 100px;
			padding-top : 25px;
			padding-bottom : 4px;
			overflow : hidden;
			position : relative;
			/*background-color : white;*/
		}

		.tab .btncontainer{
			position : absolute;
			top : 0;
			z-index : 100;
			padding-left : 2px;
			padding-top : 4px;
		}

		.tab .btn{
			border : 1px solid black;
			border-width : 1px 1px 0 1px;
			display : block;
			float : left;
			padding : 3px 6px 2px 6px;

			font-family : MS Sans Serif;
			font-size : 8pt;
			background-color : #D4D0C8;

			margin : 2px 0 0 0;

			cursor : default;
			position : relative;
			z-index : 90;
		}
		
		.tab .over{
			background-color : #b6bdd2;
		}

		.tab .curbtn{
			padding : 3px 8px 5px 8px;
			margin : 0 -2px 0 -2px;
			display : inline;
			left : 0px;
			z-index : 100;
			background-color : #b6bdd2;
		}

		.tab .tabpage{
			border : 1px solid black;
			display : none;
			position : relative;
			background : #D4D0C8 url(images/appbg.gif) repeat-y 20%;
		}

		.tab .tabpage.curpage{
			display : block;
			height : 100%;
		}
	]]></style>

	<Presentation>
		<Main pages="." buttons="div">
			<div class='tab'>
				<div class='btncontainer'>
				</div>
			</div>
		</Main>
		<Button caption="text()">
			<span class='btn'>-</span>
		</Button>
		<Page container=".">
			<div class='tabpage'></div>
		</Page>
	</Presentation>
</Tab-->
<Tab>
	<style><![CDATA[
		.tab{
			width : 300px;
			height : 100px;
			padding-top : 21px;
			padding-bottom : 4px;
			overflow : hidden;
			position : relative;
		}

		.tab .btncontainer{
			position : absolute;
			top : 0;
			z-index : 100;
			padding-left : 2px;
		}

		.tab .btn{
			border-width : 2px 2px 0 2px;
			border-style : outset;
			border-color : white !important; border-color:;
			display : block;
			float : left;
			padding : 3px 6px 2px 6px;

			font-family : MS Sans Serif, Tahoma, Arial;
			font-size : 8pt;
			background-color : #D4D0C8;

			margin : 2px 0 0 0;

			cursor : default;
			position : relative;
			z-index : 90;
			
			-moz-border-top-colors: #C0C0C0 #FFFFFF;
			-moz-border-left-colors: #C0C0C0 #FFFFFF;
			-moz-border-bottom-colors: black gray;
			-moz-border-right-colors: black gray;
		}

		.tab .curbtn{
			margin : 0 -2px 0 -2px;
			display : inline;
			left : 0px;
			z-index : 100;
			padding : 3px 8px 5px 8px;
		}
		
		.tabFocus .curbtn{
			padding : 2px;
		}
		
		.tabFocus .curbtn span{
			border : 1px dotted gray;
			padding : 0px 5px 2px 5px;
			display : block;
		}

		.tab .firstcurbtn{
			margin : 0 -2px 0 0;
			padding : 3px 8px 5px 6px;
		}

		.tab .tabpage{
			border-width : 2px;
			border-style : outset;
			border-color : white !important; border-color:;
			display : none;
			position : relative;
			background-color : #D4D0C8;
			
			-moz-border-top-colors: #C0C0C0 #FFFFFF;
			-moz-border-left-colors: #C0C0C0 #FFFFFF;
			-moz-border-bottom-colors: black gray;
			-moz-border-right-colors: black gray;
		}

		.tab .tabpage.curpage{
			display : block;
			height : 100%;
		}
	]]></style>

	<Presentation>
		<Main pages="." buttons="div">
			<div class='tab'>
				<div class='btncontainer'>
				</div>
			</div>
		</Main>
		<Button caption="span/text()">
			<span class='btn'><span>-</span></span>
		</Button>
		<Page container=".">
			<div class='tabpage'></div>
		</Page>
	</Presentation>
</Tab>
<TabLow>
	<style><![CDATA[
		.lowtab{
			width : 300px;
			height : 100px;
			padding-bottom : 25px;
			overflow : hidden;
			position : relative;
		}

		.lowtab .btncontainer{
			position : absolute;
			bottom : 0;
			z-index : 100;
		}
		* html .lowtab .btncontainer{
			bottom : expression(this.parentNode.offsetHeight%2==1 ? -1 : 0);
		}

		.lowtab .btn{
			border-width : 0px 2px 2px 2px;
			border-style : outset;
			border-color : white !important; border-color:;
			display : block;
			float : left;
			padding : 3px 6px 2px 6px;

			font-family : MS Sans Serif;
			font-size : 8pt;
			background-color : #D4D0C8;

			margin : 2px 0 0 0;

			cursor : default;
			position : relative;
			z-index : 90;
		}

		.lowtab .curbtn{
			padding : 3px 8px 5px 8px;
			margin : 0 -2px 0 -2px;
			display : inline;
			left : 0px;
			z-index : 100;
		}

		.lowtab .firstcurbtn{
			margin : 0 -2px 0 0;
			padding : 3px 8px 5px 6px;
		}

		.lowtab .tabpage{
			border-width : 2px;
			border-style : outset;
			border-color : white !important; border-color:;
			display : none;
			background-color : #D4D0C8;
			position : relative;
		}

		.lowtab .tabpage.curpage{
			display : block;
			height : 100%;
		}
	]]></style>

	<Presentation>
		<Main pages="." buttons="div">
			<div class='lowtab'>
				<div class='btncontainer'>
				</div>
			</div>
		</Main>
		<Button caption="text()">
			<span class='btn'>-</span>
		</Button>
		<Page container=".">
			<div class='tabpage'></div>
		</Page>
	</Presentation>
</TabLow>
<TabLowMS>
	<style><![CDATA[
		.lowtabms{
			width : 300px;
			height : 100px;
			padding-bottom : 24px;
			overflow : hidden;
			position : relative;
			background : #808080;
		}

		.lowtabms .btncontainer{
			position : absolute;
			bottom : 0;
			padding : 0 0 0 5px !important; padding : 0 0 3px 5px;
			background : url(images/tabdiv.gif) no-repeat 5px 4px;
			z-index : 100;
		}
		* html .lowtabms .btncontainer{
			bottom : expression(this.parentNode.offsetHeight%2==1 ? 0 : 1);
		}

		.lowtabms .btn{
			float : left;
			display : inline;
			padding : 4px 8px 4px 8px;

			font-family : MS Sans Serif;
			font-size : 8pt;
			color : white;

			cursor : default;
			position : relative;
			z-index : 90;
			background : url(images/tabdiv.gif) no-repeat right 4px;
		}

		.lowtabms .curbtn{
			border-width : 0 1px 1px 1px;
			border-style : solid;
			border-color : black black black white;
			background : #D4D0C8;
			color : black;

			margin : 2px 0 0 0;

			padding : 3px 8px 3px 10px;
			margin : 0 -2px 3px -2px;
			left : 0px;
			z-index : 100;

			position : relative;
			top : -1px;
		}

		* html .lowtabms .curbtn{
			top : 0;
		}

		.lowtabms .firstcurbtn{
			margin : 0 -2px 3px 0;
			padding : 3px 8px 3px 8px;
		}

		.lowtabms .tabpage{
			/*border-width : 1px 0 1px 1px;
			border-style : solid;
			border-color : white black black white;*/
			display : none;
			background-color : white;
		}

		.lowtabms .tabpage.curpage{
			display : block;
			height : 100%;
			overflow : hidden;
		}
	]]></style>

	<Presentation>
		<Main pages="." buttons="div">
			<div class='lowtabms'>
				<div class='btncontainer'>
				</div>
			</div>
		</Main>
		<Button caption="text()">
			<span class='btn'>-</span>
		</Button>
		<Page container=".">
			<div class='tabpage'></div>
		</Page>
	</Presentation>
</TabLowMS>

<Tab>
	<style><![CDATA[
		.emtab{
			width : 400px;
			height : 100px;
			padding-top : 24px;
			padding-bottom : 4px;
			overflow : hidden;
			position : relative;
		}

		.emtab .btncontainer{
			position : absolute;
			top : 0;
			z-index : 100;
		}

		.emtab .btn{
			background : url(images/eMessengerTab.gif) no-repeat;
			display : block;
			float : left;
			padding : 4px 0 0 0;
			height : 15px;
			width : 94px;

			font-family : MS Sans Serif;
			font-size : 8pt;
			font-weight : bold;
			color : #007ad1;

			margin : 5px 0 0 -1px;
			position : relative;

			cursor : default;
			text-align : center;
		}

		.emtab .curbtn{
			padding : 7px 0 0 0;
			margin : 0 0 0 -1px;
			left : 0px;
			z-index : 100;
			height : 18px;
		}

		.emtab .firstbtn{
			margin : 5px 0 0 0;
		}

		.emtab .firstcurbtn{
			margin : 0;
		}

		.emtab .tabpage{
			border : 1px solid #84bce5;
			display : none;
			background : #e5edf4;
			position : relative;
		}

		.emtab .tabpage.curpage{
			display : block;
			height : 100%;
		}
	]]></style>

	<Presentation>
		<Main pages="." buttons="div">
			<div class='emtab'>
				<div class='btncontainer'>
				</div>
			</div>
		</Main>
		<Button caption="text()">
			<span class='btn'>-</span>
		</Button>
		<Page container=".">
			<div class='tabpage'></div>
		</Page>
	</Presentation>
</Tab>

<TabMSDev>
	<style><![CDATA[
		.tabmsdev{
			width : 300px;
			height : 100px;
			overflow : hidden;
			position : relative;

			/*
				border : 1px solid gray;
				padding : 23px 1px 1px 1px;
			*/
			padding-top : 23px;
			background : #d4d0c8;
		}

		.tabmsdev .btncontainer{
			position : absolute;
			top : 0;
			z-index : 100;
			width : 100%;

			background-color : #f7f3e9;
			border-bottom : 1px solid white;
		}

		.tabmsdev .btn{
			border-width : 1px 1px 0 1px;
			border-style : solid;
			border-color : white black #d4d0c8 white;
			display : block;
			float : left;
			padding : 3px 6px 2px 6px;

			font-family : MS Sans Serif;
			font-size : 8pt;
			font-weight : bold;
			background-color : #D4D0C8;

			margin : 1px 0 0 0;

			cursor : default;
			position : relative;
			z-index : 90;
		}

		.tabmsdev .curbtn{
			top : 1px;
		}

		.tabmsdev .firstcurbtn{
			margin : 1px 0 0 5px;
		}

		.tabmsdev .tabmsdevpage{
			display : none;
			position : relative;
		}

		.tabmsdev .tabmsdevpage.curpage{
			display : block;
			height : 100%;
		}
	]]></style>

	<Presentation>
		<Main pages="." buttons="div">
			<div class='tabmsdev'>
				<div class='btncontainer'>
				</div>
			</div>
		</Main>
		<Button caption="text()">
			<span class='btn'>-</span>
		</Button>
		<Page container=".">
			<div class='tabmsdevpage'></div>
		</Page>
	</Presentation>
</TabMSDev>
<TabMSDev2005>
	<style><![CDATA[
		.tabmsdev2005{
			width : 300px;
			height : 100px;
			overflow : hidden;
			position : relative;

			border : 1px solid gray;
			padding : 18px 2px 2px 2px;
			background : #d4d0c8;
		}

		.tabmsdev2005 .btncontainer{
			position : absolute;
			top : 0;
			z-index : 100;
			width : 100%;

			background-color : #d4d0c8;
			border-bottom : 1px solid gray;
		}

		.tabmsdev2005 .btn{
			border-right : 1px solid gray;
			background : url(images/tabtop2005.gif) no-repeat;

			display : block;
			float : left;
			padding : 1px 6px 2px 20px;

			font-family : MS Sans Serif;
			font-size : 8pt;
			font-weight : bold;
			background-color : #D4D0C8;

			margin : 1px 0 0 0;

			cursor : default;
			position : relative;
			z-index : 90;
		}

		.tabmsdev2005 .curbtn{
			top : 1px;
			background : url(images/tabtopcur2005.gif) no-repeat;
		}

		.tabmsdev2005 .firstcurbtn{
			margin : 1px 0 0 5px;
		}

		.tabmsdev2005 .tabmsdev2005page{
			display : none;
			position : relative;
		}

		.tabmsdev2005 .tabmsdev2005page.curpage{
			display : block;
			height : 100%;
		}
	]]></style>

	<Presentation>
		<Main pages="." buttons="div">
			<div class='tabmsdev2005'>
				<div class='btncontainer'>
				</div>
			</div>
		</Main>
		<Button caption="text()">
			<span class='btn'>-</span>
		</Button>
		<Page container=".">
			<div class='tabmsdev2005page'></div>
		</Page>
	</Presentation>
</TabMSDev2005>
<TabMSDev2005Low>
	<style><![CDATA[
		.lowmsdevtab2005{
			width : 300px;
			height : 100px;
			padding-bottom : 24px;
			overflow : hidden;
			position : relative;
		}

		.lowmsdevtab2005 .btncontainer{
			position : absolute;
			bottom : 0;
			padding : 0 0 0 5px !important; padding : 0 0 1px 5px;
			background : #f6f5f4 url(images/tabdiv.gif) no-repeat 5px 4px;
			z-index : 100;
			border-top : 1px solid gray;
			width : 100%;
		}
		* html .lowmsdevtab2005 .btncontainer{
			bottom : expression(this.parentNode.offsetHeight%2==1 ? 0 : 1);
		}

		.lowmsdevtab2005 .btn{
			float : left;
			display : inline;
			padding : 2px 8px 4px 9px;
			margin-top : 1px;

			font-family : MS Sans Serif;
			font-size : 8pt;
			color : gray;

			cursor : default;
			position : relative;
			z-index : 90;
			background : url(images/tabdiv.gif) no-repeat right 4px;
		}

		.lowmsdevtab2005 .curbtn{
			border-width : 0 1px 1px 1px;
			border-style : solid;
			border-color : gray;
			background : #ffffff;
			color : black;

			margin : 2px 0 0 0;

			padding : 4px 7px 3px 9px;
			margin : 0 -2px 1px -2px;
			left : 0px;
			z-index : 100;

			position : relative;
			top : -1px;
		}

		.lowmsdevtab2005 .firstcurbtn{
			margin : 0 -2px 1px 0;
			padding : 4px 8px 3px 8px;
		}

		.lowmsdevtab2005 .tabpage{
			/*border-width : 1px 0 1px 1px;
			border-style : solid;
			border-color : white black black white;*/
			display : none;
		}

		.lowmsdevtab2005 .tabpage.curpage{
			display : block;
			height : 100%;
			overflow : hidden;
			position : relative;
		}
	]]></style>

	<Presentation>
		<Main pages="." buttons="div">
			<div class='lowmsdevtab2005'>
				<div class='btncontainer'>
				</div>
			</div>
		</Main>
		<Button caption="text()">
			<span class='btn'>-</span>
		</Button>
		<Page container=".">
			<div class='tabpage'></div>
		</Page>
	</Presentation>
</TabMSDev2005Low>

<TabMSDevLow>
	<style><![CDATA[
		.lowmsdevtab{
			width : 300px;
			height : 100px;
			padding-bottom : 24px;
			overflow : hidden;
			position : relative;
			background : #f7f3e9;
		}

		.lowmsdevtab .btncontainer{
			position : absolute;
			bottom : 0;
			padding : 0 0 0 5px !important; padding : 0 0 1px 5px;
			background : url(images/tabdiv.gif) no-repeat 5px 4px;
			z-index : 100;
			border-top : 1px solid black;
			width : 100%;
		}
		* html .lowmsdevtab .btncontainer{
			bottom : expression(this.parentNode.offsetHeight%2==1 ? 0 : 1);
		}

		.lowmsdevtab .btn{
			float : left;
			display : inline;
			padding : 2px 8px 4px 9px;
			margin-top : 1px;

			font-family : MS Sans Serif;
			font-size : 8pt;
			color : gray;

			cursor : default;
			position : relative;
			z-index : 90;
			background : url(images/tabdiv.gif) no-repeat right 4px;
		}

		.lowmsdevtab .curbtn{
			border-width : 0 1px 1px 1px;
			border-style : solid;
			border-color : black black black white;
			background : #D4D0C8;
			color : black;

			margin : 2px 0 0 0;

			padding : 4px 7px 3px 9px;
			margin : 0 -2px 1px -2px;
			left : 0px;
			z-index : 100;

			position : relative;
			top : -1px;
		}

		.lowmsdevtab .firstcurbtn{
			margin : 0 -2px 1px 0;
			padding : 4px 8px 3px 8px;
		}

		.lowmsdevtab .tabpage{
			/*border-width : 1px 0 1px 1px;
			border-style : solid;
			border-color : white black black white;*/
			display : none;
			background-color : #D4D0C8;
		}

		.lowmsdevtab .tabpage.curpage{
			display : block;
			height : 100%;
			overflow : hidden;
		}
	]]></style>

	<Presentation>
		<Main pages="." buttons="div">
			<div class='lowmsdevtab'>
				<div class='btncontainer'>
				</div>
			</div>
		</Main>
		<Button caption="text()">
			<span class='btn'>-</span>
		</Button>
		<Page container=".">
			<div class='tabpage'></div>
		</Page>
	</Presentation>
</TabMSDevLow>

<Text>
	<style><![CDATA[
		.text{
			background-color : white;
			border : 1px solid gray;
			padding : 10px;
			width : 100px;
			height : 100px;
			
			font-family : Arial;
			font-size : 9pt;

			overflow : auto;
		}
	]]></style>

	<Presentation>
		<Main container=".">
			<div class='text'></div>
		</Main>
	</Presentation>
</Text>
<Textbox>
	<!--
		Classes:
		- disabled
		- focus
	-->

	<style><![CDATA[
		.tb{
			width : 150px;
			height : 16px;
			
			-moz-border-bottom-colors: #FFFFFF #C0C0C0;
			-moz-border-right-colors: #FFFFFF #C0C0C0;
			-moz-border-top-colors: gray black;
			-moz-border-left-colors: gray black;
		}

		.tb.disabled{
			background-color : #E8E8E8;
		}

		.tbFocus{
			background-color : #EEEEEE;
		}

		.tb.error{
			border : 2px inset red;
		}
	]]></style>

	<Presentation>
		<Main input=".">
			<input type='text' class="tb" />
		</Main>
	</Presentation>
</Textbox>
<Textarea>
	<!--
		Classes:
		- disabled
		- focus
	-->

	<style><![CDATA[
		.ta{
			font-family : Arial;
			font-size : 9pt;
			width : 150px;
			height : 18px;
			border : 1px solid gray;
			overflow : auto;
		}
		
		.taFocus{
			background-color : #EEEEEE;
		}

		.ta.disabled{
			background-color : #E8E8E8;
		}

		.ta.error{
			border : 2px inset red;
		}
	]]></style>

	<Presentation>
		<Main input=".">
			<textarea type='text' class="ta" />
		</Main>
	</Presentation>
</Textarea>
<TextMail>
	<iframe_style><![CDATA[
		body{
			overflow : auto;
			margin : 10px;

			font-family : MS Sans Serif;
			font-size : 9pt;
			line-height : 1.4em;
			color : #002187;

			background-color : white;
		}

		html{
			margin : 0;
			overflow : hidden;
		}
	]]></iframe_style>

	<style><![CDATA[
		.textmail{
			overflow : auto;

			font-family : MS Sans Serif;
			font-size : 9pt;
			line-height : 1.4em;
			color : #002187;

			background-color : white;

			width : 100px;
			height : 100px;
		}
	]]></style>

	<Presentation>
		<Main container=".">
			<iframe class='textmail'> </iframe>
		</Main>
	</Presentation>
</TextMail>
<textmailpage>
	<iframe_style><![CDATA[
		body{
			background-color : gray;

			width : 100px;
			height : 100px;
			overflow : auto;
			border : 1px solid gray;
			overflow : hidden;
			margin : 0;
		}

		html{
			margin : 0;
			overflow : hidden;
		}

		.textmailpage_page{
			padding : 10px 10px 10px 10px;
			margin : 5px;

			font-family : MS Sans Serif;
			font-size : 9pt;
			line-height : 1.4em;
			color : #002187;

			background-color : white;
			border : 1px solid black;
			border-width : 1px 5px 5px 1px;

			height : 100%;
		}
	]]></iframe_style>

	<style><![CDATA[
		.textmailpage{
			background-color : gray;

			width : 100px;
			height : 100px;
			overflow : auto;
			border : 1px solid gray;
		}

		.textmailpage .textmailpage_page{
			padding : 10px 10px 10px 10px;
			margin : 10px;

			font-family : MS Sans Serif;
			font-size : 9pt;
			line-height : 1.4em;
			color : #002187;

			background-color : white;
			border : 1px solid black;
			border-width : 1px 5px 5px 1px;

			height : 80%;
		}
	]]></style>

	<Presentation>
		<Main container=".">
			<iframe class='textmailpage'> </iframe>
		</Main>
	</Presentation>
</textmailpage>
<TextMessenger>
	<style><![CDATA[
		.textmsgr{
			border : 1px solid #86bde6;
			background-color : white;
			padding : 4px;
			overflow : auto;

			font-family : Arial;
			font-size : 10pt;
			color : #545454;
		}

		.textmsgr div{
			color : #0a50a1;
			padding-left : 8px;
		}

		.textmsgr a{
			color : blue;
		}

		.textmsgr span{
			display : block;
			margin : 0 0 0 0;
		}

		.textmsgr div.hr, .textmsgr div.hr_top{
			width : 30px;
			height : 1px;
			overflow : hidden;
			background-color : gray;
			padding : 0;
			margin : 5px 0 5px 0;
		}
		.textmsgr div.hr_top{
			margin-top : 20px;
		}

		.textmsg img.sysmsg_icon{
			margin : 0 10px 0 0;
			position : relative;
			top : 3px;
		}

		.textmsg span.system_joined{
			color : green;
		}

		.textmsg span.system_left{
			color : maroon;
		}
	]]></style>

	<Presentation>
		<Main container=".">
			<div class='textmsgr'></div>
		</Main>
	</Presentation>
</TextMessenger>
<Toolbar>
	<style><![CDATA[
		.toolbar2005{
			width : 100px;
			height : 100px;
			overflow : hidden;
		}

		.toolbar2005_bar{
			background : url(images/toolbar.gif) repeat-x;
			height : 26px;
		}

		.divider2005{
			width : 0;
			border-style : solid;
			border-width : 0 1px 0px 0px;
			border-color : #a6a6a6;
			height : 80%;
			margin : 4px 4px 2px 4px;
			overflow : hidden;
			float : left;
		}

		.toolbar2005_bar .dragger{
			display : block;
			width : 10px;
			height : 26px;
			float : left;
			background : url(images/toolbar_start.gif) no-repeat;
			margin-right : 3px;
		}

		.toolbar2005_item{
			float:left;
		}
	]]></style>

	<Presentation>
		<Main container=".">
			<div class='toolbar2005'></div>
		</Main>
		<Bar container="." dragger="span">
			<div class='toolbar2005_bar'><span class='dragger'></span></div>
		</Bar>
		<Divider icon="." caption="text()">
			<div class='divider2005'></div>
		</Divider>
	</Presentation>
</Toolbar>
<ToolbarButton>
	<!--
		Classes:
		- disabled
		- focus

		- btnup
		- btndown
		- btnover
	-->

	<style><![CDATA[
		.tb2005{
			margin : 4px 2px 1px 1px;
			padding : 3px 6px 1px 2px;
			color : black;
			font-family : MS Sans Serif, Tahoma, Arial;
			font-size : 8pt;
			cursor : default;
			text-align : left;
			overflow : hidden;

			height : 100px;

			float : left;
		}
		*>.tb2005{
			padding-right : 6px;
		}

		.tb2005.tb2005Disabled{color : gray;}
		.tb2005.tb2005Down{
			border : 1px solid #0a246a;
			background-color : #8592b5;
			margin : 3px 0px 0px 0px;
		}
		.tb2005.tb2005Over{
			border : 1px solid #0a246a;
			background-color : #b6bdd2;
			margin : 3px 0px 0px 0px;
		}

		.tb2005Bool.tb2005Down{
			background-color : #D4D0C8;
			margin-right : 1px;
		}

		.tb2005Bool.tb2005Over{
			background-color : #b6bdd2;
			margin-right : 1px;
		}

		.tb2005 span{
			margin : -1px 3px 0 0;
			width : 16px;
			height : 16px;
			overflow : hidden;
			display : block;
			float : left;
		}

		.tb2005.disabled span{
			background-position : 0 100%;
		}

		.helper{
			position : absolute;
			display : none;
		}

		.helper.active{
			display : none;
		}
	]]></style>

	<Presentation>
		<Main caption="text()" icon="span" background="span">
			<div class='tb2005'><span> </span>-</div>
		</Main>

		<Helper>
			<div class='helper'></div>
		</Helper>
	</Presentation>
</ToolbarButton>

<Tree>
	<!--
		Classes:

		- root
		- plus
		- min
		- last
		- pluslast
		- plusmin

		- selected
		- focus
	-->

	<style><![CDATA[
		.tree{
			border : 1px solid gray;

			background-color : white;
			width : 200px;
			height : 500px;
			overflow : hidden;

			overflow : auto;
		}

		.tree SPAN, .dragtree SPAN{
			width : 20px;
			height : 18px;
			background : url(images/split.gif) no-repeat 0px 0px;
			display : block;
			margin-left : -20px;
		}

		.dragtree SPAN{
			background:white;
		}

		.tree DIV.last SPAN{background-image:url(images/last.gif)}
		.tree DIV.pluslast SPAN{background-image:url(images/pluslast.gif)}
		.tree DIV.minlast SPAN{background-image:url(images/minlast.gif)}
		.tree DIV.plus SPAN{background-image:url(images/plus.gif)}
		.tree DIV.min SPAN{background-image:url(images/min.gif)}
		.tree DIV.root SPAN{
		}

		.tree BLOCKQUOTE.last, .tree BLOCKQUOTE.pluslast .tree BLOCKQUOTE.minlast{
			background : white;
		}

		.tree DIV, .dragtree{
			padding : 0;
			height : 18px;
			padding-left : 20px;

			font-family : Tahoma, Arial;
			font-size : 8.5pt;
		}

		.tree LABEL, .dragtree LABEL{
			padding : 0 0 0 20px;
			background : url(Icons/icoXPFolder.gif) no-repeat 1px center;
			height : 16px;
			white-space : nowrap;
			margin-left : 0px;
			display : block;
			float : left;
			margin-top : -18px;
		}

		.tree DIV.loading LABEL{
			background : url(Icons/icoConnect.gif) no-repeat 1px center;
		}
		.tree DIV.loading SPAN{
			background : url(images/last.gif) no-repeat 0px 0px;
		}

		.tree U, .dragtree U{
			text-decoration : none;
			color : black;
			cursor : default;
			display : inline !important; display : block;
			padding : 2px 4px 2px 2px;
		}
		/*.tree A:hover{
			text-decoration : underline;
			color : midnightblue;
		}*/

		.tree .selected U, .tree .dragAppend U{
			background-color : #CCCCCC;
			color : black;
		}

		.treefocus .selected U, .treefocus .dragAppend U, .dragtree U{
			color : white;
			background-color : midnightblue;
		}

		.tree BLOCKQUOTE{
			margin : 0;
			padding : 0 0 0 20px;
			display : none;
			height : 0;
			overflow : hidden;
			background : url(images/line.gif) repeat-y 0px center;
		}
		.tree BLOCKQUOTE.pluslast, .tree BLOCKQUOTE.minlast,
		.tree BLOCKQUOTE.last{background:white}
		.tree BLOCKQUOTE.root{}

		.tree #txt_rename{
			border : 1px solid black;
			padding : 1px 15px 1px 1px;
			font-family : Tahoma;
			font-size : 8pt;
			color : black;
			word-break : keep-all;
			overflow : visible;
			margin-top  : 0px;
			cursor : text;
		}

		.tree DIV.dragInsert label{
			border-top : 2px solid black;
			height : 14px;
			overflow : hidden;
		}

		.tree DIV.dragInsert U, .tree DIV.dragDenied U{
			padding-top : 0;
		}

		.tree DIV.dragDenied label{
			border-top : 2px solid red;
			height : 14px;
			overflow : hidden;
		}
	]]></style>

	<Presentation>
		<Main container="." startclosed="false">
			<div class="tree">

			</div>
		</Main>
		<Item
			class			= "."
			caption		= "label/u/text()"
			icon			= "label"
			openclose	= "span"
			select		= "label"
			container	= "following-sibling::blockquote"
		>
			<div><span> </span><label><u>-</u></label></div>
			<blockquote> </blockquote>
		</Item>
		<DragIndicator>
			<div class='dragtree'><span> </span><label><u>-</u></label></div>
		</DragIndicator>
		<Loading>
			<div class="loading"><span> </span><label>Loading...</label></div>
		</Loading>
		<Empty container=".">
			<div class="empty"></div>
		</Empty>
	</Presentation>
</Tree>
<MenuButton>
	<!-- 
		Classes:
		- disabled
		- focus
		
		- btnup
		- btndown
		- btnover
	-->

	<style><![CDATA[
		.menubtn2005{
			border : 0;
			padding : 3px 7px 2px 7px;
			color : black;
			font-family : MS Sans Serif;
			font-size : 8pt;
			cursor : default;
			text-align : left;
			overflow : hidden;
			height : 14px;
			margin : 4px 1px 1px 1px;
			
			position : relative;
			float : left;
		}
		
		.menubtn2005.menubtn2005Disabled{color : gray;}
		.menubtn2005.menubtn2005Down{
			border : 1px solid #666666;
			background-color : #f5f4f2;
			margin : 3px 0px 1px 0px;
			border-width : 1px 1px 0 1px;
		}
		.menubtn2005.menubtn2005Over{
			border : 1px solid #0a246a;
			background-color : #b6bdd2;
			margin : 3px 0px 0px 0px;
		}
		
		.menubtn2005.bool.btnover{
		
		}
		
		.menubtn2005.bool.btndown{
			
		}
		
		.menubtn2005.disabled span{
			background-position : 0 100%;
		}
		
		.helper{
			border : 1px solid black;
			position : absolute;
			display : none;
		}
		
		.helper.active{
			display : none;
		}
	]]></style>
	
	<Presentation>
		<Main caption="text()" icon="." background=".">
			<div class='menubtn2005'>-</div>
		</Main>
		
		<Helper>
			<div class='helper'></div>
		</Helper>
	</Presentation>
</MenuButton>
<Dropdown2005>
	<style><![CDATA[
		.dd2005{
			background-color : white;
			height : 18px;
			font-size : 1px;
			width : 120px;
			margin : 1px;
			position : relative;
		}
		
		.dd2005.dd2005over{
			border : 1px solid #0a246a;
			margin : 0;
		}
		
		.dd2005 .dd2005btn{
			background : url(images/dropdown.gif) no-repeat;
			width : 13px;
			height : 18px;
			float : right;
		}
		
		.dd2005.dd2005over .dd2005btn{
			border-left : 1px solid #0a246a;
			background-position : -13px;
		}
		
		.dd2005 .dd2005label{
			font-size : 8pt;
			font-family : MS Sans Serif;
			white-space : nowrap;
			overflow : hidden;
			text-overflow : ellipsis;
			padding : 2px;
		}
		
		.dd2005container{
			border : 1px solid gray;
			background : white;
			width : 150px;
			height : 50px;
			position : absolute;
			left : -1px;
			margin : 2px 0 0 0;
			overflow : hidden;
			display : none;
			font-size : 8pt;
		}
		.dd2005.dd2005down .dd2005container{
			/*display : block;*/
		}
		
		.dd2005container span{
			display : block;
			height : 12px;
			padding : 3px 3px 3px 6px;
			white-space : nowrap;
			overflow : hidden;
			text-overflow : ellipsis;
			background-color : white;

			font-size : 8pt;
			font-family : MS Sans Serif;
			color : black;
			cursor : default;
		}

		.dd2005container span.hover{
			background-color : #003265;
			color : white;
		}

		.dd2005container .selected span{
			color : white;
			background-color : midnightblue;
		}
		
	]]></style>
	
	<Presentation>
		<Main label="div[2]" button="div[1]">
			<div class='dd2005'>
				<div class='dd2005btn'></div>
				<div class='dd2005label'>-</div>
			</div>
		</Main>
		<Container contents=".">
			<div class='dd2005container'> </div>
		</Container>
		<Item
			class			= "."
			caption		= "text()"
			select		= "."
		>
			<span>-</span>
		</Item>
		<Empty caption="text()">
			<div class="empty">-</div>
		</Empty>
	</Presentation>
</Dropdown2005>
<FileUploadBox>
	<!-- 
		Classes:
		- disabled
		- focus
		
		- btnup
		- btndown
		- btnover
		
		- next
		- previous
		- finish
	-->

	<style><![CDATA[
		.toolbar2005 .fileupload{
			padding : 3px;
		}
	
		.fileupload div{
			color : black;
			cursor : default;
			overflow : hidden;
			
			padding : 2px 0 0 0;
			text-align : left;
	
			width : 70px;
			height : 17px;
			margin : 1px 1px 1px 4px;
			
			float : left;
		}
		
		.fileupload div span{
			margin : -1px 3px 0 0;
			width : 16px;
			height : 16px;
			overflow : hidden;
			display : block;
			float : left;
			
			background : no-repeat 50% 50%;
		}
		
		.fileupload div, .fileupload input{	
			font-family : MS Sans Serif;
			font-size : 8pt;
		}
		
		.fileupload.disabled{
			color : gray;
		}
		.fileupload div.fileuploaddown{
			border : 1px solid #0a246a;
			background-color : #8592b5;
			margin : 0px 0px 0px 3px;
		}
		.fileupload div.fileuploadover{
			border : 1px solid #0a246a;
			background-color : #b6bdd2;
			margin : 0px 0px 0px 3px;
		}
	
		.fileupload input{
			width : 120px;
			height : 14px;
			border : 1px solid gray;
			float : left;
			overflow : hidden;
			padding : 2px;
			background-color : white;
			color : #555555;
		}
		
		.fileupload blockquote{
			display : none;
			
			overflow : hidden;
			border : 1px solid gray;
			padding : 2px 2px 0px 2px;
			margin : 3px 0 0 0px;
			background-color : white;
			
			position : relative;
			left : -204px;
			
			width : 120px;
			height : 16px;
		}
		
		.fileupload blockquote span{
			background-color : orange;
			height : 14px;
			overflow : hidden;
			width : 16px;
			display : block;
		}
		
	]]></style>
	
	<Presentation>
		<Main caption="div/text()" icon="div/span" button="div" value="input/@value" slider="blockquote" slidemove="blockquote/span">
			<div class='fileupload'>
				<input value='' onkeydown='return false' />
				<div><span> </span>-</div>
				<blockquote><span></span></blockquote>
			</div>
		</Main>
	</Presentation>
</FileUploadBox>

<Picture>
	<style><![CDATA[
		.image{
			margin-bottom : 10px;
			background : white no-repeat 50% 50%;
			border : 1px solid gray;
		}
		
		.imageDisabled{
			background-position : 1000px 1000px;
		}
		
	]]></style>
	
	<Presentation>
		<Main image="@src">
			<img class="image" src="" />
		</Main>
	</Presentation>
</Picture>
</Skin>
Return current item: PublicPIM Website Database Application