1 files changed, 87 insertions, 0 deletions
diff --git a/themes/clouds/jquery/jquery-ui_theme_rtl.css b/themes/clouds/jquery/jquery-ui_theme_rtl.css
new file mode 100644
index 0000000000..f798bfba52
--- /dev/null
+++ b/themes/clouds/jquery/jquery-ui_theme_rtl.css
@@ -0,0 +1,87 @@
+/* jquery css THEME adjustments for RTL */
+
+/* Tabs --------------------------------*/
+.ui-tabs { direction: rtl; }
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected,
+.ui-tabs .ui-tabs-nav li.ui-state-default {float: right; }
+.ui-tabs .ui-tabs-nav li a { float: right; }
+
+
+/* -----  Sidebar (rtl) ----- */
+.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
+.ui-accordion .ui-accordion-content { padding: 1em 1em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: visible; display: none; }
+.ui-accordion .ui-accordion-content-active { display: block;}
+
+#sidebar {
+	position: absolute;
+	left: 8px;
+	width: 0px;
+	margin-right:0px;
+	margin-top: 10px;
+	margin-left: 14px;
+	background-color: transparent;
+}
+#sidebar_controls {
+	position: absolute;
+	top: 0px;
+	left: 0px;
+	margin: 0;
+	height: 24px; 
+	width: 24px;
+	z-index: 10;
+	border: none;
+	background-color: transparent;
+}
+#sidebar_open {
+	padding: 0;
+}
+#sidebar_open img {
+	position: absolute;
+	padding-top: 1px;
+	padding-bottom: 0px;
+	margin-left: 0px;
+	height: 22px;
+	width: 20px;
+	background: transparent;
+}
+#sidebar_pin {
+	position: absolute;
+	margin-top: 4px;
+	margin-right: -30px;
+	padding-top: 1px;
+	padding-bottom: 0px;
+	background: transparent;
+}
+#sidebar_pin img {
+	padding-right: 4px;
+	padding-left: 4px;
+}
+
+/* Navigator & Flyout menu Styles ------*/
+.nav_content {
+	width: 235px;
+	margin-right: 0px;
+	padding-left: 0px;
+	padding-right: 0px;
+	padding-top: 0px;
+}
+.flyoutrtl {
+	color:#000000; 
+	text-align: right;
+	margin-top: -20px;
+	left: 210px;
+	padding: 3px;
+}
+.flyout2rtl {
+	color:#000000; 
+	text-align: right;
+	margin-top: -2px;
+	right: 70px;
+	padding: 3px;
+}
+.flyout2rtl a:hover{
+	color:#ff0000;
+}
+#flyout3 {
+	text-align: right;
+}