/*

file Name: rtl.css
Author: Wajid Afaneh

*/

*{
    font-family: Tahoma !important;
}
a,div{
    font-size: 12px;
    color: #333;
}


#header #nav-info .wrapper ul {
    float:left;

}

#header #nav-info .wrapper ul li {
    float:left;
    padding: 0 13px;
}



#header #nav-info .wrapper ul li#lang-nav{
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;
}

#header #nav-info .wrapper ul li#lang-nav a{
   font-size: 12px; 
}

#header #nav-info .wrapper ul li input {

    padding-left:6px;

}

#header #nav-info .wrapper ul li:last-child {
    padding-left:13px;
    padding-right:0;
}

#header #site-nav a#logo{

    float:right;

}

.widget-area .widget-box {
    float:left;    
}

.outer-cont{
    float:right;
}

.widget-area .widget-box a#more-tag{
    float:right;
}
.widget-area .widget-box h1{

    text-align:right;
    direction:rtl;
}

div#box-bg{
    
}

.widget-area .widget-box div.widget-box-content{
    direction:rtl;
}

.widget-area .widget-box div.widget-box-content ul {
    padding-left: 0;
    padding-right: 15px;	
}

.widget-box div.widget-box-content ul.news li.news p.date{
    float:right;
    padding-right:0;
    padding-left:12px;
}

.success-area #content{
    padding-top:19px;
}


.success-area #content .success-widget{
    float:left;
    margin-right:1px;

}

.success-area #content .success-widget:last-child{
    margin-right:0;

}

.success-area #content h1{
    text-align:right;
    padding-right:13px;
    padding-left:0;
    margin:0 0 16px 0;
    font-size: 20px;
}

.success-area #content .slide .success-widget p{
    direction:rtl;
}

#footer .partners h1{
    float:right;   
}

#footer .partners .partners-links{
    float:right;
}

#footer .partners .partners-links a{
    float:right;    
}

#info{
    margin-top:25px;	
}

#footer a#logo{
    margin-left:0px;
    margin-right:10px;
    float:right;
}

#footer #info p{

    float:right;
    direction: rtl;
}

#footer #social {
   float: left; 
}

/* page styling */



div#content div.side-bar{

    float:right;
}


div#content div.side-bar .message{
    padding:13px 11.92px 10px px 11.82px;
    direction:rtl;

}

div#content .blog-txt{

    direction: rtl;
    padding: 15px;
    float:right;
    margin-left:0;
    margin-right:13px;
}

div#content .blog-txt h1.title{
    padding-bottom:8px;
}

/* menu styleing rtl */

.horizontal {
    float:left;
}

.horizontal ul li{
    float:right;
    border-right: 1px solid #bdbebf;
    border-left: none;

}

.horizontal>ul>li>a{
 padding: 16px 18px;
}

.horizontal>ul>li>a:hover{
    border-bottom: 0px solid #495917;
}
.horizontal>ul>li>a.hover{
    border-bottom: 0px solid #495917;
}
.horizontal>ul>li>a.activemenu{
    border-bottom: 0px solid #495917;
}

.horizontal li li{
    border-right:none;
    float:none;
    margin-bottom: 0px;
}
.horizontal li li.last{     
}

.horizontal>ul>li li.last>a{
    border-bottom: none;
}

.horizontal>ul>li li.last>a:hover{
    border-bottom: none;
}

.horizontal li.last>ul{
    /* left: 0px; */
}

.horizontal ul li ul{
    position: absolute;
    /*  top: 46px; */
    right: -1px;
    margin-top: 0px;
}

.horizontal ul ul ul{
    top:0px;
    right: 190px;
    margin-top: 0;
}

.horizontal ul li li a{
    /*    border:  0px solid #004990;*/
    border-top: none;
}


/*here we use a little CSS to make a basic/backup dropdown menu in modern browsers *cough* not IE6 or less *cough* if javascript is disabled.Flickering never happens in these browsers*/
.mlmenu li ul{
    display: none;
}
.mlmenu li:hover>ul{
    display: block;
}
/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
.accessible li ul{
    display: block;
}
/*Code to show an element has a child*/
.mlmenu.plus li a:first-child:not(:last-child):after{
    content: '+';
}
.plus a span{
    padding-left: 0em;
}
.noshow{
    visibility: hidden;
}


.pink li ul{

    padding: 5px 10px;

}
.pink li ul li a{
    background-color: transparent;
    border-bottom: 1px solid #d1d1d1;
    color: #878787;
    padding: 7px 2px 7px 2px !important;
}

div#menu li.last a{

    /*padding-right:16px;
    padding-left:0;
    */ }

#footer .partners h1{
    font-size:20px;
    direction:rtl;
}


/* extra styling */
/* wajid */

.more_news_title {
    padding-right:5px;
}

.rtl{
    text-align: right !important;
    direction: rtl !important;
}
#searchBox{   
    width: 165px;
}

#searchBox input[type=text]{	
	font-size:11px;
	padding-right:6px;
        float: left;
}
#searchBox input[type=image]{
    margin: 5px 0 0 5px; 
    /* Lang */
    float: left;
}

div.mc-caption {
    padding: 3px 10px 3px 0 !important;
    text-align: right !important;   
}

.widget-box div.widget-box-content ul.news li.news .date {   
    float: right;
    font-size: 10px;
    padding-right: 0px;
    padding-left: 12px;
}

#footer .copyright {    
    float: right;   
    margin: 27px 12px 27px 0;
}

#zoom {
    top: 4px;    
}

div.mc-caption-bg, div.mc-caption-bg2 {
    left: 482px !important;   
}


#fullCol ul {   
    padding: 5px 10px 5px 5px;
}

#fullCol ul li {
    background: url("../images/arrow_ar.png") no-repeat scroll 100% 5px transparent;
    padding: 0 15px 0 0;
}

.capa {
    float: right;
}

.capaF {
    float: right;
    margin: 0 5px 0 0;
}
.staffData {
    float: left;   
}

.staffCat {
    float: right;   
}

.staffMenu {
    float: right;   
}

.thumb {
    float: right;
}

.staff_bio {
    float: left;
}
.staffCat a {  
    padding: 10px 10px 10px 0;  
}

.blog-body .block a.blog-profile {
    float: right;
    margin-right: 0px;
    margin-left: 10px;
}

.thumbCont {
    float: right;
     padding: 0 10px 0 0;
}

.galleryCat {
    right: auto;
    left: 0 !important;  
}

.selectBox-dropdown {
	text-align: right;
}

.selectBox-dropdown .selectBox-label {   
    float: left;
}

.selectBox-options, .selectBox-options LI, .selectBox-options LI A {
    text-align: right;
}

.album .container{
    padding: 0px 10px 0px 0px ;
    float: right;  
}
.innerSliderBlock .title { 
    font-size: 14px;
}
.logoHolder{
    float: right;
}

#joinFormPlace label{    
    padding: 0 0 0 10px;
    float: right;      
}
#joinFormPlace input[type=text]{
    float: right;     
}

#joinFormPlace .joinCapa{  
    float: right !important;    
}
#joinFormPlace .joinCapaF{ 
    float: right !important;    
}