<a:skin xmlns:a="http://ajax.org/2005/aml">
<a:dropdown name="black_dropdown">
    <a:style><![CDATA[
        .c9-dropdown {
            position : relative;
            overflow : hidden;
            height   : 21px;
            
            -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         : #383838;
            filter             : progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#383838', endColorstr='#323232');
            -ms-filter         : "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#383838', endColorstr='#323232')";
            background         : -webkit-gradient(linear, left top, left bottom, from(#383838), color-stop(1, #323232));
            background         :-moz-linear-gradient(center bottom, #323232 0%, #383838 100%) repeat scroll 0 0 transparent;
         }
         
         .c9-dropdown .label {
            position:relative;
            overflow:hidden;
            height:17px;
            padding:4px 0 0 6px;
            margin:0 15px 0 0;
            font-family:Arial;
            font-size:12px;
            color:#d6d6d6;
            line-height:14px;
            border-right:1px solid #1c1c1c;
         }
         
         .c9-dropdown .button {
            width:14px;
            border-left:1px solid #4d4c4d;
            height:21px;
            position:absolute;
            top:0;
            right:0;
            background:url(images/btn-arrow.png) no-repeat 4px 9px;
         }
         
         .c9-dropdownDown {
            background         : #2d2d2d;
            filter             : progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#272727', endColorstr='#2d2d2d');
            -ms-filter         : "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#272727', endColorstr='#2d2d2d')";
            background         : -webkit-gradient(linear, left top, left bottom, from(#272727), color-stop(1, #2d2d2d));
            background         :-moz-linear-gradient(center bottom, #2d2d2d 0%, #272727 100%) repeat scroll 0 0 transparent;
         }
         
         .c9-optionList {
            width               : 174px;
            overflow            : hidden;
            z-index             : 99999;
            position            : absolute;
            margin              : 0 0 0 0;
            display             : none;
            background-color    : #1c1c1c;
            border              : 1px solid rgba(255, 255, 255, 0.1);
            padding             : 0 0 4px 0;
            
            -moz-box-shadow    : 0px 3px 15px 0px rgba(0, 0, 0, 0.65);
            -webkit-box-shadow : 0px 3px 15px 0px rgba(0, 0, 0, 0.65);
            box-shadow         : 0px 3px 15px 0px rgba(0, 0, 0, 0.65);
            
            filter             : progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1c1c1c', endColorstr='#262626');
            -ms-filter         : "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1c1c1c', endColorstr='#262626')";
            background         : -webkit-gradient(linear, left top, left bottom, from(#1c1c1c), color-stop(0.9, #262626));
            background         :-moz-linear-gradient(center bottom, #262626 0%, #1c1c1c 20%) repeat scroll 0 0 transparent;
        }
        
        .c9-optionList .c9-dd-item {
            height:18px;
            padding:3px 6px 0 6px;
            position:relative;
            overflow:hidden;
            font-family   : Tahoma, Arial;
            font-size     : 11px;
            line-height   : 14px;
            color         : white;
            cursor:default;
        }
        
        .c9-optionList .c9-dd-item.hover {
            background-color : #292929;
        }
    ]]></a:style>

    <a:presentation>
        <a:main label="div[1]/text()" button="." width-diff="-1" item-height="21" minheight="23" maxheight="23">
            <div class="c9-dropdown">
                <div class="label">-</div>
                <div class="button"> </div>
            </div>
        </a:main>
        <a:container contents=".">
            <div class="c9-optionList">
            </div>
        </a:container>
        <a:item
          class       = "."
          caption     = "text()"
          select      = "."
          inherit     = "true">
            <div class="c9-dd-item">-</div>
        </a:item>
        <a:empty caption=".">
            <div class="empty">-</div>
        </a:empty>
    </a:presentation>
</a:dropdown>
<a:dropdown name="dropdown">
    <a:style><![CDATA[
        .dropdown{
            position: relative;
            background-color: #dedede;
            background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(222,222,222)),color-stop(1, rgb(255,255,255)));
            background: -moz-linear-gradient(center bottom,rgb(222,222,222) 0%,rgb(255,255,255) 100%);
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            -webkit-box-shadow: 0px 1px 1px #9fa0a3;
            -moz-box-shadow: 0px 1px 1px #9fa0a3;
            box-shadow: 0px 1px 1px #9fa0a3;
            border-top: 1px solid #dddddd;
            border-bottom: 1px solid #fafafa;
            border-left: 1px solid #fafafa;
            border-right: 1px solid #fafafa;
            width:  134px;
            height: 15px;
            margin: 0;
            padding : 2px 21px 2px 0;

            color: #333;
            font-family : Tahoma, Arial;
            font-size : 11px;
        }

        .dropdownError {

        }

        .dropdownDisabled {
            color: #bebebe;
        }

        .dropdownOver {

        }

        .dropdownDown {
            position: relative;
        }

        .dropdown .dropdownArrow {
            background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(222,222,222)),color-stop(1, rgb(255,255,255)));
            background: -moz-linear-gradient(center bottom,rgb(222,222,222) 0%,rgb(255,255,255) 100%);
            height:15px;
            margin: 2px 0 4px;
            position:absolute;
            right:0;
            top:0;
            width:18px;

            -webkit-border-top-right-radius: 2px;
            -webkit-border-bottom-right-radius: 2px;
            -moz-border-radius-topright: 2px;
            -moz-border-radius-bottomright: 2px;
            border-top-right-radius: 2px;
            border-bottom-right-radius: 2px;
        }

        .dropdown .dropdownArrow span {
            background: url("images/ddarrow.png") no-repeat center center;
            display:block;
            height:15px;
            position:absolute;
            width:18px;
        }

        .dropdown .dropdownArrow div {
            border-left:1px solid #B9B9B9;
            height:13px;
            width: 1px;
            background-color: #fff;
            padding-bottom:2px;
        }

        .dropdown .dropdownlabel{
            padding: 1px 1px 1px 5px;
            cursor : default;
            height: 13px;
            margin : 0 0 0 2px;
            overflow : hidden;
            white-space : nowrap;
            text-overflow : ellipsis;
        }

        .dropdownFocus .dropdownlabel {
            border: 1px dotted #B8B8B8;
            padding: 0 0 0 4px;
        }

        .dropdownError .dropdownArrow {

        }

        .dropdownInitial .dropdownArrow {
        }

        .dropdownFocus .dropdownArrow {
            background: none;
        }

        .dropdownOver .dropdownArrow {
            background: -webkit-gradient(linear,left bottom,left top,color-stop(0.48, rgb(207,207,207)),color-stop(0.53, rgb(230,230,230)),color-stop(1, rgb(255,255,255)));
            background: -moz-linear-gradient(center bottom,rgb(207,207,207) 48%,rgb(230,230,230) 53%,rgb(255,255,255) 100%);
        }

        .dropdownDown .dropdownArrow {
            background: -webkit-gradient(linear,left bottom,left top,color-stop(0.48, rgb(255,255,255)),color-stop(0.53, rgb(230,230,230)),color-stop(1, rgb(207,207,207)));
            background: -moz-linear-gradient(center bottom,rgb(255,255,255) 48%,rgb(230,230,230) 53%,rgb(207,207,207) 100%);
        }

        .optionList{
            position: absolute;
            top: 0;
            left: 0;
            width: 120px;
            margin-top : 2px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            -webkit-box-shadow: 0 2px 8px #8A8A8A;
            -moz-box-shadow: 0 2px 8px #8A8A8A;
            box-shadow: 0 2px 8px #8A8A8A;
            background: #ffffff;
            z-index: 1000;
            color: #333333;
            font-family : Tahoma, Arial;
            font-size : 11px;
            display : none;
            overflow : auto;
        }

        .optionList .dditem {
            display: block;
            height: 16px;
            padding: 2px 3px 2px 20px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            background-color: white;
            color: #333333;
            position: relative;
            cursor: default;
        }

        .optionList .dditem:first-child{
            -webkit-border-top-left-radius: 4px;
            -webkit-border-top-right-radius: 4px;
            -moz-border-radius-topleft: 4px;
            -moz-border-radius-topright: 4px;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
        }

        .optionList .dditem:last-child{
            -webkit-border-bottom-right-radius: 4px;
            -webkit-border-bottom-left-radius: 4px;
            -moz-border-radius-bottomright: 4px;
            -moz-border-radius-bottomleft: 4px;
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 4px;
        }

        .optionList .dditem.hover {
            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;
        }

        .optionList .selected span{
            background: url("images/dot_blue.png") no-repeat 0 0;
            height: 8px;
            left: 5px;
            position:absolute;
            top: 6px;
            width: 9px;
        }

        .optionList .selected.hover span{
            background-position: 0 -8px;
        }
    ]]></a:style>

    <a:presentation>
        <a:main label="div[1]/text()" button="." width-diff="-1" item-height="20" minheight="20" maxheight="20">
            <div class="dropdown">
                <div class="dropdownlabel">-</div>
                <div class="dropdownArrow">
                    <span/>
                    <div> </div>
                </div>
            </div>
        </a:main>
        <a:container contents=".">
            <div class="optionList">
            </div>
        </a:container>
        <a:item class="." caption="text()" select="." inherit="true">
            <span class="dditem">
                -<span/>
            </span>
        </a:item>
        <a:empty caption=".">
            <div class="empty">-</div>
        </a:empty>
    </a:presentation>
</a:dropdown>
</a:skin>