/*** skin-rtl.css for rtl right-to-left layout and text flow ***/

body { direction:rtl; }  /*general switch to rtl for all elements */

#header  { padding: 5px 10px 5px ; }

#search-toggle-label { right:auto; left:45px; }  /*right:auto needed to reset right:xx from skin.css */
#actions-toggle-label { right:auto; left:8px; }
#menu-toggle-label, #menu-close-label { right:auto; left:5px; }

#topactions { right:auto; left:0px; }
#topsearch  { right:auto; left:75px; }

#rightmenu, #leftmenu { right:auto; left:0; transform: translate3d(-18em, 0, 0); } /*foldout side menu always left */


/*rtl-specific rules for tablets & mobile landscape > 640px 40em */
@media screen and (min-width:40em) {
	
	#topactions { right:auto; left:0px; }
	#topsearch  { right:auto; left:75px; }

} 
/*rtl-specific rules for tablets & mobile landscape > 880px 55em */
@media screen and (min-width:55em) {
	#header  { padding: 5px 1.5em 5px ; }
	#rightmenu { right:auto; left:auto; transform: translate3d(0, 0, 0); }
	#leftmenu { left:auto; right:auto; transform: translate3d(0, 0, 0); }
	#topactions { right:auto; left:10px; }
	#topsearch  { right:auto; left:10px; }
	
	#main { direction:ltr;
    display: table;
    table-layout:fixed;
    width: 100%;
  }
	#rightmenu, #leftmenu, #content { direction:rtl; display: table-cell; }	

}