Queries to check CPU and Memory consumption for MS SQL database routines.

Hi All,

Yesterday i was getting frequent time outs on accessing my website and when i checked the server from task manager it was hitting the maximum values for both RAM and CPU usage and most of that was begin taken by SQL processes, the easiest solution for this problem is to increase the Memory and Cores for processor but frankly speaking i am not a Hardware guy and had to do every thing with in my software skills premisses (at least till the point i can.).

So i found some interesting articles and that tells us which queries are taking time which are caught in deadlocks and which requires optimization the simplest way to check that is Activity monitor provided in Microsoft SQL server Management Studio, to do connect to server with admin rights and then RIGHT CLICK on databases to select activity monitor which will give a good graphical representation of queries taking time.

But i know most of us needs some more information than what is being provided by Activity monitor so there are some queries which allows us to check the names and execution time of procedures and queries.

The first one mentioned below returns the Query which is taking maximum amount of memory so optimization can be done in the manner to take care of query taking the maximum time.

 SELECT TOP 100 *       
 FROM  
 (       
   SELECT  
      DatabaseName    = DB_NAME(qt.dbid)  
     ,QueryText     = qt.text  
     ,DiskReads     = SUM(qs.total_physical_reads)  -- The worst reads, disk reads  
     ,MemoryReads    = SUM(qs.total_logical_reads)  --Logical Reads are memory reads  
     ,Total_IO_Reads   = SUM(qs.total_physical_reads + qs.total_logical_reads)  
     ,Executions     = SUM(qs.execution_count)  
     ,IO_Per_Execution  = SUM((qs.total_physical_reads + qs.total_logical_reads) / qs.execution_count)  
     ,CPUTime      = SUM(qs.total_worker_time)  
     ,DiskWaitAndCPUTime = SUM(qs.total_elapsed_time)  
     ,MemoryWrites    = SUM(qs.max_logical_writes)  
     ,DateLastExecuted  = MAX(qs.last_execution_time)  
   FROM sys.dm_exec_query_stats AS qs  
   CROSS APPLY sys.dm_exec_sql_text(qs.sql_handle) AS qt  
   WHERE OBJECT_SCHEMA_NAME(qt.objectid,dbid) + '.' + OBJECT_NAME(qt.objectid, qt.dbid) IS NULL  
   GROUP BY DB_NAME(qt.dbid), qt.text, OBJECT_SCHEMA_NAME(qt.objectid,dbid) + '.' + OBJECT_NAME(qt.objectid, qt.dbid)  
 ) T       
 ORDER BY Total_IO_Reads DESC  

the second variant of query returns the procedures that are taking maximum memory

 SELECT TOP 100 *  
 FROM       
 (  
   SELECT  
      DatabaseName    = DB_NAME(qt.dbid)  
     ,ObjectName     = OBJECT_SCHEMA_NAME(qt.objectid,dbid) + '.' + OBJECT_NAME(qt.objectid, qt.dbid)  
     ,DiskReads     = SUM(qs.total_physical_reads)  -- The worst reads, disk reads  
     ,MemoryReads    = SUM(qs.total_logical_reads)  --Logical Reads are memory reads  
     ,Total_IO_Reads   = SUM(qs.total_physical_reads + qs.total_logical_reads)  
     ,Executions     = SUM(qs.execution_count)       
     ,IO_Per_Execution  = SUM((qs.total_physical_reads + qs.total_logical_reads) / qs.execution_count)  
     ,CPUTime      = SUM(qs.total_worker_time)       
     ,DiskWaitAndCPUTime = SUM(qs.total_elapsed_time)  
     ,MemoryWrites    = SUM(qs.max_logical_writes)  
     ,DateLastExecuted  = MAX(qs.last_execution_time)  
   FROM sys.dm_exec_query_stats AS qs  
   CROSS APPLY sys.dm_exec_sql_text(qs.sql_handle) AS qt  
   GROUP BY DB_NAME(qt.dbid), OBJECT_SCHEMA_NAME(qt.objectid,dbid) + '.' + OBJECT_NAME(qt.objectid, qt.dbid)  
 ) T       
 ORDER BY Total_IO_Reads DESC  

Both the above queries can be modified to get the CPU cycles in order to optimize the CPU usage, finally i am going to share a query which will be giving the CPU and Memory consumption per Execution.

 SELECT TOP 100 *  
 FROM       
 (  
   SELECT  
      DatabaseName    = DB_NAME(qt.dbid)  
     ,ObjectName     = OBJECT_SCHEMA_NAME(qt.objectid,dbid) + '.' + OBJECT_NAME(qt.objectid, qt.dbid)  
     ,DiskReads     = SUM(qs.total_physical_reads)  -- The worst reads, disk reads  
     ,MemoryReads    = SUM(qs.total_logical_reads)  --Logical Reads are memory reads  
     ,Executions     = SUM(qs.execution_count)  
     ,IO_Per_Execution  = SUM((qs.total_physical_reads + qs.total_logical_reads) / qs.execution_count)  
     ,CPUTime      = SUM(qs.total_worker_time)  
     ,DiskWaitAndCPUTime = SUM(qs.total_elapsed_time)  
     ,MemoryWrites    = SUM(qs.max_logical_writes)  
     ,DateLastExecuted  = MAX(qs.last_execution_time)  
   FROM sys.dm_exec_query_stats AS qs  
   CROSS APPLY sys.dm_exec_sql_text(qs.sql_handle) AS qt  
   GROUP BY DB_NAME(qt.dbid), OBJECT_SCHEMA_NAME(qt.objectid,dbid) + '.' + OBJECT_NAME(qt.objectid, qt.dbid)  
 ) T  
 ORDER BY IO_Per_Execution DESC  

Hope this will help you the same way in optimization as they helped me.

Happy coding..

Renaming Tables procedures and references in MS SQL Database

Hi All,

Today i will show you all an interesting trick which will rename all the Tables, Procedures and most of all the table names in procedures i.e. All references of the tables are updated at the SQL level.

This might help you out when a specific prefix is required with all tables as you might have forgot to add tbl_ before tables and SP_ before procedures but at some point of time you need to fix that.

So here we go:

The first thing would be using a Query that will rename all the tables:

select 'exec sp_rename ''' + table_schema + ','+ table_name + ''', ''' + 
  'tbl_' + table_name + ''''
from information_schema.tables 
where table_type = 'BASE TABLE'

When i applied that to master DB following is what i got.

exec sp_rename 'dbo,spt_fallback_db', 'tbl_spt_fallback_db'
exec sp_rename 'dbo,spt_fallback_dev', 'tbl_spt_fallback_dev'
exec sp_rename 'dbo,spt_fallback_usg', 'tbl_spt_fallback_usg'
exec sp_rename 'dbo,spt_monitor', 'tbl_spt_monitor'
exec sp_rename 'dbo,spt_values', 'tbl_spt_values'
exec sp_rename 'dbo,MSreplication_options', 'tbl_MSreplication_options'

Following is what you have to use for Renaming Procedures.

SELECT 'exec sp_rename ''' + SPEcific_Schema +'.'+ SPECIFIC_NAME + ''', ''' + 
  'SP_' + SPECIFIC_NAME + ''''
FROM information_schema.routines
WHERE ROUTINE_TYPE = 'PROCEDURE'

And now comes the tricky part, i like to use Excel concatenate function for this but you can use any way you like.

First get the text for all the procedures by using.

select * from syscomments
WHERE number = 1

once the text is with you copy all the names of Old and New tables in Excel sheet and write the formula,

Note that i have Written two formula one for the top row and one for all renaming rows as shown in screen shot below.







Now Paste the rows in SQL management studio and Add replace keywords equal to number of table names and you get the following result.

SELECT 
replace(
replace(
replace(
replace(replace(text,'dbo,spt_fallback_db','tbl_spt_fallback_db'),
'dbo,spt_fallback_usg','tbl_spt_fallback_usg'),
'dbo,spt_monitor','tbl_spt_monitor'),
'dbo,spt_values','tbl_spt_values'),
'dbo,MSreplication_options','tbl_MSreplication_options')
FROM syscomments
WHERE number = 1

Don't forget to replace the "Create Procedure" command with "Alter Procedure" when replacements of tables are done.

Execute all the queries in following order.

1. Execute Rename for tables
2. Execute Rename for Procedure.
3. Execute Query name from Excel.

and you are done :)

Happy coding.

Right to Left localication in Jquery mobile.

Hi All,

Most of the developers now a days a love JQuery and when i came to know about jQuey mobile i found that simply awesome, made things hundreds of times simpler when ever we wish to create a mobile site.

Today i will share a post that will help users for localization of languages like Urdu, Arabic and ever language starting from Left to right.

Some simple steps is what i followed to achieve that.

1: Replace the float values from right to left and vise virsa.

2: Replace the text-align values from right to left and vise virsa.

3: Add an important Direction:rtl; in html class.

4: Change the Margin-left to Margin-right and padding-Left to Padding-right.

5: Finally change the Margin/Padding values in a way that Margin: 1px 2px 3px 4px; to Margin: 1px 4px 3px 2px; i.e. swapping second and forth values.

6: You might require to change the font sizes.

So this is what i got in jQuerymobile CSS after going through above mentioned 5 steps and it made my site work like charm.

.ui-bar-a {
 border: 1px solid   #2A2A2A /*{a-bar-border}*/;
 background:    #111111 /*{a-bar-background-color}*/;
 color:      #ffffff /*{a-bar-color}*/;
 font-weight: bold;
 text-shadow: 0 /*{a-bar-shadow-x}*/ -1px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #000000 /*{a-bar-shadow-color}*/;
 background-image: -webkit-gradient(linear, left top, left bottom, from( #3c3c3c /*{a-bar-background-start}*/), to( #111 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(#3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
 background-image:    -moz-linear-gradient(#3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* FF3.6 */
 background-image:     -ms-linear-gradient(#3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* IE10 */
 background-image:      -o-linear-gradient(#3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Opera 11.10+ */
 background-image:         linear-gradient(#3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/);
 direction:rtl;
}
.ui-bar-a, 
.ui-bar-a input, 
.ui-bar-a select, 
.ui-bar-a textarea, 
.ui-bar-a button {
 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
 direction:rtl;
}
.ui-bar-a .ui-link-inherit {
 color: #fff /*{a-bar-color}*/;
 direction:rtl;
}

.ui-bar-a .ui-link {
 color: #7cc4e7 /*{a-bar-link-color}*/;
 font-weight: bold;
 direction:rtl;
}

.ui-bar-a .ui-link:hover {
 color: #2489CE /*{a-bar-link-hover}*/;
 direction:rtl;
}

.ui-bar-a .ui-link:active {
 color: #2489CE /*{a-bar-link-active}*/;
 direction:rtl;
}

.ui-bar-a .ui-link:visited {
    color: #2489CE /*{a-bar-link-visited}*/;
    direction:rtl;
}
.ui-body-a,
.ui-dialog.ui-overlay-a {
 border: 1px solid   #2A2A2A /*{a-body-border}*/;
 background:    #222222 /*{a-body-background-color}*/;
 color:      #fff /*{a-body-color}*/;
  text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #000 /*{a-body-shadow-color}*/;
 font-weight: normal;
 background-image: -webkit-gradient(linear, left top, left bottom, from( #666 /*{a-body-background-start}*/), to( #222 /*{a-body-background-end}*/)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(#666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
 background-image:    -moz-linear-gradient(#666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* FF3.6 */
 background-image:     -ms-linear-gradient(#666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* IE10 */
 background-image:      -o-linear-gradient(#666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Opera 11.10+ */
 background-image:         linear-gradient(#666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); 
 direction:rtl;
}
.ui-body-a,
.ui-body-a input,
.ui-body-a select,
.ui-body-a textarea,
.ui-body-a button {
 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
direction:rtl; }
.ui-body-a .ui-link-inherit {
 color:  #fff /*{a-body-color}*/;
direction:rtl; }

.ui-body-a .ui-link {
 color: #2489CE /*{a-body-link-color}*/;
 font-weight: bold;
direction:rtl; }

.ui-body-a .ui-link:hover {
 color: #2489CE /*{a-body-link-hover}*/;
direction:rtl; }

.ui-body-a .ui-link:active {
 color: #2489CE /*{a-body-link-active}*/;
direction:rtl; }

.ui-body-a .ui-link:visited {
    color: #2489CE /*{a-body-link-visited}*/;
direction:rtl; }

.ui-btn-up-a {
 border: 1px solid   #222 /*{a-bup-border}*/;
 background:    #333333 /*{a-bup-background-color}*/;
 font-weight: bold;
 color:      #fff /*{a-bup-color}*/;
 text-shadow: 0 /*{a-bup-shadow-x}*/ -1px /*{a-bup-shadow-y}*/ 1px /*{a-bup-shadow-radius}*/ #000 /*{a-bup-shadow-color}*/;
 background-image: -webkit-gradient(linear, left top, left bottom, from( #555 /*{a-bup-background-start}*/), to( #333 /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(#555 /*{a-bup-background-start}*/, #333 /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
 background-image:    -moz-linear-gradient(#555 /*{a-bup-background-start}*/, #333 /*{a-bup-background-end}*/); /* FF3.6 */
 background-image:     -ms-linear-gradient(#555 /*{a-bup-background-start}*/, #333 /*{a-bup-background-end}*/); /* IE10 */
 background-image:      -o-linear-gradient(#555 /*{a-bup-background-start}*/, #333 /*{a-bup-background-end}*/); /* Opera 11.10+ */
 background-image:         linear-gradient(#555 /*{a-bup-background-start}*/, #333 /*{a-bup-background-end}*/);
 direction:rtl;
}
.ui-btn-up-a a.ui-link-inherit {
 color:      #fff /*{a-bup-color}*/;
direction:rtl; }
.ui-btn-hover-a {
 border: 1px solid   #000 /*{a-bhover-border}*/;
 background:    #444444 /*{a-bhover-background-color}*/;
 font-weight: bold;
 color:      #fff /*{a-bhover-color}*/;
 text-shadow: 0 /*{a-bhover-shadow-x}*/ -1px /*{a-bhover-shadow-y}*/ 1px /*{a-bhover-shadow-radius}*/ #000 /*{a-bhover-shadow-color}*/;
 background-image: -webkit-gradient(linear, left top, left bottom, from( #666 /*{a-bhover-background-start}*/), to( #444 /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(#666 /*{a-bhover-background-start}*/, #444 /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
 background-image:    -moz-linear-gradient(#666 /*{a-bhover-background-start}*/, #444 /*{a-bhover-background-end}*/); /* FF3.6 */
 background-image:     -ms-linear-gradient(#666 /*{a-bhover-background-start}*/, #444 /*{a-bhover-background-end}*/); /* IE10 */
 background-image:      -o-linear-gradient(#666 /*{a-bhover-background-start}*/, #444 /*{a-bhover-background-end}*/); /* Opera 11.10+ */
 background-image:         linear-gradient(#666 /*{a-bhover-background-start}*/, #444 /*{a-bhover-background-end}*/);
 direction:rtl;
}
.ui-btn-hover-a a.ui-link-inherit {
 color:      #fff /*{a-bhover-color}*/;
direction:rtl; }
.ui-btn-down-a {
 border: 1px solid   #000 /*{a-bdown-border}*/;
 background:    #3d3d3d /*{a-bdown-background-color}*/;
 font-weight: bold;
 color:      #fff /*{a-bdown-color}*/;
 text-shadow: 0 /*{a-bdown-shadow-x}*/ -1px /*{a-bdown-shadow-y}*/ 1px /*{a-bdown-shadow-radius}*/ #000 /*{a-bdown-shadow-color}*/;
 background-image: -webkit-gradient(linear, left top, left bottom, from( #333 /*{a-bdown-background-start}*/), to( #5a5a5a /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(#333 /*{a-bdown-background-start}*/, #5a5a5a /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
 background-image:    -moz-linear-gradient(#333 /*{a-bdown-background-start}*/, #5a5a5a /*{a-bdown-background-end}*/); /* FF3.6 */
 background-image:     -ms-linear-gradient(#333 /*{a-bdown-background-start}*/, #5a5a5a /*{a-bdown-background-end}*/); /* IE10 */
 background-image:      -o-linear-gradient(#333 /*{a-bdown-background-start}*/, #5a5a5a /*{a-bdown-background-end}*/); /* Opera 11.10+ */
 background-image:         linear-gradient(#333 /*{a-bdown-background-start}*/, #5a5a5a /*{a-bdown-background-end}*/);
 direction:rtl;
}
.ui-btn-down-a a.ui-link-inherit {
 color:      #fff /*{a-bdown-color}*/;
direction:rtl; }
.ui-btn-up-a,
.ui-btn-hover-a,
.ui-btn-down-a {
 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
 text-decoration: none;
 direction:rtl;
}


/* B
-----------------------------------------------------------------------------------------------------------*/

.ui-bar-b {
 border: 1px solid   #456f9a /*{b-bar-border}*/;
 background:    #5e87b0 /*{b-bar-background-color}*/;
 color:      #fff /*{b-bar-color}*/;
 font-weight: bold;
 text-shadow: 0 /*{b-bar-shadow-x}*/ -1px /*{b-bar-shadow-y}*/ 1px /*{b-bar-shadow-radius}*/ #254f7a /*{b-bar-shadow-color}*/;
 background-image: -webkit-gradient(linear, left top, left bottom, from( #81a8ce /*{b-bar-background-start}*/), to( #5e87b0 /*{b-bar-background-end}*/)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(#81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
 background-image:    -moz-linear-gradient(#81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/); /* FF3.6 */
 background-image:     -ms-linear-gradient(#81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/); /* IE10 */
 background-image:      -o-linear-gradient(#81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/); /* Opera 11.10+ */
 background-image:         linear-gradient(#81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/);
direction:rtl; }
.ui-bar-b,
.ui-bar-b input,
.ui-bar-b select,
.ui-bar-b textarea,
.ui-bar-b button {
 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
direction:rtl; }
.ui-bar-b .ui-link-inherit {
 color:  #fff /*{b-bar-color}*/;
direction:rtl; }
.ui-bar-b .ui-link {
 color: #ddf0f8 /*{b-bar-link-color}*/;
 font-weight: bold;
direction:rtl; }

.ui-bar-b .ui-link:hover {
 color: #ddf0f8 /*{b-bar-link-hover}*/;
direction:rtl; }

.ui-bar-b .ui-link:active {
 color: #ddf0f8 /*{b-bar-link-active}*/;
direction:rtl; }

.ui-bar-b .ui-link:visited {
    color: #ddf0f8 /*{b-bar-link-visited}*/;
direction:rtl; }
.ui-body-b,
.ui-dialog.ui-overlay-b {
 border: 1px solid   #C6C6C6 /*{b-body-border}*/;
 background:    #cccccc /*{b-body-background-color}*/;
 color:      #333333 /*{b-body-color}*/;
 text-shadow: 0 /*{b-body-shadow-x}*/ 1px /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ #fff /*{b-body-shadow-color}*/;
 font-weight: normal;
 background-image: -webkit-gradient(linear, left top, left bottom, from( #e6e6e6 /*{b-body-background-start}*/), to( #ccc /*{b-body-background-end}*/)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(#e6e6e6 /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
 background-image:    -moz-linear-gradient(#e6e6e6 /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* FF3.6 */
 background-image:     -ms-linear-gradient(#e6e6e6 /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* IE10 */
 background-image:      -o-linear-gradient(#e6e6e6 /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* Opera 11.10+ */
 background-image:         linear-gradient(#e6e6e6 /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/);
direction:rtl; }
.ui-body-b,
.ui-body-b input,
.ui-body-b select,
.ui-body-b textarea,
.ui-body-b button {
 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
direction:rtl; }
.ui-body-b .ui-link-inherit {
 color:  #333333 /*{b-body-color}*/;
direction:rtl; }

.ui-body-b .ui-link {
 color: #2489CE /*{b-body-link-color}*/;
 font-weight: bold;
direction:rtl; }

.ui-body-b .ui-link:hover {
 color: #2489CE /*{b-body-link-hover}*/;
direction:rtl; }

.ui-body-b .ui-link:active {
 color: #2489CE /*{b-body-link-active}*/;
}

.ui-body-b .ui-link:visited {
    color: #2489CE /*{b-body-link-visited}*/;
direction:rtl; }

.ui-btn-up-b {
 border: 1px solid   #145072 /*{b-bup-border}*/;
 background:    #2567ab /*{b-bup-background-color}*/;
 font-weight: bold;
 color:      #fff /*{b-bup-color}*/;
 text-shadow: 0 /*{b-bup-shadow-x}*/ -1px /*{b-bup-shadow-y}*/ 1px /*{b-bup-shadow-radius}*/ #145072 /*{b-bup-shadow-color}*/;
 background-image: -webkit-gradient(linear, left top, left bottom, from( #5f9cc5 /*{b-bup-background-start}*/), to( #396b9e /*{b-bup-background-end}*/)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(#5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
 background-image:    -moz-linear-gradient(#5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* FF3.6 */
 background-image:     -ms-linear-gradient(#5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* IE10 */
 background-image:      -o-linear-gradient(#5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Opera 11.10+ */
 background-image:         linear-gradient(#5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/);
direction:rtl; }
.ui-btn-up-b a.ui-link-inherit {
 color:      #fff /*{b-bup-color}*/;
direction:rtl; }
.ui-btn-hover-b {
 border: 1px solid   #00516e /*{b-bhover-border}*/;
 background:    #4b88b6 /*{b-bhover-background-color}*/;
 font-weight: bold;
 color:      #fff /*{b-bhover-color}*/;
 text-shadow: 0 /*{b-bhover-shadow-x}*/ -1px /*{b-bhover-shadow-y}*/ 1px /*{b-bhover-shadow-radius}*/ #014D68 /*{b-bhover-shadow-color}*/;
 background-image: -webkit-gradient(linear, left top, left bottom, from( #72b0d4 /*{b-bhover-background-start}*/), to( #4b88b6 /*{b-bhover-background-end}*/)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(#72b0d4 /*{b-bhover-background-start}*/, #4b88b6 /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
 background-image:    -moz-linear-gradient(#72b0d4 /*{b-bhover-background-start}*/, #4b88b6 /*{b-bhover-background-end}*/); /* FF3.6 */
 background-image:     -ms-linear-gradient(#72b0d4 /*{b-bhover-background-start}*/, #4b88b6 /*{b-bhover-background-end}*/); /* IE10 */
 background-image:      -o-linear-gradient(#72b0d4 /*{b-bhover-background-start}*/, #4b88b6 /*{b-bhover-background-end}*/); /* Opera 11.10+ */
 background-image:         linear-gradient(#72b0d4 /*{b-bhover-background-start}*/, #4b88b6 /*{b-bhover-background-end}*/);
direction:rtl; }
.ui-btn-hover-b a.ui-link-inherit {
 color:      #fff /*{b-bhover-color}*/;
direction:rtl; }
.ui-btn-down-b {
 border: 1px solid   #225377 /*{b-bdown-border}*/;
 background:    #4e89c5 /*{b-bdown-background-color}*/;
 font-weight: bold;
 color:      #fff /*{b-bdown-color}*/;
 text-shadow: 0 /*{b-bdown-shadow-x}*/ -1px /*{b-bdown-shadow-y}*/ 1px /*{b-bdown-shadow-radius}*/ #225377 /*{b-bdown-shadow-color}*/;
 background-image: -webkit-gradient(linear, left top, left bottom, from( #396b9e /*{b-bdown-background-start}*/), to( #4e89c5 /*{b-bdown-background-end}*/)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(#396b9e /*{b-bdown-background-start}*/, #4e89c5 /*{b-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
 background-image:    -moz-linear-gradient(#396b9e /*{b-bdown-background-start}*/, #4e89c5 /*{b-bdown-background-end}*/); /* FF3.6 */
 background-image:     -ms-linear-gradient(#396b9e /*{b-bdown-background-start}*/, #4e89c5 /*{b-bdown-background-end}*/); /* IE10 */
 background-image:      -o-linear-gradient(#396b9e /*{b-bdown-background-start}*/, #4e89c5 /*{b-bdown-background-end}*/); /* Opera 11.10+ */
 background-image:         linear-gradient(#396b9e /*{b-bdown-background-start}*/, #4e89c5 /*{b-bdown-background-end}*/);
direction:rtl; }
.ui-btn-down-b a.ui-link-inherit {
 color:      #fff /*{b-bdown-color}*/;
direction:rtl; }
.ui-btn-up-b,
.ui-btn-hover-b,
.ui-btn-down-b {
 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
 text-decoration: none;
direction:rtl; }


/* C
-----------------------------------------------------------------------------------------------------------*/

.ui-bar-c {
 border: 1px solid   #B3B3B3 /*{c-bar-border}*/;
 background:    #dfd0b8 /*{c-bar-background-color}*/;
 color:      #777777 /*{c-bar-color}*/;
 font-weight: bold;
 background-image: -webkit-gradient(linear, left top, left bottom, from( #dfd0b8 /*{c-bar-background-start}*/), to( #fcfbe4 /*{c-bar-background-end}*/)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(#dfd0b8 /*{c-bar-background-start}*/, #fcfbe4 /*{c-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
 background-image:    -moz-linear-gradient(#dfd0b8 /*{c-bar-background-start}*/, #fcfbe4 /*{c-bar-background-end}*/); /* FF3.6 */
 background-image:     -ms-linear-gradient(#dfd0b8 /*{c-bar-background-start}*/, #fcfbe4 /*{c-bar-background-end}*/); /* IE10 */
 background-image:      -o-linear-gradient(#dfd0b8 /*{c-bar-background-start}*/, #fcfbe4 /*{c-bar-background-end}*/); /* Opera 11.10+ */
 background-image:         linear-gradient(#dfd0b8 /*{c-bar-background-start}*/, #fcfbe4 /*{c-bar-background-end}*/);
direction:rtl; }

.ui-bar-c .ui-link-inherit {
 color:  #eae3c7 /*{c-bar-color}*/;
direction:rtl; }
.ui-bar-c .ui-link {
 color: #7cc4e7 /*{c-bar-link-color}*/;
 font-weight: bold;
direction:rtl; }

.ui-bar-c .ui-link:hover {
 color: #462816 /*{c-bar-link-hover}*/;
direction:rtl; }

.ui-bar-c .ui-link:active {
 color: #462816 /*{c-bar-link-active}*/;
direction:rtl; }

.ui-bar-c .ui-link:visited {
    color: #462816 /*{c-bar-link-visited}*/;
direction:rtl; }

.ui-bar-c,
.ui-bar-c input,
.ui-bar-c select,
.ui-bar-c textarea,
.ui-bar-c button {
 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
direction:rtl; }
.ui-body-c,
.ui-dialog.ui-overlay-c {
 border: 1px solid   #B3B3B3 /*{c-body-border}*/;
 color:      #333333 /*{c-body-color}*/;
 background:    #fcfbe4 /*{c-body-background-color}*/;
 background-image: -webkit-gradient(linear, left top, left bottom, from( #dfd0b8 /*{c-body-background-start}*/), to( #fcfbe4 /*{c-body-background-end}*/)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(#dfd0b8 /*{c-body-background-start}*/, #fcfbe4 /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
 background-image:    -moz-linear-gradient(#dfd0b8 /*{c-body-background-start}*/, #fcfbe4 /*{c-body-background-end}*/); /* FF3.6 */
 background-image:     -ms-linear-gradient(#dfd0b8 /*{c-body-background-start}*/, #fcfbe4 /*{c-body-background-end}*/); /* IE10 */
 background-image:      -o-linear-gradient(#dfd0b8 /*{c-body-background-start}*/, #fcfbe4 /*{c-body-background-end}*/); /* Opera 11.10+ */
 background-image:         linear-gradient(#dfd0b8 /*{c-body-background-start}*/, #fcfbe4 /*{c-body-background-end}*/);
    font-size:14px;
    font-weight:bold;
direction:rtl; }
.ui-body-c,
.ui-body-c input,
.ui-body-c select,
.ui-body-c textarea,
.ui-body-c button {
 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
direction:rtl; }

.ui-body-c .ui-link-inherit {
 color:  #333333 /*{c-body-color}*/;
direction:rtl; }

.ui-body-c .ui-link {
 color: #DFD0B8 !important /*{c-body-link-color}*/;
 font-weight: bold;
direction:rtl; }

.ui-body-c .ui-link:hover {
 color: #2489CE /*{c-body-link-hover}*/;
direction:rtl; }

.ui-body-c .ui-link:active {
 color: #2489CE /*{c-body-link-active}*/;
direction:rtl; }

.ui-body-c .ui-link:visited {
    color: #2489CE /*{c-body-link-visited}*/;
direction:rtl; }

.ui-btn-up-c {
 border: 1px solid   #ccc /*{c-bup-border}*/;
 background:    #BC9856 /*{c-bup-background-color}*/;
 font-weight: bold; 
 color:      #DFD0B8 /*{c-bup-color}*/;
 text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 1px /*{c-bup-shadow-radius}*/ #000000 /*{c-bup-shadow-color}*/;
 background-image: -webkit-gradient(linear, left top, left bottom, from( #bc9856 /*{c-bhover-background-start}*/), to( #bc9856 /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(#bc9856 /*{c-bhover-background-start}*/, #bc9856 /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
 background-image:    -moz-linear-gradient(#bc9856 /*{c-bhover-background-start}*/, #bc9856 /*{c-bhover-background-end}*/); /* FF3.6 */
 background-image:     -ms-linear-gradient(#bc9856 /*{c-bhover-background-start}*/, #bc9856 /*{c-bhover-background-end}*/); /* IE10 */
 background-image:      -o-linear-gradient(#bc9856 /*{c-bhover-background-start}*/, #bc9856 /*{c-bhover-background-end}*/); /* Opera 11.10+ */
 background-image:         linear-gradient(#bc9856 /*{c-bhover-background-start}*/, #bc9856 /*{c-bhover-background-end}*/);
direction:rtl; }
.ui-btn-up-c a.ui-link-inherit {
 color:      #DFD0B8 /*{c-bup-color}*/;
direction:rtl; }

.ui-btn-hover-c {
border: 1px solid   #ccc /*{c-bup-border}*/;
 background:    #BC9856 /*{c-bup-background-color}*/;
 font-weight: bold; 
 color:      #DFD0B8 /*{c-bup-color}*/;
 text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 1px /*{c-bup-shadow-radius}*/ #000000 /*{c-bup-shadow-color}*/;
 background-image: -webkit-gradient(linear, left top, left bottom, from( #bc9856 /*{c-bhover-background-start}*/), to( #bc9856 /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(#bc9856 /*{c-bhover-background-start}*/, #bc9856 /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
 background-image:    -moz-linear-gradient(#bc9856 /*{c-bhover-background-start}*/, #bc9856 /*{c-bhover-background-end}*/); /* FF3.6 */
 background-image:     -ms-linear-gradient(#bc9856 /*{c-bhover-background-start}*/, #bc9856 /*{c-bhover-background-end}*/); /* IE10 */
 background-image:      -o-linear-gradient(#bc9856 /*{c-bhover-background-start}*/, #bc9856 /*{c-bhover-background-end}*/); /* Opera 11.10+ */
 background-image:         linear-gradient(#bc9856 /*{c-bhover-background-start}*/, #bc9856 /*{c-bhover-background-end}*/);
direction:rtl; }
.ui-btn-hover-c a.ui-link-inherit {
 color:      #DFD0B8 /*{c-bhover-color}*/;
direction:rtl; }
.ui-btn-down-c {
 border: 1px solid   #808080 /*{c-bdown-border}*/;
 background:    #3a1b0a /*{c-bdown-background-color}*/;
 font-weight: bold;
 color:      #111111 /*{c-bdown-color}*/;
 text-shadow: 0 /*{c-bdown-shadow-x}*/ 1px /*{c-bdown-shadow-y}*/ 1px /*{c-bdown-shadow-radius}*/ #ffffff /*{c-bdown-shadow-color}*/;
 background-image: -webkit-gradient(linear, left top, left bottom, from( #bc9856 /*{c-bhover-background-start}*/), to( #bc9856 /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(#bc9856 /*{c-bhover-background-start}*/, #bc9856 /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
 background-image:    -moz-linear-gradient(#bc9856 /*{c-bhover-background-start}*/, #bc9856 /*{c-bhover-background-end}*/); /* FF3.6 */
 background-image:     -ms-linear-gradient(#bc9856 /*{c-bhover-background-start}*/, #bc9856 /*{c-bhover-background-end}*/); /* IE10 */
 background-image:      -o-linear-gradient(#bc9856 /*{c-bhover-background-start}*/, #bc9856 /*{c-bhover-background-end}*/); /* Opera 11.10+ */
 background-image:         linear-gradient(#bc9856 /*{c-bhover-background-start}*/, #bc9856 /*{c-bhover-background-end}*/);
direction:rtl; }
.ui-btn-down-c a.ui-link-inherit {
 color:      #2F3E46 /*{c-bdown-color}*/;
direction:rtl; }
.ui-btn-up-c,
.ui-btn-hover-c,
.ui-btn-down-c {
 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
 text-decoration: none;
direction:rtl; }

/* D
-----------------------------------------------------------------------------------------------------------*/

.ui-bar-d {
 border: 1px solid   #ccc /*{d-bar-border}*/;
 background:    #bbb /*{d-bar-background-color}*/;
 color:      #333 /*{d-bar-color}*/;
 text-shadow: 0 /*{d-bar-shadow-x}*/ 1px /*{d-bar-shadow-y}*/ 0 /*{d-bar-shadow-radius}*/ #eee /*{d-bar-shadow-color}*/;
 background-image: -webkit-gradient(linear, left top, left bottom, from( #ddd /*{d-bar-background-start}*/), to( #bbb /*{d-bar-background-end}*/)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(#ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
 background-image:    -moz-linear-gradient(#ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* FF3.6 */
 background-image:     -ms-linear-gradient(#ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* IE10 */
 background-image:      -o-linear-gradient(#ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Opera 11.10+ */
 background-image:         linear-gradient(#ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/);
direction:rtl; }
.ui-bar-d,
.ui-bar-d input,
.ui-bar-d select,
.ui-bar-d textarea,
.ui-bar-d button {
 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
direction:rtl; }

.ui-bar-d .ui-link-inherit {
 color:  #333333 /*{d-bar-color}*/;
direction:rtl; }
.ui-bar-d .ui-link {
 color: #2489CE /*{d-bar-link-color}*/;
 font-weight: bold;
direction:rtl; }

.ui-bar-d .ui-link:hover {
 color: #2489CE /*{d-bar-link-hover}*/;
direction:rtl; }

.ui-bar-d .ui-link:active {
 color: #2489CE /*{d-bar-link-active}*/;
direction:rtl; }

.ui-bar-d .ui-link:visited {
    color: #2489CE /*{d-bar-link-visited}*/;
direction:rtl; }

.ui-body-d,
.ui-dialog.ui-overlay-d {
 border: 1px solid   #ccc /*{d-body-border}*/;
 color:      #333333 /*{d-body-color}*/;
 text-shadow: 0 /*{d-body-shadow-x}*/ 1px /*{d-body-shadow-y}*/ 0 /*{d-body-shadow-radius}*/  #fff /*{d-body-shadow-color}*/;
 background:    #ffffff /*{d-body-background-color}*/;
 background-image: -webkit-gradient(linear, left top, left bottom, from( #fff), to( #fff /*{d-body-background-end}*/)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(#fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
 background-image:    -moz-linear-gradient(#fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* FF3.6 */
 background-image:     -ms-linear-gradient(#fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* IE10 */
 background-image:      -o-linear-gradient(#fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Opera 11.10+ */
 background-image:         linear-gradient(#fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/);
direction:rtl; }
.ui-body-d,
.ui-body-d input,
.ui-body-d select,
.ui-body-d textarea,
.ui-body-d button {
 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
direction:rtl; }

.ui-body-d .ui-link-inherit {
 color:  #333333 /*{d-body-color}*/;
direction:rtl; }

.ui-body-d .ui-link {
 color: #2489CE /*{d-body-link-color}*/;
 font-weight: bold;
direction:rtl; }

.ui-body-d .ui-link:hover {
 color: #2489CE /*{d-body-link-hover}*/;
direction:rtl; }

.ui-body-d .ui-link:active {
 color: #2489CE /*{d-body-link-active}*/;
direction:rtl; }

.ui-body-d .ui-link:visited {
    color: #2489CE /*{d-body-link-visited}*/;
direction:rtl; }

.ui-btn-up-d {
 border: 1px solid   #ccc /*{d-bup-border}*/;
 background:    #fff /*{d-bup-background-color}*/;
 font-weight: bold;
 color:      #444 /*{d-bup-color}*/;
 text-shadow: 0 /*{d-bup-shadow-x}*/ 1px /*{d-bup-shadow-y}*/ 1px /*{d-bup-shadow-radius}*/ #fff /*{d-bup-shadow-color}*/;
 background-image: -webkit-gradient(linear, left top, left bottom, from( #fff), to( #fff /*{d-bup-background-end}*/)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(#fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
 background-image:    -moz-linear-gradient(#fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/); /* FF3.6 */
 background-image:     -ms-linear-gradient(#fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/); /* IE10 */
 background-image:      -o-linear-gradient(#fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/); /* Opera 11.10+ */
 background-image:         linear-gradient(#fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/);
direction:rtl; }
.ui-btn-up-d a.ui-link-inherit {
 color:      #333 /*{d-bup-color}*/;
direction:rtl; }
.ui-btn-hover-d {
 border: 1px solid   #aaa /*{d-bhover-border}*/;
 background:    #eeeeee /*{d-bhover-background-color}*/;
 font-weight: bold;
 color:      #222 /*{d-bhover-color}*/;
 cursor: pointer;
 text-shadow: 0 /*{d-bhover-shadow-x}*/ 1px /*{d-bhover-shadow-y}*/ 1px /*{d-bhover-shadow-radius}*/  #fff /*{d-bhover-shadow-color}*/;
 background-image: -webkit-gradient(linear, left top, left bottom, from( #fdfdfd), to( #eee /*{d-bhover-background-end}*/)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(#fdfdfd /*{d-bhover-background-start}*/, #eee /*{d-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
 background-image:    -moz-linear-gradient(#fdfdfd /*{d-bhover-background-start}*/, #eee /*{d-bhover-background-end}*/); /* FF3.6 */
 background-image:     -ms-linear-gradient(#fdfdfd /*{d-bhover-background-start}*/, #eee /*{d-bhover-background-end}*/); /* IE10 */
 background-image:      -o-linear-gradient(#fdfdfd /*{d-bhover-background-start}*/, #eee /*{d-bhover-background-end}*/); /* Opera 11.10+ */
 background-image:         linear-gradient(#fdfdfd /*{d-bhover-background-start}*/, #eee /*{d-bhover-background-end}*/);
direction:rtl; }
.ui-btn-hover-d a.ui-link-inherit {
 color:      #222 /*{d-bhover-color}*/;
direction:rtl; }
.ui-btn-down-d {
 border: 1px solid   #aaaaaa /*{d-bdown-border}*/;
 background:    #ffffff /*{d-bdown-background-color}*/;
 font-weight: bold;
 color:      #111 /*{d-bdown-color}*/;
 text-shadow: 0 /*{d-bdown-shadow-x}*/ 1px /*{d-bdown-shadow-y}*/ 1px /*{d-bdown-shadow-radius}*/  #ffffff /*{d-bdown-shadow-color}*/;
 background-image: -webkit-gradient(linear, left top, left bottom, from( #eee /*{d-bdown-background-start}*/), to( #fff /*{d-bdown-background-end}*/)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(#eee /*{d-bdown-background-start}*/, #fff /*{d-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
 background-image:    -moz-linear-gradient(#eee /*{d-bdown-background-start}*/, #fff /*{d-bdown-background-end}*/); /* FF3.6 */
 background-image:     -ms-linear-gradient(#eee /*{d-bdown-background-start}*/, #fff /*{d-bdown-background-end}*/); /* IE10 */
 background-image:      -o-linear-gradient(#eee /*{d-bdown-background-start}*/, #fff /*{d-bdown-background-end}*/); /* Opera 11.10+ */
 background-image:         linear-gradient(#eee /*{d-bdown-background-start}*/, #fff /*{d-bdown-background-end}*/);
direction:rtl; }
.ui-btn-down-d a.ui-link-inherit {
 color:      #111 /*{d-bdown-color}*/;
direction:rtl; }
.ui-btn-up-d,
.ui-btn-hover-d,
.ui-btn-down-d {
 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
 text-decoration: none;
direction:rtl; }


/* E
-----------------------------------------------------------------------------------------------------------*/

.ui-bar-e {
 border: 1px solid   #F7C942 /*{e-bar-border}*/;
 background:    #fadb4e /*{e-bar-background-color}*/;
 color:      #333 /*{e-bar-color}*/;
 text-shadow: 0 /*{e-bar-shadow-x}*/ 1px /*{e-bar-shadow-y}*/ 0 /*{e-bar-shadow-radius}*/  #fff /*{e-bar-shadow-color}*/;
 background-image: -webkit-gradient(linear, left top, left bottom, from( #fceda7 /*{e-bar-background-start}*/), to( #fadb4e /*{e-bar-background-end}*/)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(#fceda7 /*{e-bar-background-start}*/, #fadb4e /*{e-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
 background-image:    -moz-linear-gradient(#fceda7 /*{e-bar-background-start}*/, #fadb4e /*{e-bar-background-end}*/); /* FF3.6 */
 background-image:     -ms-linear-gradient(#fceda7 /*{e-bar-background-start}*/, #fadb4e /*{e-bar-background-end}*/); /* IE10 */
 background-image:      -o-linear-gradient(#fceda7 /*{e-bar-background-start}*/, #fadb4e /*{e-bar-background-end}*/); /* Opera 11.10+ */
 background-image:         linear-gradient(#fceda7 /*{e-bar-background-start}*/, #fadb4e /*{e-bar-background-end}*/);
 float:right;
direction:rtl; }
.ui-bar-e,
.ui-bar-e input,
.ui-bar-e select,
.ui-bar-e textarea,
.ui-bar-e button {
 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
direction:rtl; }
.ui-bar-e .ui-link-inherit {
 color:  #333333 /*{e-bar-color}*/;
direction:rtl; }
.ui-bar-e .ui-link {
 color: #2489CE /*{e-bar-link-color}*/;
 font-weight: bold;
direction:rtl; }

.ui-bar-e .ui-link:hover {
 color: #2489CE /*{e-bar-link-hover}*/;
direction:rtl; }

.ui-bar-e .ui-link:active {
 color: #2489CE /*{e-bar-link-active}*/;
direction:rtl; }

.ui-bar-e .ui-link:visited {
    color: #2489CE /*{e-bar-link-visited}*/;
direction:rtl; }

.ui-body-e,
.ui-dialog.ui-overlay-e {
 border: 1px solid   #F7C942 /*{e-body-border}*/;
 color:      #333333 /*{e-body-color}*/;
 text-shadow: 0 /*{e-body-shadow-x}*/ 1px /*{e-body-shadow-y}*/ 0 /*{e-body-shadow-radius}*/  #fff /*{e-body-shadow-color}*/;
 background:    #faeb9e /*{e-body-background-color}*/;
 background-image: -webkit-gradient(linear, left top, left bottom, from( #fff /*{e-body-background-start}*/), to( #faeb9e /*{e-body-background-end}*/)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(#fff /*{e-body-background-start}*/, #faeb9e /*{e-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
 background-image:    -moz-linear-gradient(#fff /*{e-body-background-start}*/, #faeb9e /*{e-body-background-end}*/); /* FF3.6 */
 background-image:     -ms-linear-gradient(#fff /*{e-body-background-start}*/, #faeb9e /*{e-body-background-end}*/); /* IE10 */
 background-image:      -o-linear-gradient(#fff /*{e-body-background-start}*/, #faeb9e /*{e-body-background-end}*/); /* Opera 11.10+ */
 background-image:         linear-gradient(#fff /*{e-body-background-start}*/, #faeb9e /*{e-body-background-end}*/);
direction:rtl; }
.ui-body-e,
.ui-body-e input,
.ui-body-e select,
.ui-body-e textarea,
.ui-body-e button {
 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
direction:rtl; }
.ui-body-e .ui-link-inherit {
 color:  #333333 /*{e-body-color}*/;
direction:rtl; }

.ui-body-e .ui-link {
 color: #2489CE /*{e-body-link-color}*/;
 font-weight: bold;
direction:rtl; }

.ui-body-e .ui-link:hover {
 color: #2489CE /*{e-body-link-hover}*/;
direction:rtl; }

.ui-body-e .ui-link:active {
 color: #2489CE /*{e-body-link-active}*/;
direction:rtl; }

.ui-body-e .ui-link:visited {
    color: #2489CE /*{e-body-link-visited}*/;
direction:rtl; }

.ui-btn-up-e {
 border: 1px solid   #F7C942 /*{e-bup-border}*/;
 background:    #fadb4e /*{e-bup-background-color}*/;
 font-weight: bold;
 color:      #333 /*{e-bup-color}*/;
 text-shadow: 0 /*{e-bup-shadow-x}*/ 1px /*{e-bup-shadow-y}*/ 0 /*{e-bup-shadow-radius}*/  #fff /*{e-bup-shadow-color}*/;
 background-image: -webkit-gradient(linear, left top, left bottom, from( #fceda7 /*{e-bup-background-start}*/), to( #fadb4e /*{e-bup-background-end}*/)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(#fceda7 /*{e-bup-background-start}*/, #fadb4e /*{e-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
 background-image:    -moz-linear-gradient(#fceda7 /*{e-bup-background-start}*/, #fadb4e /*{e-bup-background-end}*/); /* FF3.6 */
 background-image:     -ms-linear-gradient(#fceda7 /*{e-bup-background-start}*/, #fadb4e /*{e-bup-background-end}*/); /* IE10 */
 background-image:      -o-linear-gradient(#fceda7 /*{e-bup-background-start}*/, #fadb4e /*{e-bup-background-end}*/); /* Opera 11.10+ */
 background-image:         linear-gradient(#fceda7 /*{e-bup-background-start}*/, #fadb4e /*{e-bup-background-end}*/);
direction:rtl; }
.ui-btn-up-e a.ui-link-inherit {
 color:      #333 /*{e-bup-color}*/;
direction:rtl; }
.ui-btn-hover-e {
 border: 1px solid   #e79952 /*{e-bhover-border}*/;
 background:    #fbe26f /*{e-bhover-background-color}*/;
 font-weight: bold;
 color:      #111 /*{e-bhover-color}*/;
 text-shadow: 0 /*{e-bhover-shadow-x}*/ 1px /*{e-bhover-shadow-y}*/ 1px /*{e-bhover-shadow-radius}*/  #fff /*{e-bhover-shadow-color}*/;
 background-image: -webkit-gradient(linear, left top, left bottom, from( #fcf0b5 /*{e-bhover-background-start}*/), to( #fbe26f /*{e-bhover-background-end}*/)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(#fcf0b5 /*{e-bhover-background-start}*/, #fbe26f /*{e-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
 background-image:    -moz-linear-gradient(#fcf0b5 /*{e-bhover-background-start}*/, #fbe26f /*{e-bhover-background-end}*/); /* FF3.6 */
 background-image:     -ms-linear-gradient(#fcf0b5 /*{e-bhover-background-start}*/, #fbe26f /*{e-bhover-background-end}*/); /* IE10 */
 background-image:      -o-linear-gradient(#fcf0b5 /*{e-bhover-background-start}*/, #fbe26f /*{e-bhover-background-end}*/); /* Opera 11.10+ */
 background-image:         linear-gradient(#fcf0b5 /*{e-bhover-background-start}*/, #fbe26f /*{e-bhover-background-end}*/);
direction:rtl; }

.ui-btn-hover-e a.ui-link-inherit {
 color:      #333 /*{e-bhover-color}*/;
direction:rtl; }
.ui-btn-down-e {
 border: 1px solid   #F7C942 /*{e-bdown-border}*/;
 background:    #fceda7 /*{e-bdown-background-color}*/;
 font-weight: bold;
 color:      #111 /*{e-bdown-color}*/;
 text-shadow: 0 /*{e-bdown-shadow-x}*/ 1px /*{e-bdown-shadow-y}*/ 1px /*{e-bdown-shadow-radius}*/  #ffffff /*{e-bdown-shadow-color}*/;
 background-image: -webkit-gradient(linear, left top, left bottom, from( #fadb4e /*{e-bdown-background-start}*/), to( #fceda7 /*{e-bdown-background-end}*/)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(#fadb4e /*{e-bdown-background-start}*/, #fceda7 /*{e-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
 background-image:    -moz-linear-gradient(#fadb4e /*{e-bdown-background-start}*/, #fceda7 /*{e-bdown-background-end}*/); /* FF3.6 */
 background-image:     -ms-linear-gradient(#fadb4e /*{e-bdown-background-start}*/, #fceda7 /*{e-bdown-background-end}*/); /* IE10 */
 background-image:      -o-linear-gradient(#fadb4e /*{e-bdown-background-start}*/, #fceda7 /*{e-bdown-background-end}*/); /* Opera 11.10+ */
 background-image:         linear-gradient(#fadb4e /*{e-bdown-background-start}*/, #fceda7 /*{e-bdown-background-end}*/);
direction:rtl; }
.ui-btn-down-e a.ui-link-inherit {
 color:      #333 /*{e-bdown-color}*/;
direction:rtl; }
.ui-btn-up-e,
.ui-btn-hover-e,
.ui-btn-down-e {
 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
 text-decoration: none;
direction:rtl; }

/* Structure */

/* links within "buttons" 
-----------------------------------------------------------------------------------------------------------*/

a.ui-link-inherit {
 text-decoration: none !important;
direction:rtl; }


/* Active class used as the "on" state across all themes
-----------------------------------------------------------------------------------------------------------*/

.ui-btn-active {
 border: 1px solid   #155678 /*{global-active-border}*/;
 background:    #4596ce /*{global-active-background-color}*/;
 font-weight: bold;
 color:      #fff /*{global-active-color}*/;
 cursor: pointer;
 text-shadow: 0 /*{global-active-shadow-x}*/ -1px /*{global-active-shadow-y}*/ 1px /*{global-active-shadow-radius}*/ #145072 /*{global-active-shadow-color}*/;
 text-decoration: none;
 background-image: -webkit-gradient(linear, left top, left bottom, from( #85bae4 /*{global-active-background-start}*/), to( #5393c5 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(#85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
 background-image:    -moz-linear-gradient(#85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* FF3.6 */
 background-image:     -ms-linear-gradient(#85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* IE10 */
 background-image:      -o-linear-gradient(#85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* Opera 11.10+ */
 background-image:         linear-gradient(#85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/);
 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
direction:rtl; }
.ui-btn-active a.ui-link-inherit {
 color:      #fff /*{global-active-color}*/;
direction:rtl; }


/* button inner top highlight
-----------------------------------------------------------------------------------------------------------*/

.ui-btn-inner {
 border-top: 1px solid  #fff;
 border-color:    rgba(255,255,255,.3);
direction:rtl; }


/* corner rounding classes
-----------------------------------------------------------------------------------------------------------*/

.ui-corner-tl {
 -moz-border-radius-topleft:   .6em /*{global-radii-blocks}*/;
 -webkit-border-top-left-radius:  .6em /*{global-radii-blocks}*/;
 border-top-left-radius:    .6em /*{global-radii-blocks}*/;
direction:rtl; }
.ui-corner-tr {
 -moz-border-radius-topright:   .6em /*{global-radii-blocks}*/;
 -webkit-border-top-right-radius:  .6em /*{global-radii-blocks}*/;
 border-top-right-radius:    .6em /*{global-radii-blocks}*/;
direction:rtl; }
.ui-corner-bl {
 -moz-border-radius-bottomleft:   .6em /*{global-radii-blocks}*/;
 -webkit-border-bottom-left-radius:  .6em /*{global-radii-blocks}*/;
 border-bottom-left-radius:    .6em /*{global-radii-blocks}*/;
direction:rtl; }
.ui-corner-br {
 -moz-border-radius-bottomright:  .6em /*{global-radii-blocks}*/;
 -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
 border-bottom-right-radius:   .6em /*{global-radii-blocks}*/;
direction:rtl; }
.ui-corner-top {
 -moz-border-radius-topleft:   .6em /*{global-radii-blocks}*/;
 -webkit-border-top-left-radius:  .6em /*{global-radii-blocks}*/;
 border-top-left-radius:    .6em /*{global-radii-blocks}*/;
 -moz-border-radius-topright:   .6em /*{global-radii-blocks}*/;
 -webkit-border-top-right-radius:  .6em /*{global-radii-blocks}*/;
 border-top-right-radius:    .6em /*{global-radii-blocks}*/;
direction:rtl; }
.ui-corner-bottom {
 -moz-border-radius-bottomleft:   .6em /*{global-radii-blocks}*/;
 -webkit-border-bottom-left-radius:  .6em /*{global-radii-blocks}*/;
 border-bottom-left-radius:    .6em /*{global-radii-blocks}*/;
 -moz-border-radius-bottomright:  .6em /*{global-radii-blocks}*/;
 -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
 border-bottom-right-radius:   .6em /*{global-radii-blocks}*/;
 direction:rtl; }
.ui-corner-right {
 -moz-border-radius-topright:   .6em /*{global-radii-blocks}*/;
 -webkit-border-top-right-radius:  .6em /*{global-radii-blocks}*/;
 border-top-right-radius:    .6em /*{global-radii-blocks}*/;
 -moz-border-radius-bottomright:  .6em /*{global-radii-blocks}*/;
 -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
 border-bottom-right-radius:   .6em /*{global-radii-blocks}*/;
direction:rtl; }
.ui-corner-left {
 -moz-border-radius-topleft:   .6em /*{global-radii-blocks}*/;
 -webkit-border-top-left-radius:  .6em /*{global-radii-blocks}*/;
 border-top-left-radius:    .6em /*{global-radii-blocks}*/;
 -moz-border-radius-bottomleft:   .6em /*{global-radii-blocks}*/;
 -webkit-border-bottom-left-radius:  .6em /*{global-radii-blocks}*/;
 border-bottom-left-radius:    .6em /*{global-radii-blocks}*/;
direction:rtl; }
.ui-corner-all {
 -moz-border-radius:     .6em /*{global-radii-blocks}*/;
 -webkit-border-radius:     .6em /*{global-radii-blocks}*/;
 border-radius:       .6em /*{global-radii-blocks}*/;
direction:rtl; }
.ui-corner-none {
 -moz-border-radius:        0;
 -webkit-border-radius:        0;
 border-radius:          0;
direction:rtl; }

/* Form field separator
-----------------------------------------------------------------------------------------------------------*/
.ui-br {
 border-bottom: rgb(130,130,130);
 border-bottom: rgba(130,130,130,.3);
 border-bottom-width: 1px;
 border-bottom-style: none;
direction:rtl; }

/* Interaction cues
-----------------------------------------------------------------------------------------------------------*/
.ui-disabled {
 opacity:        .3;
direction:rtl; }
.ui-disabled,
.ui-disabled a {
 pointer-events: none;
 cursor: default;
direction:rtl; }

/* Icons
-----------------------------------------------------------------------------------------------------------*/

.ui-icon,
.ui-icon-searchfield:after {
 background:       #666 /*{global-icon-color}*/;
 background:       rgba(0,0,0,.4) /*{global-icon-disc}*/;
 background-image: url(/WebApplication.MobileUI/content/images/icons-18-white.png) /*{global-icon-set}*/;
 background-repeat: no-repeat;
 -moz-border-radius:     9px;
 -webkit-border-radius:     9px;
 border-radius:       9px;
direction:rtl; }


/* Alt icon color
-----------------------------------------------------------------------------------------------------------*/

.ui-icon-alt {
 background:       #fff;
 background:       rgba(255,255,255,.3);
 background-image: url(/WebApplication.MobileUI/content/images/icons-18-black.png);
 background-repeat: no-repeat;
direction:rtl; }

/* HD/"retina" sprite
-----------------------------------------------------------------------------------------------------------*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi) {
 
 .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
 .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
 .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
 .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after, 
 .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
  background-image: url(/WebApplication.MobileUI/content/images/icons-36-white.png);
  -moz-background-size: 776px 18px;
  -o-background-size: 776px 18px;
  -webkit-background-size: 776px 18px;
  background-size: 776px 18px;
 direction:rtl; }
 .ui-icon-alt {
  background-image: url(/WebApplication.MobileUI/content/images/icons-36-black.png);
 direction:rtl; }
}

/* plus minus */
.ui-icon-plus {
 background-position:  -0 50%;
direction:rtl; }
.ui-icon-minus {
 background-position:  -36px 50%;
direction:rtl; }

/* delete/close */
.ui-icon-delete {
 background-position:  -72px 50%;
direction:rtl; }

/* arrows */
.ui-icon-arrow-r {
 background-position:  -108px 50%;
direction:rtl; }
.ui-icon-arrow-l {
 background-position:  -144px 50%;
direction:rtl; }
.ui-icon-arrow-u {
 background-position:  -180px 50%;
direction:rtl; }
.ui-icon-arrow-d {
 background-position:  -216px 50%;
direction:rtl; }

/* misc */
.ui-icon-check {
 background-position:  -252px 50%;
direction:rtl; }
.ui-icon-gear {
 background-position:  -288px 50%;
direction:rtl; }
.ui-icon-refresh {
 background-position:  -324px 50%;
direction:rtl; }
.ui-icon-forward {
 background-position:  -360px 50%;
direction:rtl; }
.ui-icon-back {
 background-position:  -396px 50%;
direction:rtl; }
.ui-icon-grid {
 background-position:  -432px 50%;
direction:rtl; }
.ui-icon-star {
 background-position:  -468px 50%;
direction:rtl; }
.ui-icon-alert {
 background-position:  -504px 50%;
direction:rtl; }
.ui-icon-info {
 background-position:  -540px 50%;
direction:rtl; }
.ui-icon-home {
 background-position:  -576px 50%;
direction:rtl; }
.ui-icon-search,
.ui-icon-searchfield:after {
 background-position:  -612px 50%;
direction:rtl; }
.ui-icon-checkbox-off {
 background-position:  -684px 50%;
direction:rtl; }
.ui-icon-checkbox-on {
 background-position:  -648px 50%;
direction:rtl; }
.ui-icon-radio-off {
 background-position:  -756px 50%;
direction:rtl; }
.ui-icon-radio-on {
 background-position:  -720px 50%;
direction:rtl; }


/* checks,radios */
.ui-checkbox .ui-icon {
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
direction:rtl; }
.ui-icon-checkbox-off,
.ui-icon-radio-off {
 background-color: transparent; 
direction:rtl; }
.ui-checkbox-on .ui-icon,
.ui-radio-on .ui-icon {
 background-color: #4596ce /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */ 
 float: right;
}
/* loading icon */
.ui-icon-loading {
 background-image: url(/WebApplication.MobileUI/content/images/ajax-loader.png);
 width: 40px;
 height: 40px;
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;
 background-size: 35px 35px;
direction:rtl; }


/* Button corner classes
-----------------------------------------------------------------------------------------------------------*/

.ui-btn-corner-tl {
 -moz-border-radius-topleft:   1em /*{global-radii-buttons}*/;
 -webkit-border-top-left-radius:  1em /*{global-radii-buttons}*/;
 border-top-left-radius:    1em /*{global-radii-buttons}*/;
direction:rtl; }
.ui-btn-corner-tr {
 -moz-border-radius-topright:   1em /*{global-radii-buttons}*/;
 -webkit-border-top-right-radius:  1em /*{global-radii-buttons}*/;
 border-top-right-radius:    1em /*{global-radii-buttons}*/;
direction:rtl; }
.ui-btn-corner-bl {
 -moz-border-radius-bottomleft:   1em /*{global-radii-buttons}*/;
 -webkit-border-bottom-left-radius:  1em /*{global-radii-buttons}*/;
 border-bottom-left-radius:    1em /*{global-radii-buttons}*/;
direction:rtl; }
.ui-btn-corner-br {
 -moz-border-radius-bottomright:  1em /*{global-radii-buttons}*/;
 -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
 border-bottom-right-radius:   1em /*{global-radii-buttons}*/;
direction:rtl; }
.ui-btn-corner-top {
 -moz-border-radius-topleft:   1em /*{global-radii-buttons}*/;
 -webkit-border-top-left-radius:  1em /*{global-radii-buttons}*/;
 border-top-left-radius:    1em /*{global-radii-buttons}*/;
 -moz-border-radius-topright:   1em /*{global-radii-buttons}*/;
 -webkit-border-top-right-radius:  1em /*{global-radii-buttons}*/;
 border-top-right-radius:    1em /*{global-radii-buttons}*/;
direction:rtl; }
.ui-btn-corner-bottom {
 -moz-border-radius-bottomleft:   1em /*{global-radii-buttons}*/;
 -webkit-border-bottom-left-radius:  1em /*{global-radii-buttons}*/;
 border-bottom-left-radius:    1em /*{global-radii-buttons}*/;
 -moz-border-radius-bottomright:  1em /*{global-radii-buttons}*/;
 -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
 border-bottom-right-radius:   1em /*{global-radii-buttons}*/;
direction:rtl; }
.ui-btn-corner-right {
  -moz-border-radius-topright:   1em /*{global-radii-buttons}*/;
 -webkit-border-top-right-radius:  1em /*{global-radii-buttons}*/;
 border-top-right-radius:    1em /*{global-radii-buttons}*/;
 -moz-border-radius-bottomright:  1em /*{global-radii-buttons}*/;
 -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
 border-bottom-right-radius:   1em /*{global-radii-buttons}*/;
direction:rtl; }
.ui-btn-corner-left {
 -moz-border-radius-topleft:   1em /*{global-radii-buttons}*/;
 -webkit-border-top-left-radius:  1em /*{global-radii-buttons}*/;
 border-top-left-radius:    1em /*{global-radii-buttons}*/;
 -moz-border-radius-bottomleft:   1em /*{global-radii-buttons}*/;
 -webkit-border-bottom-left-radius:  1em /*{global-radii-buttons}*/;
 border-bottom-left-radius:    1em /*{global-radii-buttons}*/;
direction:rtl; }
.ui-btn-corner-all {
 -moz-border-radius:     1em /*{global-radii-buttons}*/;
 -webkit-border-radius:     1em /*{global-radii-buttons}*/;
 border-radius:       1em /*{global-radii-buttons}*/;
direction:rtl; }

/* radius clip workaround for cleaning up corner trapping */
.ui-corner-tl,
.ui-corner-tr,
.ui-corner-bl, 
.ui-corner-br,
.ui-corner-top,
.ui-corner-bottom, 
.ui-corner-right,
.ui-corner-left,
.ui-corner-all,
.ui-btn-corner-tl,
.ui-btn-corner-tr,
.ui-btn-corner-bl, 
.ui-btn-corner-br,
.ui-btn-corner-top,
.ui-btn-corner-bottom, 
.ui-btn-corner-right,
.ui-btn-corner-left,
.ui-btn-corner-all {
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
direction:rtl; }

/* Overlay / modal
-----------------------------------------------------------------------------------------------------------*/

.ui-overlay {
 background: #666;
 opacity: .5;
 filter: Alpha(Opacity=50);
 position: absolute;
 width: 100%;
 height: 100%;
direction:rtl; }
.ui-overlay-shadow {
 -moz-box-shadow: 0px 0px 12px    rgba(0,0,0,.6);
 -webkit-box-shadow: 0px 0px 12px   rgba(0,0,0,.6);
 box-shadow: 0px 0px 12px     rgba(0,0,0,.6);
direction:rtl; }
.ui-shadow {
 -moz-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/    rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
 -webkit-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/   rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
 box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/     rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
direction:rtl; }
.ui-bar-a .ui-shadow,
.ui-bar-b .ui-shadow ,
.ui-bar-c .ui-shadow  {
 -moz-box-shadow: 0px 1px 0     rgba(255,255,255,.3);
 -webkit-box-shadow: 0px 1px 0    rgba(255,255,255,.3);
 box-shadow: 0px 1px 0      rgba(255,255,255,.3);
direction:rtl; }
.ui-shadow-inset {
 -moz-box-shadow: inset 0px 1px 4px   rgba(0,0,0,.2);
 -webkit-box-shadow: inset 0px 1px 4px  rgba(0,0,0,.2);
 box-shadow: inset 0px 1px 4px    rgba(0,0,0,.2);
direction:rtl; }
.ui-icon-shadow {
 -moz-box-shadow: 0px 1px 0     rgba(255,255,255,.4);
 -webkit-box-shadow: 0px 1px 0    rgba(255,255,255,.4);
 box-shadow: 0px 1px 0      rgba(255,255,255,.4);
direction:rtl; }

/* Focus state - set here for specificity
-----------------------------------------------------------------------------------------------------------*/

.ui-focus {
 -moz-box-shadow: 0px 0px 12px   #bc9856 /*{global-active-background-color}*/;
 -webkit-box-shadow: 0px 0px 12px  #bc9856 /*{global-active-background-color}*/;
 box-shadow: 0px 0px 12px    #bc9856 /*{global-active-background-color}*/;
direction:rtl; }

/* unset box shadow in browsers that don't do it right
-----------------------------------------------------------------------------------------------------------*/

.ui-mobile-nosupport-boxshadow * {
 -moz-box-shadow: none !important;
 -webkit-box-shadow: none !important;
 box-shadow: none !important;
direction:rtl; }

/* ...and bring back focus */
.ui-mobile-nosupport-boxshadow .ui-focus {
 outline-width: 2px;
direction:rtl; }
/* some unsets - more probably needed */
.ui-mobile, .ui-mobile body { height: 100%; direction:rtl; }
.ui-mobile fieldset, .ui-page { padding: 0; margin: 0; direction:rtl; }
.ui-mobile a img, .ui-mobile fieldset { border-width: 0; direction:rtl; }

/* responsive page widths */
.ui-mobile-viewport {  margin: 0; overflow-x: visible; -webkit-text-size-adjust: none; -ms-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); direction:rtl; }
/* Issue #2066 */
body.ui-mobile-viewport,
div.ui-mobile-viewport { overflow-x: hidden; direction:rtl; }

/* "page" containers - full-screen views, one should always be in view post-pageload */
.ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page { top: 0; left: 0; width: 100%; min-height: 100%; position: absolute; display: none; border: 0; direction:rtl; }
.ui-mobile .ui-page-active { display: block; overflow: visible; direction:rtl; }

/* on ios4, setting focus on the page element causes flashing during transitions when there is an outline, so we turn off outlines */
.ui-page { outline: none; direction:rtl; }

/*orientations from js are available */
@media screen and (orientation: portrait){
.ui-mobile, .ui-mobile .ui-page { min-height: 420px; direction:rtl; }
}
@media screen and (orientation: landscape){
.ui-mobile, .ui-mobile .ui-page { min-height: 300px; direction:rtl; }
}

/* native overflow scrolling */
.ui-page.ui-mobile-touch-overflow,
.ui-mobile-touch-overflow.ui-native-fixed .ui-content {
 overflow: auto;
 height: 100%;
 left: 0;
 right: 0;
 -webkit-overflow-scrolling: touch;
 -moz-overflow-scrolling: touch;
 -o-overflow-scrolling: touch;
 -ms-overflow-scrolling: touch;
 overflow-scrolling: touch;
direction:rtl; }
.ui-page.ui-mobile-touch-overflow,
.ui-page.ui-mobile-touch-overflow * {
 /* some level of transform keeps elements from blinking out of visibility on iOS */
 -webkit-transform: rotateY(0);
direction:rtl; }
.ui-page.ui-mobile-pre-transition {
 display: block;
direction:rtl; }
.ui-mobile-touch-overflow.ui-native-fixed .ui-content .ui-listview {
 margin-top: 0;
direction:rtl; }
.ui-mobile-touch-overflow.ui-native-fixed .ui-content .ui-listview-inset {
 margin-top: 1em;
direction:rtl; }
.ui-mobile-touch-overflow.ui-native-fixed .ui-content .ui-listview-filter {
 margin-top: .2em;
 margin-bottom: 0;
direction:rtl; }
.ui-mobile-touch-overflow.ui-native-fixed .ui-content .ui-listview-filter-inset {
 margin-bottom: -.9em;
direction:rtl; }
.ui-mobile-touch-overflow.ui-native-fixed .ui-header .ui-btn { 
 z-index: 10;
direction:rtl; }

/* loading screen */
.ui-loading .ui-mobile-viewport { overflow: hidden !important; direction:rtl; }
.ui-loading .ui-loader { display: block; direction:rtl; }
.ui-loading .ui-page { overflow: hidden;  direction:rtl; }
.ui-loader { display: none; position: absolute; opacity: .85; z-index: 100; left: 50%; width: 200px; margin-left: -130px; margin-top: -35px; padding: 10px 30px; direction:rtl; }
.ui-loader h1 { font-size: 15px; text-align: center; direction:rtl; }
.ui-loader .ui-icon { position: static; display: block; opacity: .9; margin: 0 auto; width: 35px; height: 35px; background-color: transparent; direction:rtl; }

/*fouc*/
.ui-mobile-rendering > * { visibility: hidden; direction:rtl; }

/*headers, content panels*/
.ui-bar, .ui-body { position: relative; padding: 0.0em 15px;  overflow: hidden; display: block;  clear:both;  direction:rtl; }
.ui-bar { font-size: 13px; margin: 0; direction:rtl; }
.ui-bar h1, .ui-bar h2, .ui-bar h3, .ui-bar h4, .ui-bar h5, .ui-bar h6 { margin: 0; padding: 0; font-size: 16px; display: inline-block; direction:rtl; }

.ui-header, .ui-footer { display: block; direction:rtl; }
.ui-page .ui-header, .ui-page .ui-footer { position: relative; direction:rtl; }
.ui-header .ui-btn-left { position: absolute; left: 10px; top: .4em;  direction:rtl; }
.ui-header .ui-btn-right { position: absolute; right: 10px; top: .4em; direction:rtl; }
.ui-header .ui-title, .ui-footer .ui-title { min-height: 1.1em; text-align: center; font-size: 16px; display: block; margin: .6em 90px .8em;  padding: 0;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; direction:rtl; }
.ui-footer .ui-title { margin: .6em 15px .8em;  direction:rtl; }

/*content area*/
.ui-content { border-width: 0; overflow: visible; overflow-x: hidden; padding: 15px; 
              
               
 background-image:url(/WebApplication.MobileUI/content/images/bg.png) /*{global-icon-set}*/;
 background-repeat:repeat;direction:rtl; }
.ui-page-fullscreen .ui-content { padding:0; direction:rtl; }

/* native fixed headers and footers */
.ui-mobile-touch-overflow.ui-page.ui-native-fixed,
.ui-mobile-touch-overflow.ui-page.ui-native-fullscreen {
 overflow: visible;
direction:rtl; }
.ui-mobile-touch-overflow.ui-native-fixed .ui-header,
.ui-mobile-touch-overflow.ui-native-fixed .ui-footer {
 position: fixed;
 left: 0;
 right: 0;
 top: 0;
 z-index: 200;
direction:rtl; }
.ui-mobile-touch-overflow.ui-page.ui-native-fixed .ui-footer {
 top: auto;
 bottom: 0;
direction:rtl; }
.ui-mobile-touch-overflow.ui-native-fixed .ui-content {
 padding-top: 2.5em;
 padding-bottom: 3em;
 top: 0;
 bottom: 0;
 height: auto;
 position: absolute;
direction:rtl; }
.ui-mobile-touch-overflow.ui-native-fullscreen .ui-content {
 padding-top: 0;
 padding-bottom: 0;
direction:rtl; }
.ui-mobile-touch-overflow.ui-native-fullscreen .ui-header,
.ui-mobile-touch-overflow.ui-native-fullscreen .ui-footer {
 opacity: .9;
direction:rtl; }
.ui-native-bars-hidden {
 display: none;
direction:rtl; }

/* icons sizing */
.ui-icon { width: 18px; height: 18px; direction:rtl; }

/* fullscreen class on ui-content div */
.ui-fullscreen {  direction:rtl; }
.ui-fullscreen img { max-width: 100%; direction:rtl; }

/* non-js content hiding */
.ui-nojs { position: absolute; left: -9999px; direction:rtl; }

/* accessible content hiding */
.ui-hide-label label,
.ui-hidden-accessible { position: absolute !important; left: -9999px; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); direction:rtl; }
.spin  {
 -webkit-transform: rotate(360deg);
 -webkit-animation-name: spin;
 -webkit-animation-duration: 1s;
 -webkit-animation-iteration-count:  infinite;
 -webkit-animation-timing-function: linear;
direction:rtl; }
@-webkit-keyframes spin {
 from {-webkit-transform: rotate(0deg);direction:rtl; }
   to {-webkit-transform: rotate(360deg);direction:rtl; }
}

/* Transitions from jQtouch (with small modifications): http://www.jqtouch.com/
Built by David Kaneda and maintained by Jonathan Stark.
*/
.in, .out {
 -webkit-animation-timing-function: ease-in-out;
 -webkit-animation-duration: 350ms;
direction:rtl; }


.slide.out {
 -webkit-transform: translateX(-100%);
 -webkit-animation-name: slideouttoleft;
direction:rtl; }

.slide.in {
 -webkit-transform: translateX(0);
 -webkit-animation-name: slideinfromright;
direction:rtl; }

.slide.out.reverse {
 -webkit-transform: translateX(100%);
 -webkit-animation-name: slideouttoright;
direction:rtl; }

.slide.in.reverse {
 -webkit-transform: translateX(0);
 -webkit-animation-name: slideinfromleft;
direction:rtl; }

.slideup.out {
 -webkit-animation-name: dontmove;
 z-index: 0;
direction:rtl; }

.slideup.in {
 -webkit-transform: translateY(0);
 -webkit-animation-name: slideinfrombottom;
 z-index: 10;
direction:rtl; }

.slideup.in.reverse {
 z-index: 0;
 -webkit-animation-name: dontmove;
direction:rtl; }

.slideup.out.reverse {
 -webkit-transform: translateY(100%);
 z-index: 10;
 -webkit-animation-name: slideouttobottom;
direction:rtl; }

.slidedown.out {
 -webkit-animation-name: dontmove;
 z-index: 0;
direction:rtl; }

.slidedown.in {
 -webkit-transform: translateY(0);
 -webkit-animation-name: slideinfromtop;
 z-index: 10;
direction:rtl; }

.slidedown.in.reverse {
 z-index: 0;
 -webkit-animation-name: dontmove;
direction:rtl; }

.slidedown.out.reverse {
 -webkit-transform: translateY(-100%);
 z-index: 10;
 -webkit-animation-name: slideouttotop;
direction:rtl; }

@-webkit-keyframes slideinfromright {
    from { -webkit-transform: translateX(100%); direction:rtl; }
    to { -webkit-transform: translateX(0); direction:rtl; }
}

@-webkit-keyframes slideinfromleft {
    from { -webkit-transform: translateX(-100%); direction:rtl; }
    to { -webkit-transform: translateX(0); direction:rtl; }
}

@-webkit-keyframes slideouttoleft {
    from { -webkit-transform: translateX(0); direction:rtl; }
    to { -webkit-transform: translateX(-100%); direction:rtl; }
}

@-webkit-keyframes slideouttoright {
    from { -webkit-transform: translateX(0); direction:rtl; }
    to { -webkit-transform: translateX(100%); direction:rtl; }
}

@-webkit-keyframes slideinfromtop {
    from { -webkit-transform: translateY(-100%); direction:rtl; }
    to { -webkit-transform: translateY(0); direction:rtl; }
}

@-webkit-keyframes slideinfrombottom {
    from { -webkit-transform: translateY(100%); direction:rtl; }
    to { -webkit-transform: translateY(0); direction:rtl; }
}

@-webkit-keyframes slideouttobottom {
    from { -webkit-transform: translateY(0); direction:rtl; }
    to { -webkit-transform: translateY(100%); direction:rtl; }
}

@-webkit-keyframes slideouttotop {
    from { -webkit-transform: translateY(0); direction:rtl; }
    to { -webkit-transform: translateY(-100%); direction:rtl; }
}
@-webkit-keyframes fadein {
    from { opacity: 0; direction:rtl; }
    to { opacity: 1; direction:rtl; }
}

@-webkit-keyframes fadeout {
    from { opacity: 1; direction:rtl; }
    to { opacity: 0; direction:rtl; }
}

.fade.out {
 z-index: 0;
 -webkit-animation-name: fadeout;
direction:rtl; }

.fade.in {
 opacity: 1;
 z-index: 10;
 -webkit-animation-name: fadein;
direction:rtl; }

/* The properties in this rule are only necessary for the 'flip' transition.
 * We need specify the perspective to create a projection matrix. This will add
 * some depth as the element flips. The depth number represents the distance of
 * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
 * value.
 */
.viewport-flip {
 -webkit-perspective: 1000;
 position: absolute;
direction:rtl; }

.ui-mobile-viewport-transitioning,
.ui-mobile-viewport-transitioning .ui-page {
 width: 100%;
 height: 100%;
 overflow: hidden;
direction:rtl; }

.flip {
 -webkit-animation-duration: .65s;
 -webkit-backface-visibility:hidden;
 -webkit-transform:translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
direction:rtl; }

.flip.out {
 -webkit-transform: rotateY(-180deg) scale(.8);
 -webkit-animation-name: flipouttoleft;
direction:rtl; }

.flip.in {
 -webkit-transform: rotateY(0) scale(1);
 -webkit-animation-name: flipinfromleft;
direction:rtl; }

/* Shake it all about */

.flip.out.reverse {
 -webkit-transform: rotateY(180deg) scale(.8);
 -webkit-animation-name: flipouttoright;
direction:rtl; }

.flip.in.reverse {
 -webkit-transform: rotateY(0) scale(1);
 -webkit-animation-name: flipinfromright;
direction:rtl; }

@-webkit-keyframes flipinfromright {
    from { -webkit-transform: rotateY(-180deg) scale(.8); direction:rtl; }
    to { -webkit-transform: rotateY(0) scale(1); direction:rtl; }
}

@-webkit-keyframes flipinfromleft {
    from { -webkit-transform: rotateY(180deg) scale(.8); direction:rtl; }
    to { -webkit-transform: rotateY(0) scale(1); direction:rtl; }
}

@-webkit-keyframes flipouttoleft {
    from { -webkit-transform: rotateY(0) scale(1); direction:rtl; }
    to { -webkit-transform: rotateY(-180deg) scale(.8); direction:rtl; }
}

@-webkit-keyframes flipouttoright {
    from { -webkit-transform: rotateY(0) scale(1); direction:rtl; }
    to { -webkit-transform: rotateY(180deg) scale(.8); direction:rtl; }
}


/* Hackish, but reliable. */

@-webkit-keyframes dontmove {
    from { opacity: 1; direction:rtl; }
    to { opacity: 1; direction:rtl; }
}

.pop {
 -webkit-transform-origin: 50% 50%;
direction:rtl; }

.pop.in {
 -webkit-transform: scale(1);
    opacity: 1;
 -webkit-animation-name: popin;
 z-index: 10;
direction:rtl; }

.pop.in.reverse {
 z-index: 0;
 -webkit-animation-name: dontmove;
direction:rtl; }

.pop.out.reverse {
 -webkit-transform: scale(.2);
 opacity: 0;
 -webkit-animation-name: popout;
 z-index: 10;
direction:rtl; }

@-webkit-keyframes popin {
    from {
        -webkit-transform: scale(.2);
        opacity: 0;
    direction:rtl; }
    to {
        -webkit-transform: scale(1);
        opacity: 1;
    direction:rtl; }
}

@-webkit-keyframes popout {
    from {
        -webkit-transform: scale(1);
        opacity: 1;
    direction:rtl; }
    to {
        -webkit-transform: scale(.2);
        opacity: 0;
    direction:rtl; }
}/* content configurations. */
.ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d { overflow: hidden;  margin-bottom: 10px;direction:rtl; }
.ui-block-a, .ui-block-b, .ui-block-c, .ui-block-d, .ui-block-e { margin: 0; padding: 0; border: 0; float: right; min-height:1px;direction:rtl; }

/* grid solo: 100 - single item fallback */
.ui-grid-solo .ui-block-a { width: 100%; float: none; direction:rtl; }

/* grid a: 50/50 */
.ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 50%; direction:rtl; }
.ui-grid-a .ui-block-a { clear: left; direction:rtl; }

/* grid b: 33/33/33 */
.ui-grid-b .ui-block-a, .ui-grid-b .ui-block-b, .ui-grid-b .ui-block-c { width: 33.333%; direction:rtl; }
.ui-grid-b .ui-block-a { clear: left; direction:rtl; }

/* grid c: 25/25/25/25 */
.ui-grid-c .ui-block-a, .ui-grid-c .ui-block-b, .ui-grid-c .ui-block-c, .ui-grid-c .ui-block-d { width: 25%; direction:rtl; }
.ui-grid-c .ui-block-a { clear: left; direction:rtl; }

/* grid d: 20/20/20/20/20 */
.ui-grid-d .ui-block-a, .ui-grid-d .ui-block-b, .ui-grid-d .ui-block-c, .ui-grid-d .ui-block-d, .ui-grid-d .ui-block-e { width: 20%; direction:rtl; }
.ui-grid-d .ui-block-a { clear: left; direction:rtl; }
/* fixed page header & footer configuration */
.ui-header, .ui-footer, .ui-page-fullscreen .ui-header, .ui-page-fullscreen .ui-footer  { position: absolute;  overflow: hidden; width: 100%; border-left-width: 0; border-right-width: 0; direction:rtl; }
.ui-header-fixed, .ui-footer-fixed {
 z-index: 1000;
 -webkit-transform: translateZ(0); /* Force header/footer rendering to go through the same rendering pipeline as native page scrolling. */
direction:rtl; }
.ui-footer-duplicate, .ui-page-fullscreen .ui-fixed-inline { display: none; direction:rtl; }
.ui-page-fullscreen .ui-header, .ui-page-fullscreen .ui-footer { opacity: .9; direction:rtl; }
.ui-navbar { overflow: hidden;  direction:rtl; }
.ui-navbar ul, .ui-navbar-expanded ul { list-style:none; padding: 0; margin: 0; position: relative; display: block; border: 0;direction:rtl; }
.ui-navbar-collapsed ul { float: left; width: 75%; margin-right: -2px; direction:rtl; }
.ui-navbar-collapsed .ui-navbar-toggle { float: left; width: 25%; direction:rtl; }
.ui-navbar li.ui-navbar-truncate { position: absolute; left: -9999px; top: -9999px; direction:rtl; }
.ui-navbar li .ui-btn, .ui-navbar .ui-navbar-toggle .ui-btn { display: block; font-size: 12px; text-align: center; margin: 0; border-right-width: 0; max-width: 100%; direction:rtl; }
.ui-navbar li .ui-btn {  margin-right: -1px; direction:rtl; }
.ui-navbar li .ui-btn:last-child { margin-right: 0; direction:rtl; }
.ui-header .ui-navbar li .ui-btn, .ui-header .ui-navbar .ui-navbar-toggle .ui-btn,
.ui-footer .ui-navbar li .ui-btn, .ui-footer .ui-navbar .ui-navbar-toggle .ui-btn { border-top-width: 0; border-bottom-width: 0; direction:rtl; }
.ui-navbar .ui-btn-inner { padding-left: 2px; padding-right: 2px; direction:rtl; }
.ui-navbar-noicons li .ui-btn .ui-btn-inner, .ui-navbar-noicons .ui-navbar-toggle .ui-btn-inner { padding-top: .8em; padding-bottom: .9em; direction:rtl; }
/*expanded page styles*/
.ui-navbar-expanded .ui-btn { margin: 0; font-size: 14px; direction:rtl; }
.ui-navbar-expanded .ui-btn-inner { padding-left: 5px; padding-right: 5px;  direction:rtl; }
.ui-navbar-expanded .ui-btn-icon-top .ui-btn-inner { padding: 45px 5px 15px; text-align: center; direction:rtl; }
.ui-navbar-expanded .ui-btn-icon-top .ui-icon { top: 15px; direction:rtl; }
.ui-navbar-expanded .ui-btn-icon-bottom .ui-btn-inner { padding: 15px 5px 45px; text-align: center; direction:rtl; }
.ui-navbar-expanded .ui-btn-icon-bottom .ui-icon { bottom: 15px; direction:rtl; }
.ui-navbar-expanded li .ui-btn .ui-btn-inner { min-height: 2.5em; direction:rtl; }
.ui-navbar-expanded .ui-navbar-noicons .ui-btn .ui-btn-inner { padding-top: 1.8em; padding-bottom: 1.9em; direction:rtl; }
.ui-btn { display: block; text-align: center; cursor:pointer;  position: relative; margin: .5em 5px; padding: 0; direction:rtl; }
.ui-header .ui-btn, .ui-footer .ui-btn, .ui-bar .ui-btn { display: inline-block; font-size: 13px; margin: 0; direction:rtl; }
.ui-btn-inline { display: inline-block; direction:rtl; }
.ui-btn-inner { padding: .6em 25px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; zoom: 1; direction:rtl; }
.ui-btn input, .ui-btn button { z-index: 2; direction:rtl; }
.ui-header .ui-btn-inner, .ui-footer .ui-btn-inner, .ui-bar .ui-btn-inner { padding: .4em 8px .5em; direction:rtl; }
.ui-btn-icon-notext { width: 24px; height: 24px; direction:rtl; }
.ui-btn-icon-notext .ui-btn-inner { padding: 2px 1px 2px 3px; direction:rtl; }
.ui-btn-text { position: relative; z-index: 1; direction:rtl;}
.ui-btn-icon-notext .ui-btn-text { position: absolute; left: -9999px; direction:rtl; }
.ui-btn-icon-right .ui-btn-inner { padding-left: 33px; direction:rtl; }
.ui-header .ui-btn-icon-right .ui-btn-inner,
.ui-footer .ui-btn-icon-right .ui-btn-inner,
.ui-bar .ui-btn-icon-right .ui-btn-inner { padding-left: 27px; direction:rtl; }
.ui-btn-icon-left .ui-btn-inner { padding-right: 33px; direction:rtl; }
.ui-header .ui-btn-icon-left .ui-btn-inner,
.ui-footer .ui-btn-icon-left .ui-btn-inner,
.ui-bar .ui-btn-icon-left .ui-btn-inner { padding-right: 27px; direction:rtl; }
.ui-btn-icon-top .ui-btn-inner { padding-top: 33px; direction:rtl; }
.ui-header .ui-btn-icon-top .ui-btn-inner,
.ui-footer .ui-btn-icon-top .ui-btn-inner,
.ui-bar .ui-btn-icon-top .ui-btn-inner { padding-top: 27px; direction:rtl; }
.ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 33px; direction:rtl; }
.ui-header .ui-btn-icon-bottom .ui-btn-inner,
.ui-footer .ui-btn-icon-bottom .ui-btn-inner,
.ui-bar .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 27px; direction:rtl; }

/*btn icon positioning*/
.ui-btn-icon-notext .ui-icon { display: block; z-index: 0;direction:rtl; }
.ui-btn-icon-right .ui-icon, .ui-btn-icon-left .ui-icon { position: absolute; top: 50%; margin-top: -9px; direction:rtl; }
.ui-btn-icon-top .ui-icon, .ui-btn-icon-bottom .ui-icon { position: absolute; left: 50%;  margin-left: -9px; direction:rtl; }
.ui-btn-icon-right .ui-icon { left: 10px; direction:rtl; }
.ui-btn-icon-left .ui-icon { right: 10px; direction:rtl; }
.ui-btn-icon-top .ui-icon { top: 10px; direction:rtl; }
.ui-btn-icon-bottom .ui-icon { bottom: 10px; direction:rtl; }
.ui-header .ui-btn-icon-right .ui-icon,
.ui-footer .ui-btn-icon-right .ui-icon,
.ui-bar .ui-btn-icon-right .ui-icon { left: 4px; direction:rtl; }
.ui-header .ui-btn-icon-left .ui-icon,
.ui-footer .ui-btn-icon-left .ui-icon,
.ui-bar .ui-btn-icon-left .ui-icon { right: 4px; direction:rtl; }
.ui-header .ui-btn-icon-top .ui-icon,
.ui-footer .ui-btn-icon-top .ui-icon,
.ui-bar .ui-btn-icon-top .ui-icon { top: 4px; direction:rtl; }
.ui-header .ui-btn-icon-bottom .ui-icon,
.ui-footer .ui-btn-icon-bottom .ui-icon,
.ui-bar .ui-btn-icon-bottom .ui-icon { bottom: 4px; direction:rtl; }

/*hiding native button,inputs */
.ui-btn-hidden { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-appearance: button; opacity: .1; cursor: pointer; background: #fff; background: rgba(255,255,255,0); filter: Alpha(Opacity=.0001); font-size: 1px; border: none; line-height: 999px; direction:rtl; }
.ui-collapsible { margin: .5em 0; direction:rtl; }
.ui-collapsible-heading { font-size: 16px; display: block; margin: 0 -8px; padding: 0; border-width: 0 0 1px 0; position: relative; direction:rtl; }
.ui-collapsible-heading a { margin: 0;  direction:rtl; }
.ui-collapsible-heading a .ui-btn-inner { padding-left: 40px; direction:rtl; }
.ui-collapsible-heading a span.ui-btn { position: absolute; left: 6px; top: 50%; margin: -12px 0 0 0; width: 20px; height: 20px; padding: 1px 0px 1px 2px; text-indent: -9999px; direction:rtl; }
.ui-collapsible-heading a span.ui-btn .ui-btn-inner { padding: 10px 0; direction:rtl; }
.ui-collapsible-heading a span.ui-btn .ui-icon { left: 0; margin-top: -10px; direction:rtl; }
.ui-collapsible-heading-status { position: absolute; top: -9999px; left:0px; direction:rtl; }
.ui-collapsible-content {
 display: block;
 margin:  0 -8px;
 padding: 10px 16px;
 border-top:  none;      /* Overrides ui-btn-up-* */
 background-image: none; /* Overrides ui-btn-up-* */
 font-weight: normal;    /* Overrides ui-btn-up-* */
direction:rtl; }
.ui-collapsible-content-collapsed { display: none; direction:rtl; }

.ui-collapsible-set { margin: .5em 0; direction:rtl; }
.ui-collapsible-set .ui-collapsible { margin: -1px 0 0; direction:rtl; }
.ui-controlgroup, fieldset.ui-controlgroup { padding: 0; margin: .5em 0 1em; direction:rtl; }
.ui-bar .ui-controlgroup { margin: 0 .3em; direction:rtl; }
.ui-controlgroup-label { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; direction:rtl; }
.ui-controlgroup-controls { display: block; width: 100%; direction:rtl; }
.ui-controlgroup li { list-style: none; direction:rtl; }
.ui-controlgroup-vertical .ui-btn,
.ui-controlgroup-vertical .ui-checkbox, .ui-controlgroup-vertical .ui-radio { margin: 0; border-bottom-width: 0;  direction:rtl; }
.ui-controlgroup-controls label.ui-select { position: absolute; left: -9999px; direction:rtl; }

.ui-controlgroup-vertical .ui-controlgroup-last { border-bottom-width: 1px; direction:rtl; }
.ui-controlgroup-horizontal { padding: 0; direction:rtl; }
.ui-controlgroup-horizontal .ui-btn, .ui-controlgroup-horizontal .ui-select { display: inline-block; margin: 0 -5px 0 0; direction:rtl; }
.ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio { float: left; margin: 0 -1px 0 0; direction:rtl; }
.ui-controlgroup-horizontal .ui-checkbox .ui-btn, .ui-controlgroup-horizontal .ui-radio .ui-btn,
.ui-controlgroup-horizontal .ui-checkbox:last-child, .ui-controlgroup-horizontal .ui-radio:last-child { margin-right: 0; direction:rtl; }
.ui-controlgroup-horizontal .ui-controlgroup-last { margin-right: 0; direction:rtl; }
.ui-controlgroup .ui-checkbox label, .ui-controlgroup .ui-radio label { font-size: 16px;  direction:rtl; }
/* conflicts with listview..
.ui-controlgroup .ui-btn-icon-notext { width: 30px; height: 30px; text-indent: -9999px; }
.ui-controlgroup .ui-btn-icon-notext .ui-btn-inner {  padding: 5px 6px 5px 5px; }
*/

@media all and (min-width: 450px){
 .ui-field-contain .ui-controlgroup-label { vertical-align: top; display: inline-block;  width: 20%;  margin: 0 2% 0 0;  direction:rtl; }
 .ui-field-contain .ui-controlgroup-controls { width: 60%; display: inline-block; direction:rtl; }
 .ui-field-contain .ui-controlgroup .ui-select { width: 100%; direction:rtl; } 
 .ui-field-contain .ui-controlgroup-horizontal .ui-select { width: auto; direction:rtl; }
} .ui-dialog { min-height: 480px; direction:rtl; }
.ui-dialog .ui-header, 
.ui-dialog .ui-content, 
.ui-dialog .ui-footer { 
 max-width: 500px; 
 margin: 10% auto 15px auto; 
 width: 85%; 
 position: relative; 
direction:rtl; }
.ui-dialog .ui-header, 
.ui-dialog .ui-footer  { 
 padding: 0 15px; 
 z-index: 10; 
direction:rtl; }
.ui-dialog .ui-content { 
 padding: 15px; 
direction:rtl; }
.ui-dialog .ui-content, 
.ui-dialog .ui-footer { 
 margin-top: -15px;  
direction:rtl; }
.ui-checkbox, .ui-radio { position:relative;  margin: .2em 0 .5em; z-index: 1;  direction:rtl; }
.ui-checkbox .ui-btn, .ui-radio .ui-btn { margin: 0; text-align: left; z-index: 2; direction:rtl; }
.ui-checkbox .ui-btn-inner, .ui-radio .ui-btn-inner { white-space: normal; direction:rtl; }
.ui-checkbox .ui-btn-icon-right .ui-btn-inner,.ui-radio .ui-btn-icon-right .ui-btn-inner { padding-left: 45px; direction:rtl; }
.ui-checkbox .ui-btn-icon-left .ui-btn-inner, .ui-radio .ui-btn-icon-left .ui-btn-inner { padding-right: 45px; direction:rtl; }
.ui-checkbox .ui-icon, .ui-radio .ui-icon { top: 1.1em; direction:rtl; }
.ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon {left: 15px; direction:rtl; }
.ui-checkbox .ui-btn-icon-left .ui-icon, .ui-radio .ui-btn-icon-left .ui-icon {right: 15px; direction:rtl; }
/* input, label positioning */
.ui-checkbox input,.ui-radio input { position:absolute; left:20px; top:50%; width: 10px; height: 10px;  margin:-5px 0 0 0; outline: 0 !important; z-index: 1; direction:rtl; }
.ui-field-contain, fieldset.ui-field-contain { padding: 0.0em 0; margin: 0; border-width: 0 0 1px 0; overflow: visible; direction:rtl; }
.ui-field-contain:first-child { border-top-width: 0; direction:rtl; }
@media all and (min-width: 450px){
 .ui-field-contain, .ui-mobile fieldset.ui-field-contain { border-width: 0; padding: 0; margin: 1em 0; direction:rtl; }
} .ui-select { display: block; position: relative; direction:rtl; }
.ui-select select { position: absolute; left: -9999px; top: -9999px; direction:rtl; }
.ui-select .ui-btn { overflow: hidden; direction:rtl; }


.ui-select .ui-btn { opacity: 1; direction:rtl; }

/* Fixes #2588 � When Windows Phone 7.5 (Mango) tries to calculate a numeric opacity for a select�including �inherit��without explicitly specifying an opacity on the parent to give it context, a bug appears where clicking elsewhere on the page after opening the select will open the select again. */
.ui-select .ui-btn select { cursor: pointer; -webkit-appearance: button; left: 0; top:0; width: 100%;  min-height: 1.5em; min-height: 100%; height: 3em; max-height: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); z-index: 2; direction:rtl; }

.ui-select .ui-disabled { opacity: .3; direction:rtl; }

@-moz-document url-prefix() {.ui-select .ui-btn select { opacity: 0.0001; } }
.ui-select .ui-btn select.ui-select-nativeonly { opacity: 1; text-indent: 0; direction:rtl; }

.ui-select .ui-btn-icon-left .ui-btn-inner { padding-right: 45px; direction:rtl; }
.ui-select .ui-btn-icon-left .ui-icon { right: 15px;  direction:rtl; }

/* labels */
label.ui-select { font-size: 16px; line-height: 1.4;  font-weight: normal; margin: 0 0 .3em; display: block; direction:rtl; }

/*listbox*/
.ui-select .ui-btn-text, .ui-selectmenu .ui-btn-text { display: block; min-height: 1em; overflow: hidden; direction:rtl; }
.ui-select .ui-btn-text { text-overflow: ellipsis; direction:rtl; }

.ui-selectmenu { position: absolute; padding: 0; z-index: 1100 !important; width: 80%; max-width: 350px; padding: 6px; direction:rtl; }
.ui-selectmenu .ui-listview { margin: 0; direction:rtl; }
.ui-selectmenu .ui-btn.ui-li-divider { cursor: default; direction:rtl; }
.ui-selectmenu-hidden { top: -9999px; left: -9999px; direction:rtl; }
.ui-selectmenu-screen { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  z-index: 99; direction:rtl; }
.ui-screen-hidden, .ui-selectmenu-list .ui-li .ui-icon { display: none; direction:rtl; }
.ui-selectmenu-list .ui-li .ui-icon { display: block; direction:rtl; }
.ui-li.ui-selectmenu-placeholder { display: none; direction:rtl; }
.ui-selectmenu .ui-header .ui-title { margin: 0.6em 46px 0.8em; direction:rtl; }

@media all and (min-width: 450px){
 .ui-field-contain label.ui-select { vertical-align: top;  display: inline-block;  width: 20%;  margin: 0 2% 0 0; direction:rtl; }
 .ui-field-contain .ui-select { width: 60%; display: inline-block; direction:rtl; }
}

/* when no placeholder is defined in a multiple select, the header height doesn't even extend past the close button.  this shim's content in there */
.ui-selectmenu .ui-header h1:after { content: '.'; visibility: hidden; direction:rtl; }

/* TODO when the custom select css us moved out to it's own file this should be included */
.ui-li-static .ui-select .ui-li-count { right: 38px; direction:rtl; }
label.ui-input-text { font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em; direction:rtl; }
input.ui-input-text, textarea.ui-input-text { background-image: none; padding: .4em; line-height: 1.4; font-size: 16px; display: block; width: 97%; direction:rtl; }
input.ui-input-text { -webkit-appearance: none; direction:rtl; }
textarea.ui-input-text { height: 50px; -webkit-transition: height 200ms linear; -moz-transition: height 200ms linear; -o-transition: height 200ms linear; transition: height 200ms linear; direction:rtl; }
.ui-input-search { padding: 0 30px; background-image: none; position: relative; direction:rtl; }
.ui-icon-searchfield:after { position: absolute; left: 7px; top: 50%; margin-top: -9px; content: ""; width: 18px; height: 18px; opacity: .5; direction:rtl; }
.ui-input-search input.ui-input-text { border: none; width: 98%; padding: .4em 0; margin: 0; display: block; background: transparent none; outline: 0 !important; direction:rtl; }
.ui-input-search .ui-input-clear { position: absolute; right: 0; top: 50%; margin-top: -13px; direction:rtl; }
.ui-input-search .ui-input-clear-hidden { display: none; direction:rtl; }

/* orientation adjustments - incomplete!*/
@media all and (min-width: 450px){
 .ui-field-contain label.ui-input-text  { vertical-align: top; display: inline-block;  width: 20%;  margin: 0 2% 0 0 direction:rtl; }
 .ui-field-contain input.ui-input-text, 
 .ui-field-contain textarea.ui-input-text, 
 .ui-field-contain .ui-input-search { width: 60%; display: inline-block; direction:rtl; } 
 .ui-field-contain .ui-input-search { width: 50%; direction:rtl; }
 .ui-hide-label input.ui-input-text, 
 .ui-hide-label textarea.ui-input-text, 
 .ui-hide-label .ui-input-search { padding: .4em; width: 99%; direction:rtl; } 
 .ui-input-search input.ui-input-text { width: 98%; /*echos rule from above*/ direction:rtl; }
}.ui-listview { margin: 0; counter-reset: listnumbering; direction:rtl; }
.ui-content .ui-listview { /*margin: -15px; */ margin-top:-15px;direction:rtl; }
.ui-content .ui-listview-inset { margin: 1em 0;  direction:rtl; }
.ui-listview, .ui-li { list-style:none; padding:0; direction:rtl; }
.ui-li, .ui-li.ui-field-contain { display: block; margin:0; position: relative; overflow: visible; text-align: left; border-width: 0; border-top-width: 1px; direction:rtl; }
.ui-li .ui-btn-text a.ui-link-inherit { text-overflow: ellipsis; overflow: hidden; white-space: nowrap;  direction:rtl; }
.ui-li-divider, .ui-li-static { padding: .5em 15px; font-size: 14px; font-weight: bold;  direction:rtl; }
.ui-li-divider { counter-reset: listnumbering;  direction:rtl; }
ol.ui-listview .ui-link-inherit:before, ol.ui-listview .ui-li-static:before, .ui-li-dec { font-size: .8em; display: inline-block; padding-right: .3em; font-weight: normal;counter-increment: listnumbering; content: counter(listnumbering) ". "; direction:rtl; }
ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; direction:rtl; } /* to avoid chance of duplication */
.ui-listview-inset .ui-li { border-right-width: 1px; border-left-width: 1px; direction:rtl; }
.ui-li:last-child, .ui-li.ui-field-contain:last-child { border-bottom-width: 1px; direction:rtl; }
.ui-li>.ui-btn-inner { display: block; position: relative; padding: 0; direction:rtl;}
.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li { padding: .7em 15px .7em 15px; display: block; direction:rtl; }
.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb  { min-height: 60px; padding-left: 100px; direction:rtl; }
.ui-li-has-icon .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-icon {  min-height: 20px; padding-left: 40px; direction:rtl; }
.ui-li-has-count .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-count { padding-right: 45px; direction:rtl; }
.ui-li-has-arrow .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-arrow { padding-right: 30px; direction:rtl; }
.ui-li-has-arrow.ui-li-has-count .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-arrow.ui-li-has-count { padding-right: 75px; direction:rtl; }
.ui-li-has-count .ui-btn-text { padding-right: 15px; direction:rtl; }
.ui-li-heading { font-size: 16px; font-weight: bold; display: block; margin: .6em 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;  direction:rtl; }
.ui-li-desc {  font-size: 12px; font-weight: normal; display: block; margin: -.5em 0 .6em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction:rtl; }
.ui-li-thumb, .ui-listview .ui-li-icon { position: absolute; left: 1px; top: 0; max-height: 80px; max-width: 80px; direction:rtl; }
.ui-listview .ui-li-icon { max-height: 40px; max-width: 40px; left: 10px; top: .9em; direction:rtl; }
.ui-li-thumb, .ui-listview .ui-li-icon, .ui-li-content { float: left; margin-right: 10px; direction:rtl; }

.ui-li-aside { float: right; width: 50%; margin: .3em 0; direction:rtl; }
@media all and (min-width: 480px){
  .ui-li-aside { width: 45%; direction:rtl; }
}  
.ui-li-divider { cursor: default; direction:rtl; }
.ui-li-has-alt .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-alt { padding-right: 95px; direction:rtl; }
.ui-li-has-count .ui-li-count { position: absolute; font-size: 11px; font-weight: bold; padding: .2em .5em; top: 50%; margin-top: -.9em; right: 38px; direction:rtl; }
.ui-li-divider .ui-li-count, .ui-li-static .ui-li-count { right: 10px; direction:rtl; }
.ui-li-has-alt .ui-li-count { right: 55px; direction:rtl; }
.ui-li-link-alt { position: absolute; width: 40px; height: 100%; border-width: 0; border-left-width: 1px; top: 0; right: 0; margin: 0; padding: 0; z-index: 2; direction:rtl; }
.ui-li-link-alt .ui-btn { overflow: hidden; position: absolute; right: 8px; top: 50%; margin: -11px 0 0 0; border-bottom-width: 1px; z-index: -1;direction:rtl; }
.ui-li-link-alt .ui-btn-inner { padding: 0; height: 100%; position: absolute; width: 100%; top: 0; left: 0;direction:rtl; }
.ui-li-link-alt .ui-btn .ui-icon { right: 50%; margin-right: -9px;  direction:rtl; }

.ui-listview * .ui-btn-inner > .ui-btn > .ui-btn-inner { border-top: 0px; direction:rtl; }

.ui-listview-filter { border-width: 0; overflow: hidden; margin: 0px 0px 15px 0px direction:rtl; }
.ui-listview-filter .ui-input-search { margin: 5px; width: auto; display: block; direction:rtl; }

.ui-listview-filter-inset { margin: 0px -5px 0px 0px; background: transparent; direction:rtl; }
.ui-li.ui-screen-hidden{display:none;direction:rtl; }
/* Odd iPad positioning issue. */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .ui-li .ui-btn-text { overflow:  visible; direction:rtl; }
}label.ui-slider { font-size: 16px; line-height: 1.4;  font-weight: normal; margin: 0 0 .3em; display: block; direction:rtl; }
input.ui-slider-input,
.ui-field-contain input.ui-slider-input { display: inline-block; width: 50px; direction:rtl; }
select.ui-slider-switch { display: none; direction:rtl; }
div.ui-slider { position: relative; display: inline-block; overflow: visible; height: 15px; padding: 0; margin: 0 2% 0 20px; top: 4px; width: 60%; direction:rtl; }
div.ui-slider-switch { width: 99.8%; direction:rtl; }
a.ui-slider-handle { position: absolute; z-index: 10;  top: 50%; width: 28px; height: 28px; margin-top: -15px; margin-left: -15px; direction:rtl; }
a.ui-slider-handle .ui-btn-inner { padding-left: 0; padding-right: 0; direction:rtl; }
@media all and (min-width: 480px){
 .ui-field-contain label.ui-slider { vertical-align: top;  display: inline-block;  width: 20%;  margin: 0 2% 0 0; direction:rtl;
 .ui-field-contain div.ui-slider { width: 43%; direction:rtl;}
 } 

div.ui-slider-switch { height: 32px;  overflow: hidden; margin-left: 0; direction:rtl; }
div.ui-slider-inneroffset { margin-left: 50%; position: absolute; top: 1px; height: 100%; width: 50%; direction:rtl; }
a.ui-slider-handle-snapping { -webkit-transition: left 70ms linear; -moz-transition: left 70ms linear; direction:rtl; }
div.ui-slider-labelbg { position: absolute; top:0; margin: 0; border-width: 0; direction:rtl; }
div.ui-slider-switch div.ui-slider-labelbg-a { width: 60%; height: 100%; left: 0; direction:rtl; }
div.ui-slider-switch div.ui-slider-labelbg-b { width: 60%; height: 100%; right: 0; direction:rtl; }
.ui-slider-switch-a div.ui-slider-labelbg-a, .ui-slider-switch-b div.ui-slider-labelbg-b { z-index: -1; direction:rtl; }
.ui-slider-switch-a div.ui-slider-labelbg-b, .ui-slider-switch-b div.ui-slider-labelbg-a { z-index: 0; direction:rtl; }

div.ui-slider-switch a.ui-slider-handle { z-index: 20;  width: 101%; height: 32px; margin-top: -18px; margin-left: -101%; direction:rtl; }
span.ui-slider-label { width: 100%; position: absolute;height: 32px;  font-size: 16px; text-align: center; line-height: 2; background: none; border-color: transparent; direction:rtl; }
span.ui-slider-label-a { left: -100%;  margin-right: -1px; direction:rtl; }
span.ui-slider-label-b { right: -100%;  margin-left: -1px; direction:rtl; }
.ui-corner-top .ui-btn-text
{
 float:right;
 }

Happy coding.