All About Programming...

Creating Insert update procedure and C# caller function for SQL table.

2012-09-10T08:27:00.001-07:00

Hi All,

           I was just wondering that how many of you wants to get rid of minor repeated things that we need to do in every day code, most of you might have your own tools to do that but today ill be sharing two simple procedure that will help you to create not only the insert update procedure but also the C# caller function for that procedure so all you need to do is to create a table and you are done with all caller functions.

           Also ill keep on adding the procedures which will generate the class objects and properties for table, right now i am using code smith code generator for that ;)

           Lets start with a procedure which will generate the insert and update procedure for any table in SQL.

/****** Object:  StoredProcedure [dbo].[DynamicInsertUpdate]    Script Date: 09/10/2012 19:19:09 ******/
SET ANSI_NULLS ON
GO
SET QUOTED_IDENTIFIER ON
GO
ALTER procedure [dbo].[DynamicInsertUpdate] 
@tablename varchar(800)
--,@DbName nvarchar(200)
AS

declare @vtblcolumns varchar(max)
declare @vcolumns1 varchar(max)
declare @vcolumns2 varchar(max)
declare @vtblDtypes varchar(max)
Declare @vstr varchar(max) 
declare @vColumns varchar(max)
Declare @vPKcol varchar(250)
declare @Sid varchar(200)
  SELECT @sid =  TABLE_NAME FROM information_schema.tables WHERE table_name = @tablename AND OBJECTPROPERTY(OBJECT_ID(TABLE_NAME), 'TableHasIdentity') =1

  Select @vPKcol = c.COLUMN_NAME 
    from     INFORMATION_SCHEMA.TABLE_CONSTRAINTS pk ,
            INFORMATION_SCHEMA.KEY_COLUMN_USAGE c
            where     pk.TABLE_NAME = @tableName
            and    CONSTRAINT_TYPE = 'PRIMARY KEY'
            and    c.TABLE_NAME = pk.TABLE_NAME
            and    c.CONSTRAINT_NAME = pk.CONSTRAINT_NAME

  select @vtblcolumns =  COALESCE(@vtblcolumns+',','')+ COLUMN_NAME + '='+'@P'+ COLUMN_NAME + ' 'from information_schema.columns where TABLE_NAME= @tablename  AND COLUMN_NAME NOT IN (@vPKcol)
  
  if @sid = null 
    select @vcolumns1 =    COALESCE(@vcolumns1+',','')+ COLUMN_NAME,@vColumns2 = COALESCE(@vColumns2+',','') + '@p'+ Column_NAME from information_schema.columns where TABLE_NAME= @tablename 
  else 
 select @vcolumns1 =    COALESCE(@vcolumns1+',','')+ COLUMN_NAME,@vColumns2 = COALESCE(@vColumns2+',','') + '@p'+ Column_NAME from information_schema.columns where TABLE_NAME= @tablename and COLUMN_NAME <> @vPKcol
--    Select  from information_schema.columns where TABLE_NAME =@tablename

   
      
      Select @vColumns = COALESCE(@vColumns+',','') + 
        '@p'+ Column_NAME + ' ' + 
        Data_Type  + 
        case when Character_Maximum_length > 0 then
            '(' + cast(Character_Maximum_length as varchar(10)) + ')'
        else ''
        end from information_schema.columns where TABLE_NAME =@tablename
  


Select @vstr = 
'
IF Object_ID ( ''UP_'+@tablename+'_InsertUpdate '') IS NOT NULL
    DROP Procedure UP_'+@tablename+'_InsertUpdate
GO

SET ANSI_NULLS ON  
GO
SET QUOTED_IDENTIFIER ON
GO

-- =============================================
-- Author:        '+system_user+'
-- Create date: '+convert (varchar (50),getdate(),103)+'
-- Description:    This is Auto Generated Code for '+@tablename+' Insert and Update Record for Single Primary Key Table
-- =============================================
CREATE PROCEDURE UP_'+@tablename+'_InsertUpdate 
('+@vColumns+ '    
)
As
BEGIN
SET NOCOUNT ON;

    IF EXISTS (Select '+@vpkcol+' from '+@tablename+ ' where '+@vpkcol+'='+'@p'+@vpkcol+ ')
    BEGIN
    UPDATE '+@tablename+' 
    SET '+@vtblcolumns+' 
    WHERE '+ @vPKcol + '='+'@p'+@vpkcol+ '
    END
    ELSE
    BEGIN
    INSERT INTO '+@tablename+ '('+@vcolumns1+') 
                        VALUES ('+@vColumns2+')

    SET ' +'@p'+@vPKcol+' = Scope_Identity()
    END

RETURN  ' +'@p'+@vPKcol+'

End
GO
'
Print @vstr

And now comes the calling part, just use this procedure with DB manager class available on internet.

SET ANSI_NULLS ON
GO
SET QUOTED_IDENTIFIER OFF
GO
-- UP_CSCallBuilder 'UP_Admin_InsertUpdate' , 'admin', 'Admin'
ALTER     PROCEDURE [dbo].[UP_CSCallBuilder]
(
@objName nvarchar(100), 
@passObject nvarchar(100),
@passClass nvarchar(100)
)
AS
/*
___________________________________________________________________
Name:  CS Call Builder
Author:  Usman Shabbir
___________________________________________________________________
*/


SET NOCOUNT ON

DECLARE @parameterCount int
DECLARE @errMsg varchar(100)
DECLARE @parameterAt varchar(1)
DECLARE @connName varchar(100)
--Change the following variable to the name of your connection instance
SET @connName='conn.Connection'
SET @parameterAt=''
  
SELECT 
 dbo.sysobjects.name AS ObjName, 
 dbo.sysobjects.xtype AS ObjType,
 dbo.syscolumns.name AS ColName, 
 dbo.syscolumns.colorder AS ColOrder, 
 dbo.syscolumns.length AS ColLen, 
 dbo.syscolumns.colstat AS ColKey, 
 dbo.systypes.xtype
INTO #t_obj
FROM         
 dbo.syscolumns INNER JOIN
 dbo.sysobjects ON dbo.syscolumns.id = dbo.sysobjects.id INNER JOIN
 dbo.systypes ON dbo.syscolumns.xtype = dbo.systypes.xtype
WHERE     
 (dbo.sysobjects.name = @objName) 
 AND 
 (dbo.systypes.status <> 1) 
ORDER BY 
 dbo.sysobjects.name, 
 dbo.syscolumns.colorder

SET @parameterCount=(SELECT count(*) FROM #t_obj)

IF(@parameterCount<1) SET @errMsg='No Parameters/Fields found for ' + @objName

IF(@errMsg is null)
 BEGIN
 PRINT ' public static int Insert'+ @passClass +'('+ @passClass +' '+ @passObject +')'
 PRINT '   {'
  PRINT 'try'
  PRINT '   {'
  print 'using (DbManager db = DbManager.GetDbManager())'
  PRINT '   {'
  PRINT '   SqlParameter[] paramsToStore = new SqlParameter[' + cast(@parameterCount as varchar) + '];'
  PRINT ''
  
  DECLARE @source_name nvarchar,@source_type varchar,@col_name nvarchar(100),@col_order int,@col_type varchar(20),@col_len int,@col_key int,@col_xtype int,@col_redef varchar(20)
 
  DECLARE cur CURSOR FOR
  SELECT * FROM #t_obj
  OPEN cur
  -- Perform the first fetch.
  FETCH NEXT FROM cur
  INTO @source_name,@source_type,@col_name,@col_order,
    @col_len,@col_key,@col_xtype
 
  if(@source_type=N'U') SET @parameterAt='@'
  -- Check @@FETCH_STATUS to see if there are any more rows to fetch.
  WHILE @@FETCH_STATUS = 0
  BEGIN
   SET @col_redef=(SELECT 
      CASE @col_xtype
    WHEN 34 THEN 'Image'
    WHEN 35 THEN 'Text'
    WHEN 48 THEN 'TinyInt'
    WHEN 52 THEN 'SmallInt'
    WHEN 56 THEN 'Int'
    WHEN 58 THEN 'SmallDateTime'
    WHEN 59 THEN 'Real'
    WHEN 60 THEN 'Money'
    WHEN 61 THEN 'DateTime'
    WHEN 62 THEN 'Float'
    WHEN 99 THEN 'NText'
    WHEN 104 THEN 'Bit'
    WHEN 106 THEN 'Decimal'
    WHEN 122 THEN 'SmallMoney'
    WHEN 127 THEN 'BigInt'
    WHEN 165 THEN 'VarBinary'
    WHEN 167 THEN 'VarChar'
    WHEN 173 THEN 'Binary'
    WHEN 175 THEN 'Char'
    WHEN 231 THEN 'NVarChar'
    WHEN 239 THEN 'NChar'
    ELSE '!MISSING'

      END AS C) 
   --Write out the parameter
   PRINT '   paramsToStore[' + cast(@col_order-1 as varchar) + '] = db.MakeInParam("' + @parameterAt + @col_name + '", SqlDbType.' + @col_redef + ','+ cast(@col_len as varchar) +','+ @passObject +'.'+ substring(@col_name,3, len(@col_name)  - 2) +');'

   --If the type is a string then output the size declaration
   --IF(@col_xtype=231)OR(@col_xtype=167)OR(@col_xtype=175)OR(@col_xtype=99)OR(@col_xtype=35)
   --BEGIN
   -- PRINT '   paramsToStore[' + cast(@col_order-1 as varchar) + '].Size=' + cast(@col_len as varchar) + ';'
   -- END
   --PRINT '   paramsToStore['+ cast(@col_order-1 as varchar) + '].Value = '+ @passObject +'.'+ replace(@col_name,'p','') +' ;'
      -- This is executed as long as the previous fetch succeeds.
      FETCH NEXT FROM cur
   INTO @source_name,@source_type,@col_name,@col_order,
     @col_len,@col_key,@col_xtype 
  END
  PRINT ''
  PRINT '   return db.RunProc("' + @objName + '", paramsToStore);'
  PRINT '   }'
  PRINT '   }'
  PRINT 'catch(Exception ex)'
  PRINT '   {'
  print '  new SqlLog().InsertSqlLog(0, "'+ @passClass +'.Insert'+ @passClass +'", ex);'
  PRINT '   }'
  PRINT '   return 0;'
  PRINT '   }'  
  CLOSE cur
  DEALLOCATE cur
 END

if(LEN(@errMsg)>0) PRINT @errMsg
DROP TABLE #t_obj
SET NOCOUNT ON

Happy Coding...

Getting started with Metro Style applications.

2012-04-23T01:02:00.001-07:00

Hi All,
          Last days i got a chance to attend a Microsoft training for windows 8 development so i decided to share my learning with the world, In this blog ill start from installation of software and finally lead you to make a sample application.

         It’s better to install Windows 8 Consumer preview in a virtual environment as down gradation is not yet officially announced by Microsoft (or some complex method is there). Restore disk before installation or some factory setting might work. You need to install Virtual Box or VM ware workstation 8.0 to run in virtual environment. The setup of VM ware workstation can be downloaded from www.vmware.com.

      A detailed link of making the virtual machine for windows 8 can be found here.

     You can get windows 8 developer preview from Windows 8 Consumer Preview as well as Visual Studio 11 Beta Express for Windows 8.

     Once windows 8 and VS 2011 is installed lets start the development process step by step.

     Start Visual Studio and use the File - New Project command to create a new Visual C# project named “ContosoCookbook.” Be sure to select “Windows Metro Style” from the list of Visual C# templates, and to select “Grid Application” from the list of template types

Select Start Debugging from the Debug menu (or simply press F5) to launch the application in the debugger. The application will start and you’ll see the screen shown in Figure 2. This is the application’s home page or start page

After this you can click on items and categories and grid style application will handle all for you. after this lets move to the application manifest file and to do that double-click Package.appxmanifest to open the application manifest.

Here you can set the application icons, titles and the deceives that your application might require.

You will find a folder name DataModel in the solution explorer, there you can have you own data source or you can modify the sample data source, which can fetch data from any JSON/XML services or data file.

Open the SampleDataSource class from DataModel folder and in constructor you can fetch the JSON/XML file to populate it, below are two functions to set the source from a local file and a remote location.

 public async void LoadRemoteDataAsync()  
     {  
       // Retrieve data from remote location  
       var client = new HttpClient();  
       client.MaxResponseContentBufferSize = 1024 * 1024; // Read up to 1 MB of data  
       var response = await client.GetAsync(new Uri("URL to fetch the JSON/XML data"));  
       var result = await response.Content.ReadAsStringAsync();  
       // Parse the JSON recipe data  
       var recipes = JsonArray.Parse(result.Substring(1, result.Length - 1));  
       // ADD to Datasource Group after parsing as sample data source did.   
     }  
     public async void LoadLocalDataAsync()  
     {  
       // Retrieve data from JSON.txt  
       var file = await Package.Current.InstalledLocation.GetFileAsync("Data\\JSON.txt");  
       var stream = await file.OpenReadAsync();  
       var input = stream.GetInputStreamAt(0);  
       var reader = new DataReader(input);  
       uint count = await reader.LoadAsync((uint)stream.Size);        
       var result = reader.ReadString(count);  
       // Parse the JSON recipe data  
       var recipes = JsonArray.Parse(result.Substring(1, result.Length - 1));  
       // ADD to Datasource Group after parsing as sample data source did.   
     }

If you have created a new Data source then you need to modify the calls in following classes accordingly.

In GroupDetailPage.xaml.cs update the var group conversion with you own.

     protected override void OnNavigatedTo(NavigationEventArgs e)  
     {  
       var group = (YOURDataGroup)e.Parameter;  
       this.DefaultViewModel["Group"] = group;  
       this.DefaultViewModel["Items"] = group.Items;  
     }

Also apply the same to GroupedItemsPage.xaml.cs and ItemDetailPage.xaml.cs, which would lead you to the development of you first sample application.

hope you had a great time working with windows 8 Metro style applications.

Happy coding.

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

2012-04-05T04:59:00.001-07:00

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

2012-03-29T00:12:00.000-07:00

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.

2012-03-11T05:43:00.001-07:00

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.

Search string in all tables using SQL

2012-01-31T04:53:00.000-08:00

Hi All,

Today i will be writing a post to search all tables in a database.

CREATE PROC SearchAllTables
(
 @SearchStr nvarchar(100)
)
AS
BEGIN

 CREATE TABLE #Results (ColumnName nvarchar(370), ColumnValue nvarchar(3630))

 SET NOCOUNT ON

 DECLARE @TableName nvarchar(256), @ColumnName nvarchar(128), @SearchStr2 nvarchar(110)
 SET  @TableName = ''
 SET @SearchStr2 = QUOTENAME('%' + @SearchStr + '%','''')

 WHILE @TableName IS NOT NULL
 BEGIN
  SET @ColumnName = ''
  SET @TableName = 
  (
   SELECT MIN(QUOTENAME(TABLE_SCHEMA) + '.' + QUOTENAME(TABLE_NAME))
   FROM  INFORMATION_SCHEMA.TABLES
   WHERE   TABLE_TYPE = 'BASE TABLE'
    AND QUOTENAME(TABLE_SCHEMA) + '.' + QUOTENAME(TABLE_NAME) > @TableName
    AND OBJECTPROPERTY(
      OBJECT_ID(
       QUOTENAME(TABLE_SCHEMA) + '.' + QUOTENAME(TABLE_NAME)
        ), 'IsMSShipped'
             ) = 0
  )

  WHILE (@TableName IS NOT NULL) AND (@ColumnName IS NOT NULL)
  BEGIN
   SET @ColumnName =
   (
    SELECT MIN(QUOTENAME(COLUMN_NAME))
    FROM  INFORMATION_SCHEMA.COLUMNS
    WHERE   TABLE_SCHEMA = PARSENAME(@TableName, 2)
     AND TABLE_NAME = PARSENAME(@TableName, 1)
     AND DATA_TYPE IN ('char', 'varchar', 'nchar', 'nvarchar')
     AND QUOTENAME(COLUMN_NAME) > @ColumnName
   )
 
   IF @ColumnName IS NOT NULL
   BEGIN
    INSERT INTO #Results
    EXEC
    (
     'SELECT ''' + @TableName + '.' + @ColumnName + ''', LEFT(' + @ColumnName + ', 3630) 
     FROM ' + @TableName + ' (NOLOCK) ' +
     ' WHERE ' + @ColumnName + ' LIKE ' + @SearchStr2
    )
   END
  END 
 END

 SELECT ColumnName, ColumnValue FROM #Results
END

Happy coding... :)

Using Pivot to count data in different columns

2012-01-18T21:39:00.000-08:00

Hi All,

first of all i would like to wish a happy new year and then goes the first tip, in SQL you might get caught in a situation in which you need to Group on one column and showing the counts of other columns for each group element and when this situation arose PIVOT comes to scene.

I'll be showing one simple example in which ill be counting different values for each column.

SELECT isnull(value,'No Name') 'Column Name', Value1 , Value2,  
Value3
FROM
(
SELECT u.GroupByColumnName 'value',ColumnNameContainingValues
FROM SQLTable
) p
PIVOT
(
COUNT (statuscode)
FOR statuscode
IN (Value1 , Value2,  
Value3)
) AS pvt;

and you will get the required results.

Happy Coding...

YELP API in C#

2011-11-25T03:41:00.000-08:00

Hi Every one,

Yelp is a power full API to get restaurants details and show it to your site and when it comes to c# most of users are pointed to API version @ YELP API and face a night mare of no support so i have used certain features of this API and added simple functionality to parse by JSON.net.

So First down load YELP API in c# and then download bineris form JSON.net include both in user visual studio solution and reference to your website.

Now open the YELP API code and add the following functions in class YelpSearchService.

public static string SearchLocationWithString(String location, String category, String term)
        {
            return SearchLocationWithString(location, category, term, MaxResultCount);
        }

        public static string SearchLocationWithString(String location, String category, String term, Int32 resultCount)
        {
            YelpRequest<SearchResult> request = new YelpRequest<SearchResult>(RequestUrl);

            request.Parameters.Add("location", location);
            request.Parameters.Add("category", category);
            request.Parameters.Add("term", term);
            request.Parameters.Add("num_biz_requested", resultCount.ToString());

            return request.ExecuteRequestWithString();
        }

After this add the following functions in class YelpRequest.

public string ExecuteRequestWithString()
        {
            this.CreateRequest();

            Monitor.Enter(YelpServices.GlobalLock);

            try
            {
                TimeSpan timeSinceLastRequest = DateTime.Now.Subtract(YelpServices.LastRequest);

                if (timeSinceLastRequest.TotalSeconds < 2.0)
                {
                    Thread.Sleep(2000 - (Int32)timeSinceLastRequest.TotalMilliseconds);
                }

                return this.getResponse((HttpWebResponse)this.m_HttpRequest.GetResponse());
            }
            finally
            {
                YelpServices.LastRequest = DateTime.Now;

                Monitor.Exit(YelpServices.GlobalLock);
            }
        }


        private string getResponse(HttpWebResponse WebResp)
        {

            Stream Answer = WebResp.GetResponseStream();
            StreamReader _Answer = new StreamReader(Answer);
            return _Answer.ReadToEnd();

        
        }

Now its time to go to page where you want to show restaurants Data just call the newly created functions and pass then over to JSON.NET

YelpServices.APIKey = "YOUR API KEY";
            string json = YelpSearchService.SearchLocationWithString("RESTURANT ADDRESS", "",
             "CATEGORY/NAME OF RESTURANT");
            bool hasReviews = false;
            List<Business> bList = new List<Business>();

            JObject o = JObject.Parse(json);

            IList<object> reviews = o.SelectToken("businesses").Select(s => (object)s).ToList<object>();
            foreach (Object j in reviews)
            {
                try
                {
                    Business deserializedProduct = JsonConvert.DeserializeObject<Business>(j.ToString());
                    //Review r = (Review)j;
                    bList.Add(deserializedProduct);
                }
                catch (Exception)
                {

                }

            }

And you will get all the business in the YELP API business class if you find Nulls in values try changing the property names in Business calls to the ones you find in JSON response.

Hope it helps.

Happy Coding.. :)

Migrating Existing .NET site to Umbraco

2011-11-11T05:13:00.000-08:00

Hi Every one,

Its been long time since i have written any post item but today i am going to share a tip for users who want to Move an existing system to umbraco with minimal effort.

Benefits of this Practice:
1: You will have an admin section to manage out every content of the system including UI
2: If you are using any custom CMS it will work the same way as always.

Prerequisites:
1: Install Umbraco. [share me a comment if you need any help]
2: You Existing site with code.

Steps to follow:
1: Take a backup of your existing site.
2: Copy Master Pages to umbraco masterpages folder.
3: Copy Script files to scripts folder.
4: Copy css files to css folder.
5: Now convert all the pages in the site to user controls, the process is simple.
i: Rename the file extension from .aspx to .ascx
ii: If its a web application then go to designer and change the class name as well.
6: copy all the newly created user controls to usercontrol folder in umbraco directory.
7: run the site and go to yourdomain/umbraco/login.aspx and login to the admin site.
8: Go to the developer tab and add every control in macro section don't forget to Tick [Use in editor] property. [and you are half way there :)]
9: You will find your master pages in settings section under master pages; if you don't you can add them with same name over here.
10: In the same setting section Create a new document type and set its template to any one of the master pages.
11: Create a separate document type for each masterpage
12: In the Dcoument Type goto generic properties Tab and create a property for each content section of master page and set the type of property to rich text editor.
13: Now go back to template where you have created master pages and replace all the content Areas with Umbraco page field name, you will find the Properties you just created in that list. Simply add them.
14: Go to the content section add new content pages by selecting respective master page template for each.
15: you will find a Rick text editor in each content area.
16: Add a Macro to that content area. [And you are done]

This Is the most simple way to migrate any site in umbraco; if you need any help just let me know ill respond to your comments immediately.

Happy Coding. :)

Stored Procedure to create Inserts Update procedure of table.

2011-04-03T03:19:00.000-07:00

Hi All,

Today i am sharing a technique that is really a time savior for writing procedures for tables having lots of columns which require an ample of time to make the parameters for each column and then perform required insert update thing on them.

So here goes the technique, this is a simple procedure that takes the name of table and create its Insert update proc on execution.

CREATE procedure [CreateInsertUpdate] 
@tablename varchar(800)
AS

declare @vtblcolumns varchar(max)
declare @vcolumns1 varchar(max)
declare @vcolumns2 varchar(max)
declare @vtblDtypes varchar(max)
Declare @vstr varchar(max) 
declare @vColumns varchar(max)
Declare @vPKcol varchar(250)
declare @Sid varchar(200)
  SELECT @sid =  TABLE_NAME FROM information_schema.tables WHERE table_name = @tablename AND OBJECTPROPERTY(OBJECT_ID(TABLE_NAME), 'TableHasIdentity') =1

  Select @vPKcol = c.COLUMN_NAME 
 from  INFORMATION_SCHEMA.TABLE_CONSTRAINTS pk ,
         INFORMATION_SCHEMA.KEY_COLUMN_USAGE c
         where  pk.TABLE_NAME = @tableName
            and CONSTRAINT_TYPE = 'PRIMARY KEY'
      and c.TABLE_NAME = pk.TABLE_NAME
      and c.CONSTRAINT_NAME = pk.CONSTRAINT_NAME

  select @vtblcolumns =  COALESCE(@vtblcolumns+',','')+ COLUMN_NAME + '='+'@P'+ COLUMN_NAME + ' 'from information_schema.columns where TABLE_NAME= @tablename  AND COLUMN_NAME NOT IN (@vPKcol)
  
  if @sid = null 
    select @vcolumns1 =    COALESCE(@vcolumns1+',','')+ COLUMN_NAME,@vColumns2 = COALESCE(@vColumns2+',','') + '@p'+ Column_NAME from information_schema.columns where TABLE_NAME= @tablename 
  else 
 select @vcolumns1 =    COALESCE(@vcolumns1+',','')+ COLUMN_NAME,@vColumns2 = COALESCE(@vColumns2+',','') + '@p'+ Column_NAME from information_schema.columns where TABLE_NAME= @tablename and COLUMN_NAME <> @vPKcol
-- Select  from information_schema.columns where TABLE_NAME =@tablename

   
      
      Select @vColumns = COALESCE(@vColumns+',','') + 
     '@p'+ Column_NAME + ' ' + 
  Data_Type  + 
  case when Character_Maximum_length > 0 then
   '(' + cast(Character_Maximum_length as varchar(10)) + ')'
  else ''
  end from information_schema.columns where TABLE_NAME =@tablename
  


Select @vstr = 
'
IF Object_ID ( ''UP_'+@tablename+'_InsertUpdate '') IS NOT NULL
 DROP Procedure UP_'+@tablename+'_InsertUpdate
GO

SET ANSI_NULLS ON  
GO
SET QUOTED_IDENTIFIER ON
GO

-- =============================================
-- Author:  '+system_user+'
-- Create date: '+convert (varchar (50),getdate(),103)+'
-- Description: This is Auto Generated Code for '+@tablename+' Insert and Update Record for Single Primary Key Table
-- =============================================
CREATE PROCEDURE UP_'+@tablename+'_InsertUpdate 
('+@vColumns+ ' 
)
As
BEGIN
SET NOCOUNT ON;

 IF EXISTS (Select '+@vpkcol+' from '+@tablename+ ' where '+@vpkcol+'='+'@p'+@vpkcol+ ')
 BEGIN
 UPDATE '+@tablename+' 
 SET '+@vtblcolumns+' 
 WHERE '+ @vPKcol + '='+'@p'+@vpkcol+ '
 END
 ELSE
 BEGIN
 INSERT INTO '+@tablename+ '('+@vcolumns1+') 
      VALUES ('+@vColumns2+')

    SET ' +'@p'+@vPKcol+' = Scope_Identity()
 END

RETURN  ' +'@p'+@vPKcol+'

End
GO
'
Print @vstr

Suppose we have a table name test_table all we need to do is to pass the name in parameter.

exec CreateInsertUpdate test_table

just copy the text created in messages panel and execute.

Happy coding :)

Calling authenticated WSE web service in Visual Studio 2008.

2011-02-13T03:25:00.000-08:00

Hi All,

This time i was given a task to call a web service which was written in older technology WSE and as you all know that its obsolete and replaced by WCF services but still some old written services are to be used.

When i added the service reference in my application it auto generates the configuration file as shown below, but by using this configuration file i was not able to provide credentials to web service call.

<basicHttpBinding>
        <binding name="FsetServiceSoap" closeTimeout="00:01:00" openTimeout="00:01:00"
          receiveTimeout="00:10:00" sendTimeout="00:01:00" allowCookies="false"
          bypassProxyOnLocal="false" hostNameComparisonMode="StrongWildcard"
          maxBufferSize="65536" maxBufferPoolSize="524288" maxReceivedMessageSize="65536"
          messageEncoding="Text" textEncoding="utf-8" transferMode="Buffered"
          useDefaultWebProxy="true">

          <readerQuotas maxDepth="32" maxStringContentLength="8192" maxArrayLength="16384"
            maxBytesPerRead="4096" maxNameTableCharCount="16384" />
          <security mode="Transport">
            <transport clientCredentialType="None" proxyCredentialType="None"
              realm="">
              <extendedProtectionPolicy policyEnforcement="Never" />
            </transport>
            <message clientCredentialType="UserName" algorithmSuite="Default" />
          </security>


        </binding>
        <binding name="FsetServiceSoap1" closeTimeout="00:01:00" openTimeout="00:01:00"
          receiveTimeout="00:10:00" sendTimeout="00:01:00" allowCookies="false"
          bypassProxyOnLocal="false" hostNameComparisonMode="StrongWildcard"
          maxBufferSize="65536" maxBufferPoolSize="524288" maxReceivedMessageSize="65536"
          messageEncoding="Text" textEncoding="utf-8" transferMode="Buffered"
          useDefaultWebProxy="true">
          <readerQuotas maxDepth="32" maxStringContentLength="8192" maxArrayLength="16384"
            maxBytesPerRead="4096" maxNameTableCharCount="16384" />
          <security mode="None">
            <transport clientCredentialType="None" proxyCredentialType="None" realm="">
              <extendedProtectionPolicy policyEnforcement="Never" />
            </transport>
            <message clientCredentialType="UserName" algorithmSuite="Default" />
          </security>
        </binding>
      </basicHttpBinding>

so i replaced this basichttp binding with custom binding.

<customBinding>

        <binding name="FsetServiceSoap" >

          <textMessageEncoding messageVersion="Soap12WSAddressingAugust2004" />

          <security authenticationMode="UserNameOverTransport"></security>

          <httpsTransport/>

        </binding>

      </customBinding>

and when calling the web service passed the credentials and it worked like charm.

FsetServiceHeader header = new FsetServiceHeader();
FsetServiceSoapClient client = new FsetServiceSoapClient();
client.ClientCredentials.UserName.UserName = _userName;
client.ClientCredentials.UserName.Password = _password;
byte[] rawData = File.ReadAllBytes(_filePath);
TransmissionAcknowledgementType result = client.SendTransmission(header, SendType, rawData);

Hope it helps.

Happy coding.

Regards,
U

Calling OOyala player API using C#.

2011-02-13T03:01:00.000-08:00

Hello Friends,

Some or any of you might have used OOyala tool for you projects as its one of the best video management tools i have ever seen.

Some days back i have given a task to get ooyala integrated to our project and i decided to do it via their API but all the samples given on site are eighter in PHP or in Ruby but i want things to be done in c# so by following their documentation i have finally got the response from ooyala site.

Here i am showing you two functions and two properties.

1. _params: i have used sorted dictionary because ooyala demands that all parameters should be in acceding order.

2. Query type: specify which API should be called.

3. send_request(): It does the required encoding of parameters by using the secret and partner code and generated the URL by which XML response can be fetched.

4. getXMLResponse(): Get all XML from URL.

#region Properties

        private string PARTNET_CODE = "PARTNET_CODE";
        private string PARTNET_SECRET = "PARTNET_SECRET";


        private string _queryType = string.Empty;
        public string QueryType
        {
            get
            {
                return _queryType;
            }

            set
            {
                _queryType = value;
            }

        }

        private SortedDictionary<string, string> _params;
        public SortedDictionary<string, string> Params
        {

            get
            {
                return _params;
            }
            set
            {
                _params = value;
            }

        }

        #endregion



        #region Public function



        public string getXMLResponse()
        {


            string sUrl = send_request();
            StringBuilder oBuilder = new StringBuilder();
            StringWriter oStringWriter = new StringWriter(oBuilder);
            XmlTextReader oXmlReader = new XmlTextReader(sUrl);
            XmlTextWriter oXmlWriter = new XmlTextWriter(oStringWriter);
            while (oXmlReader.Read())
            {
                oXmlWriter.WriteNode(oXmlReader, true);
            }
            oXmlReader.Close();
            oXmlWriter.Close(); 

            return oBuilder.ToString();


        }


        /// <summary>
        /// Returns the URL for request parameters 
        /// </summary>
        private string send_request()
        {

            string url = "http://api.ooyala.com/partner/" + QueryType + "?pcode=" + PARTNET_CODE;
            foreach (KeyValuePair<string, string> pair in _params)
            {
                PARTNET_SECRET += pair.Key + "=" + pair.Value;
                url += "&" + HttpUtility.UrlEncodeUnicode(pair.Key) + "=" + HttpUtility.UrlEncodeUnicode(pair.Value);
            }
            SHA256Managed sh = new SHA256Managed();
            byte[] request = System.Text.Encoding.ASCII.GetBytes(PARTNET_SECRET);
            sh.Initialize();
            byte[] b4bbuff = sh.ComputeHash(request, 0, request.Length);
            string hashString = System.Text.Encoding.ASCII.GetString(b4bbuff);

            string encryptedRequest = HttpUtility.UrlEncode((Convert.ToBase64String(b4bbuff)).Substring(0, 43));
            url += "&signature=" + encryptedRequest;

            return url;
        }
#endregion

Once you get the XMl response do what ever you want, Deserilise it and use it in c# code or parse it with jQuery choice is yours.

Hope it helps.

Happy coding.

Regards,
U

Paging Sorting Searching in MySQL Procedure

2010-12-25T04:40:00.000-08:00

Hi All,

Lets do some mySQL programming in the last post i have shown how to do custom pagination from jQuery Data table and today i will share the procedure that i called at the back end to do the pagination stuff this one is in mySQL

USE `Database_Name`;

DROP procedure IF EXISTS `up_GlobalSearch`;



DELIMITER $$

USE `Database_Name`$$

CREATE PROCEDURE `scientestdb`.`up_GlobalSearch` (

IN pFreeText varchar(200), 

IN pStartRecord int, 

IN pSize int, 

IN pSortColumn varchar(20),

IN pSortDirection varchar(20)

)

BEGIN





SET @q := concat('select * from Table_Name where MATCH (Column_Name1,Column_Name2) AGAINST (\'', pFreeText ,'\'  IN BOOLEAN MODE)  ORDER By ', pSortColumn, ' ' , pSortDirection, ' limit ?,?');

PREPARE stmt1 FROM @q;

SET @recStrt = pStartRecord;

SET @recCount = pSize;

EXECUTE stmt1 USING @recStrt, @recCount;





END

$$



DELIMITER ;

Hope it helps.

Happy Coding.

Regards,
U

Extending jQuery Datatable with server side processing and pagination.

2010-12-16T11:09:00.000-08:00

Hi All,

Once again i came up with a blog for jQuery Datatable as i really liked this control and love to extend its functionality for .NET, in my previous blog i have bound jQuery Data table with dataset at once which might not be very useful then data is so large as fetching complete data in one hit is not a good job.

So Today we will do some bServerSide processing and make this data table more useful in fetching records from database with pagination and sorting enabled i am still not able to coupe with free text search in returned results but ill share that soon as well.

first step would be to create a handler / web service which we would be passing in the argument sAjaxSource of datatable.

Remember that the response should be a JSON formated text as datatable only reads JSON in adata parameter.

Lets start with the Handler.

<%@ WebHandler Language="C#" Class="Search" %>

using System;
using System.Web;
using System.Collections.Generic;
using System.Web.Script.Serialization;
using System.Linq;
using System.Data;
using DAL.Modules;
using DAL;

public class Search : IHttpHandler
{
    public void ProcessRequest(HttpContext context)
    {
        // Those parameters are sent by the plugin
        var iDisplayLength = int.Parse(context.Request["iDisplayLength"]);
        var iDisplayStart = int.Parse(context.Request["iDisplayStart"]);
        var iSortCol = int.Parse(context.Request["iSortCol_0"]);
        var iSortDir = context.Request["sSortDir_0"];


        IEnumerable<SearchResults> myResults = SearchResults.GetResults(iDisplayStart, iDisplayLength);

        // Define an order function based on the iSortCol parameter
        Func<SearchResults, object> order = rslt =>
        {
            if (iSortCol == 0)
                return rslt.Project_Name;
            else if (iSortCol == 1)
                return rslt.Project_Goal;
            else if (iSortCol == 2)
                return rslt.Proposed_Budget;
            else if (iSortCol == 3)
                return rslt.Status;
            else
                return rslt.Creation_Date;
        };

        // Define the order direction based on the iSortDir parameter
        if ("desc" == iSortDir)
        {
            myResults = myResults.OrderByDescending(order);
        }
        else
        {
            myResults = myResults.OrderBy(order);
        }


        // Remove Skip and Take when doing Custom Pagination from Database. 
        var result = new
        {
            iTotalRecords = myResults.Count(),
            iTotalDisplayRecords = myResults.Count(),
            aaData = myResults
                .Select(p => new[] { p.Project_Name, p.Project_Goal, p.Proposed_Budget, p.Status, p.Creation_Date, p.View_Details })
                .Skip(iDisplayStart)
                .Take(iDisplayLength)

        };

        var serializer = new JavaScriptSerializer();
        var json = serializer.Serialize(result);
        context.Response.ContentType = "application/json";
        context.Response.Write(json);
    }

    public bool IsReusable
    {
        get
        {
            return false;
        }
    }
}

So parsing JSON would require a class structure.

public class SearchResults
{
    public string Project_Name { get; set; }
    public string Project_Goal { get; set; }
    public string Status { get; set; }
    public string Proposed_Budget { get; set; }
    public string Creation_Date { get; set; }
    public string View_Details { get; set; }

    public static IEnumerable<SearchResults> GetResults(int RecordId, int count)
    {
        DataSet ds = null;// Get you Dataset from Database by passing the two parameters for pagination. 

        if (ds != null && ds.Tables.Count > 0 && ds.Tables[0].Rows.Count > 0)
            foreach (DataRow dr in ds.Tables[0].Rows)
            {
                yield return new SearchResults
                {
                    Project_Name = Helper.ParseString(dr["Project_Name"]),
                    Project_Goal = Helper.ParseString(dr["Project_Goal"]),
                    Status = Helper.ParseString(dr["Status"]),
                    Proposed_Budget = Helper.ParseString(dr["Proposed_Budget"]),
                    Creation_Date = Helper.ParseString(DateTime.Now),
                    View_Details = "<a href='#'>View</a>"
                };
            }
    }
}

Now its time for the final step calling it in ASPX page.

the javascript for table would be

<script type="text/javascript">
        $(function () {
            $('#.datatable').dataTable({
                'bServerSide': true,
                "iDisplayLength": 2,
                "sPaginationType": "full_numbers",
                'sAjaxSource': '/Handlers/Search.ashx',
                "bFilter": false
            });
        });
    </script>

now finally we come to the last step which all of you must be familiar of is the HTML table which will turn into the jQuery Datatable.

<table cellpadding="0" cellspacing="0" border="0" class="datatable">
                    <thead>
                        <tr>
                            <th>
                                Project Name
                            </th>
                            <th>
                                Project Goal
                            </th>
                            <th>
                                Proposed Budget
                            </th>
                            <th>
                                Status
                            </th>
                            <th>
                                Creation Date
                            </th>
                            <th>
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td colspan="5" class="dataTables_empty">
                                <img alt="Please Wait..." src="/images/loader.png" />
                            </td>
                        </tr>
                    </tbody>
                </table>

That's All if you find any query please leave a comment.

Happy Coding.

Get All Days/Months/Years/Quarters with in Two dates.

2010-12-08T06:23:00.000-08:00

Hi All,

Today i am feeling soo great as i finally got what i needed the function that i am going to show now will return all the Dates with in two dates but wait its not this simple, i can have periods defined like difference would be in weeks / Months / Years / Quarters and so on....

What it will return in end is Minimum Date of reporting period Maximum date of reporting period and name of that Period.

CREATE FUNCTION [dbo].[GetReportingPeriods] (
  @StartDate DATETIME,
  @EndDate   DATETIME,
  @type varchar(20)
)
RETURNS @A TABLE (
  stdate datetime,eddate datetime, PartName varchar(30)
)
AS
BEGIN
/******************************************************************************
 * Author:      USMAN SHABBIR 
 * Create Date: 2010-11-20
 * Description: Create a table of dates between @StartDate and @EndDate
 *****************************************************************************/
  if @type = 'daily'
 begin 
  ;with cte as 
  ( select CONVERT(DATETIME,@startDate) AS DATE 
  UNION ALL 
  select Dateadd(dd,1,DATE) as date 
  from cte   
  where date <= @endDate - 1 
  )  
 
  insert into @a
  SELECT DATE, DATE + 1 - 1, 'Day ' + CAST(DatePart(dd, DATE) as varchar(10))  as Week_NO_Of_Year
  FROM CTE
  --Group by 'Day ' + CAST(DatePart(dd, DATE) as varchar(10))
  order by (DATE) ASC
  
  OPTION (MAXRECURSION 0)
 end

 else if @type = 'Weekly'
 begin 
  ;with cte as 
 ( select CONVERT(DATETIME,@startDate) AS DATE 
 UNION ALL 
 select Dateadd(dd,1,DATE) as date 
 from cte   
 where date <= @endDate - 1 
 )  
 
  insert into @a
  SELECT MIN(DATE), MAX(DATE), 'Week ' + CAST(DatePart(ww, DATE) as varchar(10))  as Week_NO_Of_Year
  FROM CTE
  Group by 'Week ' + CAST(DatePart(ww, DATE) as varchar(10))
  order by MIN(DATE) ASC
  
  OPTION (MAXRECURSION 0)
 end
 else if @type = 'Monthly'
  begin 
  
   ;with cte as 
 ( select CONVERT(DATETIME,@startDate) AS DATE 
 UNION ALL 
 select Dateadd(dd,1,DATE) as date 
 from cte   
 where date <= @endDate - 1 
 )  
  insert into @a
  SELECT MIN(DATE), MAX(DATE), CAST(DATENAME(month, DATE) as varchar(10))  as Week_NO_Of_Year
  FROM CTE
  Group by CAST(DATENAME(month, DATE) as varchar(10))
  order by MIN(DATE) ASC
  
  OPTION (MAXRECURSION 0)
 end
 else if @type = 'quarterly'
  begin 
  
 ;with cte as 
 ( select CONVERT(DATETIME,@startDate) AS DATE 
 UNION ALL 
 select Dateadd(dd,1,DATE) as date 
 from cte   
 where date <= @endDate - 1 
 )  
  insert into @a
  SELECT MIN(DATE), MAX(DATE), 'Quarter ' + CAST(DatePart(QQ, DATE) as varchar(10))  as Week_NO_Of_Year
  FROM CTE
  Group by 'Quarter ' + CAST(DatePart(QQ, DATE) as varchar(10))
  order by MIN(DATE) ASC
  
  OPTION (MAXRECURSION 0)
 end
 else if @type = 'yearly'
  begin 
  
 ;with cte as 
 ( select CONVERT(DATETIME,@startDate) AS DATE 
 UNION ALL 
 select Dateadd(dd,1,DATE) as date 
 from cte   
 where date <= @endDate - 1 
 )  
  insert into @a
  SELECT MIN(DATE), MAX(DATE), 'year ' + CAST(DatePart(yy, DATE) as varchar(10))  as Week_NO_Of_Year
  FROM CTE
  Group by 'year ' + CAST(DatePart(yy, DATE) as varchar(10))
  order by MIN(DATE) ASC
  
  OPTION (MAXRECURSION 0)
 end

  RETURN;
END

Hope it will help some one the same way as it did to me :)

Happy coding.

Kill all connections of a Database SQL server 2008

2010-12-08T06:16:00.000-08:00

Hi All,

I was just trying to restore a DB and it was giving me error of Database in use so can not be restored. I googled a bit and found a nice solution so decided to share with you guys.

SET NOCOUNT ON
DECLARE @DBName varchar(50)
DECLARE @spidstr varchar(8000)
DECLARE @ConnKilled smallint
SET @ConnKilled=0
SET @spidstr = ''

Set @DBName = 'DATABASE_NAME'
IF db_id(@DBName) < 4
BEGIN
PRINT 'Connections to system databases cannot be killed'
RETURN
END
SELECT @spidstr=coalesce(@spidstr,',' )+'kill '+convert(varchar, spid)+ '; '
FROM master..sysprocesses WHERE dbid=db_id(@DBName)

IF LEN(@spidstr) > 0
BEGIN
EXEC(@spidstr)
SELECT @ConnKilled = COUNT(1)
FROM master..sysprocesses WHERE dbid=db_id(@DBName)
END

It worked like charm hope you enjoy it as well.

Happy Coding.

Simplest way to use JQuery DataTable in ASP.net (C#)

2010-10-03T12:54:00.000-07:00

Hi All,

Today i will be using JQuery dataTable in ASP.net c# code without any 'bProcessing' , 'bServerSide' and 'sAjaxSource'.

First of All what is Jquery Datatable, just Click and find out :).

After getting the basic structure of JQuery datatable you may find that all the server side examples on site is in PHP and the stuff done for ASP.net seems so difficult nor such newbies like me. so lets talk about a simpler solution.

First we create a simple HTML table. and the place where data will get populated just add an ASP Literal control. :)

<table class="datatable">
                        <thead>
                            <tr>
                                <th class="bSortable">
                                    <input type="checkbox" class="checkbox select-all" />
                                </th>
                                <th>
                                    First Name
                                </th>
                                <th>
                                    Middle Name
                                </th>
                                <th>
                                    Last Name
                                </th>
                               </tr>
                        </thead>
                        <tbody>
                            <asp:Literal runat="server" ID="ltData"></asp:Literal>
                        </tbody>
                    </table>

Now on the server side write a simple function to populate the literal with required data.

private void loadGrid()
    {
        StringBuilder sb = new StringBuilder();
        DataTable dt = MyData.GetAllUserData();
        if (dt != null)
            if (dt.Rows.Count > 0)
                foreach (DataRow dr in dt.Rows)
                {

                    sb.Append("<tr>");
                    sb.Append("<td>");
                    sb.Append("<input type='checkbox' class='checkbox' />");
                    sb.Append("</td>");
                    sb.Append("<td>");
                    sb.Append((dr["vchFirstName"]));
                    sb.Append("</td>");
                    sb.Append("<td>");
                    sb.Append((dr["vchMiddleName"]));
                    sb.Append("</td>");
                    sb.Append("<td>");
                    sb.Append((dr["vchLastName"]));
                    sb.Append("</td>");
                   
                    sb.Append("</tr>");

                }

        ltData.Text = sb.ToString();

    }

For initializing the data table you can refer to the site or use the following code and write it in document.ready() function of jQuery.

function LoadTable() {
 $('.datatable').dataTable({
  'bLengthChange': true,
  'bPaginate': true,
  'sPaginationType': 'full_numbers',
  'iDisplayLength': 5,
  'bInfo': false,
  'oLanguage': 
  {
   'sSearch': 'Search all columns:',
   'oPaginate': 
   {
    'sNext': '&gt;',
    'sLast': '&gt;&gt;',
    'sFirst': '&lt;&lt;',
    'sPrevious': '&lt;'
   }
  }
 });
}

At this point we are done with the basic grid view with just text data but what if we need to perform some functions like delete a particular row, Just don't worry about it create a webservice and write the deletion function in that service then use the following code to call it using jQuery.

function DeleteMe(string IdToBeDeleted){
var webMethod = 'DeleteRecord.asmx/DeleteUser'
var parameters = "{'ID':'" + IdToBeDeleted + "'}"

$.ajax({
        type: "POST",
        url: webMethod,
        data: parameters,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(msg) {    
                alert('Success Deletion');
        },
        error: function(e){
                 alert('Failure Deletion');                         
        }
});

and for Datatable just create an other column and call this DeleteMe function with RowId as parameter to it and a nice deletion will occur.

Hope it helps.

Happy coding....

JQuery menu anchor tag click problem

2010-10-02T12:28:00.000-07:00

Hi All,

Once again a new problem with another solution. If you have ever tried to create a JQuery menu whose click pops out another sub menu and you have to place an anchor tag with in that submenu, you wont find the anchor tag click to be working.

Suppose i have the following structure.

<div class="menu">
    <ul>
        <li><a href="#">My Parent Menu</a>
         <ul>
            <li><a href="myPage.aspx">My Title</a></li>
            <li><a href="#">another Title</a></li>
         </ul>
       </li>
    </ul>
</div>

and you need the internal UL to pop out on clicking external LI. The JQuery sample is.

$('.menu ul li').click(function () {
  submenu = $(this).find('ul');
  if (submenu.is(':visible'))
   submenu.slideUp(150);     
  else
                submenu.slideDown(200);         
  return false;
 });

So what you need to do is to stop propagation of external li item to the anchor tag by

$('.menu li ul li a').click(function(e) {
        e.stopPropagation();
    });

An now you can do your click and pop Ins/pop outs at the same time.

Happy Coding.

Click Server button problem in jquery Model popup ASP.NET

2010-10-02T04:07:00.000-07:00

Hi All,

If you have ever used JQuery model popup with server side controls on it you might face problem when clicking a server button on it, That the server event is not fired when and hence you can not open perform any server activity inside that popup.

The reason is that JQuery models are designed in a way that they should contain a form tag as an ASP.net server page but when the popup appears div gets out from document object model and gets attached to the end of page and hence it never contained a form tag which stops "runat=server" to work so server events didn't gets fired.

The solution is very simple just add the model popup to the parent form and you are done. i have also attached the sample code.

jQuery(function() {
   var myDialog= jQuery("#DialogName").dialog({ 
                        // SET Properties here 
          });
  // Adding Dialog to Parent form will do the Job
  myDialog.parent().appendTo(jQuery("form:first"));
});

Also Take care of one thing that the addition of model dialog to page must b done inside the page it this is done in external javascript file it wont work.

Happy Coding.

Split view Controller, Calling Detail view controller from Navigation view controller.

2010-09-07T00:07:00.000-07:00

You might find lots of Blogs and Books to use Split view controller in a normal way with one root view controller and a detail view controller like a really nice tutorial can be seen here. You might also find a tutorial that will tell you how to call different detail view controllers from root view controller here.

But when it comes to call detail view controller from a controller other then Root view controller help just diminish. As we can use navigation controller in root view controller that will navigate to a controller which is not defined in app delegate for split view controller then comes the real deal of calling it from last controller in navigation.

The solution that i proposed here is to use NSnotifications to broad cast a message with proper name and then use that message in detail view controller to call a function in detail view controller and for the detail item that is to be passed use the Object: parameter on NSnotification to send an object to it which can be utilized in detailview controller.

Lets check some code snippits for better elaboration.

Here is a root view controller didSelectRowatindexPath function from which mostly detail view controller is called but we need some navigation so i am calling a TestViewController by using navigation of root view controller.

- (void)tableView:(UITableView *)aTableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
 int index = [indexPath row];
 
 Category *category = [categories objectAtIndex:index];
 
 
 TestViewController *shopList = [[TestViewController alloc] initWithNibName:@"TestViewController " bundle:[NSBundle mainBundle]];
 shopList.categoryId = category.categoryId;
 [[self navigationController]  pushViewController:shopList animated:YES];
 [shopList release];

}

Now to Reach to a test view controller from which a detail view controller needs to be called in the didSelectRowatindexPath function of this viewcontroller we will be broadcasting an NSTotification

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
 int index = [indexPath row];
 
 [[NSNotificationCenter defaultCenter] postNotificationName:@"dealNotification" object:[article;

}

That all for a new controller in navigation controller. now we move to detail view controller where in ViewdidLoad an observer is added and the function that needs to be called is passed to selector.

- (void)viewDidLoad {

 [[NSNotificationCenter defaultCenter] addObserver: self selector: @selector(iamcallingyou:) name:@"dealNotification" object: nil];
    [super viewDidLoad];
}

Now finally the function whose name is given in selector.

- (void) iamcallingyou:(NSNotification *)pNotification
{
 
 NSLog(@"hi");
// This is a Class Object that i have passed in to object parameter when broadcasting notifications.
 article = (Article *)[pNotification object];
  
 if (popoverController != nil) {
        [popoverController dismissPopoverAnimated:YES];
    } 
 

}

And we are done with it... do some memory management in final touches and we are good to go

Happy Coding.

Memory Exception EXC_BAD_ACCESS, Tracking with NSZombie

2010-09-06T23:31:00.000-07:00

Hi All,

I am just a beginner to Objective C and I phone but Apple takes your brain out once you start coding for them and the biggest brainstorming occurs when its about the memory and its allocation / de allocation.

So i was stuck in same kind of exception and wasted many hours for that but then NSzombie helped me a lot actually when NSZombie is enabled the GDB is interreped when ever we try to access an object that is deallocated from memory.

Its just simple to Enable NsZombie.

1. Goto Executables in project tree

2. Add a Name value pair NSZombieEnable and value equals to YES.

Hope it will also help you,

Happy Coding.

Calling WCF Service from your I PAD/ i Phone Application (Objective C)

2010-08-25T02:22:00.000-07:00

Last Days i have been assigned a task to call an WCF service from an I PAD Application. For all the .Net Programmers this thing is quite simple just to add a reference and Job's done but its not that simple in Objective C we need to create a raw request and then a get a Response. Yet again the response is in raw format as well so we need to do some parsing on it as well.

Again the Tool that helped me lot is Fiddler. As you know that asmx service request and response can easily be obtained by just opening the service URL in browser but its not the case with WCF service you need to create request by your self.

In order to make the job simpler and understandable i used two things

Call the Web service in a c# web application and check all the parameters that it accepts. so that you get an idea of what needs to be sent in request
Secondly Open up fiddler and run the web application so that we can get the Request XML that is created when calling the web service

So we are done with the Environment part now lets start some Objective C portion.

First Create a simple View based application. open the Xib file of view controller place a button over there.

Navigate to the header file of view controller create an Outlet and an IBAction. Then register that action to the button.

Now we come to the .M file of view controller, suppose the function name was buttonClicked we create a string in that and paste the Request from fiddler with little modifications in that.

Note that i have passed three types of parameters to the Request
1. Array of String
2. Boolean
3. Integer Value

Also You will notice two tags
FUNCTION_NAME
PARAMETER_NAME

These two tags specify the function to be called from service and the list of parameters that is passed in this case i have passed a complex type parameter which contains from other normal parameters.

-(IBAction) buttonClicked:(id)sender{
 
 
 NSString *soapMsg = [NSString stringWithFormat:
       @"<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n"
       "<SOAP-ENV:Envelope \n"
       "xmlns:xsd=\"http://www.w3.org/2001/XMLSchema\" \n"
       "xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" \n" 
       "xmlns:SOAP-ENC=\"http://schemas.xmlsoap.org/soap/encoding/\" \n"
       "SOAP-ENV:encodingStyle=\"http://schemas.xmlsoap.org/soap/encoding/\" \n"
       "xmlns:SOAP-ENV=\"http://schemas.xmlsoap.org/soap/envelope/\"> \n"
       "<SOAP-ENV:Body> \n"
       "<FUNCTION_NAME xmlns=\"http://tempuri.org/\">"
       "<PARAMETER_NAME xmlns:a=\"http://schemas.datacontract.org/2004/07/BBB.Model\" xmlns:i=\"http://www.w3.org/2001/XMLSchema-instance\">"
       "<a:_x003C_BrandName_x003E_k__BackingField i:nil=\"true\" xmlns:b=\"http://schemas.microsoft.com/2003/10/Serialization/Arrays\"/>"
       "<a:_x003C_DisplayOnWeb_x003E_k__BackingField>false</a:_x003C_DisplayOnWeb_x003E_k__BackingField>"
       "<a:_x003C_IsFeatured_x003E_k__BackingField>false</a:_x003C_IsFeatured_x003E_k__BackingField>"
       "</PARAMETER_NAME>"
       "</FUNCTION_NAME> \n"
       "</SOAP-ENV:Body> \n"
       "</SOAP-ENV:Envelope>"];
 
 
 //NSLog(soapMsg);
 NSURL *url = [NSURL URLWithString: @"http://SERVICE_URL/Service.svc"];
 NSMutableURLRequest *req = [NSMutableURLRequest requestWithURL:url];
 
 NSString *msgLength = [NSString stringWithFormat:@"%d", [soapMsg length]];
 [req addValue:@"text/xml; charset=utf-8" forHTTPHeaderField:@"Content-Type"];
 [req addValue:@"http://tempuri.org/ICommerceService/FUNCTION_NAME"
   forHTTPHeaderField:@"SOAPAction"]; 
 [req addValue:msgLength forHTTPHeaderField:@"Content-Length"];
 //---set the HTTP method and body--- 
 [req setHTTPMethod:@"POST"]; 
 [req setHTTPBody:[soapMsg dataUsingEncoding:NSUTF8StringEncoding]];
 conn = [[NSURLConnection alloc] initWithRequest:req delegate:self]; if (conn) {
  webData = [[NSMutableData data] retain];
 }
 
}

-(void) connection:(NSURLConnection *) connection didReceiveResponse:(NSURLResponse *) response {
 [webData setLength: 0];
} 

-(void) connection:(NSURLConnection *) connection didReceiveData:(NSData *) data { 
 [webData appendData:data];
}
-(void) connection:(NSURLConnection *) connection didFailWithError:(NSError *) error {
 [webData release]; 
 [connection release];
}

-(void) connectionDidFinishLoading:(NSURLConnection *) connection { 
 
 NSLog(@"DONE. Received Bytes: %d", [webData length]);
 NSString *theXML = [[NSString alloc]
      initWithBytes: [webData mutableBytes] 
      length:[webData length] 
      encoding:NSUTF8StringEncoding];
 //---shows the XML--- 
 //NSLog(theXML);
 [theXML release];
 [connection release];
 [webData release];
}

The function will give the response in connectionDidFinishLoading which can then be parsed by any XML parser.

The Best XML parser that i found is COCOA With Love.

Hope It Helps.

Happy Coding....

Show Popup when Application is installed for First time - Iphone

2010-07-22T00:04:00.000-07:00

Hi All,

You might have seen the applications in I-phone that shows a welcome message only when you install the application for instance you might think that there is a Database at back end which is used to save some constants but most apps are without any database.

The most interesting way that i found in getting a popup message on application install is using NSUserDefaults this contains a set of constants that are related to a particular user. so what we will do is that when ever the user launches application for the first time we will add a new constant in NsUserdefault and from then on every time we will check the value of it so for every next time the value will be saved with constant name and hence no action will be taken.

Let me share a code snippet with you.

 1 - (void)viewDidLoad {
 2  int x = [[NSUserDefaults standardUserDefaults] integerForKey:@"CONSTANT_NAME"];
 3  if( x == 1 )
 4  {} 
 5  else
 6  {
 7   [[NSUserDefaults standardUserDefaults]setInteger:1 forKey:@"CONSTANT_NAME"];
 8   [[NSUserDefaults standardUserDefaults]synchronize]; 
 9   
10   UIAlertView *alert = [[UIAlertView alloc] initWithTitle:nil message:@
"Thank you for installing the iPhone application."
 delegate:self cancelButtonTitle:@"Later" otherButtonTitles:@"Okay" ,nil];
11   [alert show];
12   [alert release];
13  }
14     [super viewDidLoad];
15 }

Line 1: The function viewdidLoad will be called when the View controller is loaded.
Line 2: The first thing it will do is to check the constants name and save its value to a variable.

Line 3: A conditional statement will check if the value exists in constant.
Line 7: Save some value in NsUserDefault.
Line 10: Show an alert view as the constant is not set.

Happy coding.

CS 2008.5 Navigation in Telligent community 5

2010-04-28T01:22:00.000-07:00

To restore the CS2008.5 navigation - where you specified navigation through the control panel.

1. Make a backup of your existing ~/utility/headerfragments/core/groupnavigation.ascx ~/themes/fiji/theme.config files and ~/controlpanel/settings/themeconfiguration.aspx files
2. Replace the ~/utility/headerfragments/groupnavigation.ascx file with the below

<%@ Control Language="C#" AutoEventWireup="true" %>
<%@ Import Namespace="CommunityServer.Components"%>

public bool IsOneBarNavigation()
{
return themeData.GetBoolValue("onebarnavigation", false);
}

</script>

<div id="ParentGroupListContainer" class="parent-container" style="width: 100%" runat="server">
<div class="parent-sub-container">
    <CSControl:NavigationList runat="server" Property="navigationItems" Theme="<%= themeData.ThemeName %>" Level="0" RenderChildrenInContextMenu="false" >
        <LeaderTemplate>
            <div class="navigation-list-header"></div>
            <ul class="navigation-list parent">
        </LeaderTemplate>
        <ItemTemplate>
            <CSControl:ConditionalContent runat="server">
                <ContentConditions><CSControl:CSLinkPropertyValueComparison runat="server" ComparisonProperty="IsSelected" Operator="IsSetOrTrue" /></ContentConditions>
                <TrueContentTemplate><li class="navigation-item selected entry"></TrueContentTemplate>
                <FalseContentTemplate><li class="navigation-item entry"></FalseContentTemplate>
            </CSControl:ConditionalContent>
            <CSControl:CSLinkData runat="server" LinkTo="Link" Property="Text" />
        </ItemTemplate>
        <TrailerTemplate>
            </ul>
            <div class="navigation-list-footer"></div>
        </TrailerTemplate>
    </CSControl:NavigationList>
</div>
</div>
<CSControl:NavigationList runat="server" Theme="<%= themeData.ThemeName %>" Property="navigationItems" Level="1" ShowHeaderFooterOnNone="false">
    <DisplayConditions><CSControl:CustomCondition CustomResult="<%# !IsOneBarNavigation() %>" runat="server" /></DisplayConditions>
    <NoneTemplate></NoneTemplate>
    <HeaderTemplate>
        <div id="ChildGroupListContainer">
            <div class="navigation-list-header"></div>
            <ul class="navigation-list child">
    </HeaderTemplate>
        <ItemTemplate><CSControl:CSLinkData runat="server" CssClass="navigation-item entry" Tag="Li" LinkTo="Link" Property="Text" /></ItemTemplate>
        <FooterTemplate>
            </ul>
            <div class="navigation-list-footer"></div>
        </div>
    </FooterTemplate>
</CSControl:NavigationList>

3. Add the following into ~/themes/fiji/theme.config

4. Add the following into the <script> block at the top of /controlpanel/settings/themeconfiguration.aspx - this is to work around an issue with the Dynamic Navigation Configuration Control.

function ContentFragments_Update(cfConfigurationData) {
    if (cfConfigurationData != null && _contentFragments_currentContentFragmentId) {
        var cfState = document.getElementById('ContentFragments_' + _contentFragments_currentContentFragmentId);
        if (cfState)
            cfState.value = cfState.value.split(':')[0] + ':' + cfConfigurationData;
    }

   _contentFragments_currentContentFragmentId = null;
}

Taken from the post of Alex Chrome "http://telligent.com/community/ideas/f/532/t/1057775.aspx"

Happy coding.

Screen Scrapping with HTTP request.

2010-03-10T06:01:00.000-08:00

Hi All,

This posts is about the screen scrapping with out using any third party tool by using HttpWebRequest object.

So guys download fidler 2 here to get started. "http://www.fiddler2.com/fiddler2/"

Open up fidler 2 and click launch IE button in the top right corner. when the browser is launched open up the URL in the browser which needs to be scrapped.

and click on the inspector tab in right top column. there you will see several tabs of header , text view , web form for the request generated.
and in the right bottom column you will notice response in various formats select the tab web view in the bottom.

Create a .net application write the following code in MyPage.aspx.cs file

strURL = "http://www.rppsales.com/Properties.aspx";
string startDate = DateTime.Now.ToShortDateString();
string endDate = DateTime.Now.AddDays(1).ToShortDateString();
HttpWebRequest request = (HttpWebRequest)WebRequest.Create(strURL);
request.Method = "POST";
request.CookieContainer = new CookieContainer();
request.CookieContainer.Add(new Uri(strURL), new Cookie("cookieName", "CookieValue"));

In this piece of code you will notice that i am using a cookie container for adding cookies that are made while requesting the site. you can check the cookies in Request > header Tab of filder under the tree view cookies / login

When the cookies are placed in the container we will try getting the request data to get that open up the second tab textview of fidler and use it in the code like.

string postData = "__EVENTTARGET=&__EVENTARGUMENT=&__LASTFOCUS="; //Paste data of textview here in double qoutes

then you have to post the data and will read the response. by using the following peice of code.

byte[] byteArray = Encoding.UTF8.GetBytes(postData);
// Set the ContentType property of the WebRequest.
request.ContentType = "application/x-www-form-urlencoded";
// Set the ContentLength property of the WebRequest.
request.ContentLength = byteArray.Length;
// Get the request stream.
Stream dataStream = request.GetRequestStream();
// Write the data to the request stream.
dataStream.Write(byteArray, 0, byteArray.Length);
// Close the Stream object.
dataStream.Close();
// Get the response.
WebResponse response = request.GetResponse();
// Display the status.
this1.Text = ((HttpWebResponse)response).StatusDescription;
// Get the stream containing content returned by the server.
dataStream = response.GetResponseStream();
// Open the stream using a StreamReader for easy access.
StreamReader reader = new StreamReader(dataStream);
// Read the content.
string responseFromServer = reader.ReadToEnd();
// Display the content.

this1.Text += responseFromServer;
////Console.WriteLine(responseFromServer);
// Clean up the streams.
reader.Close();
dataStream.Close();
response.Close();

At this stage the response of the server is in your pocket. Apply regular expression to extract the data that you need. and save it any where you want.

Happy Coding.

Cheers.