.ddUtypia {
    position: absolute;
    display: block;
    max-height: 200px;
    overflow: auto;
    z-index: 2000;
    border-bottom: #ccc 1px solid;
    border-left: #ccc 1px solid;
    padding-bottom: 0px;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    display: none;
    background: #fff;
    overflow: auto;
    border-top: medium none;
    border-right: #ccc 1px solid;
    padding-top: 0px;
    box-shadow: 0px 1px 5px #ddd;
}



.ddUtypia-hover
{
	border: 1px solid #FBCB09;
}

.fontsUtypiaContainer
{
    position: relative;
}

select.utypiaColorDD {display:none;}

#TRO_VAR_INK_COLOR-button, #TRO_VAR_INK_COLOR-menu a {color:#ffffff;}
.colorSelect .ui-state-default {background-color:#ffffff;}
.utypiaColorDD.ui-selectmenu {margin-right:5px; width:45px;height:18px;border-color:#000000;}
.utypiaColorDD .ui-selectmenu-status {padding:0px 0px 0px 3px;width:29px;word-break:break-all;}
.utypiaColorDD .ui-selectmenu-icon {right:0px;height:20px;margin-top:-10px;background-color:#f2f2f2;right:-1px;background-image:none;}
.utypiaColorDD.ui-selectmenu-menu {overflow:visible;z-index:100;}
/*.utypiaColorDD.ui-selectmenu-menu {overflow-y:hidden;}*/
.utypiaColorDD.ui-selectmenu-menu li {border-width: 0px;width:100%;}
.utypiaColorDD.ui-selectmenu-menu li a { height:20px; width:45px;padding:0px 5px 0px 5px;}



.ui-arrow
{
    border-bottom: transparent 5px solid;
    border-left: transparent 5px solid;
    border-top: #000 5px solid;
    border-right: transparent 5px solid;
    
    margin-top: 7px;
    margin-left: 2px;
    width: 1px;
    height: 3px;
    display:block;
}


.tro_colorpicker.ui-state-default {background-image:none;}
.tro_colorpicker .ui-selectmenu-status {height:18px;color:#ffffff;}
.tro_color .ui-selectmenu-status {height:18px;width:45px;padding:0px;border: 1px solid #000000;}

/*** colorpicker ***/

.colorPicker {
    width: 256px;
    position: absolute;
    float: left;
    cursor: pointer;
    z-index: 100;
    padding:1px 0px 0px 1px;
}

.colorPicker.pickersmall 
{
	width: 45px;
}

.colorPickerItem {
    width: 16px; 
    height: 15px; 
    margin: 0px 1px 1px 0px; 
    cursor: pointer; 
    line-height: 10px; 
    font-size: 10px; 
    padding-top:2px;
    text-align:center;
    float: left; 
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
}

.pickersmall .colorPickerItem
{
	width:45px;
	height:20px;
	margin:0px;
	line-height:20px;
	font-size:1em;
	text-align:center;
}

/*** colorpicker ***/

.colorPicker {
    background-color: #ffffff;
}
.pickersmall .colorPickerItem {
    background-color: #ffffff;
    color:#ffffff;
}




a.utypiaColorDD.ui-selectmenu-dropdown:hover {text-decoration:none;}
.productOptions .utypiaColorDD.ui-selectmenu,
.productOptions .utypiaColorDD .ui-selectmenu-status,
ul.ui-selectmenu-open {width:auto !important;}
ul.utypiaColorDD.ui-selectmenu-open li a {width:100%;display:inline-block;line-height:20px;}

.productOptions .utypiaColorDD .ui-selectmenu-status {margin-right:17px;}