skins/sam/dial-skin.css

	dial-skin.css revision 624b3d25f12c6e63f607b2690315293ad7ef6481
.yui3-skin-sam .yui3-dial-handle{ /*container. top left corner used for trig positioning*/
    position:absolute;
    top:0;
    left:0;
    width:20%;
    height:20%;
}
.yui3-skin-sam .yui3-dial-handle-user{ /* the visible user handle */
    position:absolute;
    width:100%;
    height:100%;
    background:#6C3A3A;
    opacity:0.3;
    border-radius:100%;
    -moz-border-radius:100%;
    -webkit-border-radius:100px;
    -moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.9) inset;
    /*-webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.9) inset; Chrome 7/Win bug*/
    cursor:pointer;
    font-size:1px;
}

.yui3-skin-sam .yui3-dial-ring {
    position:relative;
    border-radius:100%;
    -moz-border-radius:100%;
    -webkit-border-radius:1000px;
    background:#BEBDB7;
    background:-moz-linear-gradient(100% 100% 135deg, #7B7A6D, #FFFFFF);
    background:-webkit-gradient(linear, left top, right bottom, from(#FFFFFF), to(#7B7A6D));
    box-shadow:1px 1px 5px rgba(0, 0, 0, 0.4) inset;
    /*-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4) inset; Chrome 7/Win bug*/
    -moz-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.4) inset;
}
.yui3-skin-sam .yui3-dial-center-button{
    box-shadow:-1px -1px 2px rgba(0, 0, 0, 0.3) inset, 1px 1px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:-1px -1px 2px rgba(0, 0, 0, 0.3) inset, 1px 1px 2px rgba(0, 0, 0, 0.5);
    /*-webkit-box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3) inset, 1px 1px 2px rgba(0, 0, 0, 0.5); Chrome 7/Win bug*/
    border-radius:100%;
    -moz-border-radius:100%;
    -webkit-border-radius:1000px;
    background:#DDDBD4;
    background:-moz-radial-gradient(30% 30% 0deg, circle farthest-side, #FBFBF9 24%, #F2F0EA 41%, #D3D0C3 83%) repeat scroll 0 0 transparent;
    background:-webkit-gradient(radial, 15 15, 15, 30 30, 40, from(#FBFBF9), to(#D3D0C3), color-stop(.2,#F2F0EA));
    cursor:pointer;
    height:50%;
    top:25%;
    left:25%;
    opacity:0.7;
    position:absolute;
    text-align:center;
    width:50%;
}
.yui3-skin-sam .yui3-dial-reset-str{
    position:absolute;
    top:0;
    left:0;
    color:#676767;
    font-size:85%;
    text-decoration:underline;
    height:1.5em;
}
.yui3-skin-sam .yui3-dial-label{
    color:#808080;
    margin-bottom:0.8em;
}
.yui3-skin-sam .yui3-dial-value-string{
    margin-left:0.5em;
    color:#000;
    font-size:130%;
}
.yui3-skin-sam .yui3-dial-value {
    visibility:hidden;
    position:absolute;
    top:0;
    left:102%;
    width:4em;
}
.yui3-skin-sam .yui3-dial-north-mark{
    position:absolute;
    border-left:2px solid #ccc;
    height:5px;
    width:10px;
    left:50%;
    top:-7px;
    font-size:1px;
}
.yui3-skin-sam .yui3-dial-marker-user {
    background-color:#000;
    border-radius:100%;
    -moz-border-radius:100%;
    -webkit-border-radius:100px;
    opacity:0.2;
    position:absolute;
    width:100%;
    height:100%;
    font-size:1px;
}
.yui3-skin-sam .yui3-dial-marker .marker-max-min{
    background-color:#AB3232;
    opacity:0.6;
}

.yui3-skin-sam .yui3-dial-ring-vml,
.yui3-skin-sam .yui3-dial-center-button-vml,
.yui3-skin-sam .yui3-dial-marker v\:oval.marker-max-min,
.yui3-skin-sam v\:oval.marker-max-min,
.yui3-skin-sam .yui3-dial-marker .yui3-dial-marker-user-vml,
.yui3-skin-sam .yui3-dial-handle-user-vml {
    background: none;
    opacity:1;
}