<a:skin xmlns:a="http://ajax.org/2005/aml"><a:datagrid name="datagrid">
    <a:style><![CDATA[
        .datagrid{
            position: relative;
            border: 1px solid #c3c3c3;
            background-color: white;
            cursor: default;
            overflow : hidden;

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

            padding: 19px 0 0 0;
            color : #333;
        }


        .datagrid .headings{
            position : relative;
            top : 0;
            left : 0;
            height : 20px;
            z-index : 10;
            /*padding-left : 5px;*/
            background-color : #e6e6e6;
            margin : -20px 15px 0 0;
            white-space : nowrap;
        }

        .noscrollbar .headings {
		    margin : -21px 1px 0 0;
		}
		.noscrollbar .datagrid{
		    background : transparant;
		}

        .datagrid .headings div{
            display : inline-block;
            background : -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(229,229,229)),color-stop(1, rgb(248,248,248)));
            background: -moz-linear-gradient(center bottom,rgb(229,229,229) 0%,rgb(248,248,248) 100%);
            overflow : hidden;
            text-overflow : ellipsis;
            color: #333;
            border-bottom: 1px solid #BFBFBF;
        }
        .datagrid .headings div u{
            padding : 2px 4px 1px 3px;
            display : block;
            height : 15px;
            text-decoration : none;
            border-left : 1px solid white;
            border-right : 1px solid #bfbfbf;
            border-top : 1px solid white;
        }

        .datagrid .headings div.hover,
        .datagrid .headings div.down,
        .datagrid .headings div.drag{
            background : -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(221,221,221)),color-stop(1, rgb(255,255,255)));
            background: -moz-linear-gradient(center bottom,rgb(221,221,221) 0%,rgb(255,255,255) 100%);
            color : #555;
        }

        .datagrid .headings div.drag{
            border : 1px solid white;
        }

        .datagrid .headings div.down u,
        .datagrid .headings div.hover u {
            border-left: 1px solid transparent;
        }

        .datagrid .headings div.ascending u{
            background-image : url(images/sort_asc.gif);
            background-repeat : no-repeat;
            background-position : right 7px;
        }


        .datagrid .headings div.descending u {
            background-image : url(images/sort_desc.gif);
            background-repeat : no-repeat;
            background-position : right 6px;
        }

        .datagrid .records{
            overflow-x: hidden;
            overflow-y: scroll;
            height : 100%;
            padding : 18px 0 0 0;
            position : relative;
            top : -19px;
            white-space : nowrap;
            border-color:white;
            border-style:solid;
            border-width:1px 0 0;
        }

        .noscrollbar .records{
            overflow-y : hidden;
        }

        .datagrid .records .row span{
            display : inline-block;
            height : 18px;
            background : white no-repeat 0 50%;
            /*border-bottom : 1px solid #d6d6d6;*/
        }

        .datagrid .records .row span u{
            padding : 2px 3px 2px 4px;
            height : 15px;
            display : block;
            text-decoration : none;
            text-overflow : ellipsis;
            white-space : nowrap;
            overflow : hidden;
            border-right:1px solid #D6D6D6;
            border-left : 1px solid white;
        }

        .noscrollbar .datagrid .records .row span{
            background-color : transparent;
        }

        .datagrid .records .row{
            height : 18px;
            padding-left : 0;
        }

        .datagrid .records .highlight span{

        }

        .datagrid .records .highlight{

        }

        .datagridFocus .records .indicate span{
            /*border: 1px dotted #BBB;
            border-width : 1px 0 1px 0;*/
            padding : 0;
            color : #333;
        }

        .datagridFocus .records .indicate span u{
        }

        .datagridFocus .records .row span{
        }

        .datagrid .row:nth-child(4n-1) span{
            background: #f0f0f0;
        }
        .datagrid .row:nth-child(4n+1) span{
            background: #fdfdfd;
        }

        .datagrid .records .selected, .datagrid .records .selected span{
        }
        .datagridFocus .records .selected, .datagridFocus .records .selected span{
            background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(51,124,188)),color-stop(1, rgb(64,145,216)));
            background: -moz-linear-gradient(center bottom,rgb(51,124,188) 0%,rgb(64,145,216) 100%);
            color : white;
        }
        .datagrid .records .editing, .datagrid .records .editing span{
            background-color : white;
            color : #333;
        }
        .datagridFocus .records .selected span u{
            border-left : 1px solid #8bc0ed;
        }

        .datagrid .move_pointer{
            height : 100px;
            width : 2px;
            position : absolute;
            top : 0;
            margin : -10px 0 0 -4px;
            width : 9px;
            height : 38px;
            background : url(images/column_picker.gif) no-repeat 0 0;
            overflow : hidden;
            z-index : 1000;
        }

        .datagrid .size_pointer{
            border : 1px dotted gray;
            border-width : 0 1px 0 1px;
            height : 100%;
            position : absolute;
            top : 0px;
            z-index : 1000;
            cursor : w-resize;
        }

        .datagrid .message{
            font-weight : normal;
            color : #333;
            padding : 0 0 10px 50px;
            font-size : 11px;
            margin-top : 10px;
            /*text-align : center;*/
            border-bottom : 1px solid #eee;
        }

        .datagrid .message label{
            padding : 2px 0 0 4px;
            height : 14px;
            display : inline-block;
            position : relative;
            top : -3px;
        }

        /*.datagrid .message span{
            background : url(icons/cog.png) no-repeat left bottom;
            width : 16px;
            height : 16px;
            display : inline-block;
        }*/

        .datagrid .loading, .datagrid .empty, .datagrid .offline{
            padding : 5px;
            margin : 0;
            white-space : normal;
        }

        .datagrid .loading span, .datagrid .empty span, .datagrid .offline span{
            background : white;
            display : inline;
        }

        .datagrid .root .message{
            padding : 0;
            margin : 0;
            border-bottom : 0;
            height : 0;
        }
        .datagrid .root .message label{
            top : 0;
            padding : 0;
            height : 0;
            overflow : hidden;
        }

        .pointer{
            display : none;
        }

        .dginfo{
            display : none;
            overflow : hidden;
            white-space : normal;
            padding : 5px;
            background-color : #f3f3f3;
            margin-top : 3px;
            margin-left : 6px;
            position : relative;
            left : -3px;
            margin-bottom : 3px;
        }

        .dginfo h3{
            margin : 0 0 5px 0;
        }

        .dginfo p{
            margin : 0;
        }

        .datagrid .records .stdel, .datagridFocus .records .stdel,
        .datagrid .records .stdel span, .datagridFocus .records .stdel span{
            color : #ccc;
        }

        .dragdg{
            border : 2px solid black;
            width : 10px;
            height : 5px;
        }

        .datagrid .records .dragInsert{
            border-top : 2px solid gray;
            height : 17px;
        }

        .datagrid .records .dragInsert span{
            padding-top : 0px;
            margin-bottom : 0;
            background-position : 0 0;
        }

        .datagrid blockquote{
            padding : 0;
            margin : 0;
            display: none;
            height: 0;
            overflow: hidden;
            background: repeat-y 0px center;
        }

        .datagrid .records span.treecell u{
            text-decoration : none;
            display : inline-block;
            padding : 1px 2px 3px 2px;
            border : 0;
        }

        .datagrid .records span.treecell u {
            background-repeat: no-repeat;
            padding-left:20px;
        }

        .datagrid.noicon .records span.treecell u {
            padding-left: 0;
        }

        .datagrid .records .row .treecell .iconCell, .datagrid .records .row .iconCell  {
            background-position : 1px 1px;
            background-repeat   : no-repeat;
            padding             : 2px 0 2px 22px;
        }

        .datagrid .treecell strong{
            width : 9px;
            height : 9px;
            margin : 4px 4px 0 4px;
            position : relative;
            top : -5px;
            display : inline-block;
        }

        .datagrid .plus>.treecell strong,
        .datagrid .pluslast>.treecell strong{
            background-image:url(images/plus.png);
        }

        .datagrid .min>.treecell strong,
        .datagrid .minlast>.treecell strong{
            background-image:url(images/min.png);
        }

        .datagrid .slider{
            margin : 5px 5px 0 3px;
        }

        .datagrid .tb{
            border : 0;
            padding : 2px 0 4px 4px;
            background : white;
            border-left : 1px solid #eee;
            border-bottom : 1px solid #eee;
            height : 13px;
            position : relative;
            top : -6px;
        }

        .datagrid .treecell .tb{
            padding : 1px 0 0 0;
            top : 0;
            border : 0;
            border-bottom : 1px solid #eee;
        }


    ]]></a:style>
    <a:style condition="apf.isIE &amp;&amp; !apf.isIE8"><![CDATA[
        .datagrid .headings div{
            float : left;
        }

        .datagrid .records .row span{
            float : left;
        }
    ]]></a:style>
    <a:style condition="apf.isGecko &amp;&amp; apf.versionGecko &lt; 3"><![CDATA[
        .datagrid .headings{
            padding-top : 2px;
            height : 15px;
        }

        .datagrid .headings div{
            display : -moz-inline-box;
            overflow : visible;
            position : relative;
        }

        .datagrid .records{
        }

        .datagrid .records .row span{
            display : -moz-inline-box;
            overflow : visible;
            position : relative;
        }
    ]]></a:style>
    <a:style condition="apf.isWin">
    	.datagrid .headings{
            margin : -20px 17px 0 0;
        }
    </a:style>
    <a:style condition="apf.isWebkit"><![CDATA[
        .datagrid {
            position: relative;
            border: 1px solid #c3c3c3;
            background-color: white;
            cursor: default;
            overflow : hidden;
            font-family: Tahoma, Arial;
            font-size: 8pt;
            padding: 0;
            color : #333;
        }

        .datagrid .headings {
            position : absolute;
            top : 20px;
            left : 0;
            right:0px;
            height : 20px;
            z-index : 10;
            background-color : #e6e6e6;
            white-space : nowrap;
        }
        
        .datagrid .records {
            overflow-x: hidden;
            overflow-y: scroll;
            position : absolute;
            top : 0px;
            bottom:0;
            height:auto;
            left:0;
            right:0;
            white-space : nowrap;
            border-color:white;
            border-style:solid;
            border-width:1px 0 0;
            display:block;
            margin:0;
        }
        
        .datagrid div.records .treecell strong {
			top : 0px;
		}

        .draggrid .treecell .iconCell,
        .datagrid .records span.treecell .iconCell {
            padding : 2px 0 1px 24px;
        }
    ]]></a:style>


    <a:presentation>
        <a:main head="div[1]" container="div[3]" pointer="div[2]" widthdiff="1" iframe2="true">
            <div class="datagrid">
                <div class="headings">

                </div>
                <div class="pointer"> </div>
                <div class="records"> </div>
            </div>
        </a:main>

        <a:headitem class="." caption="u/text()">
            <div><u>-<span/></u></div>
        </a:headitem>

        <a:rowheaditem class="." caption="text()">
            <span>-</span>
        </a:rowheaditem>

        <a:item class="." container="following-sibling::blockquote">
            <div class="row"/>
            <blockquote> </blockquote>
        </a:item>

        <a:dragindicator>
            <div class="dragdg"> </div>
        </a:dragindicator>

        <a:cell caption="u"><span><u>-</u></span></a:cell>

        <a:treecell caption="u" openclose="strong"><span class="treecell"><strong> </strong><u>-</u></span></a:treecell>

        <a:container container=".">
            <div class="dginfo">-</div>
        </a:container>

        <a:loading>
            <div class="message"><span/><label>Calculating...</label></div>
        </a:loading>

        <a:empty caption=".">
            <div class="empty"> </div>
        </a:empty>
    </a:presentation>
</a:datagrid>
<a:datagrid name="dgcheck">
    <a:style><![CDATA[
        .dgcheck{
            position: relative;
            border: 1px solid #c3c3c3;
            background-color: white;
            cursor: default;

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

            padding: 21px 0 0 0;
            color : #333;
        }

        .dgcheck .headings{
            position : relative;
            top : 0;
            left : 0;
            height : 17px;
            z-index : 10;
            /*padding-left : 5px;*/
            background-color : #e6e6e6;
            margin : -21px 25px 0 0;
            border : 1px solid white;
            border-left : 0;
            border-right : 0px solid white;
            white-space : nowrap;
        }
        .noscrollbar .headings {
		    margin : -21px 1px 0 0;
		}
		.noscrollbar .dgcheck{
		    background : transparant;
		}

        .dgcheck .headings div{
            display : inline-block;
            height : 17px;

            /*margin-right : -3px;
            margin-left : -5px;*/

            background : #e6e6e6 no-repeat 0 50%;
            overflow : hidden;
            text-overflow : ellipsis;
        }
        .dgcheck .headings div u{
            padding : 1px 4px 1px 3px;
            display : inline-block;
            height : 15px;
            text-decoration : none;
            border-left : 1px solid white;
        }

        .dgcheck .headings div.hover{
            background-color: #DDD;
        }

        .dgcheck .headings div.down, .dgcheck .headings div.drag{
            color: white;
            background-color: #25a8e7;
        }

        .dgcheck .headings div.drag{
            border : 1px solid white;
        }

        .dgcheck .headings div.ascending{
            background-image : url(images/sort_asc.gif);
            background-repeat : no-repeat;
            background-position : right 6px;
        }

        .dgcheck .headings div.descending{
            background-image : url(images/sort_desc.gif);
            background-repeat : no-repeat;
            background-position : right 6px;
        }

        .dgcheck .records{
            overflow-x: hidden;
            overflow-y: hidden;
            height : 100%;
            padding : 18px 25px 0 0;
            position : relative;
            top : -19px;
            border : 1px solid white;
            border-width : 1px 1px 0 0;
            white-space : nowrap;
        }

        .noscrollbar .records{
            overflow-y : hidden;
        }

        .dgcheck .records .row span{
            display : inline-block;

            /*padding : 1px 0 1px 0;*/
            height : 18px;
            background : white no-repeat 0 50%;
            border-bottom : 1px solid #eee;
        }

        .dgcheck .records .row span u{
            padding : 2px 3px 2px 4px;
            height : 15px;
            display : inline-block;
            text-decoration : none;
            border-left : 1px solid #eee;
            text-overflow : ellipsis;
            white-space : nowrap;
            overflow : hidden;
        }

        .noscrollbar .dgcheck .records .row span{
            background-color : transparent;
        }

        .dgcheck .records .row{
            height : 19px;
            padding-left : 0;
        }

        .dgcheck .records .highlight span{

        }

        .dgcheck .records .highlight{

        }

        .dgcheckFocus .records .indicate span{
            /*border: 1px dotted #BBB;
            border-width : 1px 0 1px 0;*/
            padding : 0;
            color : #333;
        }

        .dgcheckFocus .records .indicate span u{
        }

        .dgcheckFocus .records .row span{
        }

        .dgcheck .records .selected, .dgcheck .records .selected span{
            background-color: #f0f0f0;
            color : #333;
        }
        .dgcheckFocus .records .selected, .dgcheckFocus .records .selected span{
            color: white;
            background-color: #25a8e7;
        }
        .dgcheck .records .editing, .dgcheck .records .editing span{
            background-color : white;
            color : #333;
        }

        .dgcheck .move_pointer{
            height : 100px;
            width : 2px;
            position : absolute;
            top : 0;
            margin : -10px 0 0 -4px;
            width : 9px;
            height : 38px;
            background : url(images/column_picker.gif) no-repeat 0 0;
            overflow : hidden;
            z-index : 1000;
        }

        .dgcheck .size_pointer{
            border : 1px dotted gray;
            border-width : 0 1px 0 1px;
            height : 100%;
            position : absolute;
            top : 0px;
            z-index : 1000;
            cursor : w-resize;
        }

        .dgcheck .message{
            font-weight : normal;
            color : #333;
            padding : 0 0 10px 50px;
            font-size : 11px;
            margin-top : 10px;
            /*text-align : center;*/
            border-bottom : 1px solid #eee;
        }

        .dgcheck .message label{
            padding : 2px 0 0 4px;
            height : 14px;
            display : inline-block;
            position : relative;
            top : -3px;
        }

        /*.dgcheck .message span{
            background : url(icons/cog.png) no-repeat left bottom;
            width : 16px;
            height : 16px;
            display : inline-block;
        }*/

        .dgcheck .loading, .dgcheck .empty, .dgcheck .offline{
            padding : 5px;
            margin : 0;
        }

        .dgcheck .loading span, .dgcheck .empty span, .dgcheck .offline span{
            background : white;
            display : inline;
        }

        .pointer{
            display : none;
        }

        .dginfo{
            display : none;
            overflow : hidden;
            white-space : normal;
            padding : 5px;
            background-color : #f3f3f3;
            margin-top : 3px;
            margin-left : 6px;
            position : relative;
            left : -3px;
            margin-bottom : 3px;
        }

        .dginfo h3{
            margin : 0 0 5px 0;
        }

        .dginfo p{
            margin : 0;
        }

        .dgcheck .records .stdel, .dgcheckFocus .records .stdel,
        .dgcheck .records .stdel span, .dgcheckFocus .records .stdel span{
            color : #ccc;
        }

        .dragdg{
            border : 2px solid black;
            width : 10px;
            height : 5px;
        }

        .dgcheck .records .dragInsert{
            border-top : 2px solid gray;
            height : 17px;
        }

        .dgcheck .records .dragInsert span{
            padding-top : 0px;
            margin-bottom : 0;
            background-position : 0 0;
        }

        .dgcheck blockquote{
            padding : 0;
            margin : 0;
            display: none;
            height: 0;
            overflow: hidden;
            background: repeat-y 0px center;
        }

        .dgcheck .records span.treecell u{
            text-decoration : none;
            display : inline-block;
            padding : 1px 2px 3px 2px;
            border : 0;
        }

        .dgcheck .treecell strong{
            width : 9px;
            height : 9px;
            margin : 4px 4px 0 4px;
            position : relative;
            top : -5px;
            display : inline-block;
        }

        .dgcheck .plus>.treecell strong,
        .dgcheck .pluslast>.treecell strong{
            background-image:url(images/plus.png);
        }

        .dgcheck .min>.treecell strong,
        .dgcheck .minlast>.treecell strong{
            background-image:url(images/min.png);
        }

        .dgcheck .slider{
            margin : 5px 5px 0 3px;
        }

        .dgcheck .tb{
            border : 0;
            padding : 2px 0 4px 4px;
            background : white;
            border-left : 1px solid #eee;
            border-bottom : 1px solid #eee;
            height : 13px;
            position : relative;
            top : -6px;
        }

        .dgcheck .treecell .tb{
            padding : 1px 0 0 0;
            top : 0;
            border : 0;
            border-bottom : 1px solid #eee;
        }

        .dgcheck b {
            overflow    : hidden;
            margin      : 2px;
            width       : 12px;
            height      : 12px;
            background  : url("images/tree_checkbox.png") no-repeat 0 -12px;
            float       : left;
        }

        .dgcheck .treecell b {
            margin-left : -31px;
        }

        .dgcheck .checkcell{
        }

        .dgcheck .checked b {
            background-position : 0 -24px;
        }

        .dgcheck .partial b {
            background-position : 0 -48px;
        }

        .dgcheckDisabled .checked b {
            background-position : 0 -0px;
        }
    ]]></a:style>
    <a:style condition="apf.isIE &amp;&amp; !apf.isIE8"><![CDATA[
        .dgcheck .headings div{
            float : left;
        }

        .dgcheck .records .row span{
            float : left;
        }
    ]]></a:style>
    <a:style condition="apf.isGecko &amp;&amp; apf.versionGecko &lt; 3"><![CDATA[
        .dgcheck .headings{
            padding-top : 2px;
            height : 15px;
        }

        .dgcheck .headings div{
            display : -moz-inline-box;
            overflow : visible;
            position : relative;
        }

        .dgcheck .records{
        }

        .dgcheck .records .row span{
            display : -moz-inline-box;
            overflow : visible;
            position : relative;
        }
    ]]></a:style>

    <a:presentation>
        <a:main head="div[1]" container="div[3]" pointer="div[2]" widthdiff="1" iframe2="true">
            <div class="dgcheck">
                <div class="headings">

                </div>
                <div class="pointer"> </div>
                <div class="records"> </div>
            </div>
        </a:main>

        <a:headitem class="." caption="u/text()">
            <div><u>-<span/></u></div>
        </a:headitem>

        <a:rowheaditem class="." caption="text()">
            <span>-</span>
        </a:rowheaditem>

        <a:item class="." container="following-sibling::blockquote">
            <div class="row"/>
            <blockquote> </blockquote>
        </a:item>

        <a:dragindicator>
            <div class="dragdg"> </div>
        </a:dragindicator>

        <a:cell caption="u"><span><u>-</u></span></a:cell>

        <a:checkcell caption="u" check="b"><span class="checkcell"><b> </b><u>-</u></span></a:checkcell>

        <a:treecell caption="u" check="b" openclose="strong"><span class="treecell"><strong> </strong><b> </b><u>-</u></span></a:treecell>

        <a:container container=".">
            <div class="dginfo">-</div>
        </a:container>

        <a:loading>
            <div class="message"><span/><label>Calculating...</label></div>
        </a:loading>

        <a:empty caption=".">
            <div class="empty"> </div>
        </a:empty>
    </a:presentation>
</a:datagrid></a:skin>