<a:skin xmlns:a="http://ajax.org/2005/aml"><a:button name="button">
    <a:style><![CDATA[
        .btn {
            height             : 27px;
            overflow           : hidden;
            cursor             : default;
            position           : relative;
            -moz-user-select   : none;
            -khtml-user-select : none;
            user-select        : none;
            line-height        : 17px;
        }

        .btn.smallbtn {
            height             : 23px;
        }

        .btn .left {
            float               : left;
            width               : 4px;
            height              : 27px;
            background-color    : transparent;
            background-image    : url("images/sprite-rounded-vert.png");
            background-repeat   : no-repeat;
            background-position : -16px 0;
        }

        .btn.smallbtn .left {
            height              : 23px;
            background-position : -16px -6717px;
        }

        .btn .lbl {
            height              : 23px;
            padding             : 4px 8px 0 8px;
            margin              : 0 4px;
            white-space         : nowrap;
            overflow            : hidden;
            background-color    : transparent;
            background-image    : url("images/sprite-rounded-vert.png");
            background-repeat   : repeat-x;
            background-position : 0 -27px;
            position            : relative;
            text-align          : center;
            color               : #474747;
            text-shadow         : rgba(255, 255, 255, .71) 0px 1px 0px;
            font-family         : Arial;
            font-size           : 14px;
            font-weight         : bold;
        }

        .btn.smallbtn .lbl {
            height              : 20px;
            padding             : 3px 3px 0 3px;
            background-position : 0 -6740px;
            font-size           : 12px;
        }

        .label_small .lbl {
            padding-left: 2px;
        }

        .btn .right {
            float               : right;
            width               : 4px;
            height              : 27px;
            background-color    : transparent;
            background-image    : url("images/sprite-rounded-vert.png");
            background-repeat   : no-repeat;
            background-position : 0 -54px;
        }

        .btn.smallbtn .right {
            height              : 23px;
            background-position : 0 -6763px;
        }

        .btn .lbl .btnArrow {
            display             : none;
            position            : relative;
            right               : 0;
            width               : 5px;
            height              : 3px;
            vertical-align      : middle;
        }

        .btnIcon .lbl {
            overflow : visible;
        }

        .btnIcon .lbl SPAN {
            width               : 23px;
            height              : 23px;
            background-repeat   : no-repeat;
            background-position : 0 0;
            position            : absolute;
            top                 : 1px;
            left                : 0;
        }

        .btnIconOnly .lbl SPAN {
            background-position: 1px 2px;
        }

        .btnIcon.iconOnTheRight .lbl {
            padding : 4px 12px 0 0;
        }

        .btnIcon.iconOnTheRight .lbl SPAN {
            left  : auto;
            right : 0;
        }

        .btnOver .left      {background-position : -16px -81px}
        .btnOver .lbl       {background-position : 0 -108px}
        .btnOver .right     {background-position : 0 -135px}
        .btnFocus .left     {background-position : -16px -243px}
        .btnFocus .lbl      {background-position : 0 -270px}
        .btnFocus .right    {background-position : 0 -297px}
        .btnDown .left      {background-position : -16px -162px}
        .btnDown .lbl       {background-position : 0 -189px}
        .btnDown .right     {background-position : 0 -216px}
        .btnDisabled .left  {background-position : -16px -324px}
        .btnDisabled .lbl   {
            background-position : 0 -351px;
            color               : #b8bbbf;
            text-shadow         : rgba(255, 255, 255, .71) 0px 1px 0px;
        }
        .btnDisabled .right {background-position : 0 -378px}

        /* small */
        .btnOver.smallbtn .left      {background-position : -16px -6786px}
        .btnOver.smallbtn .lbl       {background-position : 0 -6809px}
        .btnOver.smallbtn .right     {background-position : 0 -6832px}
        .btnFocus.smallbtn .left     {background-position : -16px -6924px}
        .btnFocus.smallbtn .lbl      {background-position : 0 -6947px}
        .btnFocus.smallbtn .right    {background-position : 0 -6970px}
        .btnDown.smallbtn .left      {background-position : -16px -6855px}
        .btnDown.smallbtn .lbl       {background-position : 0 -6878px}
        .btnDown.smallbtn .right     {background-position : 0 -6901px}
        .btnDisabled.smallbtn .left  {background-position : -16px -6993px}
        .btnDisabled.smallbtn .lbl   {
            background-position : 0 -7016px;
            color               : #b8bbbf;
            text-shadow         : rgba(255, 255, 255, .71) 0px 1px 0px;
        }
        .btnDisabled.smallbtn .right {background-position : 0 -7039px}


        /* Additional styles - DARKGREEN */
        .ui-btn-greenfont {
            color               : #37a700;
        }

        /* Additional styles - DARKGREEN */
        .ui-btn-darkgreen .left {
            background-position : -16px -1620px;
        }
        .ui-btn-darkgreen .lbl {
            background-position : 0 -1647px;
            color            : #4d8110;
            text-shadow      : rgba(255, 255, 255, .71) 0px 1px 0px;
        }
        .ui-btn-darkgreen .right {
            background-position : 0 -1674px;
        }
        .ui-btn-darkgreen.btnOver .left  {background-position : -16px -1701px;}
        .ui-btn-darkgreen.btnOver .lbl   {background-position : 0 -1728px;}
        .ui-btn-darkgreen.btnOver .right {background-position : 0 -1755px;}
        .ui-btn-darkgreen.btnFocus .left   {background-position : -16px -1863px;}
        .ui-btn-darkgreen.btnFocus .lbl    {background-position : 0 -1890px;}
        .ui-btn-darkgreen.btnFocus .right  {background-position : 0 -1917px;}
        .ui-btn-darkgreen.btnDown .left   {background-position : -16px -1782px;}
        .ui-btn-darkgreen.btnDown .lbl    {background-position : 0 -1809px;}
        .ui-btn-darkgreen.btnDown .right  {background-position : 0 -1836px;}

        /* Additional styles - GREEN */
        .ui-btn-green .left {
            background-position : -16px -405px;
        }
        .ui-btn-green .lbl {
            background-position : 0 -432px;
            color            : #4d8110;
            text-shadow      : rgba(255, 255, 255, .71) 0px 1px 0px;
        }
        .ui-btn-green .right {
            background-position : 0 -459px;
        }
        .ui-btn-green.btnOver .left   {background-position : -16px -486px}
        .ui-btn-green.btnOver .lbl    {background-position : 0 -513px}
        .ui-btn-green.btnOver .right  {background-position : 0 -540px}
        .ui-btn-green.btnFocus .left  {background-position : -16px -648px}
        .ui-btn-green.btnFocus .lbl   {background-position : 0 -675px}
        .ui-btn-green.btnFocus .right {background-position : 0 -702px}
        .ui-btn-green.btnDown .left   {background-position : -16px -567px}
        .ui-btn-green.btnDown .lbl    {background-position : 0 -594px}
        .ui-btn-green.btnDown .right  {background-position : 0 -621px}
        .ui-btn-green.btnDisabled .left   {background-position : -16px -729px}
        .ui-btn-green.btnDisabled .lbl    {
            background-position : 0 -756px;
            color               : #91ba63;
            text-shadow         : rgba(255, 255, 255, .71) 0px 1px 0px;
        }
        .ui-btn-green.btnDisabled .right  {background-position : 0 -783px}

        /* smallbtn */
        .ui-btn-green.smallbtn .left {
            background-position : -16px -5889px;
        }
        .ui-btn-green.smallbtn .lbl {
            background-position : 0 -5912px;
            color            : #4d8110;
            text-shadow      : rgba(255, 255, 255, .71) 0px 1px 0px;
        }
        .ui-btn-green.smallbtn .right {
            background-position : 0 -5935px;
        }
        .ui-btn-green.btnOver.smallbtn .left   {background-position : -16px -5958px}
        .ui-btn-green.btnOver.smallbtn .lbl    {background-position : 0 -5981px}
        .ui-btn-green.btnOver.smallbtn .right  {background-position : 0 -6004px}
        .ui-btn-green.btnFocus.smallbtn .left  {background-position : -16px -6096px}
        .ui-btn-green.btnFocus.smallbtn .lbl   {background-position : 0 -6119px}
        .ui-btn-green.btnFocus.smallbtn .right {background-position : 0 -6142px}
        .ui-btn-green.btnDown.smallbtn .left   {background-position : -16px -6027px}
        .ui-btn-green.btnDown.smallbtn .lbl    {background-position : 0 -6050px}
        .ui-btn-green.btnDown.smallbtn .right  {background-position : 0 -6073px}
        .ui-btn-green.btnDisabled.smallbtn .left   {background-position : -16px -6165px}
        .ui-btn-green.btnDisabled.smallbtn .lbl    {
            background-position : 0 -6188px;
            color               : #91ba63;
            text-shadow         : rgba(255, 255, 255, .71) 0px 1px 0px;
        }
        .ui-btn-green.btnDisabled.smallbtn .right  {background-position : 0 -6211px}

        /* Additional styles - RED */
        .ui-btn-red .left {
            background-position : -16px -810px
        }
        .ui-btn-red .lbl {
            background-position : 0 -837px;
            color            : white;
            text-shadow      : rgba(209, 2, 0, .71) 0px 1px 0px;
        }
        .ui-btn-red .right {
            background-position : 0 -864px
        }
        .ui-btn-red.btnOver .left   {background-position : -16px -891px}
        .ui-btn-red.btnOver .lbl    {background-position : 0 -918px}
        .ui-btn-red.btnOver .right  {background-position : 0 -945px}
        .ui-btn-red.btnFocus .left  {background-position : -16px -1053px}
        .ui-btn-red.btnFocus .lbl   {background-position : 0 -1080px}
        .ui-btn-red.btnFocus .right {background-position : 0 -1107px}
        .ui-btn-red.btnDown .left   {background-position : -16px -972px}
        .ui-btn-red.btnDown .lbl    {background-position : 0 -999px}
        .ui-btn-red.btnDown .right  {background-position : 0 -1026px}
        .ui-btn-red.btnDisabled .left   {background-position : -16px -1134px}
        .ui-btn-red.btnDisabled .lbl    {
            background-position : 0 -1161px;
            color               : #bd0502;
            text-shadow         : rgba(255, 255, 255, .31) 0px 1px 0px;
        }
        .ui-btn-red.btnDisabled .right  {background-position : 0 -1188px}

        /* small */
        .ui-btn-red.smallbtn .left {
            background-position : -16px -6303px
        }
        .ui-btn-red.smallbtn .lbl {
            background-position : 0 -6326px;
            color            : white;
            text-shadow      : rgba(209, 2, 0, .71) 0px 1px 0px;
        }
        .ui-btn-red.smallbtn .right {
            background-position : 0 -6349px
        }
        .ui-btn-red.btnOver.smallbtn .left   {background-position : -16px -6372px}
        .ui-btn-red.btnOver.smallbtn .lbl    {background-position : 0 -6395px}
        .ui-btn-red.btnOver.smallbtn .right  {background-position : 0 -6418px}
        .ui-btn-red.btnFocus.smallbtn .left  {background-position : -16px -6510px}
        .ui-btn-red.btnFocus.smallbtn .lbl   {background-position : 0 -6533px}
        .ui-btn-red.btnFocus.smallbtn .right {background-position : 0 -6556px}
        .ui-btn-red.btnDown.smallbtn .left   {background-position : -16px -6441px}
        .ui-btn-red.btnDown.smallbtn .lbl    {background-position : 0 -6464px}
        .ui-btn-red.btnDown.smallbtn .right  {background-position : 0 -6487px}
        .ui-btn-red.btnDisabled.smallbtn .left   {background-position : -16px -6579px}
        .ui-btn-red.btnDisabled.smallbtn .lbl    {
            background-position : 0 -6602px;
            color               : #bd0502;
            text-shadow         : rgba(255, 255, 255, .31) 0px 1px 0px;
        }
        .ui-btn-red.btnDisabled.smallbtn .right  {background-position : 0 -6625px}

        /* Additional styles - BLUE */
        .ui-btn-blue .left {
            background-position : -16px -1215px
        }
        .ui-btn-blue .lbl {
            background-position : 0 -1242px;
            color            : #1f78a7;
            text-shadow      : rgba(205, 243, 255, .71) 0px 1px 0px
        }
        .ui-btn-blue .right {
            background-position : 0 -1269px
        }
        .ui-btn-blue.btnOver .left   {background-position : -16px -1296px}
        .ui-btn-blue.btnOver .lbl    {background-position : 0 -1323px}
        .ui-btn-blue.btnOver .right  {background-position : 0 -1350px}
        .ui-btn-blue.btnFocus .lbl   {background-position : 0 -1485px}
        .ui-btn-blue.btnFocus .right {background-position : 0 -1512px}
        .ui-btn-blue.btnFocus .left  {background-position : -16px -1458px}
        .ui-btn-blue.btnDown .left   {background-position : -16px -1377px}
        .ui-btn-blue.btnDown .lbl    {background-position : 0 -1404px}
        .ui-btn-blue.btnDown .right  {background-position : 0 -1431px}
        .ui-btn-blue.btnDisabled .left   {background-position : -16px -1539px}
        .ui-btn-blue.btnDisabled .lbl    {
            background-position : 0 -1566px;
            color               : #33a3d6;
            text-shadow         : rgba(205, 243, 255, .71) 0px 1px 0px;
        }
        .ui-btn-blue.btnDisabled .right  {background-position : 0 -1593px}

        /* Additional styles - BLUE2 */
        .ui-btn-blue2 .left {
            background-position : -16px -3945px
        }
        .ui-btn-blue2 .lbl {
            background-position : 0 -3972px;
            color            : #00536f;
            text-shadow      : #18c8fe 0px 1px 0px
        }
        .ui-btn-blue2 .right {
            background-position : 0 -3999px
        }
        .ui-btn-blue2.btnOver .left   {background-position : -16px -4026px}
        .ui-btn-blue2.btnOver .lbl    {background-position : 0 -4053px}
        .ui-btn-blue2.btnOver .right  {background-position : 0 -4080px}
        .ui-btn-blue2.btnFocus .left  {background-position : -16px -4188px}
        .ui-btn-blue2.btnFocus .lbl   {background-position : 0 -4215px}
        .ui-btn-blue2.btnFocus .right {background-position : 0 -4242px}
        .ui-btn-blue2.btnDown .left   {background-position : -16px -4107px}
        .ui-btn-blue2.btnDown .lbl    {background-position : 0 -4134px}
        .ui-btn-blue2.btnDown .right  {background-position : 0 -4161px}
        .ui-btn-blue2.btnDisabled .left   {background-position : -16px -4269px}
        .ui-btn-blue2.btnDisabled .lbl    {
            background-position : 0 -4296px;
            color               : #36a3d6;
            text-shadow         : #7bdfff 0px 1px 0px;
        }
        .ui-btn-blue2.btnDisabled .right  {background-position : 0 -4323px}

        /* Additional styles - BLUE3 */
        .ui-btn-blue3 .left {
            background-position : -16px -3945px
        }
        .ui-btn-blue3 .lbl {
            background-position : 0 -3972px;
            color               : white;
            text-shadow         : rgba(3, 156, 208, 1) 0px 1px 0px;
        }
        .ui-btn-blue3 .right {
            background-position : 0 -3999px
        }
        .ui-btn-blue3.btnOver .left   {background-position : -16px -4026px}
        .ui-btn-blue3.btnOver .lbl    {background-position : 0 -4053px}
        .ui-btn-blue3.btnOver .right  {background-position : 0 -4080px}
        .ui-btn-blue3.btnFocus .left  {background-position : -16px -4188px}
        .ui-btn-blue3.btnFocus .lbl   {background-position : 0 -4215px}
        .ui-btn-blue3.btnFocus .right {background-position : 0 -4242px}
        .ui-btn-blue3.btnDown .left   {background-position : -16px -4107px}
        .ui-btn-blue3.btnDown .lbl    {background-position : 0 -4134px}
        .ui-btn-blue3.btnDown .right  {background-position : 0 -4161px}
        .ui-btn-blue3.btnDisabled .left   {background-position : -16px -4269px}
        .ui-btn-blue3.btnDisabled .lbl    {
            background-position : 0 -4296px;
            color               : #36a3d6;
            text-shadow         : #7bdfff 0px 1px 0px;
        }
        .ui-btn-blue3.btnDisabled .right  {background-position : 0 -4323px}


        /* Additional styles - ORANGE */
        .ui-btn-orange .left {
            background-position : -16px -4350px
        }
        .ui-btn-orange .lbl {
            background-position : 0 -4377px;
            color            : #8a4106;
            text-shadow      : #ffb639 0px 1px 0px
        }
        .ui-btn-orange .right {
            background-position : 0 -4404px
        }
        .ui-btn-orange.btnOver .left   {background-position : -16px -4431px}
        .ui-btn-orange.btnOver .lbl    {background-position : 0 -4458px}
        .ui-btn-orange.btnOver .right  {background-position : 0 -4485px}
        .ui-btn-orange.btnFocus .left  {background-position : -16px -4593px}
        .ui-btn-orange.btnFocus .lbl   {background-position : 0 -4620px}
        .ui-btn-orange.btnFocus .right {background-position : 0 -4647px}
        .ui-btn-orange.btnDown .left   {background-position : -16px -4512px}
        .ui-btn-orange.btnDown .lbl    {background-position : 0 -4539px}
        .ui-btn-orange.btnDown .right  {background-position : 0 -4566px}
        .ui-btn-orange.btnDisabled .left   {background-position : -16px -4674px}
        .ui-btn-orange.btnDisabled .lbl    {
            background-position : 0 -4701px;
            color               : #c47806;
            text-shadow         : #ffb639 0px 1px 0px;
        }
        .ui-btn-orange.btnDisabled .right  {background-position : 0 -4728px}

        /* Additional styles - YELLOW */
        .ui-btn-yellow .left {
            background-position : -16px -4755px
        }
        .ui-btn-yellow .lbl {
            background-position : 0 -4782px;
            color            : #8a5000;
            text-shadow      : #ffe082 0px 1px 0px
        }
        .ui-btn-yellow .right {
            background-position : 0 -4809px
        }
        .ui-btn-yellow.btnOver .left   {background-position : -16px -4836px}
        .ui-btn-yellow.btnOver .lbl    {background-position : 0 -4863px}
        .ui-btn-yellow.btnOver .right  {background-position : 0 -4890px}
        .ui-btn-yellow.btnFocus .left  {background-position : -16px -4998px}
        .ui-btn-yellow.btnFocus .lbl   {background-position : 0 -5025px}
        .ui-btn-yellow.btnFocus .right {background-position : 0 -5052px}
        .ui-btn-yellow.btnDown .left   {background-position : -16px -4917px}
        .ui-btn-yellow.btnDown .lbl    {background-position : 0 -4944px}
        .ui-btn-yellow.btnDown .right  {background-position : 0 -4971px}
        .ui-btn-yellow.btnDisabled .left   {background-position : -16px -5079px}
        .ui-btn-yellow.btnDisabled .lbl    {
            background-position : 0 -5106px;
            color               : #c39658;
            text-shadow         : #ffe082 0px 1px 0px;
        }
        .ui-btn-yellow.btnDisabled .right  {background-position : 0 -5133px}

        .btn.btnDisabled {
            cursor: default;
        }

        .submenu .lbl .btnArrow {
            display             : inline-block;
            background-image    : url("images/arrow_small.png");
            background-repeat   : no-repeat;
        }
    ]]></a:style>
    <a:style condition="apf.isSafari || apf.isChrome"><![CDATA[
        .btn .lbl {
            margin  : 0;
            height  : 22px;
            padding : 5px 8px 0 8px;
        }

        .btnIcon .lbl {
            overflow : hidden;
        }
    ]]></a:style>
    <a:style condition="apf.isIE"><![CDATA[
        .btn .lbl {
            line-height : 19px;
        }

        .btn.smallbtn .lbl {
            line-height : 17px;
        }
    ]]></a:style>
    <a:presentation>
        <a:main caption="div[3]/text()" label="div[3]/text()" background="." icon="div[3]/span" minwidth="30">
            <div class="btn">
                <div class="left"> </div>
                <div class="right"> </div>
                <div class="lbl">-
                    <span/>
                    <div class="btnArrow"> </div>
                </div>

             </div>
        </a:main>
    </a:presentation>
</a:button>
<a:button name="btn_console_open">
    <a:style><![CDATA[
        .btn_console_open {
            overflow           : hidden;
            cursor             : default;
            position           : relative;
            -moz-user-select   : none;
            -khtml-user-select : none;
            user-select        : none;
            height             : 38px;
            width              : 20px;
            backgroudn : no-repeat 0 0;
        }

        .btn_console_openOver {
        }

        .btn_console_openDown {
            background-position: 0 -38px;
        }
        .btn_console_openDown:hover {
        }

        .btn_console_open.btnDisabled {
            cursor: default;
        }
    ]]></a:style>
    <a:presentation>
        <a:main caption="." label="." background="." icon="." minwidth="18">
            <div class="btn_console_open"> </div>
        </a:main>
    </a:presentation>
</a:button>
<a:button name="btn_icon_only">
    <a:style><![CDATA[
        .btn_icon_only {
            overflow           : hidden;
            cursor             : default;
            position           : relative;
            -moz-user-select   : none;
            -khtml-user-select : none;
            user-select        : none;
            height             : 21px;
            width              : 22px;
        }

        .dim14-14 {
            width: 14px;
            height: 14px;
        }

        .btn_icon_onlyOver {
            background-position: 0 -23px;
        }

        .dim14-14.btn_icon_onlyOver {
            background-position: 0 -14px;
        }


        .btn_icon_onlyDown {
            background-position: 0 -46px;
        }

        .dim14-14.btn_icon_onlyDown {
            background-position: 0 -28px;
        }

        .btn_icon_only.btnDisabled {
            cursor: default;
        }
    ]]></a:style>
    <a:presentation>
        <a:main caption="." label="." background="." icon=".">
            <div class="btn_icon_only"> </div>
        </a:main>
    </a:presentation>
</a:button>
<a:button name="dockButton">
    <a:style><![CDATA[
        .dockButton {
            width              : 41px;
            height             : 40px;
            padding-top        : 3px;
            overflow           : hidden;
            cursor             : default;
            position           : relative;
            -moz-user-select   : none; 
            -khtml-user-select : none; 
            user-select        : none;
            background-repeat:no-repeat;
            background-position: 0 0;
        }
        
        .dockButton-footer {
            height: 10px;
            filter           : progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#f3f3f3', endColorstr='#e5e5e5');
            -ms-filter       : "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#f3f3f3', endColorstr='#e5e5e5')";
            background       : -webkit-gradient(linear, left center, right center, from(#f3f3f3), color-stop(1, #e5e5e5));
            background       : -moz-linear-gradient(center left, #f3f3f3 0%, #e5e5e5 100%) repeat scroll 0 0 transparent;
        }
        
        .dockButtonOver {
            background-image    : url(images/dock_button_sprite.png);
            background-position : 3px -114px;
        }
        
        .dockButtonDown {
            background-image    : url(images/dock_button_sprite.png);
            background-position : 3px -35px;
        }
        
        .dockButtonDown .dockButton-footer {
            -webkit-border-top-left-radius : 5px;
            -moz-border-radius-topleft     : 5px;
        }
        
        .dockButton .icon {
            width                 : 35px;
            height                : 35px;
            -webkit-border-radius : 3px;
            -moz-border-radius    : 3px;
            margin                : 0px 1px 2px 4px;
            /*background-image: -webkit-gradient(
               linear,
               left bottom,
               left top,
               color-stop(0.5, rgb(175,225,201)),
               color-stop(1, rgb(221,242,232)),
               color-stop(0.5, rgb(197,233,216))
            );
            background-image: -moz-linear-gradient(
               center bottom,
               rgb(175,225,201) 50%,
               rgb(221,242,232) 100%,
               rgb(197,233,216) 50%
            );*/
        }
        
        .dockButton .dock_notification {
            position    : absolute;
            top         : 1px;
            right       : 1px;
            width       : 12px;
            text-align  : center;
            background  : url('images/dock_notification_bg.png') 0px 0px no-repeat;
            color       : #fff;
            font-size   : 5pt;
            padding     : 0px 1px 1px 3px;
            text-shadow : 1px 1px 0px #000;
            letter-spacing: 1px;
            line-height : 9pt;
        }
        
        .dockButton .dock_icon_image {
            -webkit-border-radius : 3px;
            -moz-border-radius    : 3px;
            display               : inline-block;
            position              : absolute;
            top                   : 3px;
            left                  : 3px;
            width                 : 34px;
            height                : 33px;
        }
        
        .dockButton .dock_icon_image.dii_primary {
            left   : 6px;
            top    : 5px;
            width  : 31px;
            height : 31px;
        }
        
        .dockButton .dock_icon_image.dii_secondary {
            -webkit-border-radius : 5px;
            -moz-border-radius    : 5px;
        }
        
        .dockButton.debug1 .icon {
            background-position: 0 -437px;
        }
        
        .dockButtonChecked.debug1 .icon {
            background-position: 0 -556px;
        }
        
        .dockButton.debug2 .icon {
            background-position: 0 -475px;
        }
        
        .dockButton.call_stack .icon {
            background-position: 0 -515px;
        }
        
        .dockButton.todo_check .icon {
            background-position: 0 -163px;
        }
        
        .dockButtonChecked.todo_check .icon {
            background-position: 0 -201px;
        }
        
        .dockButton.contact_list .icon {
            background-position: 0 -243px;
        }
        
        .dockButtonChecked.contact_list .icon {
            background-position: 0 -281px;
        }
        
        .dockButton.defaultUser .icon {
            background-position: 0 -360px;
        }
        
        .dockButtonChecked.defaultUser .icon {
            background-position: 0 -400px;
        }
        
    ]]></a:style>

     <a:presentation>
        <a:main caption="div" label="div" background="." icon="div">
            <div class="dockButton">
                <span class="dock_icon_image dii_tertiary"/>
                <span class="dock_icon_image dii_secondary"/>
                <span class="dock_icon_image dii_primary"/>
                <div class="icon"/>
                <span class="dock_notification"/>
                <div class="dockButton-footer"/>
            </div>
        </a:main>
    </a:presentation>
</a:button>
<a:button name="toolbarbutton">
    <a:style><![CDATA[
        .menubar .toolbarbutton {
            display: block;
            height: 17px;
            float: left;
            cursor: default;
            padding: 2px 8px 0 8px;
            margin-top: 2px;
            line-height: 13px;
            text-decoration: none;
            color: #e8e8e8;
        }

        .menubar .toolbarbuttonOver, .menubar .toolbarbuttonDown {
            cursor: default;
            border-radius: 4px 4px 0px 0px;
            -moz-border-radius: 4px 4px 0px 0px;
            -webkit-border-bottom-right-radius: 0px;
            -webkit-border-bottom-left-radius: 0px;
            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 : #ffffff;
        }

        .menubar .toolbarbuttonDisabled, .menubar .toolbarbuttonDisabled {
            background : none;
            color : #bebebe;
        }

        .toolbar .subbar .toolbarbutton {
            display: block;
            height: 20px;
            cursor: default;
            margin: 2px 1px 0 1px;
            text-decoration: none;
            color: #111111;
            text-align: center;
            padding: 0 4px 0 0;
            line-height: 13px;
            border: 1px solid transparent;
        }

        .toolbar .subbar .splitbtn.toolbarbutton:first-child {
            border-right: none;
        }

        .toolbar .subbar .toolbarbutton div {
            float: left;
            margin: 0;
            height: 16px;
            padding: 3px 4px 0 8px;
            border: 0;
        }

        .toolbar .subbar .toolbarbuttonOver {
            border: 1px solid #b3b3b3;
            -webkit-box-shadow: 0px 1px 0px #ffffff;
            -moz-box-shadow: 0px 1px 0px #ffffff;
            box-shadow: 0px 1px 0px #ffffff;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(246,246,246)),color-stop(1, rgb(253,253,253)));
            background: -moz-linear-gradient(center bottom,rgb(246,246,246) 0%,rgb(253,253,253) 100%);
        }

        .toolbar .subbar .splitbtn.toolbarbuttonOver:first-child,
        .toolbar .subbar .splitbtn.toolbarbuttonDown:first-child,
        .toolbar .subbar .splitbtn.toolbarbuttonChecked:first-child {
            -webkit-border-top-right-radius: 0px;
            -webkit-border-bottom-right-radius: 0px;
            -moz-border-radius-topright: 0px;
            -moz-border-radius-bottomright: 0px;
            border-top-right-radius: 0px;
            border-bottom-right-radius: 0px;
            border-right: none;
        }

        .toolbar .subbar .splitbtn.toolbarbuttonOver:last-child,
        .toolbar .subbar .splitbtn.toolbarbuttonDown:last-child,
        .toolbar .subbar .splitbtn.toolbarbuttonChecked:last-child {
            -webkit-border-top-left-radius: 0px;
            -webkit-border-bottom-left-radius: 0px;
            -moz-border-radius-topleft: 0px;
            -moz-border-radius-bottomleft: 0px;
            border-top-left-radius: 0px;
            border-bottom-left-radius: 0px;
        }

        .toolbar .subbar .toolbarbuttonOver div {

        }

        .toolbar .subbar .toolbarbuttonDown {
            border: 1px solid #b3b3b3;
            -webkit-box-shadow: 0px 1px 0px #ffffff;
            -moz-box-shadow: 0px 1px 0px #ffffff;
            box-shadow: 0px 1px 0px #ffffff;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(239,241,244)),color-stop(1, rgb(224,226,229)));
            background: -moz-linear-gradient(center bottom,rgb(239,241,244) 0%,rgb(224,226,229) 100%);
        }

        .toolbar .subbar .toolbarbuttonDown div {

        }

        .toolbar .subbar .toolbarbuttonChecked {
            border: 1px solid #b3b3b3;
            -webkit-box-shadow: 0px 1px 0px #ffffff;
            -moz-box-shadow: 0px 1px 0px #ffffff;
            box-shadow: 0px 1px 0px #ffffff;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(224,226,229)),color-stop(1, rgb(250,252,255)));
            background: -moz-linear-gradient(center bottom,rgb(224,226,229) 0%,rgb(250,252,255) 100%);
        }

        .toolbar .subbar .toolbarbuttonChecked div {
        }

        .toolbar .subbar .toolbarbuttonDisabled, .toolbar .subbar .toolbarbuttonDisabled div {
            background: none;
            color: #bebebe;
        }

        .toolbar .subbar .toolbarbuttonIcon div{
            padding-left : 4px;
        }

        .toolbar .subbar .toolbarbuttonEmpty div{
            padding: 4px 0 0 7px;
        }

        .toolbar .subbar .toolbarbuttonIcon span{
            display: block;
            float:left;
            width: 16px;
            height: 16px;
            margin: -1px 4px 0 0;
        }

        .toolbar .subbar .toolbarbuttonIcon.toolbarbuttonOver span{
            background-position: 0 -16px;
        }
        .toolbar .subbar .toolbarbuttonIcon.toolbarbuttonDown span{
            background-position: 0 -32px;
        }

        .toolbar .subbar .toolbarbuttonEmpty span{
            margin: -2px 3px 0 0;
        }
    ]]></a:style>

    <a:presentation>
        <a:main caption="div/text()" label="div/text()" background="div/span" icon="div/span">
            <div class='toolbarbutton'><div><span> </span>-</div></div>
        </a:main>
    </a:presentation>
</a:button>
<a:button name="c9-menu-btn">
    <a:style><![CDATA[
        .c9-menu-btn {
            height             : 24px;
            overflow           : visible;
            cursor             : default;
            position           : relative;
            -moz-user-select   : none; 
            -khtml-user-select : none; 
            user-select        : none;
            line-height        : 17px;
        }
        
        .c9-menu-btn .c9-left {
            width:5px;
            height:24px;
            position:absolute;
            overflow:hidden;
            top:0;
            left:0;
        }
        
        .c9-menu-btn .c9-right {
            width:5px;
            height:24px;
            position:absolute;
            overflow:hidden;
            top:0;
            right:0;
        }
        
        .c9-menu-btn .c9-label {
            font-family   : Tahoma, Arial;
            font-size     : 12px;
            line-height   : 14px;
            color         : #e8e8e8;
            height        : 20px;
            padding       : 4px 2px 0 2px;
            margin        : 0 5px;
            text-shadow   : rgba(41, 42, 43, 1) 0px 1px 0px;
        }
        
        .c9-menu-btnOver .c9-left {
            background:url(images/menu-btn.png) no-repeat 0 0;
        }
        
        .c9-menu-btnOver .c9-right {
            background:url(images/menu-btn.png) no-repeat 0 -48px;
        }
        
        .c9-menu-btnOver .c9-label {
            background:url(images/menu-btn.png) repeat-x 0 -24px;
        }
        
        .c9-menu-btnDown .c9-left {
            background:url(images/menu-btn.png) no-repeat 0 -72px;
        }
        
        .c9-menu-btnDown .c9-right {
            background:url(images/menu-btn.png) no-repeat 0 -120px;
        }
        
        .c9-menu-btnDown .c9-label {
            background:url(images/menu-btn.png) repeat-x 0 -96px;
        }
        
        .c9-menu-btnDown .c9-label {
           color:#d0e6b3;
           text-shadow : none; 
        }
        
        .c9-menu-btnDown .c9-fix {
            height           : 3px;
            position         : absolute;
            display          : block;
            bottom           : 0px;
            left             : 1px;
            right            : 1px;
            background-color : #1c1c1c;
            z-index          : 2000101;
        }
        
        .hbox > DIV > .c9-menu-btn {
            height : 24px;
        }
    ]]></a:style>

    <a:presentation>
        <a:main 
          caption      = "div[2]/text()"
          background = "."
          icon       = "div[2]"
          minwidth   = "26">
            <div class="c9-menu-btn">
                <div class="c9-left"></div>
                <div class="c9-label">-</div>
                <div class="c9-right"></div>
                <div class="c9-fix"></div>                  
            </div>
        </a:main>
    </a:presentation>
</a:button>

<a:button name="c9-toolbarbutton">
    <a:style><![CDATA[
        .c9-toolbarbutton {
            height             : 21px;
            overflow           : hidden;
            cursor             : default;
            position           : relative;
            -moz-user-select   : none; 
            -khtml-user-select : none; 
            user-select        : none;
            line-height        : 17px;
            border:1px solid transparent;
        }
        
        .hbox > .c9-toolbarbutton {
            height : 23px;
        }
        
        .c9-toolbarbutton .c9-icon {
            display: none;
            width:22px;
            height:19px;
            position:absolute;
            top:1px;
            left:1px;
            background-position : 0 0;
            background-repeat   : no-repeat;
        }
        
        .c9-toolbarbuttonIcon .c9-icon{
            display : block;
        }
        
        .c9-toolbarbuttonOver {
            -moz-border-radius    : 5px;
            -webkit-border-radius : 5px;
            border-radius : 5px;
            border:1px solid #1c1c1c;
            
            -moz-box-shadow    : 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
            -webkit-box-shadow : 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
            box-shadow         : 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
            
            background         : #343434;
            filter             : progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3a3a3a', endColorstr='#333333');
            -ms-filter         : "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3a3a3a', endColorstr='#333333')";
            background         : -webkit-gradient(linear, left top, left bottom, from(#3a3a3a), color-stop(1, #333333));
            background         :-moz-linear-gradient(center bottom, #333333 0%, #3a3a3a 100%) repeat scroll 0 0 transparent;
        }
        
        .c9-toolbarbutton .c9-label {
            position:relative;
            overflow:hidden;
            font-family:Arial;
            font-size:12px;
            color:#d6d6d6;
            line-height:14px;
            height:15px;
            padding:3px 6px 0 6px;
        }
        
        .c9-toolbarbuttonEmpty .c9-icon {
            position:relative;
        }
        
        .c9-toolbarbuttonEmpty .c9-label {
            display:none;
        }
        
        .c9-toolbarbuttonIcon .c9-label{
            padding:3px 6px 0 22px;
        }
        
        .c9-toolbarbuttonIcon.preview .c9-label {
            padding-left : 25px;
        }
        
        .c9-toolbarbuttonDown {
            -moz-border-radius    : 5px;
            -webkit-border-radius : 5px;
            border-radius : 5px;
            border:1px solid #1c1c1c;
            
            -moz-box-shadow    : 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
            -webkit-box-shadow : 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
            box-shadow         : 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
            
            background         : #343434;
            filter             : progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#282828', endColorstr='#2e2e2e');
            -ms-filter         : "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#282828', endColorstr='#2e2e2e')";
            background         : -webkit-gradient(linear, left top, left bottom, from(#282828), color-stop(1, #2e2e2e));
            background         :-moz-linear-gradient(center bottom, #2e2e2e 0%, #282828 100%) repeat scroll 0 0 transparent;
        }
        
        .c9-toolbarbuttonDown .c9-icon {
            background-position: 0-19px;
        }
        
        .c9-toolbarbuttonDisabled .c9-icon {
            background-position : 0 -38px;
        }
        
        .c9-toolbarbuttonDisabled .c9-label {
            color       : #606060;
            text-shadow : rgba(0, 0, 0, 1) 0px 1px 0px;
        }
    ]]></a:style>

    <a:presentation>
        <a:main 
          caption      = "div[2]/text()"
          background = "."
          icon       = "div[1]">
            <div class="c9-toolbarbutton">
                <div class="c9-icon"></div>
                <div class="c9-label">-</div>
            </div>
        </a:main>
    </a:presentation>
</a:button>
<a:button name="header-btn">
    <a:style><![CDATA[
        .header-btn {
            height              : 15px;
            width               : 25px;
            overflow            : hidden;
            cursor              : pointer;
            position            : relative;
            -moz-user-select    : none; 
            -khtml-user-select  : none; 
            user-select         : none;
            background-position : 0 0;
            background-repeat   : no-repeat;
        }
        
        .header-btnOver {
            background-position : 0 -15px;
        }
    ]]></a:style>

    <a:presentation>
        <a:main 
          caption      = "text()"
          background = "."
          icon       = ".">
            <div class="header-btn"> </div>
        </a:main>
    </a:presentation>
</a:button>
<a:button name="dockheader">
    <a:style><![CDATA[
        .dockheader {
            border-top : 1px solid #727375;
            /*border-bottom : 1px solid #f1f1f1;*/
            position : relative;
            filter           : progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#5a5b5d', endColorstr='#424244');
            -ms-filter       : "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#5a5b5d', endColorstr='#424244')";
            background       : -webkit-gradient(linear, center top, center bottom, from(#5a5b5d), color-stop(1, #424244));
            background       : -moz-linear-gradient(center top, #5a5b5d 0%, #424244 100%) repeat scroll 0 0 transparent;
            height : 10px;
            cursor : pointer;
        }
        
        .dockheader span{
            width : 9px;
            height : 9px;
            position : absolute;
            display : block;
            right : 2px;
            top : 0px;
            background : url(images/toolbar-arrows.png) 0 -10px;
        }
        
        .dockheaderOver {
            border-top : 1px solid #808183;
            filter           : progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#6b6c6e', endColorstr='#555557');
            -ms-filter       : "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#6b6c6e', endColorstr='#555557')";
            background       : -webkit-gradient(linear, center top, center bottom, from(#6b6c6e), color-stop(1, #555557));
            background       : -moz-linear-gradient(center top, #6b6c6e 0%, #555557 100%) repeat scroll 0 0 transparent;
        }
        
        .dockheader.expanded span{
            background-position : 0 0;
            right : 3px;
        }
    ]]></a:style>

    <a:presentation>
        <a:main 
          caption      = "text()"
          background = "."
          icon       = ".">
            <div class="dockheader"> 
                <span> </span>
            </div>
        </a:main>
    </a:presentation>
</a:button>
<a:button name="mnubtn">
    <a:style><![CDATA[
        .mnubtn {
            width               : 65px;
            height              : 68px;
            padding-top         : 47px;
            border-bottom       : 1px solid #232323;
            border-top          : 1px solid #3f3f41;
            position            : relative;
            cursor              : default;
            overflow            : hidden;
        }
        
        .mnubtnOver,
        .mnubtnDown {
            background : url(images/radiobutton_over.png) no-repeat 0 0;
        }
        
        .mnubtn .icon {
            background-position : 0 0;
            background-repeat   : no-repeat;
            width               : 40px;
            height              : 40px;
            position            : absolute;
            top                 : 7px;
            left                : 12px;
        }
        
        .mnubtn .pointer {
            /*background-image    : url(images/gitui_close_arrow.png);
            background-position : 0 0;
            background-repeat   : no-repeat;
            position            : absolute;
            width               : 11px;
            height              : 9px;
            top                 : 6px;
            right               : 5px;*/
            display             : none;
        }
        
        .mnubtn SPAN {
            font-family         : Tahoma, Arial;
            font-size           : 10px;
            color               : #aaaaaa;
            text-align          : center;
            position:relative;
            display:block;
            overflow:hidden;
        }
        
        .mnubtnDown SPAN {
            color : white;
        }
        
        .mnubtnDown .pointer {
            /*display:block;*/
        }
        
        .mnubtnDown .icon {
            background-position:-40px 0;
        }
        
        .mnubtn.spacer {
            border     : 0;
            border-top : 1px solid #3f3f41;
            width      : 65px;
            height     : 15px;
            padding    : 0;
            position   : relative;
        }
        
        .mnubtn.spacer .pointer,
        .mnubtn.spacer .icon,
        .mnubtn.spacer SPAN {
            display : none;
        }
        
        .mnubtn.project_files .icon {
            background-image:url(images/project_files.png);
        }
        
        .mnubtn.open_files .icon {
            background-image:url(images/open_files.png);
        }
        
        .mnubtn.visual_editor .icon {
            background-image:url(images/visual_editor.png);
        }
        
        .mnubtn.preferences .icon {
            background-image:url(images/preferences.png);
        }
        
        .mnubtn.git_corner .icon {
            background-image:url(images/git_corner.png);
        }
        
        .mnubtn.deploy .icon {
            background-image:url(images/deploy.png);
        }
        
        .mnubtn.the_store .icon {
            background-image:url(images/the_store.png);
        }
        
        .mnubtn.shop {
            width    : 65px;
            height   : 45px;
            padding  : 0;
            border   : 0;
            position : relative;
        }
        
        .mnubtn.shop1 .icon {
            background-image:url(images/shop1.png);
        }
        
        .mnubtn.shop2 .icon {
            background-image:url(images/shop2.png);
        }
        
        .mnubtn.shop3 .icon {
            background-image:url(images/shop3.png);
        }
        
        .mnubtn.shop4 .icon {
            background-image:url(images/shop4.png);
        }
        
        .mnubtn.shop SPAN {
            display:none;
        }
    ]]></a:style>
    
    <a:presentation>
        <a:main caption="span">
            <div class="mnubtn">
                <div class="icon"></div>
                <div class="pointer"></div>
                <span>-</span>
            </div>
        </a:main>
    </a:presentation>
</a:button>
</a:skin>