1020N/A.yui3-skin-sam .yui3-dial-handle{ /*container. top left corner used for trig positioning*/

1020N/A position:absolute;

1020N/A top:0;

1020N/A left:0;

1020N/A width:20%;

1020N/A height:20%;

1020N/A}

1020N/A.yui3-skin-sam .yui3-dial-handle-user{ /* the visible user handle */

1020N/A position:absolute;

1020N/A top:-50%;

1020N/A left:-50%;

1020N/A width:100%;

1020N/A height:100%;

1020N/A background-color:#6C3A3A;

1020N/A opacity:0.3;

1020N/A border-radius:100%;

1020N/A -moz-border-radius:100%;

1020N/A -webkit-border-radius:100px;

1020N/A -moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.9) inset;

1020N/A /*-webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.9) inset; Chrome 7/Win bug*/

1162N/A cursor:pointer;

1020N/A font-size:1px;

1020N/A *background:none;

1020N/A}

1020N/A.yui3-skin-sam .yui3-dial-ring{

1020N/A position:relative;

1020N/A border-radius:100%;

1166N/A -moz-border-radius:100%;

1020N/A -webkit-border-radius:1000px;

1020N/A background: #BEBDB7;

1020N/A background: -moz-linear-gradient(100% 100% 135deg, #7B7A6D, #FFFFFF);

1020N/A background: -webkit-gradient(linear, left top, right bottom, from(#FFFFFF), to(#7B7A6D));

1020N/A *background:none;

1020N/A box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4) inset;

1020N/A /*-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4) inset; Chrome 7/Win bug*/

1020N/A -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4) inset;

1020N/A}

1020N/A.yui3-skin-sam .yui3-dial-center-button{

1020N/A box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3) inset, 1px 1px 2px rgba(0, 0, 0, 0.5);

1020N/A -moz-box-shadow:-1px -1px 2px rgba(0, 0, 0, 0.3) inset, 1px 1px 2px rgba(0, 0, 0, 0.5);

1020N/A /*-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*/

1076N/A border-radius:100%;

1020N/A -moz-border-radius:100%;

1020N/A -webkit-border-radius:1000px;

1020N/A background: #DDDBD4;

1020N/A background:-moz-radial-gradient(30% 30% 0deg, circle farthest-side, #FBFBF9 24%, #F2F0EA 41%, #D3D0C3 83%) repeat scroll 0 0 transparent;

1020N/A background: -webkit-gradient(radial, 15 15, 15, 30 30, 40, from(#FBFBF9), to(#D3D0C3), color-stop(.2,#F2F0EA));

1020N/A *background:none;

1020N/A cursor:pointer;

1020N/A height:50%;

1020N/A top:25%;

1020N/A left:25%;

1020N/A opacity:0.7;

1020N/A position:absolute;

1020N/A text-align:center;

1020N/A width:50%;

1020N/A}

1020N/A.yui3-skin-sam .yui3-dial-reset-str{

1020N/A position:absolute;

1020N/A top:0;

1083N/A left:0;

1083N/A color:#676767;

1083N/A font-size:85%;

1083N/A text-decoration:underline;

1083N/A height:1.5em;

1185N/A}

1083N/A.yui3-skin-sam .yui3-dial-label{

1020N/A color:#808080;

1020N/A margin-bottom:0.8em;

1020N/A}

1020N/A.yui3-skin-sam .yui3-dial-value-string{

1020N/A margin-left:0.5em;

1020N/A color:#000;

1020N/A font-size:130%;

1020N/A}

1020N/A.yui3-skin-sam .yui3-dial-value {

1020N/A visibility:hidden;

1020N/A position:absolute;

1020N/A top:0;

1020N/A left:102%;

1023N/A width:4em;

1020N/A}

1020N/A.yui3-skin-sam .yui3-dial-north-mark{

1020N/A position:absolute;

1020N/A border-left:2px solid #ccc;

1020N/A height:5px;

1020N/A width:10px;

1020N/A left:50%;

1020N/A top:-7px;

1020N/A font-size:1px;

1020N/A}

1020N/A.yui3-skin-sam .yui3-dial-marker-user {

1020N/A background-color:#000;

1020N/A border-radius:100%;

1020N/A -moz-border-radius:100%;

1020N/A -webkit-border-radius:100px;

1020N/A opacity:0.2;

1020N/A position:absolute;

1020N/A top:-50%;

1020N/A left:-50%;

1020N/A width:100%;

1020N/A height:100%;

1020N/A font-size:1px;

1020N/A *background:none;

1020N/A}

1020N/A.yui3-skin-sam .yui3-dial-marker .marker-max-min{

1020N/A background-color:#AB3232;

1020N/A opacity:0.6;

1020N/A *background:none;

1020N/A}

1020N/A