5 files changed, 95 insertions, 55 deletions
diff --git a/framework/Web/UI/WebControls/assets/TSlider.css b/framework/Web/UI/WebControls/assets/TSlider.css
deleted file mode 100755
index 3b068c2f..00000000
--- a/framework/Web/UI/WebControls/assets/TSlider.css
+++ /dev/null
@@ -1,55 +0,0 @@
-/* Css class for an Horizontal Slider */
-.hslider
-{
-	background-color: rgb(170,170,170);
-	width: 200px;
-	height: 5px;
-}
-
-/* Css class for a Vertical Slider */
-.vslider
-{
-	background-color: rgb(170,170,170);
-	width: 5px;
-	height: 200px;
-}
-
-/* Css class for a block cursor as handle */
-.handle
-{
-	background-color: red;
-	cursor: move;
-}
-
-/* Dimensions of cursor depend on Direction */
-.hslider .handle
-{
-	width: 5px;
-	height: 10px;
-}
-
-.vslider .handle
-{
-	width: 10px;
-	height: 5px;
-}
-
-/* Css class for an image as handle */
-.handle-image
-{
-	width: 14px;
-	height: 15px;
-	cursor: move;
-	background: url("TSliderHandle.png") no-repeat;
-}
-
-/* Center the image on the track */
-.hslider .handle-image
-{
-	top: -5px;
-}
-
-.vslider .handle-image
-{
-	left: -5px;
-}
-\ No newline at end of file
diff --git a/framework/Web/UI/WebControls/assets/TSlider/TSlider.css b/framework/Web/UI/WebControls/assets/TSlider/TSlider.css
new file mode 100755
index 00000000..c0364d91
--- /dev/null
+++ b/framework/Web/UI/WebControls/assets/TSlider/TSlider.css
@@ -0,0 +1,95 @@
+/* Base CSS Class for the slider */
+.Slider
+{
+	position: relative;
+	margin: 10px;
+	padding: 0;
+	background-color: Gainsboro;
+	border: 1px outset;
+}
+
+/* Class for horizontal slider */
+.HorizontalSlider
+{
+	width: 210px;
+	height: 14px;
+}
+
+/* Class for vertical slider */
+.VerticalSlider
+{
+	height: 210px;
+	width: 14px;
+}
+
+/* Class for Track */
+.Track
+{
+	border-style: inset;
+	outline-color: invert;
+	outline-style: none;
+	outline-width: 1px;
+	border-width: 1px;
+	position: absolute;
+	background-color: lightBlue;
+}
+
+/* Horizontal Track */
+.HorizontalSlider .Track 
+{	
+	
+	height: 3px;
+	top: 5px;
+	width: 200px;
+	left: 3px;
+}
+
+/* Vertical Track */
+.VerticalSlider .Track
+{
+	height: 200px;
+	width: 3px;
+	left: 5px;
+	top: 3px;
+}
+
+/* Class for the progress indicator */
+.Progress
+{
+	background-color: red;
+}
+
+/* Horizontal one, take 100% of track (parent) height*/
+.HorizontalSlider .Progress
+{
+	height: 100%;
+}
+
+/* Vertical progress indicator, take 100% of track width*/
+.VerticalSlider .Progress
+{
+	width: 100%
+}
+
+/* Class for handle */
+.Handle {
+	border: 0px none;
+	position: relative;
+	cursor: move;
+}
+
+/* Horizontal slider handle */
+.HorizontalSlider .Handle
+{
+	width: 31px;
+	height: 14px;
+	background: transparent url("TSliderHandleHorizontal.png") no-repeat scroll center;
+}
+
+/* Vertical slider handle */
+.VerticalSlider .Handle
+{
+	width: 14px;
+	height: 31px;
+	background: transparent url("TSliderHandleVertical.png") no-repeat scroll center;
+}
diff --git a/framework/Web/UI/WebControls/assets/TSlider/TSliderHandleHorizontal.png b/framework/Web/UI/WebControls/assets/TSlider/TSliderHandleHorizontal.png
new file mode 100644
index 00000000..d9dc7ff9
--- /dev/null
+++ b/framework/Web/UI/WebControls/assets/TSlider/TSliderHandleHorizontal.png
diff --git a/framework/Web/UI/WebControls/assets/TSlider/TSliderHandleVertical.png b/framework/Web/UI/WebControls/assets/TSlider/TSliderHandleVertical.png
new file mode 100644
index 00000000..00532fbe
--- /dev/null
+++ b/framework/Web/UI/WebControls/assets/TSlider/TSliderHandleVertical.png
diff --git a/framework/Web/UI/WebControls/assets/TSliderHandle.png b/framework/Web/UI/WebControls/assets/TSliderHandle.png
deleted file mode 100644
index 47d02e88..00000000
--- a/framework/Web/UI/WebControls/assets/TSliderHandle.png
+++ /dev/null