
/* This is the basis for placing the contrast slider
   in the toolbar */
div.track {
	background-color:#fff;
	width:100px;
	font-size:.1em;
        float:right;
        margin-top:-12px;
	background: transparent url(sliderTrack2.png) no-repeat top right;
}
/* this bit is for FF 3.5 */
body:first-of-type .track {
    margin-top:0px;
}

/* The bit below is visible to Safari, which needs the change, and also 
   unfortunately IE7, which doesn't. The bit below that is seen by IE6 (which
   doesn't need it) and IE7, which, because of the first hack, does. */
/*\*/
html>body*.track {margin-top:2px;}
/**/
div.track {
        #margin-top:-12px !important;        
}

div.handle {
	width:4px; 
	height:14px; 
	cursor:pointer;
	background-color:#000;
        border: 1px solid #fff;
	font-size:.1em;
        margin-top:-3px;
}

/* This is the basis for placing the contrast slider
   in the toolbar */
div.smallTrack {
    background-color:#fff;
    width:50px;
    margin-top:10px;        
    font-size:.1em;
    height:3px;
    float:left;
    background: transparent url('smallTrack.png') no-repeat top right;
}


div.smallHandle {
    width:4px; 
    height:14px; 
    cursor:pointer;
    background-color:#000;
    border: 1px solid #fff;
    font-size:.1em;
    margin-top:-6px;
    float:left;
}

div.sheetToolbar {
    border:0px solid #fff;
    padding:2px;
    width:300px;
    height:14px;
    cursor:default;
    float:right;
    margin-top:-23px;
    margin-right:12px;
}

img.toolImg {
    width:10px;
    border:1px solid #eee;
    cursor:pointer;
}

img.toolImgSelected0 {
    width:10px;
    border:1px solid #c00;
    cursor:pointer;
}

img.toolImgSelected1 {
    width:10px;
    border:1px solid #00c;
    cursor:pointer;
}

img.toolImgSelected3 {
    width:10px;
    border:1px solid #0c0;
    cursor:pointer;
}
img.toolImgSelected4 {
    width:10px;
    border:1px solid #0cc;
    cursor:pointer;
}

div.toolbarText {
    color:#fff;
    font-weight:bold;
    display:inline;
    border:0px solid #fff;
    cursor:pointer;
}

#refSetPicker {
    color:#4d6d86;
    border:1px solid #4d6d86;
    background-color:#fff;
    width:246px;
    z-index:2124;
    position:absolute;
    display:none;
}

div.pickerControls {
    margin-top:-18px;
    float:right;
    padding-right:2px;
}

div.pickerControls div {
    border:1px solid #4d6d86;
    display:inline;
    padding-left:2px;
    padding-right:2px;
    cursor:pointer;
    color:#fff;
    background-color:#4d6d86;
    #margin-left:8px;
}

div.pickerControls div:hover {
    color:#4d6d86;
    background-color:#fff;
}
