/*-- ColorPicker --*/
.app-color-picker .current-color {
    width: 1em;
    height: 1em;
    overflow: hidden;
    text-indent: 1em;
    background-color: #fff;
    white-space: nowrap;
    border: solid 1px #000;
}

.app-color-picker .yuimenu .bd {
    width: 320px;    
    height: 190px;
}

.app-color-picker #yui-picker-controls-label {display:none;}
.app-color-picker .yui-picker-controls .bd {width:auto; height: auto;}
.app-color-picker .opacity-control-cont label {width:auto;}
.yui-skin-sam .app-color-picker .yuimenu .yui-picker-controls ul {border:0;}
.app-color-picker .current-color {padding: 3px 6px;}
.app-color-picker .yui-picker-rgb-controls li {padding: 0;}

.yui-skin-sam .app-color-picker .yui-picker-controls .bd {padding:0;}
.yui-skin-sam .yui-panel .app-color-picker .bd {padding:0;}

.app-color-picker .opacity-control-cont.yui-picker-opacitymode-percent > label {width: 40px;}
.app-color-picker .opacity-control-cont.yui-picker-opacitymode-percent > input {width: 40px;font-size: 11px;}

/*--- rating --*/
.yui3-rating-content {
    cursor: pointer;
    clear: both;
    display: block;
}

.yui3-rating-content:after {
    content: '.';
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden;
}

.yui3-rating .star {
    float: left;
    width: 17px;
    height: 15px;
    overflow: hidden;
    text-indent: -999em;
    cursor: pointer;
}

.yui3-rating .star, .yui3-rating .star a {background: url(../images/ratingstars.gif) no-repeat 0 0px;}

.yui3-rating .star a {
    display: block;
    width: 100%;
    height: 100%;
    background-position: 0 0px;
}

.yui3-rating div.on a {
    background-position: 0 -16px;
}

.yui3-rating div.hover a {
    background-position: 0 -32px;
}

.yui3-rating div.notify {
    margin-top: 5px;
    font-size: .8em;
    clear: both;
}

.yui3-rating .stars {
    height: 15px;
}

/*--- color picker --*/
.opacity-control-cont {
	position: absolute; 
	left: 226px; 
  top: 170px;
}

.yui-picker-opacitymode-bool {
	top: 170px;
}
	
.yui-picker-opacitymode-percent {
 top: 150px;
 height:25px;
}

.opacity-control-cont label {
	margin-left: 0.5em;
}
.yui-picker-swatch-cont {
	border:1px solid #888888;
	height:60px;
	left:240px;
	position:absolute;
	top:4px;
	width:55px;
	background: url(../images/transp.png)
}
.yui-picker-swatch-cont .yui-picker-swatch {
	border:0;
	height:60px;
	width:55px;
	position:absolute;
	left:0;
	top:0;
}

.yui-skin-sam .yui-calendar .calyearnav .calyearnavleft {
	background:url(../images/sprite.png) no-repeat scroll 0 0 transparent;
	bottom:0;
	cursor:pointer;
	height:15px;
	left:0px;
	margin-left:0;
	top:0;
	width:25px;
	position:absolute;
	display:block;
}
.yui-skin-sam .yui-calendar .calyearnav .calnavleft {
	left: 22px;
}
.yui-skin-sam .yui-calendar .calyearnav .calyearnavright {
	background:url(../images/sprite.png) no-repeat scroll 0 -50px transparent;
	bottom:0;
	cursor:pointer;
	height:15px;
	margin-right:0;
	right:0;
	top:0;
	width:25px;
	position:absolute;
	display:block;
}
.yui-skin-sam .yui-calendar .calyearnav .calnavright {
	right: 22px;
}
.yui-skin-sam .yui-calendar tfoot {text-align: center;}

.yui-skin-sam .yui-calendar .calnavmonths, .yui-skin-sam .yui-calendar .calnavyears {
position:absolute; left: 50px; top: 30px; display:none;
color:#0066CC;
background-color:white;
border:1px solid #CCCCCC;
border-top:0;
}
.yui-skin-sam .yui-calendar .calnavselect ul li {border-top:1px solid #CCCCCC;float:left;clear:both;width:46px;height: 20px;}
.yui-skin-sam .yui-calendar .calnavselect ul li a.selected span {background-color: #B3D4FF;color:black;}
.yui-skin-sam .yui-calendar .calnavselect ul li a {width:46px; height: 20px;}
.yui-skin-sam .yui-calendar .calnavselect ul li a span {width:42px;height: 16px; display:block; margin: 2px;}
.yui-skin-sam .yui-calendar tbody td {text-align: center;}
.yui-skin-sam .yui-calendar a.calnavtoday {color:#0066CC; text-decoration:none;}