body {
        margin: 0px;
        padding: 0px;
        color : #333;
        font-size : 11px;
        font-family : tahoma;
        direction : rtl; /* rtl change for farsi templates and change it to right-to-left direction scrolling in Farsi Language */
}
#header {
        display: block;
        height: 320px;
        width: 100%;
        position: relative;
        background-image: url(../images/header.gif);
}
#top {
        display: block;
        position: relative;
        height: 97px;
        width: 780px;
        padding: 0px;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
}
#logo {
        position: absolute;
        left: 4px;
        top: 23px;
        width: 153px;
}
#global_nav {
        display: block;
        position: relative;
        width: 100%;
        top: 68px;
        margin:0 auto;
        
}
#banner {
        width: 780px;
        padding-top: 3px;
        padding-bottom: 3px;
        position: relative;
        top: 1px;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
        text-align: center;
}
#footer {
        width: 100%;
        background-image: url(../images/footer.jpg);
        background-repeat: repeat-x;
        background-position: top;
        background-color: #51473D;
        font-family: Tahoma, Tahoma;
        font-size: 10px;
        color: #9B8A79;
        padding-top: 25px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        position: relative;
        
}
#content {
        width: 780px;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
        position: relative;
        height: 200px;
}
#left {
border: 1px dotted #F0F0F0;
        background-color: #EAE7D2;
        

        float: right;   /*---- you can change the place of modules position for Farsi & Persian Websites  ----*/
        width: 160px;  /*---- left/right module Width change for large image gallery pages input auto; for dynamic contents default 160px------*/
        vertical-align: top;
        padding-top: 6px;
        padding-right: 6px;
        padding-bottom: 6px;
        padding-left: 10px;
}
#main {
        border: 1px dotted #DDDCDC;
        background-color: #FFFFFF;
        float: left;
        vertical-align: top;
        width: 570px; /*------ Main Content Page Width change for large image gallery pages input auto; for dynamic contents  default 570px ------*/
        padding-top: 0px;
        padding-right: 6px;
        padding-bottom: 6px;
        padding-left: 6px;
        margin-left: 6px;
}

/*--------------- custom Porotal related --------------------*/


#global_nav ul{
list-style:none;
float:left;
padding:0px;
margin:0px;


}
#global_nav li{
float:left;
margin:0 0.15em;

}


.moduletable {
        margin:5px;

}

.moduletable td {        
        text-align: right;
        
                        /** if  some words of module text is too right and can not view remove this ban and padding it to left Farsi  **/
                
         padding-right: 2px;    

}


.moduletable th {
        color: #4F8296;
        font-family: Tahoma, Tahoma;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 0px;
        text-align: left;
        padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 3px;
}


/** category text format and links **/

.category {
        color: #FF8C00;
        font-family: Tahoma;
        font-size: 11px;
        letter-spacing: 0px;
        text-decoration: none;
}

.componentheading {
        color: #FF8C00;
        font-family: Tahoma, Tahoma;
        font-size: 28px;
        letter-spacing: 0px;        
        margin-bottom: 15px;        
}



.contentdescription {
        color: #353535;
        font-family: Tahoma;
        font-size: 11px;
        text-align: right;
}



.contentheading {
        color: #92B07A;
        font-family: Tahoma, Tahoma, Tahoma, Tahoma;
        font-size: 18px;
        letter-spacing: 0px;
        margin-bottom: 15px;
        margin-top: 15px;
}

.small {
        color: #FF8C00;
        font-family: Tahoma, Tahoma;
        font-size: 10px;
        font-weight: normal;        
        text-decoration: none;
}
.createdate {
        color: #708090;
        font-family: Tahoma, Tahoma;
        font-size: 10px;
        font-weight: normal;
        text-decoration: none;
}
td,tr {
        color: #3C3C3C;
        font-family: Tahoma, Tahoma;
        font-size: 11px;
        line-height: 18px;
        

}



/* --------------------- not used css button---------------------*/
/*

.button {
        background-color: #F5F5F5;
        border: 1px solid #CBCBCB;
        color: #000000;
        float: right;
        font-family: Tahoma;
        font-size: 11px;
}

*/

.button:hover {
        color: #FFFFFF;
}


/* --------------------- links ---------------------*/

/*

a:link, a:visited {
                
        color: #666666;
        
        font-family: Tahoma, Tahoma;
        font-size: 11px;
        line-height: 20px;

        text-decoration: none;
        
        

}



a:hover {
        color: #2388FF;
}

*/


a.readon:link, a.readon:visited {

        
        background-position: left;

        background-repeat: no-repeat;

        color: #4682B4;

        font-family: Tahoma;

        font-size: 11px;

        line-height: 30px;

        padding-left: 15px;

}



a.readon:hover {

        color: #000DBB;

        text-decoration: none;

}



#global_nav li a:link ,#global_nav li a:visited {
        line-height: 18px;
        float: left;
        display: block;
        color: #FFFFFF;
        text-decoration: none;
        text-align: center;
        padding-top: 2px;
        padding-right: 10px;
        padding-bottom: 2px;
        padding-left: 10px;
        border-top-width: 2px;
        border-top-style: solid;
        border-top-color: #847C73;
        font-family: Tahoma, Tahoma;
        background-color: #797066;
        font-size: 11px;
        border-right-width: 2px;
        border-left-width: 2px;
        border-right-style: solid;
        border-left-style: solid;
        border-right-color: #847C73;
        border-left-color: #847C73;
}

#global_nav li a:hover {
        background-color: #BDB6AE;
        
        
        color: #2E2B27;
        
} 
#global_nav a#active_menu {
        color: #333333;
        
        background-color: #BDB6AE;  /*---- original color was #EAE7D2 light yellow   ----*/
        
}






a:link {
        color: #0033CC;
        line-height: 20px;
        text-decoration: none;
  font-family: tahoma;
  font-size        : 11px;

}



a:visited {
        color: #0033CC;
        line-height: 20px;
        text-decoration: none;
          font-family: tahoma;
  font-size        : 11px;
}



a:hover {
        color: #333333;
        text-decoration: none;
        background-color: #F0F7FC;
        
}

.contentpane {

}



.contentpaneopen {
        
        text-align: right;
}
.blog {

border: 1px solid #F5F5F5;
background-color: #FFFFFF;
        

}
#com_bans {
        padding: 8px;
        display: block;
        margin-top: 8px;
        margin-bottom: 8px;
        text-align: center;
}
/* ################# CONTENT PAGE SETTINGS  From Main Porotal  CSS TMPL ################ */
.contentpane {
  background       : #FFFFFF;
}

.contentpaneopen {
  background       : #FFFFFF;
          text-align: right;

}

.contentheading, .componentheading {
  font-family: tahoma;
  font-size        : 11px;
  font-weight      : bold;
  color            : #516803;
  text-align       : right;
}

/* ################# CONTENT PAGE SETTINGS  From Main Porotal_mac  CSS TMPL ################ */

td.sectiontableheader {
  background: #efefef;
  color: #333;
  font-weight: bold;
  padding: 4px;
  border-right: 1px solid #fff;
}






.small {
        font-size: 10px;
        color: #999;
        font-weight: normal;
        text-align: left;
}

.modifydate {
  height: 20px;
  vertical-align: bottom;
        font-size: 10px;
        color: #999;
        font-weight: normal;
        text-align: left;
        direction:rtl;
}

.createdate {
        height: 20px;
        direction:rtl;
        vertical-align: top;
        font-size: 10px;
        color: #999;
        font-weight: normal;
        vertical-align: top;
        padding-bottom: 5px;
        padding-top: 0px;

}


.button {
BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT-SIZE: 8pt; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid; FONT-FAMILY: tahoma; BACKGROUND-COLOR: #BDCE48
}


.inputbox {
/* the look of input boxes in forms */
 FONT-FAMILY: tahoma;
font-size: 12px;
color: #666;
background: #dfe7a9;
border: 1px solid #6A4F34;
padding: 1px 3px;
margin: 0;
}


/* ###################### SECTION LISTING SETTINGS ###################### */

.sectiontableheader {
/* This is for styling the section table headers on a SECTION's page.*/
background-color : #F7F9E8;
background-repeat: repeat;
padding: 2px 0 2px 10px;
color : #818E25;
font-weight : bold;
}

.sectiontableentry1 {
/* this is used when there's a whole list of data to provide and
you need to create alternate colors for each row of data. This is
the first color */
background-color : #F4FAC7;
padding: 1px 0 1px 10px;
}

.sectiontableentry2 {
/* this is the second color for the row*/
background-color : #ECE9E9;
padding: 1px 0 1px 10px;
}

/* */

/*layout styles seperated from
layout.css as they are not structural
but graphical*/

body {
background: #3E362F repeat-x; /* url(../images/html_bg.gif) repeat-x; */
color: #999;
font: 76.1%/1.3em Tahoma, Tahoma, Tahoma, Tahoma;
}

#pathway {
background:#F7F9E8;
}

table.moduletable {
  margin-bottom    : 10px;
}

table.moduletable th {
  font-size        : 11px;
  font-family: Tahoma;
  text-align:right;
  font-weight      : bold;
  color            : #000000;
  background-color : #E0DCC9;
  width            : 100%;
          height:100%;
        line-height:20px;

}



/* --------- < remove this ban if order form is active > this is the aligmnet for place of ORDER FORM boxes and fields in Farsi "Order Form Must Be Active, it makes some problem and change the aligment of top menu to LEFT in FireFox ------*/



td,tr,p,div {
        
        text-align: right;
        
}

 /* --------- < remove this ban if order form is active >------*/

td.greyline {
  width: 11px;
  background: url(../images/mp_line_grey.png) repeat-y;
}

div.moduletable h3, div.module h3, div.module-dark h3 {
  margin: 0;
  font-weight: bold;
  font-family: Tahoma, Tahoma, Tahoma;
  font-size: 1.0em;
  margin-bottom: 5px;
  padding-left: 4px;
}

/** pathway block **/
span.pathway {
        text-align:right;
        direction: rtl;
        color:#000000;
        font-size:11px;
        font-weight:normal;
        border-bottom-width: 0px;
        border-bottom-style: solid;
        border-bottom-color: #E5E5E5;
        height:20px;
        margin-bottom:10px;
}

/** pathway link item **/
a.pathway:link,
a.pathway:link,
a.pathway:active,
a.pathway:visited {
        color:#51473D;
        text-decoration:none;
        direction:rtl;
        
}