Initial import (partially)

org.migor.webclient.admin/pom.xml

@@ -0,0 +1,98 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <parent>
+        <artifactId>org.migor.server</artifactId>
+        <groupId>org.migor.server</groupId>
+        <version>1.0-SNAPSHOT</version>
+    </parent>
+    <modelVersion>4.0.0</modelVersion>
+
+    <artifactId>org.migor.webclient.admin</artifactId>
+    <packaging>war</packaging>
+
+    <build>
+        <finalName>${project.artifactId}-${project.version}.war</finalName>
+        <plugins>
+            <plugin>
+                <artifactId>maven-war-plugin</artifactId>
+                <version>2.3</version>
+                <configuration>
+                    <failOnMissingWebXml>true</failOnMissingWebXml>
+                    <webResources>
+                        <resource>
+                            <directory>src/main/webapp</directory>
+                            <filtering>true</filtering>
+                            <includes>
+                                <include>**/*.xml</include>
+                            </includes>
+                        </resource>
+                    </webResources>
+                    <archive>
+                        <manifest>
+                            <addDefaultImplementationEntries>true</addDefaultImplementationEntries>
+                        </manifest>
+                        <manifestEntries>
+                            <!--suppress MavenModelInspection -->
+                            <Implementation-Build>${buildNumber}</Implementation-Build>
+                        </manifestEntries>
+                    </archive>
+                </configuration>
+            </plugin>
+
+            <plugin>
+                <groupId>com.samaxes.maven</groupId>
+                <artifactId>minify-maven-plugin</artifactId>
+                <version>1.6</version>
+                <executions>
+                    <execution>
+                        <id>default-minify</id>
+                        <phase>process-resources</phase>
+                        <configuration>
+                            <charset>utf-8</charset>
+                            <jsEngine>closure</jsEngine>
+
+                            <!--CSS-->
+                            <cssSourceDir>css</cssSourceDir>
+                            <cssSourceFiles>
+                                <cssSourceFile>migor.css</cssSourceFile>
+                                <cssSourceFile>jquery-ui-1.10.3.custom.css</cssSourceFile>
+                                <cssSourceFile>jquery.dataTables_themeroller.css</cssSourceFile>
+                                <cssSourceFile>jquery.cleditor.css</cssSourceFile>
+                            </cssSourceFiles>
+                            <cssFinalFile>migor-comb.css</cssFinalFile>
+
+                            <!--JS-->
+                            <jsSourceDir>js</jsSourceDir>
+                            <jsSourceFiles>
+                                <jsSourceFile>widgets/widget-geoLocation.js</jsSourceFile>
+                                <jsSourceFile>widgets/widget-components.js</jsSourceFile>
+                                <jsSourceFile>widgets/widget-titleBar.js</jsSourceFile>
+                                <jsSourceFile>widgets/widget-menuBar.js</jsSourceFile>
+                                <jsSourceFile>widgets/widget-form.js</jsSourceFile>
+                                <jsSourceFile>widgets/widget-map.js</jsSourceFile>
+
+
+                                <jsSourceFile>config.js</jsSourceFile>
+                                <jsSourceFile>utils.js</jsSourceFile>
+                                <jsSourceFile>init.js</jsSourceFile>
+                                <jsSourceFile>rest.js</jsSourceFile>
+                                <jsSourceFile>dialogs.js</jsSourceFile>
+
+                                <jsSourceFile>pages/page-customerConfiguration.js</jsSourceFile>
+                                <jsSourceFile>pages/page-cacheEntries.js</jsSourceFile>
+                                <jsSourceFile>pages/page-nodeStatus.js</jsSourceFile>
+                                <jsSourceFile>pages/page-locationEntries.js</jsSourceFile>
+                            </jsSourceFiles>
+                            <jsFinalFile>migor-comb.js</jsFinalFile>
+                        </configuration>
+                        <goals>
+                            <goal>minify</goal>
+                        </goals>
+                    </execution>
+                </executions>
+            </plugin>
+        </plugins>
+    </build>
+</project>

org.migor.webclient.admin/src/main/webapp/WEB-INF/beans.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+       xsi:schemaLocation="
+        http://java.sun.com/xml/ns/javaee 
+        http://java.sun.com/xml/ns/javaee/beans_1_0.xsd">
+
+
+</beans>

org.migor.webclient.admin/src/main/webapp/WEB-INF/jboss-web.xml

@@ -0,0 +1,3 @@
+<jboss-web>
+    <context-root>migor/admin</context-root>
+</jboss-web>

org.migor.webclient.admin/src/main/webapp/WEB-INF/web.xml

@@ -0,0 +1,6 @@
+<web-app version="3.0" xmlns="http://java.sun.com/xml/ns/javaee"
+         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+         xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd">
+    <distributable/>
+
+</web-app>

org.migor.webclient.admin/src/main/webapp/css/jquery.cleditor.css

@@ -0,0 +1,24 @@
+.cleditorMain {border:1px solid #999; padding:0 1px 1px; background-color:white}
+.cleditorMain iframe {border:none; margin:0; padding:0}
+.cleditorMain textarea {border:none; margin:0; padding:0; overflow-y:scroll; font:10pt Arial,Verdana; resize:none; outline:none /* webkit grip focus */}
+.cleditorToolbar {background: url('images/toolbar.gif') repeat}
+.cleditorGroup {float:left; height:26px}
+.cleditorButton {float:left; width:24px; height:24px; margin:1px 0 1px 0; background: url('images/buttons.gif')}
+.cleditorDisabled {opacity:0.3; filter:alpha(opacity=30)}
+.cleditorDivider {float:left; width:1px; height:23px; margin:1px 0 1px 0; background:#CCC}
+.cleditorPopup {border:solid 1px #999; background-color:white; color:#333333; position:absolute; font:10pt Arial,Verdana; cursor:default; z-index:10000}
+.cleditorList div {padding:2px 4px 2px 4px}
+.cleditorList p,
+.cleditorList h1,
+.cleditorList h2,
+.cleditorList h3,
+.cleditorList h4,
+.cleditorList h5,
+.cleditorList h6,
+.cleditorList font {padding:0; margin:0; background-color:Transparent}
+.cleditorColor {width:150px; padding:1px 0 0 1px}
+.cleditorColor div {float:left; width:14px; height:14px; margin:0 1px 1px 0}
+.cleditorPrompt {background-color:#F6F7F9; padding:4px; font-size:8.5pt}
+.cleditorPrompt input,
+.cleditorPrompt textarea {font:8.5pt Arial,Verdana;}
+.cleditorMsg {background-color:#FDFCEE; width:150px; padding:4px; font-size:8.5pt}

org.migor.webclient.admin/src/main/webapp/css/jquery.dataTables.css

@@ -0,0 +1,244 @@
+
+
+/*
+ * Table
+ */
+table.dataTable {
+	margin: 0 auto;
+	clear: both;
+	width: 100%;
+	border-collapse: collapse;
+}
+
+table.dataTable thead th {
+	padding: 3px 0px 3px 10px;
+	cursor: pointer;
+	*cursor: hand;
+}
+
+table.dataTable tfoot th {
+	padding: 3px 10px;
+}
+
+table.dataTable td {
+	padding: 3px 10px;
+}
+
+table.dataTable td.center,
+table.dataTable td.dataTables_empty {
+	text-align: center;
+}
+
+table.dataTable tr.odd { background-color: #E2E4FF; }
+table.dataTable tr.even { background-color: white; }
+
+table.dataTable tr.odd td.sorting_1 { background-color: #D3D6FF; }
+table.dataTable tr.odd td.sorting_2 { background-color: #DADCFF; }
+table.dataTable tr.odd td.sorting_3 { background-color: #E0E2FF; }
+table.dataTable tr.even td.sorting_1 { background-color: #EAEBFF; }
+table.dataTable tr.even td.sorting_2 { background-color: #F2F3FF; }
+table.dataTable tr.even td.sorting_3 { background-color: #F9F9FF; }
+
+
+/*
+ * Table wrapper
+ */
+.dataTables_wrapper {
+	position: relative;
+	clear: both;
+	*zoom: 1;
+}
+.dataTables_wrapper .ui-widget-header {
+	font-weight: normal;
+}
+.dataTables_wrapper .ui-toolbar {
+	padding: 5px;
+}
+
+
+/*
+ * Page length menu
+ */
+.dataTables_length {
+	float: left;
+}
+
+
+/*
+ * Filter
+ */
+.dataTables_filter {
+	float: right;
+	text-align: right;
+}
+
+
+/*
+ * Table information
+ */
+.dataTables_info {
+	padding-top: 3px;
+	clear: both;
+	float: left;
+}
+
+
+/*
+ * Pagination
+ */
+.dataTables_paginate {
+	float: right;
+	text-align: right;
+}
+
+.dataTables_paginate .ui-button {
+	margin-right: -0.1em !important;
+}
+
+.paging_two_button .ui-button {
+	float: left;
+	cursor: pointer;
+	* cursor: hand;
+}
+
+.paging_full_numbers .ui-button {
+	padding: 2px 6px;
+	margin: 0;
+	cursor: pointer;
+	* cursor: hand;
+	color: #333 !important;
+}
+
+/* Two button pagination - previous / next */
+.paginate_disabled_previous,
+.paginate_enabled_previous,
+.paginate_disabled_next,
+.paginate_enabled_next {
+	height: 19px;
+	float: left;
+	cursor: pointer;
+	*cursor: hand;
+	color: #111 !important;
+}
+.paginate_disabled_previous:hover,
+.paginate_enabled_previous:hover,
+.paginate_disabled_next:hover,
+.paginate_enabled_next:hover {
+	text-decoration: none !important;
+}
+.paginate_disabled_previous:active,
+.paginate_enabled_previous:active,
+.paginate_disabled_next:active,
+.paginate_enabled_next:active {
+	outline: none;
+}
+
+.paginate_disabled_previous,
+.paginate_disabled_next {
+	color: #666 !important;
+}
+.paginate_disabled_previous,
+.paginate_enabled_previous {
+	padding-left: 23px;
+}
+.paginate_disabled_next,
+.paginate_enabled_next {
+	padding-right: 23px;
+	margin-left: 10px;
+}
+
+.paginate_enabled_previous { background: url('../images/back_enabled.png') no-repeat top left; }
+.paginate_enabled_previous:hover { background: url('../images/back_enabled_hover.png') no-repeat top left; }
+.paginate_disabled_previous { background: url('../images/back_disabled.png') no-repeat top left; }
+
+.paginate_enabled_next { background: url('../images/forward_enabled.png') no-repeat top right; }
+.paginate_enabled_next:hover { background: url('../images/forward_enabled_hover.png') no-repeat top right; }
+.paginate_disabled_next { background: url('../images/forward_disabled.png') no-repeat top right; }
+
+/* Full number pagination */
+.paging_full_numbers a:active {
+	outline: none
+}
+.paging_full_numbers a:hover {
+	text-decoration: none;
+}
+
+.paging_full_numbers a.paginate_button,
+.paging_full_numbers a.paginate_active {
+	border: 1px solid #aaa;
+	-webkit-border-radius: 5px;
+	-moz-border-radius: 5px;
+	border-radius: 5px;
+	padding: 2px 5px;
+	margin: 0 3px;
+	cursor: pointer;
+	*cursor: hand;
+	color: #333 !important;
+}
+
+.paging_full_numbers a.paginate_button {
+	background-color: #ddd;
+}
+
+.paging_full_numbers a.paginate_button:hover {
+	background-color: #ccc;
+	text-decoration: none !important;
+}
+
+.paging_full_numbers a.paginate_active {
+	background-color: #99B3FF;
+}
+
+
+/*
+ * Processing indicator
+ */
+.dataTables_processing {
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	width: 250px;
+	height: 30px;
+	margin-left: -125px;
+	margin-top: -15px;
+	padding: 14px 0 2px 0;
+	border: 1px solid #ddd;
+	text-align: center;
+	color: #999;
+	font-size: 14px;
+	background-color: white;
+}
+
+
+/*
+ * Sorting
+ */
+table.dataTable thead th div.DataTables_sort_wrapper {
+	position: relative;
+	padding-right: 20px;
+}
+
+table.dataTable thead th div.DataTables_sort_wrapper span {
+	position: absolute;
+	top: 50%;
+	margin-top: -8px;
+	right: 0;
+}
+
+table.dataTable th:active {
+	outline: none;
+}
+
+
+/*
+ * Scrolling
+ */
+.dataTables_scroll {
+	clear: both;
+}
+
+.dataTables_scrollBody {
+	*margin-top: -1px;
+	-webkit-overflow-scrolling: touch;
+}
+

org.migor.webclient.admin/src/main/webapp/css/jquery.dataTables_themeroller.css

@@ -0,0 +1,244 @@
+
+
+/*
+ * Table
+ */
+table.dataTable {
+	margin: 0 auto;
+	clear: both;
+	width: 100%;
+	border-collapse: collapse;
+}
+
+table.dataTable thead th {
+	padding: 3px 0px 3px 10px;
+	cursor: pointer;
+	*cursor: hand;
+}
+
+table.dataTable tfoot th {
+	padding: 3px 10px;
+}
+
+table.dataTable td {
+	padding: 3px 10px;
+}
+
+table.dataTable td.center,
+table.dataTable td.dataTables_empty {
+	text-align: center;
+}
+
+table.dataTable tr.odd { background-color: #f0fff0; }
+table.dataTable tr.even { background-color: #ffffff; }
+
+/*table.dataTable tr.odd td.sorting_1 { background-color: #D3D6FF; }*/
+/*table.dataTable tr.odd td.sorting_2 { background-color: #DADCFF; }*/
+/*table.dataTable tr.odd td.sorting_3 { background-color: #E0E2FF; }*/
+/*table.dataTable tr.even td.sorting_1 { background-color: #EAEBFF; }*/
+/*table.dataTable tr.even td.sorting_2 { background-color: #F2F3FF; }*/
+/*table.dataTable tr.even td.sorting_3 { background-color: #F9F9FF; }*/
+
+
+/*
+ * Table wrapper
+ */
+.dataTables_wrapper {
+	position: relative;
+	clear: both;
+	*zoom: 1;
+}
+.dataTables_wrapper .ui-widget-header {
+	font-weight: normal;
+}
+.dataTables_wrapper .ui-toolbar {
+	padding: 5px;
+}
+
+
+/*
+ * Page length menu
+ */
+.dataTables_length {
+	float: left;
+}
+
+
+/*
+ * Filter
+ */
+.dataTables_filter {
+	float: right;
+	text-align: right;
+}
+
+
+/*
+ * Table information
+ */
+.dataTables_info {
+	padding-top: 3px;
+	clear: both;
+	float: left;
+}
+
+
+/*
+ * Pagination
+ */
+.dataTables_paginate {
+	float: right;
+	text-align: right;
+}
+
+.dataTables_paginate .ui-button {
+	margin-right: -0.1em !important;
+}
+
+.paging_two_button .ui-button {
+	float: left;
+	cursor: pointer;
+	* cursor: hand;
+}
+
+.paging_full_numbers .ui-button {
+	padding: 2px 6px;
+	margin: 0;
+	cursor: pointer;
+	* cursor: hand;
+	color: #333 !important;
+}
+
+/* Two button pagination - previous / next */
+.paginate_disabled_previous,
+.paginate_enabled_previous,
+.paginate_disabled_next,
+.paginate_enabled_next {
+	height: 19px;
+	float: left;
+	cursor: pointer;
+	*cursor: hand;
+	color: #111 !important;
+}
+.paginate_disabled_previous:hover,
+.paginate_enabled_previous:hover,
+.paginate_disabled_next:hover,
+.paginate_enabled_next:hover {
+	text-decoration: none !important;
+}
+.paginate_disabled_previous:active,
+.paginate_enabled_previous:active,
+.paginate_disabled_next:active,
+.paginate_enabled_next:active {
+	outline: none;
+}
+
+.paginate_disabled_previous,
+.paginate_disabled_next {
+	color: #666 !important;
+}
+.paginate_disabled_previous,
+.paginate_enabled_previous {
+	padding-left: 23px;
+}
+.paginate_disabled_next,
+.paginate_enabled_next {
+	padding-right: 23px;
+	margin-left: 10px;
+}
+
+.paginate_enabled_previous { background: url('../images/back_enabled.png') no-repeat top left; }
+.paginate_enabled_previous:hover { background: url('../images/back_enabled_hover.png') no-repeat top left; }
+.paginate_disabled_previous { background: url('../images/back_disabled.png') no-repeat top left; }
+
+.paginate_enabled_next { background: url('../images/forward_enabled.png') no-repeat top right; }
+.paginate_enabled_next:hover { background: url('../images/forward_enabled_hover.png') no-repeat top right; }
+.paginate_disabled_next { background: url('../images/forward_disabled.png') no-repeat top right; }
+
+/* Full number pagination */
+.paging_full_numbers a:active {
+	outline: none
+}
+.paging_full_numbers a:hover {
+	text-decoration: none;
+}
+
+.paging_full_numbers a.paginate_button,
+.paging_full_numbers a.paginate_active {
+	border: 1px solid #aaa;
+	-webkit-border-radius: 5px;
+	-moz-border-radius: 5px;
+	border-radius: 5px;
+	padding: 2px 5px;
+	margin: 0 3px;
+	cursor: pointer;
+	*cursor: hand;
+	color: #333 !important;
+}
+
+.paging_full_numbers a.paginate_button {
+	background-color: #ddd;
+}
+
+.paging_full_numbers a.paginate_button:hover {
+	background-color: #ccc;
+	text-decoration: none !important;
+}
+
+.paging_full_numbers a.paginate_active {
+	background-color: #99B3FF;
+}
+
+
+/*
+ * Processing indicator
+ */
+.dataTables_processing {
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	width: 250px;
+	height: 30px;
+	margin-left: -125px;
+	margin-top: -15px;
+	padding: 14px 0 2px 0;
+	border: 1px solid #ddd;
+	text-align: center;
+	color: #999;
+	font-size: 14px;
+	background-color: white;
+}
+
+
+/*
+ * Sorting
+ */
+table.dataTable thead th div.DataTables_sort_wrapper {
+	position: relative;
+	padding-right: 20px;
+}
+
+table.dataTable thead th div.DataTables_sort_wrapper span {
+	position: absolute;
+	top: 50%;
+	margin-top: -8px;
+	right: 0;
+}
+
+table.dataTable th:active {
+	outline: none;
+}
+
+
+/*
+ * Scrolling
+ */
+.dataTables_scroll {
+	clear: both;
+}
+
+.dataTables_scrollBody {
+	*margin-top: -1px;
+	-webkit-overflow-scrolling: touch;
+}
+

org.migor.webclient.admin/src/main/webapp/css/migor.css

@@ -0,0 +1,249 @@
+
+
+
+/* G L O B A L */
+html, body {
+    font-family: Verdana,serif;
+    font-size: 12px;
+    color: #433F38;
+    line-height: 16px;
+    margin: 0;
+    padding: 0;
+    height: 100%;
+}
+
+.clear {
+    clear: both;
+}
+
+h1 {
+    
+}
+
+/* H E A D E R */
+#migor-titleBar .logo {
+    float: left;
+}
+#migor-titleBar .headline {
+    color: #649C21;
+    float: left;
+    font-size: 30px;
+    overflow: hidden;
+    padding-bottom: 10px;
+    padding-left: 32px;
+    padding-top: 34px;
+    position: relative;
+    width: 600px;
+}
+#migor-titleBar .headline .subHeadline {
+    color: #333333;
+    font-size: 16px;
+    left: 20px;
+    position: relative;
+    top: 10px;
+}
+#migor-titleBar .company {
+    font-size: 11px;
+    font-weight: bold;
+    padding-right: 20px;
+    padding-top: 60px;
+    text-align: right;
+    white-space: nowrap;
+}
+
+
+/* M E N U */
+#migor-menuBar {
+    background: url("images/ui-bg_highlight-hard_75_e6e6e6_1x100.png") repeat-x scroll 50% 50% #EEEEEE;
+    border: 1px solid #D8DCDF;
+}
+
+/* D I A L O G */
+
+
+ul.service-config {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+}
+
+li.service-config {
+    list-style-type: none;
+    margin: 0;
+    padding: 5px;
+}
+
+
+/* W I D G E T S */
+
+/* Form */
+
+ul.sortable-list {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+}
+
+ul.sortable-list li {
+    display: block;
+    height: 15px;
+    margin: 0;
+    padding: 5px;
+}
+
+p.form-element {
+    margin: 0;
+    padding: 10px 0 10px 0;
+}
+
+p.form-element.ui-state-error {
+    /*padding: 5px 5px 10px 15px;*/
+}
+
+label.form-element {
+    display: block;
+    width: 100%;
+    text-align: left;
+}
+
+textarea.form-element,
+input.form-element,
+select.form-element,
+span.form-element {
+    float: right;
+}
+
+textarea.form-element,
+input.form-element,
+select.form-element,
+span.form-element {
+    float: right;
+}
+
+#form-element-info {
+    height: 85px;
+}
+
+#form-element-info textarea {
+    height: 60px;
+}
+
+img.form-element {
+    position: relative;
+    left: 80px;
+}
+
+hr.dialogDivider {
+    border: 0;
+    height: 1px;
+    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
+    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
+    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
+    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
+}
+
+input[type=text].form-element,
+textarea.form-element,
+input[type=file].form-element,
+span.form-element,
+select.form-element {
+    width: 240px;
+}
+
+p.form-error-message {
+    text-align: center;
+    margin: 0;
+    padding: 5px 0 5px 0;
+}
+
+p.form-element-error-message {
+    text-align: center;
+    margin: 0;
+    padding: 0 0 5px 0;
+}
+
+
+div.from-error-message {
+    margin: 0 0 10px 115px;
+}
+
+/*Tabs*/
+a.ui-tabs-anchor.closable {
+    margin-right: 10px;
+}
+
+a.ui-tabs-anchor.closable span.ui-icon {
+    cursor: pointer;
+    position: absolute;
+    right: 4px;
+    top: 7px;
+}
+
+
+/*Button*/
+.migor-button {
+    display: block;
+    overflow: hidden;
+    position: relative;
+}
+
+/*Titlebar*/
+.ui-titlebar-item {
+    padding-top: 0.4em;
+    padding-bottom: 0.4em;
+    float: left;
+}
+
+.ui-titlebar-item.first {
+    padding-left: 1em;
+}
+
+.ui-titlebar-item.last {
+    float: right;
+    padding-right: 1em;
+}
+
+/*Menubar*/
+.ui-menubar {
+    list-style: none;
+    margin: 0;
+    padding-left: 0;
+}
+
+.ui-menubar-item {
+    float: left;
+}
+
+.ui-menubar .ui-button {
+    float: left;
+    font-weight: normal;
+    border-top-width: 0 !important;
+    border-bottom-width: 0 !important;
+    margin: 0;
+    outline: none;
+}
+
+.ui-menubar .ui-menubar-link {
+    border-right: 1px dashed transparent;
+    border-left: 1px dashed transparent;
+}
+
+.ui-menubar .ui-menu {
+    width: 200px;
+    position: absolute;
+    z-index: 9999;
+    font-weight: normal;
+}
+
+
+.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
+.ui-timepicker-div dl { text-align: left; }
+.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
+.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
+.ui-timepicker-div td { font-size: 90%; }
+.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
+
+.ui-timepicker-rtl{ direction: rtl; }
+.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
+.ui-timepicker-rtl dl dt{ float: right; clear: right; }
+.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }