@charset "utf-8";
/* CSS Document */

    /*
        Set the "zoom" property to "normal" since it is set to "1" by the 
        ".example-container .bd" rule in yui.css and this causes a Menu
        instance's width to expand to 100% of the browser viewport.
    */
    
    div.yuimenu .bd {
    
        zoom: normal;
    
    }

    #button-container,#button-container-font {
    
        padding: .5em;
    
    }

	#color-picker-button {

		vertical-align: baseline;
	
	}

    #color-picker-button button {
    
        outline: none;  /* Safari */
        line-height: 1.5;

    }


    /*
        Style the Button instance's label as a square whose background color 
        represents the current value of the ColorPicker instance.
    */

    #current-color, #current-font-color {

        display: block;
        display: inline-block;
        *display: block;    /* For IE */
        margin-top: .5em;
        *margin: .25em 0;    /* For IE */
        width: 1em;
        height: 1em;
        overflow: hidden;
        text-indent: 1em;
        background-color: #FFFFFF;
        white-space: nowrap;
        border: solid 1px #000;

    }

/*
    Hide default colors for the ColorPicker instance. 

    #color-picker-container .yui-picker-controls,#color-picker-font-container .yui-picker-controls,
     #color-picker-container .yui-picker-swatch,#color-picker-font-container .yui-picker-swatch,
    #color-picker-container .yui-picker-websafe-swatch,#color-picker-font-container .yui-picker-websafe-swatch {
    
        display: none;
    
    }*/
	
	#color-picker-container .yui-picker-controls,#color-picker-font-container .yui-picker-controls {
		width: 110px;
		height: 60px;
	}
	
	#color-picker-container .yui-picker-controls,#color-picker-font-container .yui-picker-controls {
		width: 90px;
		height: 60px;
		font-size:10px;
		color:#666666;
	}

    /*
        Size the body element of the Menu instance to match the dimensions of 
        the ColorPicker instance.
    */
            
    #color-picker-container, #color-picker-font-container {
        width: 340px;    
        height: 190px;
		z-index:501;    
    }

	#button-container2 {
	
        border-top: solid 1px #000;
        padding: .5em .25em;
        margin-top: .5em;
	
	}