.slider
        			{
        			    
        			    
        			position: relative;
					width:100%;
					max-width:100%;
					height: 30px;
					max-height: 30px;
					-moz-border-radius:2px;
                    -webkit-border-radius:2px;
                    border-radius: 2px;
                    margin:5px;
                    
                   clear:both;
        			}
        			.slidercontainer
        			{

        			    
        			    }
        			.newhandle
        			{
        			  top:4px;
        			    clear:both;
					position: relative;

					
					left:0;
					height: 22px;
					width: 9px;
					margin:0px;
					background: #d4d4d4; /* for non-css3 browsers */

					filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4c4c4', endColorstr='#e7e7e7'); /* for IE */
					background: -webkit-gradient(linear, left top, left bottom, from(#c4c4c4), to(#e7e7e7)); /* for webkit browsers */
					background: -moz-linear-gradient(top,  #c4c4c4,  #e7e7e7); /* for firefox 3.6+ */ 
					
					z-index: 10;
					-moz-border-radius:2px;
                    -webkit-border-radius:2px;
                    border-radius: 2px;
                    border-style:solid;
                    border-color: #b4b4b4;
					border-bottom-color: #d7d7d7;
					border-left-color: #d7d7d7;
					border-width: 1px;
                    cursor:pointer;
				 }
				 .handleDrag
				 {
				    
				    -moz-border-radius:2px;
                    -webkit-border-radius:2px;
                    border-radius: 2px;
                    border-style:solid;
                    border-color:ThreeDDarkShadow;
					border-bottom-color:ThreeDLighShadow;
					border-left-color: ThreeDLighShadow;
					border-width: 1px;
				     }
				 .handleHover
				 {
				    border-color:ThreeDDarkShadow;
					border-bottom-color:ThreeDLighShadow;
					border-left-color: ThreeDLighShadow;
					border-width: 1px;
					background-color: Orange;
					border-color: lime;
				     }
				.inner
				{
				    
				   box-sizing: border-box;
                    -moz-box-sizing: border-box; 
                    -webkit-box-sizing: border-box;
                    -ms-box-sizing: border-box;
				  clear:right;
				    float:right;
					margin:0px;
					
					top:12px;
					height: 6px;
					
					border-style:solid;
					border-width: 1px 0px 1px 0px;
					border-color: #d3d3d3;
					border-bottom-color: #efefef;
					border-left-color: #efefef;
					
					background: #e7e7e7; /* for non-css3 browsers */

					filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e7e7', endColorstr='#d4d4d4'); /* for IE */
					background: -webkit-gradient(linear, left top, left bottom, from(#e7e7e7), to(#d4d4d4)); /* for webkit browsers */
					background: -moz-linear-gradient(top,  #e7e7e7,  #d4d4d4); /* for firefox 3.6+ */ 
				}
				.inner2
				{   
				    
					box-sizing: border-box;
                    -moz-box-sizing: border-box; 
                    -webkit-box-sizing: border-box;
                    -ms-box-sizing: border-box;
				   float:left;
				   border-width: 1px 0px 1px 0px;
				    margin:0px;
				    
					clear:left;
					width:auto;
					
					height:6px;
					top:12px;
					
					background-position: center;
					background-repeat: no-repeat;
					
										border-style:solid;
					border-width: 1px;
					border-color: #d3d3d3;
					border-bottom-color: #efefef;
					border-left-color: #efefef;
					
					background: #a7a7a7; /* for non-css3 browsers */

					filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a7a7a7', endColorstr='#c7c7c7'); /* for IE */
					background: -webkit-gradient(linear, left top, left bottom, from(#a7a7a7), to(#c7c7c7)); /* for webkit browsers */
					background: -moz-linear-gradient(top,  #a7a7a7,  #c7c7c7); /* for firefox 3.6+ */ 

				}
				    .tick
				    {
				        height:30px;
				        width:1px;
				        					background: #676767; /* for non-css3 browsers */
                
					filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#676767', endColorstr='#898989'); /* for IE */
					background: -webkit-gradient(linear, left top, left bottom, from(#676767), to(#898989)); /* for webkit browsers */
					background: -moz-linear-gradient(top,  #676767,  #898989); /* for firefox 3.6+ */ 
				        }
                    .s_tick
                    {
                        				        					background: #676767; /* for non-css3 browsers */

					filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#676767', endColorstr='#898989'); /* for IE */
					background: -webkit-gradient(linear, left top, left bottom, from(#676767), to(#898989)); /* for webkit browsers */
					background: -moz-linear-gradient(top,  #676767,  #898989); /* for firefox 3.6+ */ 
                        height:20px;
                        width:1px;}