.pickerinput
{
    width: 80px;
}

.colorpreview
{
    width: 40px;
    height: 20px;
    cursor: pointer;
}

#colorpicker
{
    position: absolute;
    background: black;
    width: 228px;
}
#colorpicker_feedback button
{
    width: 19px;
    height: 19px;
}
#colorpicker_surround
{
    border:inset 1px;
    white-space: nowrap;
    width: 80px;
    height: 15px;
}
#colorpicker_surround td
{
    background-color: none;
    border: none;
    width: 40px;
    height: 15px;
}

.peinline {
	ZOOM: 1; DISPLAY: inline
}
<if condition="is_browser('ie')">
.gasida {
	TEXT-JUSTIFY: kashida; TEXT-ALIGN: justify; PADDING-BOTTOM: 1px; BORDER-RIGHT-WIDTH: 0px; MARGIN: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; DIRECTION: rtl; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; PADDING-TOP: 1px; TEXT-ALIGN-LAST: justify
}
.gasida TD {
	PADDING-BOTTOM: 6px; BORDER-RIGHT-WIDTH: 0px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; FONT: bold large arial,tahoma,helvetica,clean,sans-serif; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; PADDING-TOP: 6px
}
.gasida_nd TD {
	PADDING-BOTTOM: 1px; PADDING-TOP: 6px
}
.gasida_nd .ajz TD {
	PADDING-BOTTOM: 6px; PADDING-TOP: 1px
}
.gasida_nd .sdr {
	PADDING-RIGHT: 6px
}
.gasida_nd .ajz_sh {
	PADDING-LEFT: 6px
}
.gasida_rd TD {
	PADDING-BOTTOM: 1px; PADDING-TOP: 6px
}
.gasida_rd .ajz {
	PADDING-BOTTOM: 6px; PADDING-TOP: 1px
}
.gasida_rd IMG {
	BORDER-RIGHT-WIDTH: 0px; WIDTH: 100px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 0px; BORDER-LEFT-WIDTH: 0px
}
.gasida_th TD {
	PADDING-BOTTOM: 1px; PADDING-TOP: 6px
}
.gasida_th .ajz {
	PADDING-BOTTOM: 6px; PADDING-TOP: 1px
}
<else />
.gasida{direction:rtl;padding:1px;margin:1px;border:0;text-align:center;}
.gasida td{border:0;padding:6px;font:bold large arial,tahoma,helvetica,clean,sans-serif;}
.gasida_nd td{padding-top:6px;padding-bottom:1px;}
.gasida_nd .ajz td{padding-top:1px;padding-bottom:6px;}
.gasida_nd .sdr{padding-right:6px;}
.gasida_nd .ajz_sh{padding-left:6px;}
.gasida_rd td{padding-top:6px;padding-bottom:1px;}
.gasida_rd .ajz{padding-top:1px;padding-bottom:6px;}
.gasida_rd img{border:0;height:0;width:100px;}
.gasida_th td{padding-top:6px;padding-bottom:1px;}
.gasida_th .ajz{padding-top:1px;padding-bottom:6px;}
</if>