/*********************************************************/
/*  Designed By www.openphp.ir
/*********************************************************/

/* COMMON STYLE
--------------------------------------------------------- */
html { direction: rtl; }

th { text-align: right; }

a.readon {
	background: url(../images/rtl/arrow-readon.gif) no-repeat 98% 48%;
	padding: 1px 20px 1px 5px;
}

.ja-box { float: right; }

/* List ---*/
.column ul li {
	background-position: 99% 8px;
	//padding-right: 20px;
	//margin-left: 0; margin-right: 0;
}

.column ol li { margin-left: 0; margin-right: 30px; }

/* FORM
--------------------------------------------------------- */
/* Login ---*/
.login_form label,.form-register label,.user-details label {
	text-align: left;
	float: right;
}

.login_form .inputbox, .form-register .inputbox, .user-details .inputbox {
	margin-left: 0;
	margin-right: 10px;
}

.login_form .button, .form-register .button, .user-details .button {
	margin-left: 0;
	margin-right: 140px;
}

/* JOOMLA STYLE
--------------------------------------------------------- */
/* Meta ---*/
.article-meta { float: right; }

.article-meta * { float: right; }

.createby { margin-right:5px;}

.buttonheading { float: left; }

.buttonheading img { float: left; }

.img_caption.left {
	float: right !important;
	margin-right: 0;
	margin-left: 1em;
}

.img_caption.right {
	float: left !important;
	margin-right: 1em;
	margin-left: 0;
}

/* Content Toc */
table.contenttoc { float: left; }

/* Poll */
dl.poll dt, dl.poll dd { float: right; }

dl.poll dt { clear: right; text-align: left; margin-left: 5px;}

dl.poll dd { clear: left; }

table.pollstableborder { text-align: right; }

/* Pagination ---*/
ul.pagination { float: right; }

ul.pagination li { float: right; display: block; padding-right: 0; }

ul.pagination a { }

.sortby .filter, .sortby .display { float: right; width: 40%; text-align: right; }

.sortby .display { float: right; text-align: right; }

.counter { float: left; text-align: left; }

.blog_more ul li {
	background: url(../images/bullet.gif) no-repeat 99% 8px;
	padding-left: 0; padding-right: 20px; 
}

/* MODULE STYLES
--------------------------------------------------------- */
/* Poll Module ---*/
form.poll fieldset input { text-align: right; }
form.poll .button { margin-right: 0; margin-left: 5px; }

/* Advertisement ---*/
div.bannergroup_text div.bannerfooter_text { text-align: left; }

/* text */
div.module_text span { float: right; }

/* Search Module ---*/
#ja-search {
position: fixed;
left: 50px;
padding: 3px;
background-position: center;
top: 42px;
background-color: #2D2D2D;
border-radius: 0px 12px 12px 0px;
}
.test {
	position: absolute;
	left: 4px;
	background-position: right center;
	right: auto;
	z-index: 1;
	height: 28px;
	width: 65px;
	top: 4px;
	border: 1px solid #333;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
}
.test:hover {
    background-color: #333;
    color: white;
}

/* Badge Module ---*/
.badge { background-image: url(../images/icon-badge-rtl.png) !important; right: auto; left: 0; }

.ja-module .badge { right: auto; }
.ja-box-full .badge, .ja-box-left .badge { left: 3px; }
.ja-box-full .badge, .ja-box-right .badge { right: auto; }

/* Module list ---*/
div.ja-moduletable ul li, div.ja-module ul li {
	padding-left: 0;
	padding-right: 12px;
	background-position: right 8px;
	margin-right: 10px;
}

/* Collapsible h3 ---*/
h3.show, h3.hide { background-position: 10px 60%; }

/* HEADER
--------------------------------------------------------- */
#ja-header .main { background-position: top left; }

h1.logo, div.logo-text { float: right; }

/* NAVIGATION
--------------------------------------------------------- */
/* Main Nav ---*/
span.has-image {
	padding-left: 0;
	padding-right: 25px;
	background-position: right 7px;
}

/* Sub Nav ---*/
#ja-subnav li {
	border-left: 0;
	border-right: 1px dotted #999;
	float: right;
	padding: 0 11px 0 10px;
}

#ja-subnav li.first-item { border-right: 0; }

/* Sub Nav (lv2) ---*/
#ja-subnav ul li ul { display: none;}

#ja-subnav ul li.hover ul { left: auto; right: auto; display: block; }

#ja-subnav ul li.haschild a {
	background-position: right center;
	background-image: url(../images/arrow-rtl.png);
	padding-right: 12px;
	padding-left: 0;
}

#ja-subnav ul li.haschild a:hover { background-image: url(../images/arrow3.png); }

#ja-subnav ul li.haschild li a, #ja-subnav ul li.hover li a { padding-left: 0; }

#ja-subnav ul li ul li { border-right: 0; text-align: right; }

/* Main level ---*/
#ja-container ul#mainlevel li {
	background-position: 98% center;
}

/* Breadcrumbs ---*/
#ja-breadcrums { text-align: right; margin-left: 0; margin-right: 0; }

#ja-breadcrums a { padding-left: 20px; background: url(../images/rtl/arrow.png) no-repeat 8px center; }

#ja-breadcrums .inner * { float: right; }

#ja-breadcrums img { display: none; }

span.pathway { margin-right:5px; }

#ja-breadcrums .inner { padding-right:10px; }

#ja-breadcrums strong { margin-right:15px; }

/* Extras ---*/
.ja-links { float: left; }

/* Default Joomla! Menu ---*/
#ja-container ul.menu li ul { margin: 0 10px 0 0; }
#ja-container ul.menu li li { background-position: right 12px; background-image:url(../images/rtl/arrow.png); }

/* SPOTLIGHT
--------------------------------------------------------- */
.ja-slide-main-wrap { direction: ltr; }
.maskDesc { direction: rtl; }

.maskDesc a.readon {
	background: transparent url(../images/rtl/topsl-readon.png) no-repeat scroll left top;
	padding: 6px 55px 0 15px;
	width: 90px;
	right: 10px;
}

.maskDesc a.readon:hover, .maskDesc a.readon:active, .maskDesc a.readon:focus {
	background:transparent url(../images/rtl/topsl-readon.png) no-repeat scroll left bottom;
}

#ja-topsl .ja-box { background-position: left center; }

#ja-topsl li, #ja-botsl li {
	background-position: 99% 8px;
	padding-left: 0;
	padding-right: 15px;
	margin-right: 0;
}

#ja-topsl ol li, #ja-botsl ol li { margin-left: 0; margin-right: 25px; }

/* FOOTER
--------------------------------------------------------- */
#ja-footer .main {}
#ja-footer .inner { float: right; text-align: right; clear: both }
#ja-footer small { color: #666; font-size: 100%; }

/* Foot Links ---*/
#mainlevel-nav { float: right; width: 50%; }

#mainlevel-nav li a {
	display: block;
	border: 1px solid;
}

.ja-footnav li { float: right; border-right: 1px solid #ddd; border-left: 0; }

.ja-footnav .ja-firstitem { border-right: 0; }

.ja-links li { border: 0; display: block; float: left  }

.ja-links li a { display: block !important; float: left; }

#ja-poweredby {
	right: auto;
	left: 10px;
}

/* MISCELLANOUS
----------------------------------------------------------- */
/* User Tools ---*/
ul.ja-usertools-font { left: 20px; right: auto; }
ul.ja-usertools-screen  { left: 90px; right: auto; }

/*==========
typo.css
============*/
/* SPECIAL CONTENT
-----------------------------------------------------------------*/
/* Pre, Code ---*/
pre, .code { border-left: 0; border-right: 5px solid #ccc; }

/* Dropcap ---*/
.dropcap {
	float: right;
	font: 60px/40px tahoma, Times, serif;
	padding: 7px 0 0 8px;
}

/* Tips, Error, Message, Hightlight ---*/
p.error, p.message, p.tips, p.rss, p.key, p.tag, p.cart, p.note, p.photo, p.doc, p.mobi {
	padding-left: 0;
	padding-right: 25px;
}

p.error span.icon, p.message span.icon, p.tips span.icon, p.rss span.icon, p.key span.icon,
p.tag span.icon, p.cart span.icon, p.note span.icon, p.photo span.icon, p.doc span.icon, p.mobi span.icon {
	right: 0;
}

/* Special list style ---*/
ul.checklist li, ul.star li, ul.arrow li,
ul.address li, ul.phone li, ul.email li {
	margin-left: 0;
	margin-right: 8px;
	padding: 0 22px 0 0;
}

ul.checklist span.icon, ul.star span.icon, ul.arrow span.icon,
ul.address span.icon, ul.phone span.icon, ul.email span.icon {
	right: 0;
}

ul.arrow span.icon {
	background-image: url(../images/icons/icons-arrow-rtl.png);
	background-position: left top;
}

ul.bookmark-links li {
	background-position: right 10px !important;
	padding: 5px 10px 5px 0 !important;
}

/* Big Number ---*/
p.blocknumber { padding: 5px 55px 5px 0 !important; }

.bignumber-1, .bignumber-2, .bignumber-3 { right: 0; }

/* Talking box. Thinking box. ---*/
div.bubble span.arrow {
	margin-left: 0;
	margin-right: 20px;
}

div.bubble span.author {
	background-position: 99% 3px;
	padding-left: 0;
	padding-right: 25px;
}

/* Box style ---*/
.box-sticky, .box-download {
	background-position: 99% center;
	padding-left: 0 !important;
	padding-right: 50px !important;
}

/* Legend ---*/
.legend-title { float: right; left: auto; right: 7px; }

/* OTHERS
--------------------------------------------------*/
div.ja-adv span.sponsor { text-align: left; }

/*==========
menu/*.css
============*/

/* SPLIT + DROPLINE
----------------------------------------------------------- */
#ja-splitmenu, #jasdl-mainnav,
#ja-splitmenu li, #jasdl-mainnav li { float: right; }

#ja-splitmenu li, #jasdl-mainnav li { background-position: left top; }

#ja-splitmenu li.first-item a:hover,
#ja-splitmenu li.first-item a:active,
#ja-splitmenu li.first-item a:focus {
	background-position: -274px -48px;
}

#ja-splitmenu li.active.first-item a,
#ja-splitmenu li.active.first-item a:hover,
#ja-splitmenu li.active.first-item a:active,
#ja-splitmenu li.active.first-item a:focus {
	background-position: -678px -48px;
}

/* CSS + MOO
----------------------------------------------------------- */
#ja-cssmenu { float: right; }

#ja-cssmenu li { float: right; background-position: left top; }

#ja-cssmenu li li { padding: 0 0 0 1em; }

#ja-cssmenu li ul {
	left: auto  !important;
	display: none;
}

#ja-cssmenu li:hover ul ul, #ja-cssmenu li:hover ul ul ul,
#ja-cssmenu li.sfhover ul ul, #ja-cssmenu li.havechildsfhover ul ul, #ja-cssmenu li.havechild-activesfhover ul ul, #ja-cssmenu li.activesfhover ul ul,
#ja-cssmenu li.sfhover ul ul ul, #ja-cssmenu li.havechildsfhover ul ul ul, #ja-cssmenu li.havechild-activesfhover ul ul ul, #ja-cssmenu li.activesfhover ul ul ul {
	left: auto;
	display: none;
}

#ja-cssmenu li:hover ul, #ja-cssmenu li li:hover ul, #ja-cssmenu li li li:hover ul,
#ja-cssmenu li.sfhover ul, #ja-cssmenu li.havechildsfhover ul, #ja-cssmenu li.havechild-activesfhover ul, #ja-cssmenu li.activesfhover ul,
#ja-cssmenu li li.sfhover ul, #ja-cssmenu li li.havesubchildsfhover ul, #ja-cssmenu li li.havesubchild-activesfhover ul, #ja-cssmenu li li.activesfhover ul,
#ja-cssmenu li li li.sfhover ul, #ja-cssmenu li li li.havesubchildsfhover ul, #ja-cssmenu li li li.havesubchild-activesfhover ul, #ja-cssmenu li li li.activesfhover ul {
	left: auto;
	display: block;
	right: auto;
}

#ja-cssmenu li ul ul {
	margin: -2.5em 14em 0 0; /* third-and-above-level lists */
}

#ja-cssmenu li.havesubchild,
#ja-cssmenu li.havesubchild-active {
	background-position: 6% 50%;
}

#ja-cssmenu li a.first-item:hover, #ja-cssmenu li a.first-item:active, #ja-cssmenu li a.first-item:focus {
	background-position: -274px -48px !important;
	color: #fff;
}

#ja-cssmenu li a.active.first-item,
#ja-cssmenu li a.active.first-item:hover,
#ja-cssmenu li a.active.first-item:active,
#ja-cssmenu li a.active.first-item:focus {
	background-position: -678px -48px;
}

/* MEGA MENU
----------------------------------------------------------- */
.childcontent .r { right: 0; }

ul.level0 .childcontent {
	margin-left: 0;
	margin-right: -4px;
}

ul.level0 { float: right; }

ul.level0 li.mega { float: right; background-position: left top; }

ul.level0 li.mega .has-image {
	padding-left: 0;
	padding-right: 25px;
	background-position: right;
}

ul.level0 li.haschild a.mega span.menu-title,
ul.level0 li.haschild-over a.mega span.menu-title {
}

ul.level0 li.haschild a.mega span.menu-desc,
ul.level0 li.haschild-over a.mega span.menu-desc {
}

.ja-megamenu li.mega .childcontent,
.ja-megamenu li.haschild-over li.mega .childcontent,
.ja-megamenu li.mega li.haschild-over li.mega .childcontent ,
.ja-megamenu li.mega li.mega li.haschild-over li.mega .childcontent, 
.ja-megamenu li.mega li.mega li.mega li.haschild-over li.mega .childcontent, 
.ja-megamenu li.mega li.mega li.mega li.mega li.haschild-over li.mega .childcontent {
	left: auto;
	display: none; /*hide the menu*/
}

.ja-megamenu li.haschild-over .childcontent,
.ja-megamenu li.mega li.haschild-over .childcontent,
.ja-megamenu li.mega li.mega li.haschild-over .childcontent,
.ja-megamenu li.mega li.mega li.mega li.haschild-over .childcontent,
.ja-megamenu li.mega li.mega li.mega li.mega li.haschild-over .childcontent,
.ja-megamenu li.mega li.mega li.mega li.mega li.mega li.haschild-over .childcontent {
	left: auto; /*show on parent:hover*/
	display: block;
}

ul.level0 li.over, ul.level0 li.haschild-over {
	background-position: -50px -48px;
}

ul.level0 li.over.first, ul.level0 li.haschild-over.first {
	background-position: -274px -48px;
}

ul.level0 li.active { background-position: -450px -48px;}

ul.level0 li.active.first { background-position: -678px -48px; }

ul.level0 .childcontent { margin-left: 0; }

ul.level1 li.mega { float: none; }

ul.level1 .childcontent { margin: -2em 140px 0 0; }

ul.level1 li.mega a.mega span.menu-title { padding-right: 0; }

ul.level1 li.haschild {
	background-position: 5% center;
	background-image: url(../images/arrow-rtl.png);
}

ul.level1 li.over, ul.level1 li.haschild-over { background: #333; }

ul.level1 li.group { background: none; }

.childcontent .ja-moduletable li { background-position: right 7px !important; }